.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.noselect { -webkit-touch-callout: none; -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
::-moz-selection { background: #00B8D1; color: #FFFFFF; }
::selection { background: #00B8D1; color: #FFFFFF; }
::-moz-selection { background: #00B8D1; color: #FFFFFF; }
body { line-height: 1; position: relative; color: #0F0F0F; }
body.body-lock { overflow: hidden; }
* { -webkit-box-sizing: border-box; box-sizing: border-box; }
.screen-reader-text { display: none; }
img { max-width: 100%; height: auto; }
@media screen and (max-width: 600px) { #wpadminbar { position: fixed; } }
body { font-family: 'Raleway', sans-serif; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; }
@font-face { font-family: 'icomoon'; src: url(//shearersorkney.co.uk/wp-content/themes/ticketyboo/assets/fonts/icomoon.eot?bzcd1h); src: url(//shearersorkney.co.uk/wp-content/themes/ticketyboo/assets/fonts/icomoon.eot?bzcd1h#iefix) format("embedded-opentype"), url(//shearersorkney.co.uk/wp-content/themes/ticketyboo/assets/fonts/icomoon.ttf?bzcd1h) format("truetype"), url(//shearersorkney.co.uk/wp-content/themes/ticketyboo/assets/fonts/icomoon.woff?bzcd1h) format("woff"), url(//shearersorkney.co.uk/wp-content/themes/ticketyboo/assets/fonts/icomoon.svg?bzcd1h#icomoon) format("svg"); font-weight: normal; font-style: normal; font-display: block; }
[class^="icon-"], [class*=" icon-"] { font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-chev-down:before { content: "\e901"; }
.icon-phone:before { content: "\e905"; }
.icon-chev-right:before { content: "\e904"; }
.icon-chev-left:before { content: "\e906"; }
.icon-email:before { content: "\e909"; }
.icon-arrow-up2:before { content: "\ea3a"; }
.icon-arrow-right2:before { content: "\ea3c"; }
.icon-arrow-down2:before { content: "\ea3e"; }
.icon-arrow-left2:before { content: "\ea40"; }
.site-header { position: fixed; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; top: 0; left: 0; width: 300px; height: 100vh; background-color: #FFFFFF; -webkit-box-shadow: 6px 0 12px rgba(0, 0, 0, 0.06); box-shadow: 6px 0 12px rgba(0, 0, 0, 0.06); z-index: 9999; }
@media (max-width: 1000px) { .site-header { -webkit-transform: translateX(-100%); transform: translateX(-100%); padding-top: 90px; -webkit-transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); }
.site-header.is-open { -webkit-transform: translateX(0); transform: translateX(0); } }
body.admin-bar .site-header { top: 32px; height: calc(100vh - 32px); }
@media (max-width: 782px) { body.admin-bar .site-header { top: 46px; height: calc(100vh - 46px); } }
.site-header .site-logo { margin: 50px 0; padding: 0 20px; }
@media (max-width: 1000px) { .site-header .site-logo { display: none; } }
.site-header .site-nav { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
footer.site-footer { padding: 20px 50px; background-color: #0F0F0F; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; color: #FFFFFF; }
@media (max-width: 600px) { footer.site-footer { padding: 20px; } }
footer.site-footer a.orknet img { display: block; width: 125px; height: auto; }
.max-width { width: 100%; max-width: 1200px; margin: 0 auto; }
.site-content { width: calc(100% - 300px); margin-left: 300px; min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
.site-content__inner { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
body.admin-bar .site-content { min-height: calc(100vh - 32px); }
@media (max-width: 782px) { body.admin-bar .site-content { min-height: calc(100vh - 46px); } }
@media (max-width: 1000px) { .site-content { width: 100%; margin-left: 0; } }
.site-content h2 { font-size: 80px; font-weight: bold; line-height: 1; margin-bottom: 30px; }
@media (max-width: 700px) { .site-content h2 { font-size: 40px; } }
.site-content p { font-size: 16px; line-height: 1.6; margin-bottom: 20px; }
section.section { padding: 100px 50px; }
@media (max-width: 600px) { section.section { padding: 50px 20px; } }
section.section h2 { font-size: 80px; font-weight: bold; line-height: 1; margin-bottom: 30px; }
@media (max-width: 700px) { section.section h2 { font-size: 40px; } }
section.section p { font-size: 20px; margin-bottom: 20px; max-width: 1200px; }
section.section .button { margin-top: 50px; }
section.section--service-station { padding-bottom: 0; }
section.section--service-station p.font-large { font-size: 40px; line-height: 1.2; margin-bottom: 30px; }
@media (max-width: 700px) { section.section--service-station p.font-large { font-size: 30px; } }
section.section--pay-at-pump { min-height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-size: cover; background-repeat: no-repeat; }
section.section--pay-at-pump .cards-container { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 50px; margin-top: 50px; }
@media (max-width: 1300px) { section.section--pay-at-pump .cards-container { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { section.section--pay-at-pump .cards-container { grid-template-columns: 1fr; } }
section.section--pay-at-pump .cards-container .card { border-radius: 3px; position: relative; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
section.section--pay-at-pump .cards-container .card::before { content: ''; padding-bottom: 100%; }
section.section--pay-at-pump .cards-container .card:nth-child(1) { background-color: #8ED8F7; }
section.section--pay-at-pump .cards-container .card:nth-child(2) { background-color: #D2E288; }
section.section--pay-at-pump .cards-container .card:nth-child(3) { background-color: #EF5089; }
section.section--pay-at-pump .cards-container .card:nth-child(4) { background-color: #A280BA; }
section.section--pay-at-pump .cards-container .card__contents { padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
section.section--pay-at-pump .cards-container .card img { max-height: 190px; height: auto; width: 100%; display: block; margin-bottom: 20px; }
section.section--pay-at-pump .cards-container .card p { font-weight: bold; text-align: center; line-height: 1.2; margin-bottom: 0; }
section.section--rapid-charger { background-color: #8ED8F7; text-align: center; }
section.section--rapid-charger p { max-width: 1000px; margin-left: auto; margin-right: auto; }
section.section--car-hire { display: grid; grid-template-columns: repeat(2, 1fr); padding: 0; min-height: 100vh; }
@media (max-width: 1150px) { section.section--car-hire { grid-template-columns: 1fr; grid-template-rows: repeat(2, 1fr); } }
section.section--car-hire .car-hire-text { overflow: hidden; background-color: #EF5089; color: #FFFFFF; padding: 100px 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }
@media (max-width: 600px) { section.section--car-hire .car-hire-text { padding: 50px 20px; } }
section.section--car-hire .car-hire-text h2, section.section--car-hire .car-hire-text p, section.section--car-hire .car-hire-text a { position: relative; }
section.section--car-hire .car-hire-text::before, section.section--car-hire .car-hire-text::after { content: ''; display: block; position: absolute; border-radius: 50%; background-color: #FFFFFF; opacity: .1; z-index: 0; }
section.section--car-hire .car-hire-text::before { width: 15vw; height: 15vw; top: 0; right: 0; -webkit-transform: translate(25%, -25%); transform: translate(25%, -25%); }
section.section--car-hire .car-hire-text::after { width: 30vw; height: 30vw; bottom: 0; left: 0; -webkit-transform: translate(-25%, 25%); transform: translate(-25%, 25%); }
section.section--car-hire .car-hire-image { position: relative; }
section.section--car-hire .car-hire-image img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
section.section--holiday-accomm { min-height: 100vh; background-color: #D2E288; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
section.section--holiday-accomm h3 { font-size: 36px; margin-bottom: 30px; }
section.section--holiday-accomm p { margin-left: auto; margin-right: auto; }
section.section--holiday-accomm .accomm-image-holder { width: 100%; }
section.section--holiday-accomm .accomm-image-holder img { width: 100%; height: auto; }
section.section--holiday-accomm .holiday-accomm-gallery { width: 100%; max-width: 1020px; margin: 0 auto; display: grid; grid-template-columns: 2fr repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-gap: 20px; position: relative; }
@media (max-width: 700px) { section.section--holiday-accomm .holiday-accomm-gallery { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; } }
@media (max-width: 500px) { section.section--holiday-accomm .holiday-accomm-gallery { grid-template-columns: 1fr; grid-template-rows: auto; } }
section.section--holiday-accomm .holiday-accomm-gallery::before { content: ''; width: 0; padding-bottom: 50%; grid-row: 1 / 1; grid-column: 1 / 1; }
@media (max-width: 700px) { section.section--holiday-accomm .holiday-accomm-gallery::before { display: none; } }
@media (min-width: 701px) { section.section--holiday-accomm .holiday-accomm-gallery > *:first-child { grid-row: 1 / 3; grid-column: 1 / 2; } }
section.section--holiday-accomm .holiday-accomm-gallery .holiday-accomm-image { position: relative; }
@media (min-width: 701px) { section.section--holiday-accomm .holiday-accomm-gallery .holiday-accomm-image:nth-child(3) { grid-column: 3 / 4; grid-row: 1 / 3; } }
@media (max-width: 700px) { section.section--holiday-accomm .holiday-accomm-gallery .holiday-accomm-image::before { content: ''; display: block; padding-bottom: 100%; } }
section.section--holiday-accomm .holiday-accomm-gallery .holiday-accomm-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
section.section--contact { padding: 0; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 50px; }
@media (max-width: 1150px) { section.section--contact { grid-template-columns: 1fr; } }
section.section--contact .contact-form { padding: 0 0 100px 50px; }
@media (max-width: 1150px) { section.section--contact .contact-form { padding: 0 50px 0 50px; } }
@media (max-width: 600px) { section.section--contact .contact-form { padding: 0 20px 0 20px; } }
section.section--contact .map-contact-details-col { padding: 0 50px 100px 0; }
@media (max-width: 1150px) { section.section--contact .map-contact-details-col { padding: 0 50px 100px 50px; } }
@media (max-width: 600px) { section.section--contact .map-contact-details-col { padding: 0 20px 50px 20px; } }
body.home section.section--contact .contact-form { padding-top: 100px; }
@media (max-width: 600px) { body.home section.section--contact .contact-form { padding-top: 50px; } }
body.home section.section--contact .map-contact-details-col { padding-top: 100px; }
@media (max-width: 1150px) { body.home section.section--contact .map-contact-details-col { padding-top: 0; } }
section.section--contact .contact-details-row { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; }
@media (max-width: 500px) { section.section--contact .contact-details-row { grid-template-columns: 1fr; } }
section.section--contact .contact-details-row h3 { font-weight: bold; font-size: 16px; margin-bottom: 10px; }
section.section--contact .contact-details-row p { line-height: 1.6; font-size: 16px; }
section.section--contact .contact-details-row a { color: #0F0F0F; }
.page-content-container { padding: 50px; }
@media (max-width: 600px) { .page-content-container { padding: 20px; } }
.page-content-container h1, .page-content-container h2 { font-size: 80px; font-weight: bold; line-height: 1; margin-bottom: 30px; }
@media (max-width: 700px) { .page-content-container h1, .page-content-container h2 { font-size: 40px; } }
.page-content-container p { font-size: 16px; line-height: 1.6; margin-bottom: 20px; max-width: 1200px; }
.page-content-container ul, .page-content-container ol { list-style-position: inside; }
.page-content-container ul li, .page-content-container ol li { margin-bottom: 10px; line-height: 1.6; }
.page-content-container a { font-weight: bold; color: #00B8D1; }
.cookie-disclaimer { position: fixed; bottom: 0; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.6; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; background-color: #181818; color: white; z-index: 9999; }
@media (max-width: 450px) { .cookie-disclaimer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
.cookie-disclaimer.loading { opacity: 0; }
.cookie-disclaimer.trans { -webkit-transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); }
.cookie-disclaimer.hide { -webkit-transform: translateY(100%); transform: translateY(100%); }
.cookie-disclaimer a { color: white; }
.cookie-disclaimer button#accept-cookie { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; border: none; background-color: white; font-size: 16px; padding: 10px 20px; border-radius: 3px; color: #181818; cursor: pointer; margin-left: 20px; }
@media (max-width: 450px) { .cookie-disclaimer button#accept-cookie { margin-left: 0; margin-top: 20px; width: 100%; } }
.cookie-disclaimer button#accept-cookie:hover { text-decoration: underline; }
.menu-contact-details .link { font-weight: bold; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; position: relative; }
.menu-contact-details .link::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.menu-contact-details .link:hover { color: #FFFFFF !important; }
.menu-contact-details .link:hover::before { -webkit-transform: translateX(0); transform: translateX(0); }
.menu-contact-details .link:nth-child(1) { color: #00B8D1; }
.menu-contact-details .link:nth-child(1)::before { background-color: #00B8D1; }
.menu-contact-details .link:nth-child(1) i { background-color: #00B8D1; }
.menu-contact-details .link:nth-child(2) { color: #EF5089; }
.menu-contact-details .link:nth-child(2)::before { background-color: #EF5089; }
.menu-contact-details .link:nth-child(2) i { background-color: #EF5089; }
.menu-contact-details .link i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 50px; height: 50px; margin-right: 10px; color: #FFFFFF; }
.site-nav ul.menu > li { display: block; }
.site-nav ul.menu > li.purple a { border-left-color: #A280BA; color: #A280BA; }
.site-nav ul.menu > li.purple a::before { background-color: #A280BA; }
.site-nav ul.menu > li.pink a { border-left-color: #EF5089; color: #EF5089; }
.site-nav ul.menu > li.pink a::before { background-color: #EF5089; }
.site-nav ul.menu > li.green a { border-left-color: #D2E288; color: #D2E288; }
.site-nav ul.menu > li.green a::before { background-color: #D2E288; }
.site-nav ul.menu > li.blue a { border-left-color: #8ED8F7; color: #8ED8F7; }
.site-nav ul.menu > li.blue a::before { background-color: #8ED8F7; }
.site-nav ul.menu > li.current-menu-item a { color: #FFFFFF; }
.site-nav ul.menu > li.current-menu-item a::before { -webkit-transform: translateX(0); transform: translateX(0); }
.site-nav ul.menu > li a { display: block; border-left: 5px solid #00B8D1; color: #00B8D1; padding-left: 40px; width: 100%; height: 50px; line-height: 50px; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 16px; position: relative; }
.site-nav ul.menu > li a::before { content: ''; display: block; position: absolute; top: 0; left: 0; background-color: #00B8D1; width: 100%; height: 100%; z-index: -1; -webkit-transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.site-nav ul.menu > li a:hover { color: #FFFFFF; }
.site-nav ul.menu > li a:hover::before { -webkit-transform: translateX(0); transform: translateX(0); }
.button { color: #0F0F0F; border: 2px solid #0F0F0F; background-color: transparent; border-radius: 3px; padding: 10px 20px; text-decoration: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-weight: bold; position: relative; overflow: hidden; display: inline-block; -webkit-transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); line-height: 1; -ms-flex-item-align: start; align-self: flex-start; font-size: 20px; z-index: 100; }
.button:focus { outline: none; }
.button:hover { color: #FFFFFF; }
.button:hover::before { -webkit-transform: translateX(0); transform: translateX(0); }
.button::before { content: ''; display: block; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-color: #0F0F0F; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); }
.button--arrow { padding: 10px 10px 10px 15px; }
.button--arrow::after { content: '\ea3c'; margin-left: 15px; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.button--submit:hover { background-color: #0F0F0F; }
.button.button--white { color: #FFFFFF; border-color: #FFFFFF; }
.button.button--white:hover { color: #0F0F0F; }
.button.button--white::before { background-color: #FFFFFF; }
.inv-recaptcha-holder { display: none; }
.contact-form-container { width: 100%; }
.contact-form-container form { width: 100%; }
.contact-form-container label { display: block; margin-top: 20px; margin-bottom: 8px; color: #0F0F0F; font-size: 16px; font-weight: bold; }
.contact-form-container label:first-of-type { margin-top: 0; }
.contact-form-container br { display: none; }
.contact-form-container .button { margin-top: 0 !important; }
.contact-form-container input:not([type="submit"]), .contact-form-container textarea, .contact-form-container select { width: 100%; padding: .5rem; font-size: 1rem; font: inherit; border: 1px solid #C4C4C4; border-radius: 3px; background-color: #FFFFFF; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.contact-form-container input:not([type="submit"]):hover, .contact-form-container input:not([type="submit"]):focus, .contact-form-container textarea:hover, .contact-form-container textarea:focus, .contact-form-container select:hover, .contact-form-container select:focus { outline: none; border-color: #00B8D1; }
.contact-form-container input:not([type="submit"]).wpcf7-not-valid, .contact-form-container textarea.wpcf7-not-valid, .contact-form-container select.wpcf7-not-valid { border-color: #ff0033; }
.contact-form-container select { cursor: pointer; background-repeat: no-repeat; background-position: calc(100% - 10px) 50%; }
.contact-form-container textarea { resize: none; min-height: 250px; }
span.wpcf7-not-valid-tip { display: block; color: #ff0033; font-size: 12px; margin-top: 5px; }
div.wpcf7-response-output { border: none; padding: 20px; margin: 0; text-align: center; color: #FFFFFF; margin-top: 20px; line-height: 1.6; }
div.wpcf7-mail-sent-ok { background-color: #00ad6e; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { background-color: #ff0033; } div.wpcf7 .ajax-loader { background-image: url(//shearersorkney.co.uk/wp-content/themes/ticketyboo/assets/img/ajax-loader.gif); background-repeat: no-repeat; background-position: center; display: block; width: 220px; height: 19px; margin: 20px auto; }
.gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.gallery.top-margin { margin-top: 150px; }
.gallery .gallery-item { margin-top: 0 !important; float: none !important; position: relative; overflow: hidden; background-color: #ffffff; border: 1px solid #ffffff; -webkit-transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); }
.gallery .gallery-item:after { content: ''; display: block; padding-bottom: 75%; }
.gallery .gallery-item img { height: 100%; width: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); }
.gallery .gallery-item img.stretch { width: 100%; height: auto; }
.gallery .gallery-item .wp-caption-text { display: none; }
.gallery.gallery-columns-1 .gallery-item { width: 100%; margin-bottom: 1rem; }
.gallery.gallery-columns-2 { display: grid; grid-gap: 1rem; grid-template-columns: repeat(2, 1fr); }
.gallery.gallery-columns-2 .gallery-item { width: 100%; }
@media (max-width: 900px) { .gallery.gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .gallery.gallery-columns-2 { grid-template-columns: 1fr; } }
.gallery.gallery-columns-3 { display: grid; grid-gap: 1rem; grid-template-columns: repeat(3, 1fr); }
.gallery.gallery-columns-3 .gallery-item { width: 100%; }
@media (max-width: 900px) { .gallery.gallery-columns-3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .gallery.gallery-columns-3 { grid-template-columns: 1fr; } }
.gallery.gallery-columns-4 { display: grid; grid-gap: 1rem; grid-template-columns: repeat(4, 1fr); }
.gallery.gallery-columns-4 .gallery-item { width: 100%; }
@media (max-width: 900px) { .gallery.gallery-columns-4 { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) { .gallery.gallery-columns-4 { grid-template-columns: 1fr; } }
.gallery.gallery-columns-5 { display: grid; grid-gap: 1rem; grid-template-columns: repeat(5, 1fr); }
.gallery.gallery-columns-5 .gallery-item { width: 100%; }
@media (max-width: 900px) { .gallery.gallery-columns-5 { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 600px) { .gallery.gallery-columns-5 { grid-template-columns: 1fr; } }
.gallery.gallery-columns-6 { display: grid; grid-gap: 1rem; grid-template-columns: repeat(6, 1fr); }
.gallery.gallery-columns-6 .gallery-item { width: 100%; }
@media (max-width: 900px) { .gallery.gallery-columns-6 { grid-template-columns: repeat(5, 1fr); } }
@media (max-width: 600px) { .gallery.gallery-columns-6 { grid-template-columns: 1fr; } }
.gallery.gallery-columns-7 { display: grid; grid-gap: 1rem; grid-template-columns: repeat(7, 1fr); }
.gallery.gallery-columns-7 .gallery-item { width: 100%; }
@media (max-width: 900px) { .gallery.gallery-columns-7 { grid-template-columns: repeat(6, 1fr); } }
@media (max-width: 600px) { .gallery.gallery-columns-7 { grid-template-columns: 1fr; } }
.gallery.gallery-columns-8 { display: grid; grid-gap: 1rem; grid-template-columns: repeat(8, 1fr); }
.gallery.gallery-columns-8 .gallery-item { width: 100%; }
@media (max-width: 900px) { .gallery.gallery-columns-8 { grid-template-columns: repeat(7, 1fr); } }
@media (max-width: 600px) { .gallery.gallery-columns-8 { grid-template-columns: 1fr; } }
.gallery.gallery-columns-9 { display: grid; grid-gap: 1rem; grid-template-columns: repeat(9, 1fr); }
.gallery.gallery-columns-9 .gallery-item { width: 100%; }
@media (max-width: 900px) { .gallery.gallery-columns-9 { grid-template-columns: repeat(8, 1fr); } }
@media (max-width: 600px) { .gallery.gallery-columns-9 { grid-template-columns: 1fr; } }
.mobile-menu-button { cursor: pointer; z-index: 9999; display: none; }
@media (max-width: 1000px) { .mobile-menu-button { display: block; } }
.mobile-menu-button .bar-container { width: 22px; height: 32px; margin: 0 auto; padding: 9px 0; position: relative; }
.mobile-menu-button .bar-container .bar { position: absolute; background-color: #0F0F0F; width: 100%; height: 2px; -webkit-transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform-origin: center; transform-origin: center; margin: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); border-radius: 9px; }
.mobile-menu-button .bar-container .bar:first-child { top: 9px; }
.mobile-menu-button .bar-container .bar:nth-child(2), .mobile-menu-button .bar-container .bar:nth-child(3) { top: 15px; }
.mobile-menu-button .bar-container .bar:last-child { top: 21px; }
.mobile-menu-button.is-open .bar { background-color: #EF5089; }
.mobile-menu-button.is-open .bar:first-child { top: 15px; width: 0; }
.mobile-menu-button.is-open .bar:nth-child(2) { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); }
.mobile-menu-button.is-open .bar:nth-child(3) { -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); }
.mobile-menu-button.is-open .bar:last-child { top: 15px; width: 0; }
.lazy { max-width: 50px; height: auto !important; }
.charging-bar { width: 100%; max-width: 1000px; height: 70px; background-color: #FFFFFF; border: 10px solid #0F0F0F; border-radius: 9px; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); position: relative; margin: 80px auto 0; }
.charging-bar.active .charging-bar__cover { -webkit-animation: moveChargingBar 5s linear forwards; animation: moveChargingBar 5s linear forwards; }
.charging-bar.active .charging-bar__label-wrap { -webkit-animation: moveChargingLabel 5s linear forwards; animation: moveChargingLabel 5s linear forwards; }
.charging-bar__graphic-wrap { position: absolute; top: 0; left: 0; width: 80%; height: 100%; overflow: hidden; }
.charging-bar__graphic { width: 150%; height: 100%; z-index: 1; position: absolute; top: 0; left: -50%; background-size: cover; -webkit-animation: chargingBarAnimation 1s linear infinite; animation: chargingBarAnimation 1s linear infinite; }
.charging-bar__cover { position: absolute; top: 0; left: 0; width: 80%; height: 100%; background-color: #FFFFFF; z-index: 2; -webkit-transform-origin: right; transform-origin: right; }
.charging-bar__label-wrap { position: absolute; top: 0; left: 0; width: 80%; height: 100%; background-color: transparent; z-index: 3; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.charging-bar__label { position: absolute; z-index: 2; font-weight: bold; font-size: 20px; color: #FFFFFF; background-color: #EF5089; padding: 5px 10px; border-radius: 3px; width: 130px; text-align: center; line-height: 1; top: -45px; right: -65px; }
.charging-bar__label::after { content: ''; position: absolute; bottom: -15px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 15px 10px 0 10px; border-color: #EF5089 transparent transparent transparent; }
.charging-bar__counter { position: absolute; top: 50%; right: 10px; text-align: right; font-size: 20px; font-weight: bold; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@-webkit-keyframes chargingBarAnimation { 100% { -webkit-transform: translateX(66px); transform: translateX(66px); } }
@keyframes chargingBarAnimation { 100% { -webkit-transform: translateX(66px); transform: translateX(66px); } }
@-webkit-keyframes moveChargingBar { 100% { -webkit-transform: scaleX(0); transform: scaleX(0); } }
@keyframes moveChargingBar { 100% { -webkit-transform: scaleX(0); transform: scaleX(0); } }
@-webkit-keyframes moveChargingLabel { 100% { -webkit-transform: translateX(0); transform: translateX(0); } }
@keyframes moveChargingLabel { 100% { -webkit-transform: translateX(0); transform: translateX(0); } }
.header-slider-frame { width: 100%; margin-bottom: 100px; background-color: #00B8D1; height: 650px; -webkit-animation: frameColourAnimation 20s linear infinite; animation: frameColourAnimation 20s linear infinite; }
@media (max-width: 600px) { .header-slider-frame { height: auto; margin-top: 90px; margin-bottom: 0; } }
@-webkit-keyframes frameColourAnimation { 0, 100% { background-color: #00B8D1; }
20% { background-color: #00B8D1; }
25% { background-color: #D2E288; }
45% { background-color: #D2E288; }
50% { background-color: #EF5089; }
70% { background-color: #EF5089; }
75% { background-color: #A280BA; }
95% { background-color: #A280BA; } }
@keyframes frameColourAnimation { 0, 100% { background-color: #00B8D1; }
20% { background-color: #00B8D1; }
25% { background-color: #D2E288; }
45% { background-color: #D2E288; }
50% { background-color: #EF5089; }
70% { background-color: #EF5089; }
75% { background-color: #A280BA; }
95% { background-color: #A280BA; } }
.header-slider { position: relative; }
.header-slider .slick-slide { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }
.header-slider .slick-slide:focus { outline: none; }
.header-slider .slick-arrow { position: absolute; top: 50%; z-index: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); width: 50px; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; color: #0F0F0F; cursor: pointer; font-size: 16px; -webkit-transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); }
.header-slider .slick-arrow:focus { outline: none; }
.header-slider .slick-arrow.slick-prev { left: 100px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
@media (max-width: 1150px) { .header-slider .slick-arrow.slick-prev { left: 50px; } }
.header-slider .slick-arrow.slick-prev:hover { -webkit-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1); }
.header-slider .slick-arrow.slick-next { right: 100px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); }
@media (max-width: 1150px) { .header-slider .slick-arrow.slick-next { right: 50px; } }
.header-slider .slick-arrow.slick-next:hover { -webkit-transform: translate(50%, -50%) scale(1.1); transform: translate(50%, -50%) scale(1.1); }
.header-slider .slick-dots { position: absolute; bottom: 140px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; }
@media (max-width: 1150px) { .header-slider .slick-dots { bottom: 100px; } }
@media (max-width: 600px) { .header-slider .slick-dots { bottom: 20px; } }
.header-slider .slick-dots li { list-style: none; }
.header-slider .slick-dots li:only-child { display: none; }
.header-slider .slick-dots li:not(:last-child) { margin-right: 10px; }
.header-slider .slick-dots li.slick-active button { background-color: #00B8D1; opacity: 1; -webkit-box-shadow: 0 0 18px rgba(0, 184, 209, 0.4); box-shadow: 0 0 18px rgba(0, 184, 209, 0.4); }
.header-slider .slick-dots li button { display: block; font-size: 0; width: 20px; height: 20px; border-radius: 50%; opacity: 0.5; cursor: pointer; background-color: #FFFFFF; border: 3px solid #FFFFFF; -webkit-transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 250ms cubic-bezier(0.215, 0.61, 0.355, 1); }
.header-slider .slick-dots li button:hover { background-color: #00B8D1; opacity: 1; -webkit-box-shadow: 0 0 18px rgba(0, 184, 209, 0.4); box-shadow: 0 0 18px rgba(0, 184, 209, 0.4); }
.header-slider .slick-dots li button:focus { outline: none; }
.header-slide { width: calc(100% - 200px); margin: 100px; height: 650px !important; position: relative; }
@media (max-width: 1150px) { .header-slide { width: calc(100% - 100px); margin: 50px; } }
@media (max-width: 1000px) { .header-slide { margin-top: 140px; } }
@media (max-width: 600px) { .header-slide { margin: 0; width: 100%; height: auto !important; }
.header-slide::before { content: ''; display: block; padding-bottom: 66.66%; } }
.header-slide img { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; }
.acf-map { min-height: 380px; margin-bottom: 30px; }
.menu-cover { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: #0F0F0F; opacity: 0; z-index: 8999; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: opacity 250ms cubic-bezier(0.215, 0.61, 0.355, 1); }
.menu-cover.is-open { opacity: 0.75; -webkit-transform: translateX(0); transform: translateX(0); }
.mobile-header { display: none; }
.mobile-header::before { content: ''; display: block; }
@media (max-width: 600px) { .mobile-header::before { display: none; } }
@media (max-width: 1000px) { .mobile-header { width: 100%; -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.06); box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.06); background-color: #FFFFFF; padding: 20px; display: grid; grid-template-columns: 32px 1fr 32px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 9999; } }
@media (max-width: 1000px) and (max-width: 600px) { .mobile-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }
@media (max-width: 1000px) { body.admin-bar .mobile-header { top: 32px; } }
@media (max-width: 1000px) and (max-width: 782px) { body.admin-bar .mobile-header { top: 46px; } }
@media (max-width: 1000px) { .mobile-header .site-logo img { height: 50px; width: auto; margin: 0 auto; } }
.site-logo img { width: 100%; max-width: 280px; height: auto; display: block; }
.table { border-spacing: 0; text-align: center; width: 100%; max-width: 900px; margin: 0 auto 50px; line-height: 1.3; -webkit-box-shadow: 0 2px 4px rgba(0, 184, 209, 0.2); box-shadow: 0 2px 4px rgba(0, 184, 209, 0.2); border-radius: 3px; border: 1px solid #d1f9ff; border-radius: 3px; }
.table tr { display: grid; }
.table--cols-1 tr { grid-template-columns: repeat(1, 1fr); }
@media (max-width: 750px) { .table--cols-1 tr { grid-template-columns: 1fr; } }
.table--cols-2 tr { grid-template-columns: repeat(2, 1fr); }
@media (max-width: 750px) { .table--cols-2 tr { grid-template-columns: 1fr; } }
.table--cols-3 tr { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 750px) { .table--cols-3 tr { grid-template-columns: 1fr; } }
.table--cols-4 tr { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 750px) { .table--cols-4 tr { grid-template-columns: 1fr; } }
.table--cols-5 tr { grid-template-columns: repeat(5, 1fr); }
@media (max-width: 750px) { .table--cols-5 tr { grid-template-columns: 1fr; } }
.table--cols-6 tr { grid-template-columns: repeat(6, 1fr); }
@media (max-width: 750px) { .table--cols-6 tr { grid-template-columns: 1fr; } }
.table--cols-7 tr { grid-template-columns: repeat(7, 1fr); }
@media (max-width: 750px) { .table--cols-7 tr { grid-template-columns: 1fr; } }
.table--cols-8 tr { grid-template-columns: repeat(8, 1fr); }
@media (max-width: 750px) { .table--cols-8 tr { grid-template-columns: 1fr; } }
.table--cols-9 tr { grid-template-columns: repeat(9, 1fr); }
@media (max-width: 750px) { .table--cols-9 tr { grid-template-columns: 1fr; } }
.table--cols-10 tr { grid-template-columns: repeat(10, 1fr); }
@media (max-width: 750px) { .table--cols-10 tr { grid-template-columns: 1fr; } }
.table thead { font-weight: bold; }
@media (max-width: 750px) { .table thead { display: none; } }
.table td { padding: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media (max-width: 750px) { .table td { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #d1f9ff; } }
.table tbody tr:nth-child(odd) { background-color: #d1f9ff; }
.table tbody tr:nth-child(odd) td { border-bottom-color: #FFFFFF; }
.table tbody tr td:first-child { font-weight: bold; }
@media (max-width: 750px) { .table tbody tr td:last-child { border-bottom: none; }
.table tbody tr td::before { content: attr(data-label); font-weight: bold; text-transform: capitalize; margin-right: 10px; } }
.timeline-container { padding: 50px; }
.timeline-container h2 { text-align: center; }
@media (max-width: 600px) { .timeline-container { padding: 50px 20px; } }
.timeline-container .timeline-row { display: grid; grid-template-columns: 1fr 50px 1fr; position: relative; margin: 50px 0; }
@media (max-width: 600px) { .timeline-container .timeline-row { grid-template-columns: 75px 50px 1fr; } }
.timeline-container .timeline-row:nth-child(even) { direction: rtl; }
@media (max-width: 600px) { .timeline-container .timeline-row:nth-child(even) { direction: ltr; } }
.timeline-container .timeline-row:nth-child(even) .year::after { right: auto; left: 0; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
@media (max-width: 600px) { .timeline-container .timeline-row:nth-child(even) .year::after { right: 0; left: auto; -webkit-transform: translate(50%, -50%) rotate(45deg); transform: translate(50%, -50%) rotate(45deg); } }
.timeline-container .timeline-row:nth-child(even) .text::before { left: auto; right: -25px; }
@media (max-width: 600px) { .timeline-container .timeline-row:nth-child(even) .text::before { left: -25px; right: auto; } }
.timeline-container .timeline-row:nth-child(even) * { direction: ltr; }
.timeline-container .timeline-row .year { font-size: 24px; font-weight: bold; -webkit-transform: translateY(-11px); transform: translateY(-11px); -ms-flex-item-align: start; align-self: flex-start; justify-self: flex-end; width: 100%; max-width: 100px; padding: 5px; background-color: #EF5089; color: #FFFFFF; border-radius: 3px; text-align: center; position: relative; z-index: 1; }
@media (max-width: 600px) { .timeline-container .timeline-row .year { font-size: 20px; -webkit-transform: translateY(-8px); transform: translateY(-8px); } }
.timeline-container .timeline-row .year::after { content: ''; display: block; position: absolute; width: 10px; height: 10px; background-color: #EF5089; top: 50%; right: 0; z-index: -1; -webkit-transform: translate(50%, -50%) rotate(45deg); transform: translate(50%, -50%) rotate(45deg); }
.timeline-container .timeline-row .timeline-dot { position: relative; }
.timeline-container .timeline-row .timeline-dot::before { content: ''; display: block; margin: 0 auto; position: relative; z-index: 2; width: 10px; height: 10px; border: 2px solid #EF5089; -webkit-box-shadow: 0 2px 4px rgba(239, 80, 137, 0.2); box-shadow: 0 2px 4px rgba(239, 80, 137, 0.2); border-radius: 50%; background-color: #FFFFFF; justify-self: center; }
.timeline-container .timeline-row .timeline-dot::after { content: ''; display: block; position: absolute; z-index: 1; top: 0; left: 50%; -webkit-transform-origin: top; transform-origin: top; -webkit-transform: translateX(-50%) scaleY(0); transform: translateX(-50%) scaleY(0); -webkit-transition: all 1000ms cubic-bezier(0.215, 0.61, 0.355, 1); transition: all 1000ms cubic-bezier(0.215, 0.61, 0.355, 1); height: calc(100% + 50px); width: 0; border-left: 1px solid #00B8D1; }
.timeline-container .timeline-row .text { -webkit-transform: translateY(-5px); transform: translateY(-5px); padding: 20px; background-color: #FFFFFF; -webkit-box-shadow: 0 2px 4px rgba(0, 184, 209, 0.2); box-shadow: 0 2px 4px rgba(0, 184, 209, 0.2); border-radius: 3px; border: 1px solid #00B8D1; position: relative; max-width: 425px; }
.timeline-container .timeline-row .text::before { content: ''; display: block; position: absolute; width: 25px; height: 0; border-top: 1px solid #00B8D1; left: -25px; top: 11px; }
.timeline-container .timeline-row .text p:last-child { margin-bottom: 0; }
.timeline-container .timeline-row.aos-animate .timeline-dot::after { -webkit-transform: translateX(-50%) scaleY(1); transform: translateX(-50%) scaleY(1); }
.timeline-container .timeline-row:last-child .timeline-dot::after { display: none; }