/* .ubermenu-item-image { width: auto; max-height: 125px; float: right; margin-top: 10px; } p.ubermenu__item-arrow--red, p.ubermenu__item-arrow--white { text-align: center; display: block; } p.ubermenu__item-arrow--red::before { content: ""; background: url(../images/icons/red_right_arrow.png) no-repeat center center; background-size: contain; width: 16px; height: 14px; position: relative; top: 2px; left: -8px; display: inline-block; } .ubermenu__item-arrow--white::before { content: ""; background: url(../images/icons/white_right_arrow.png) no-repeat center center; background-size: contain; width: 16px; height: 14px; position: relative; top: 2px; left: -8px; display: inline-block; } */ .book-wrapper.checkout { background-color: #f1f2f3; padding-top: 20px; } .book-wrapper.success .center-content.confirmation-content { max-height: 340px; } .book-wrapper.success a.gplay, .book-wrapper.success a.aple { overflow: hidden; display: block; height: 50px; width: 140px; background: url(/wp-content/themes/islesofscilly/images/appleandgoogle.png) no-repeat; background-size: 130px; } .book-wrapper.success a.gplay { background-position-x: -0.46875rem 0; } .book-wrapper.success a.aple { background-position: 0.46875rem -43px; } /* --- Insurance --- */ .checkout-insurance { width: 100%; min-height: 480px; color: #000; } .checkout-insurance .checkout-insurance__toggle { background-color: #d2dce0; margin-top: 20px; padding: 10px 20px; } .checkout-insurance .checkout-insurance__toggle > p { margin: 0; width: calc(100% - 120px); } .checkout-insurance .checkout-insurance__toggle .checkboxes__container, .checkout-insurance .checkout-insurance__toggle .checkbox-container .checkbox { margin-top: 1px; } .checkout-insurance .checkout-insurance__toggle > .checkbox-container .checkbox__label { font-size: 0.913rem; font-weight: 600; line-height: 1.3; } .checkout-insurance .checkout-insurance__content > .cms-block { margin-top: 10px; } .checkout-insurance .checkout-insurance__content > p { margin: 20px 0; } .checkout-insurance .checkout-insurance__article { background-color: #d2dce0; padding: 20px 10px; height: 100%; } @media (min-width: 576px) { .checkout-insurance .checkout-insurance__article--row { display: flex; } } .checkout-insurance .checkout-insurance__article--column { margin-bottom: 20px; } .checkout-insurance .checkout-insurance__article.selected { outline: 2px solid #029cf4; } .checkout-insurance .checkout-insurance__article > header > img { object-fit: contain; height: 48px; margin-bottom: 20px; } .checkout-insurance .checkout-insurance__article > header h2, .checkout-insurance .checkout-insurance__article > header h3, .checkout-insurance .checkout-insurance__article section > header h4 { margin: 0; } .checkout-insurance .checkout-insurance__article > header h2, .checkout-insurance .checkout-insurance__article > header h3 { color: #00609f; font-size: 0.913rem; font-weight: 600; line-height: 1.3; text-align: center; text-transform: uppercase; } .checkout-insurance .checkout-insurance__article section > header h4 { font-size: 0.813rem; font-weight: 600; text-transform: initial; margin-bottom: 5px; } .checkout-insurance .checkout-insurance__article > header + section { margin-top: 20px; } .checkout-insurance .checkout-insurance__article > section + section { margin-top: 20px; } .checkout-insurance .checkout-insurance__article > section > ul { padding: 0 16px; margin: 0; } .checkout-insurance .checkout-insurance__article > section > ul > li + li { margin-top: 5px; } .checkout-insurance .checkout-insurance__article > section > p + .checkbox-container { margin-top: 20px; } .checkout-insurance .checkout-insurance__passengers { margin: 20px 0; } .checkout-insurance .checkout-insurance__passengers > .checkbox-container + .checkbox-container { margin-top: 10px; } .checkout-insurance .checkout-insurance__error { margin-top: 10px; } .checkout-insurance .checkout-insurance__error > p { margin: 0; } .checkout-insurance .checkout-insurance__error + p { margin-top: 10px; } /* ie edge only gets the following rule */ @supports (object-fit: cover) and (-ms-ime-align:auto) { video { height : auto!important; } } .giftaid-disclaimer { font-size: 0.75em; margin-top: 8px; } .grecaptcha-badge { display: none; }