.scottishtrust-exit-Container { background: #E0EAF4; color: #000; border-radius: 10px; max-width: 700px; margin: auto; width: 100%; padding: 20px; margin-top: calc(10% -15vh); margin-bottom: 20px; display: flex; position: relative; } .scottishtrust-exit-Top { display: flex; } .scottishtrust-exit-Image { /* width: 30%; */ width: 280px; margin: auto; } .scottishtrust-exit-Image img { width: 100%; } .scottishtrust-exit-Header-Content { width: 100%; } .scottishtrust-exit-Subtitle { font-size: 18px; line-height: 1.3em; text-align: left; margin-bottom: 20px; color: #000; margin: 10px 0px; font-weight: 600; } .scottishtrust-exit-Title { font-size: 28px; color: #000; line-height: 1.3em; margin-bottom: 0px; text-align: left; font-weight: 700; } .scottishtrust-exit-Left { width: 40%; height: 100%; display: flex; align-items: center; } .scottishtrust-img { width: 100%; transition: .3s ease-in-out; } .scottishtrust-exit-Right { width: 60%; display: flex; align-items: center; justify-content: center; } .scottishtrust-exit-Image { /* width: 30%; */ width: 280px; margin: auto; } .scottishtrust-exit-url-CTA { text-align: center; width: 100%; } .scottishtrust-exit-url-CTA a { color: #FFF; border: 3px solid #202020; padding: 10px; border-radius: 40px; margin-top: 20px; width: 300px; line-height: 1.2em; font-size: 16px; display: flex; justify-content: center; align-items: center; font-weight: 400; text-decoration: none; background-color: #008607; transition: .2s ease-in-out; text-transform: uppercase; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6); font-weight: 700; } .scottishtrust-exit-Bottom { width: 100%; padding: 10px 30px; } .scottishtrust-exit-url-CTA a:hover { background-color: #00e16C; -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.6); } .scottishtrust-exit-url-CTA a:hover>.right-triangle { color: #00e16C; } .scottishtrust-exit-lightbox { display: none; /** Apply basic scottishtrust-exit-lightbox styling */ position: fixed; z-index: 20000; width: 100%; height: 100%; top: 0; left: 0; color: #333333; overflow-y: scroll; } .scottishtrust-exit-lightbox:after { content: ''; display: table; clear: both; } .scottishtrust-exit-lightbox .scottishtrust-exit-box { width: -webkit-min-content; width: -moz-min-content; width: 100%; display: block; margin: calc( 30vh/2) auto; background-color: rgba(0, 0, 0, 0.8); box-shadow: 0px 0px 0px 10000px rgba(0, 0, 0, 0.8); border-radius: 20px; padding: 0px; } .scottishtrust-exit-cta-text { display: none; } .scottishtrust-exit-lightbox .scottishtrust-exit-close { display: block; text-decoration: none; text-transform: uppercase; font-size: 20px; font-weight: 700; padding: 5px; text-align: right; color: #FFF!important; margin-top: -35px; margin-right: -10px; cursor: pointer; background: #B2CAE2; border-radius: 50%; width: 30px; height: 30px; text-align: center; line-height: 20px; } .scottishtrust-exit-lightbox .scottishtrust-exit-close:hover { background: #C3DCF5; } .scottishtrust-exit-lightbox .scottishtrust-exit-open { /** Show scottishtrust-exit-lightbox when mouse leaves the browser window */ display: block; outline: none; } @media screen and (max-width: 768px) { .scottishtrust-exit-Container { flex-direction: column; width: 95%; } .scottishtrust-exit-Left, .scottishtrust-exit-Right { width: 100%; } .scottishtrust-exit-Left { margin-top: 0px; } .scottishtrust-exit-Top { flex-direction: column; text-align: center; } .scottishtrust-exit-Top>div { width: 100%; } .scottishtrust-exit-url-CTA a { margin: 20px auto 0; } .scottishtrust-exit-lightbox .scottishtrust-exit-box { margin: calc( 20vh/2) auto; } .scottishtrust-exit-Bottom { width: 100%; padding: 10px; } .scottishtrust-exit-cta-text { font-weight: 700; font-size: 30px; color: #FFF; display: block; margin: 35px auto 25px; text-align: center; } .scottishtrust-exit-url-CTA { font-size: 18px; } .scottishtrust-exit-Title { font-size: 28px; line-height: 1.2em; margin-bottom: 20px 0px 10px; text-align: left; font-weight: 700; margin-bottom: 15px; margin-top: 5px; text-align: center; } .scottishtrust-img { width: 70%; margin: auto; transition: .3s ease-in-out; } .scottishtrust-exit-Left { height: auto; width: 100%; margin-top: 0px; } .scottishtrust-exit-Right { width: 100%; height: auto; } .scottishtrust-exit-lightbox, .scottishtrust-exit-box { width: 100%!important; min-width: min-content!important; } .scottishtrust-exit-Subtitle { font-size: 16px; text-align: center; font-weight: 600; } } .right-triangle { color: #008607; background-color: #fff; border-radius: 50%; padding: 5px 8px; width: auto; display: flex; justify-content: center; align-items: center; margin-left: 10px; } .scottishtrust-st-container .right-triangle { padding: 4px 8px; } .scottishtrust-st-container { z-index: 1999; width: 100%; position: fixed; left: 0; bottom: -100px; background-color: #FFF851; height: 60px; transition: all .3s ease-in-out; padding: 5px 5px 0 5px; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.4); } .scottishtrust-st-container__outer { display: flex; margin: auto; height: 100%; justify-content: center; align-items: center; } .scottishtrust-st-container__inner { display: flex; flex-direction: row; padding: 0px 0px; text-align: center; } .scottishtrust-st-container__inner div { display: flex; flex-direction: column; } .scottishtrust-st-item__copy p { font-size: 16px!important; line-height: 1.3em!important; display: block; margin: auto; margin-top: 20px!important; max-width: 100%; margin: auto!important; text-align: center; color: #000!important; font-weight: 700; } .scottishtrust-st-item__copy p { color: #000; margin-top: 20px; line-height: 2.3em; } a.scottishtrust-st-item__button { background-color: #000; color: #fff; padding: 8px 10px!important; display: flex; align-items: center; justify-content: center; width: 230px; text-decoration: none; margin: auto; border-radius: 30px; cursor: pointer; transition: .2s ease-in-out; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6); font-weight: 700; } a.scottishtrust-st-item__button:hover { background-color: #202020; -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.6); } .scottishtrust-st-img { position: relative; top: 88px; margin-right: 0px; max-width: 140px!important; align-self: center; margin-top: -200px; } .scottishtrust-st-item_column__button { margin-left: 15px; } @media screen and (max-width: 768px) { .scottishtrust-st-item__copy p { max-width: 500px; font-size: 16px!important; } a.scottishtrust-st-item__button:hover { background-color: #000; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.6); } a.scottishtrust-st-item__button:active { background-color: #202020; -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.6); box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.6); } .scottishtrust-st-container { z-index: 1999; padding-top: 5px; padding-bottom: 5px; width: 100%; position: fixed; left: 0; height: 100px; transition: all .3s ease-in-out; } .scottishtrust-st-container__inner { display: flex; flex-direction: column; justify-content: center; padding: 0px 0px; text-align: center; margin: auto; margin-top: 5px; height: 100%; } a.scottishtrust-st-item__button { padding: 5px 10px!important; font-weight: 700; background-size: contain!important; background-position: 5px 0px; width: 230px; font-size: 15px!important; text-decoration: none; margin: auto; } .scottishtrust-st-item_column__button { margin-left: 0px; margin-top: 5px!important; } .scottishtrust-st-container__outer { display: block; margin: auto; height: 100%; max-height: 80px; } .sticky-cta { display: none!important; } } .scottishtrustdeed-creditor-subtitle { font-weight: 500; } @media screen and (max-width: 1011px) { .creditor-header{ padding-top: 100px; } } @media screen and (max-width: 760px) { .scottishtrustdeed-creditor-subtitle { margin-top:10px; } .creditor-header{ padding-top: 40px; } } .scottishtrustdeed-creditor-subtitle { font-weight:500; } @media screen and (max-width: 1011px) { .creditor-header { padding-top: 100px; } } @media screen and (max-width: 760px) { .scottishtrustdeed-creditor-subtitle { margin-top:10px; } .creditor-header { padding-top: 40px; } }