// MARKDOWN CUSTOMIZATION .sqs-block-markdown:hover { -webkit-box-shadow: 0px 0px 14px 0px rgba(191,191,191,0.4); -moz-box-shadow: 0px 0px 14px 0px rgba(191,191,191,0.4); box-shadow: 0px 0px 14px 0px rgba(191,191,191,0.4); } .sqs-block-markdown { background: #fff; padding: 20px 5px 35px 5px; margin: 20px; text-align: center; -webkit-box-shadow: 0px 0px 6px 0px rgba(191,191,191,0.2); -moz-box-shadow: 0px 0px 6px 0px rgba(191,191,191,0.2); box-shadow: 0px 0px 6px 0px rgba(191,191,191,0.2); transition: all ease-in-out 600ms !important; -moz-transition: all ease-in-out 300ms !important; -webkit-transition: all ease-in-out 300ms !important; h2 { font-size: 20px; letter-spacing: 1px; text-transform: uppercase; padding: 20px 30px 35px 30px; border-bottom: solid 1px #eee; } h1 { font-weight: 100; font-size: 30px; letter-spacing: 5px; padding: 30px; margin: 0px; color: #fff; strong { font-size: 50px; line-height: 20px; font-weight: 200; } } p { padding: 10px 30px 10px 30px; margin: 0; font-size: 15px; letter-spacing: 0.2px; a { color: #000; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: 600; margin-top:10px; display: inline-block; border: solid 1px #000; padding: 5px 20px; border-radius: 200px; transition: all ease-in-out 300ms !important; -moz-transition: all ease-in-out 300ms !important; -webkit-transition: all ease-in-out 300ms !important; } a:hover { background: #000; color: #000; } } } @media only screen and (min-width: 668px) and (max-width: 1024px) { .sqs-block-markdown { h2 { font-size: 16px !important; } h1:not(.site-title):not(.page-title), .entry-title h1 { font-size: 30px !important; strong { font-size: 50px !important; } } } } @media (max-width : 667px) { .sqs-block-markdown { h2 { padding-top: 6px !important; } } } .sqs-block-image:hover { .image-caption-wrapper { background: rgba(0,0,0,0) !important; } img { transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); } } .sqs-block-image { img { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transition: all ease-in-out 280ms; -moz-transition: all ease-in-out 280ms; transition: all ease-in-out 280ms; } .image-caption-wrapper { -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -webkit-transition: all ease-in-out 200ms; -moz-transition: all ease-in-out 200ms; transition: all ease-in-out 600ms; background: rgba(0,0,0,0) !important; height: 100%; padding: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; .image-caption { padding: 20px; p { strong { color: #fff; text-transform: uppercase; font-size: 30px; text-align: center; line-height: 45px; font-weight: 400 !important; letter-spacing: 10px; position: absolute; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } a { text-decoration: none; font-style: initial; color: #eee; font-size: 18px; font-weight: 100; position: absolute; bottom: 20px !important; left: 50% !important; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); transform: translate(-50%, 0%); } } } } } @media ( max-width: 667px ) { .sqs-block-image { .image-caption { strong { font-size: 18px !important; line-height: 20px !important; } em { font-size: 11px !important; line-height: 12px !important; } } } } // FORM BLOCK ADJUSTMENTS .sqs-block-form { .field-list .title { font-size: 12px; color: #888; letter-spacing: 0.5px; font-weight: 600; margin-bottom: 0px; padding-left: 10px; padding-top: 0px; text-transform: uppercase; } .field-element { font-size: 14px; color: #888; font-weight: 300; } .field .field-element { border-radius: 0px !important; background: none !important; border: solid 1px #bbb !important; text-align: center; transition: all ease-in-out 700ms !important; } .field-element:hover { border: solid 1px #000 !important; } .form-wrapper .field-list .fields .field.three-digits, .form-wrapper .field-list .fields .field.two-digits, .form-wrapper .field-list .fields .field.four-digits { margin-top: 0px; } .form-wrapper .field-list .field select { border: solid 1px #bbb; margin-top: 40px; font-size: 12px; transition: all ease-in-out 700ms !important; } .form-wrapper .field-list .field select:hover { border: solid 1px #4ECDC4; } .form-wrapper .field-list .field .option { display: inline-block !important; margin-top: px !important; padding: 5px 10px; margin-right: 10px; border: solid 1px #bbb; transition: all ease-in-out 700ms !important; } .form-wrapper .field-list .field .option:hover { border: solid 1px #4ECDC4; } .form-wrapper .field-list .field.likert .question { margin-left: 10px; margin-top: 10px; margin-bottom: -35px; font-size: 12px; font-weight: 700; } .form-wrapper .field-list .field.likert .option { width: 15% !important;} .sqs-editable-button { text-transform: uppercase !important; font-weight: 500 !important; font-size: 12px !important; padding: 16px 26px !important; border: none !important; background: #fff; color: #fff !important; letter-spacing: 1px !important; width: 100% !important; transition: all ease-in-out 700ms !important; } .sqs-editable-button:hover { background: #fff !important; } @media (max-width : 100%) { .fields .caption {color: rgba(0,0,0,0) !important;} } } .sqs-gallery-controls .previous, .sqs-gallery-controls .next { background: rgba(255,255,255, 0) !important; color: white !important;} .content-inner-wrapper { padding-top: 20px !important } .content-inner-wrapper { padding-left: 20px !important } .content-inner-wrapper { padding-right: 20px !important } /*Remove minimum spacer-block height*/ .spacer-block { padding-top: 0; padding-bottom: 0 !important; } .spacer-block .sqs-block-content { line-height: 0.0em; } .sqs-layout.sqs-editing .spacer-block { min-height: 0; } /*End remove spacer-block height*/ /*Banner above navigation body.banner-content-page-title-description .horizontal-navigation-bar #banner-wrapper, body.banner-content-empty .horizontal-navigation-bar #banner-wrapper, body.banner-content-page-title-description .horizontal-navigation-bar #site-title-wrapper, body.banner-content-empty .horizontal-navigation-bar #site-title-wrapper { display: block;}*/ @media only screen and (min-width:710px){ #main-navigation { position: absolute; bottom: 16% !important; right: 1% !important; } #site-title { left: 0% !important; } } @media only screen and (min-width:641px) and (max-width:709px){ #main-navigation { float: none; } .horizontal-navigation-bar.clear.with-logo { text-align: center !important; } } @media only screen and (max-width: 1023px) { /* Add your custom styles here for Tablet */ .horizontal-navigation-bar { display: none; } #mobile-navigation { display: block; position: center; } } /*End banner above navigation*/ body.top-navigation-position-above-banner #navigation-top { margin-bottom: 0px; margin-top: 0px; } /*Change newsletter block email input colors.*/ .newsletter-block .newsletter-form-field-element { /*border: 2px solid #000;*/ background-color: #fff; /*color: #;*/ } .newsletter-form-field-element::-webkit-input-placeholder { color: #000 !important; } .newsletter-form-field-element:-moz-placeholder { /* Firefox 18- */ color: #000 !important; } .newsletter-form-field-element::-moz-placeholder { /* Firefox 19+ */ color: #000 !important; } .newsletter-form-field-element:-ms-input-placeholder { color: #000 !important; } /* End change newsletter block */ .social-icons-style-border.social-icons-color-black .sqs-use--icon { fill: #849494; } .social-icons-style-border.social-icons-color-black .sqs-svg-icon--wrapper { border-color: #849494; } /* Line Padding */ .sqs-block-content Hr { background-color: #849494 ; } /* Blog Title Alignment */ .collection-type-blog article header { text-align: center;} /* SWIPE ANIMATION CSS */ .sp-intro { width: 90%; max-width: 90%; text-align: center; margin: 0 auto; } .sp-headline { margin: 0 !important; } .sp-intro, .sp-words-wrapper { h4, b, i, p, span { line-height: 46px; font-size: 22px; font-weight: 300; font-style: initial; font-family: Proxima Nova; color: #d9d9d9; } } .sp-words-wrapper { display: inline-block; position: relative; text-align: left; } .sp-words-wrapper b { display: inline-block; position: absolute; white-space: nowrap; left: 0; top: 0; } .sp-words-wrapper b.is-visible { position: relative; } .no-js .sp-words-wrapper b { opacity: 0; } .no-js .sp-words-wrapper b.is-visible { opacity: 1; } .sp-headline.slide span { display: inline-block; padding: 0; } .sp-headline.slide .sp-words-wrapper { overflow: hidden; vertical-align: bottom; width: auto; } .sp-headline.slide b { opacity: 0; top: .2em; } .sp-headline.slide b.is-visible { top: 0; opacity: 1; -webkit-animation: slide-in 0.6s; -moz-animation: slide-in 0.6s; animation: slide-in 0.6s; } .sp-headline.slide b.is-hidden { -webkit-animation: slide-out 0.6s; -moz-animation: slide-out 0.6s; animation: slide-out 0.6s; } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes slide-in { 0% { opacity: 0; -moz-transform: translateY(-100%); } 60% { opacity: 1; -moz-transform: translateY(20%); } 100% { opacity: 1; -moz-transform: translateY(0); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 60% { opacity: 1; -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); } 100% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); } } @-moz-keyframes slide-out { 0% { opacity: 1; -moz-transform: translateY(0); } 60% { opacity: 0; -moz-transform: translateY(120%); } 100% { opacity: 0; -moz-transform: translateY(100%); } } @keyframes slide-out { 0% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 60% { opacity: 0; -webkit-transform: translateY(120%); -moz-transform: translateY(120%); -ms-transform: translateY(120%); -o-transform: translateY(120%); transform: translateY(120%); } 100% { opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); } } // TABLET STYLES @media (min-width : 668px) and (max-width : 1024px) { .sp-intro, .sp-words-wrapper { h4, b, i, p, span { line-height: 46px !important; font-size: 38px !important; font-weight: 400 !important; } } } // MOBILE STYLES @media (max-width : 667px) { .sp-intro, .sp-words-wrapper { h4, b, i, span, p { line-height: 36px !important; font-size: 28px !important; font-weight: 400 !important; } } } // END OF SWIPE ANIMATION .sqs-block-summary-v2 { .summary-heading { text-align: center !important; padding-left: 70px; font-size: 18px; font-family: Proxima Nova; } } // BUTTON FULL WIDTH .sqs-block-button .sqs-block-button-element--medium { letter-spacing: 5px; } // Gallery Background & Arrow Colour .sqs-gallery-block-slideshow { background-color: transparent } .sqs-gallery-controls .previous, .sqs-gallery-controls .next { background:transparent; color:FireBrick !important; }