body{ margin: 0 auto; padding: 0; width: 100%; height: 100vh; padding-top: 5.25rem; font-size: 0.75rem; background: #fff; color: #343a40; overflow-x: hidden; overflow-y: scroll; } .h1, h1{ font-size: 250%; } .h2, h2{ font-size: 200%; } .h3, h3{ font-size: 175%; } .h4, h4{ font-size: 150%; } .h5, h5{ font-size: 125%; } .h6, h6{ font-size: 100%; } .display-1{ font-size: 600%; letter-spacing: -4px; } .display-2{ font-size: 550%; letter-spacing: -3px; } .display-3{ font-size: 450%; letter-spacing: -2px; } .display-4{ font-size: 350%; letter-spacing: -1px; } a, .btn{ transition: all 250ms ease; } a:hover, a:focus, a:active{ text-decoration: none; } button:not(.disabled), .btn:not(.disabled){ cursor: pointer; } .btn-group-xs > .btn, .btn-xs{ padding: .25rem .5rem; font-size: .7rem; line-height: 1; } strong, .strong, label{ font-weight: 500!important; } small, .small, .input-group-sm > .form-control, .input-group-sm > .input-group-append>.btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text, blockquote > cite, .nf-form-fields-required{ font-size: 80%!important; line-height: 1.3!important; } big, .big{ font-size: 120%; } .strike{ text-decoration: line-through; } .show{ visibility: visible; } .hide{ visibility: hidden; } dl, ol, ul{ margin-left: 0; padding-left: 1.5rem; } #page img{ display: block; max-width: 100%!important; height: auto!important; } #page img.aligncenter{ margin: 0 auto 1.5rem auto; } #page img.alignleft{ float: left; margin: 0 1.5rem 1.5rem 0; } #page img.alignright{ float: right; margin: 0 0 1.5rem 1.5rem; } #site-navigation{ transition: all 750ms ease; } #site-navigation .navbar-text{ font-size: 90%; } #main{ box-sizing: border-box; min-height: 66vh; } .wp-block-cover, .wp-block-cover-image{ min-height: 56vh; } .entry-content > p:first-of-type, blockquote > p{ font-size: 150%; font-weight: 300; line-height: 1.3; } blockquote > p{ font-style: italic; } blockquote > cite{ font-style: normal; } .list-inline{ margin-left: 0; } .carousel-indicators li:not(.active), button:not(.disabled), .btn:not(.disabled){ cursor: pointer; } .carousel{ font-size: 0.5rem; width: calc(100% + 30px); height: 75vh; margin-left: -15px; margin-bottom: 1.5rem; } .carousel-item{ height: 75vh; background-position: center center; background-repeat: no-repeat; background-size: cover; } .carousel-item:before{ position: absolute; display: block; content: ' '; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.15); } .carousel-caption{ bottom: 50%; transform: translate(0,50%); text-shadow: 0 0 4px rgba(0,0,0,0.85) } .carousel-caption > .the-caption{ font-size: 150%; } .carousel-caption > .the-caption a:not(.btn){ color: inherit; text-decoration: underline; } .carousel-caption > .the-caption a.btn{ text-shadow: none; } .carousel-control-next-icon, .carousel-control-prev-icon{ width: 40px; height: 40px; } .taxonomy-item{ transition: all 250ms ease; } .taxonomy-item:hover{ color: #fff; background: #000; } .taxonomy-item a{ transition: all 0ms ease; } .taxonomy-item:hover a:not(.btn){ color: inherit; } .taxonomy-item:hover a:not(.btn):hover{ text-decoration: underline; } .site-footer{ font-size: 75%; padding: 1.5rem 0; } ul#footer-menu{ padding-left: 0; width: auto; margin: 0 auto 0.5rem auto; } ul#footer-menu > li{ display: inline; } #footer-menu > li:not(:last-child):after{ content: "\0020\007c\0020"; } .site-footer a{ color: inherit; } .site-footer .social-links{ font-size: 150%; } .site-footer .credit-phil{ opacity: 0.5; } @media only screen and ( min-width: 576px ){ body{ font-size: 1rem; } } @media only screen and ( min-width: 768px ){ blockquote{ max-width: 50rem; margin-left: auto; margin-right: auto; } } @media only screen and ( min-width: 992px ){ .carousel{ font-size: 1rem; } .carousel-item{ } } @font-face{ font-family: 'Cry Uncial'; src: url('CryUncial.woff2') format('woff2'), url('CryUncial.woff') format('woff'); font-weight: normal; font-style: normal; } body{ font-family: Roboto,sans-serif; font-weight: 400; padding-top: 14vh; } .h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, .display-1, .display-2, .display-3, .display-4{ font-family: Roboto,sans-serif; font-weight: 300; } #site-navigation:before{ position: absolute; content: ' '; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to right, rgba(0,89,182,0), rgba(0,89,182,0.975) 42%), url('smith-tartan.jpg'); background-position: left center; background-size: cover, auto 88px; background-repeat: no-repeat, repeat; z-index: -1; transition: all 500ms ease; } #site-navigation .navbar-brand{ margin: 0; padding: 0; } #site-navigation .navbar-brand img{ display: block; width: auto!important; height: 12.5vh!important; margin: 0 auto; } #site-navigation .navbar-text{ font-size: 70%; } #site-navigation .site-description{ display: none; } .navbar-dark .navbar-nav .nav-link{ color: rgba(255,255,255,0.75); } #page{ position: relative; background-position: center top; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; } #page:before{ position: absolute; display: block; content: ' '; top: 0; right: 0; bottom: 0; left: 0; background: #fff; background: rgba(255,255,255,0.75); } body:not(#home) #page{ background-image: url('https://logcabin-holidays.co.uk/wp-bobbins/uploads/scene-kilchurn.jpg'); } body.category-ulpha-lake-district-england #page{ background-image: url('https://logcabin-holidays.co.uk/wp-bobbins/uploads/lake-district-beautiful.jpg'); } #content{ position: relative; z-index: 900; background: #fff; padding-top: 1.5rem; } body#home #content{ padding-top: 0; } #content-after{ position: relative; z-index: 900; } .ics-calendar{ margin-left: auto!important; margin-right: auto!important; max-width: 715px; } .col > .accreditation-logo{ height: 12.5vh; background-position: center center; background-repeat: no-repeat; background-size: contain; } .site-footer{ position: relative; z-index: 900; background: rgba(0,89,182,1); background-image: linear-gradient(to right, rgba(0,89,182,0), rgba(0,89,182,0.975) 42%), url('smith-tartan.jpg'); background-position: left center; background-size: cover, auto 88px; background-repeat: no-repeat, repeat; color: #fff; } iframe#booking{ width: 100%; min-height: 66vh; border: none; background-image: url('https://via.placeholder.com/375x320/fff/676767.png?text=Loading...'); background-position: center top; background-repeat: no-repeat; } @media only screen and ( min-width: 992px ){ .wp-block-cover, .wp-block-cover-image{ width: 50%; min-height: 66vh; float: right; margin-left: 1.5rem; } .wp-block-gallery{ width: 50%; float: left; margin-right: 1.5rem; } } @media only screen and ( min-width: 1500px ){ #site-navigation .site-description{ display: block; } }