/* Theme Name: ScottishTrustDeed.co.uk Theme URI: http://html5blank.com Description: Theme by Jon Mills Version: 0.1 Author: Jon Mills Author URI: https://www.jonathonmills.com Tags: Blank, HTML5, CSS3 License: MIT License URI: http://opensource.org/licenses/mit-license.php */ /*------------------------------------*\ MAIN \*------------------------------------*/ .wp_article h1{ margin-bottom: 20px !important;} /* Homepage Form */ #secondPartForm{ display: none; } /* Error Message for Form Validation */ .lg-form p.error{ display: block; margin: 20px 0; background: #cc3636; color: #FFF; padding: 15px; border-radius: 4px;} .lg-form .form-control.error{ border-color: #ff8354; } .form-inline .alert{ position: relative; right: auto; font-size: 12.5px; padding: 10px; top: auto; margin-top: 10px; } @media only screen and (min-width: 992px) { .form-inline .alert{ position: absolute; right: 21px; z-index: 1000; padding: 4px 6px; top: 14px; margin: 0; } } #secondPartForm .alert{ position: relative; top: 0;} @media only screen and (min-width: 992px) { #secondPartForm .alert{ position: relative; right: 5px; text-align: right; display: block;}} .noPage{ background: #f5f5f5; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 80px 0 60px; text-align: center;} .noPage .content{ width: 95%; max-width: 500px; margin: 0 auto;} .noPage h2{ margin-bottom: 20px;} .noPage p{ margin-bottom: 0; color: #628094; font-weight: 600; line-height: 1.5em;} .noPage a { color: #249e73; font-size: 18px;} .noPage .icon{ display: block; margin: 0 auto 20px; width: 140px;} /* New Menus */ .flexMenu{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap:wrap; justify-content:space-between; } .flexMenu li{ flex-basis:100%; } @media only screen and (min-width: 768px) { .flexMenu li{flex-basis:calc(50% - 5px);} } .contact-form{ display: block;} .contact-form input{ display: block; height: 34px; border-radius: 4px; background: #FFF; padding: 0 10px; border:1px solid #e3e3e3;} .contact-form input:focus{outline: none; border-color: #9ecdf5;} .contact-form textarea{ border-radius: 4px; border:1px solid #e3e3e3; padding: 10px; background: #FFF;} .contact-form input[type="submit"]{ background: #ff921f; color: #FFF; font-weight: 700; font-size: 16px; border: none;} /* Banner PHP file*/ #banner div.banner-heading { color: #fff; font-family: 'Open Sans'; font-weight: 100; font-size: 36px; text-shadow: 1px 1px 12px rgba(0,0,0,.4); } #banner div.banner-heading strong { font-family: 'Open Sans'; font-size: 60px; } #banner div.banner-heading strong, .btn { font-weight: 700; text-transform: uppercase; color: #fff; } @media (max-width: 767px){ #banner div.banner-heading { text-align: center; font-size: 18px; } #banner div.banner-heading strong { font-size: 16px; } p.newlogo { font-size: 12px; margin-top: 12.5px; text-align: left !important; } p.newlogo sup { font-size: 9px; text-align: left !important; top: -.9em; } } .sticky-cta { display: none; } @media (max-width: 1024px) { .sticky-cta { position: fixed; bottom: 0; background: #fff; width: 100%; display: block; z-index: 99; border-top: 1px solid #e4e4e4; } .sticky-cta-wrap { vertical-align: top; padding: 10px; display: flex; align-items: center; } .sticky-cta-left { display: inline-block; max-width: calc(100% - 105px); width: 100%; } .sticky-cta-right { display: inline-block; vertical-align: top; padding: 7px 12px; background: #489c7f; border-radius: 5px; margin-left: 10px; text-align: center; } .sticky-cta-right a { color: #FFF; } } .debt-form { text-align: center; } .debt-form .sep { margin: 30px auto; } .answer-list a { padding: 32px; background: #214770; color: #FFF; border-radius: 6px; display: inline-block; margin: 10px 0; transition: .3s ease; } .answer-list li { margin: 0 5px; display: inline-block; } .answer-list .answer-box.answer-box-half { display: inline-block; margin: 1%; padding: 35px 15px; width: 48%; } .answer-list .answer-box { display: inline-block; margin: 1%; padding: 25px 15px; width: 40%; } @media (max-width: 768px) { .answer-list .answer-box, .answer-list .answer-box.answer-box-half, .answer-list li { display: inline-block; margin: 1.5% 1%; padding: 20px 15px; width: 98%; } } .answer-list a:hover { text-decoration: none; background: #1b3d61; color: #FFF; } .question_number { margin-bottom: 10px; color: #FFF; } .slide .question_number { color: #323648; } .calculator-title { color: #265485; text-align: center; font-size: 28px; margin-top: 20px; } @media (max-width: 480px) { .calculator-title { font-size: 24px; } } .progress { max-width: 400px; border-radius: 10px; margin: 20px auto; background: #214770; border: 4px solid #214770; box-shadow: none; } .progress-bar { padding: 2px; background: #96bae3; } .ctdebt-checker-slider-form .button-wrapper { width: 100%; } .ctdebt-checker-slider-form .button-wrapper .prev-button-wrapper { float: none; margin-bottom: 20px; } .ctdebt-checker-slider-form .slide-content .button-wrapper { clear: both; padding-top: 20px; width: 100%; text-align: left; } .half-list { display: inline-block; margin-right: 20px; text-align: left; margin-bottom: 40px; } .slide-content { text-align: center; } .slide-content .gform_fields { max-width: 600px; margin: 0 auto; } @media (max-width: 768px) { .answer-list li { display: block; width: 100%; } .answer-list a, .ctdebt-checker-slider-form .answer-list .answer-box { float: none; } } .debt-form .question_number { color: #FFF; } .debt-form .answer-list li { width: 45%; display: inline-block; } .debt-form .answer-list li a { width: 100%; padding: 20px 15px; } .slick-slider .slide .slide-title { margin: 0; padding: 10px 0 0; color: #323648; display: block; font-size: 28px; font-size: 1.75rem; font-weight: 700; line-height: 40px; text-align: center; } .ctdebt-checker-slider-form { padding: 0 20px; } @media (max-width: 760px) { .half-list { width: 50%; display: inline-block; float: left; margin: 0 0 40px 0; } } .slide-subtitle { margin-top: 20px; text-align: center; } #results_other_options { text-align: center; } #results_other_options .list-unstyled { text-align: left; margin: 0 auto; padding: 20px 0; max-width: 300px; } #results_other_options .list-unstyled .red-x::before { content: "\f057"; background: none; color: #bf0000; font-size: 35px; } @media (max-width: 767px) { #results_other_options .list-unstyled .red-x::before { font-size: 22px; } #results_other_options .container { width: 90%; } #results_other_options .p-margin-top { margin-top: 40px; } #results_ther_option ul.ticks-green li { margin: 10px 0; } } .answer-list { padding-left: 0; } .ctdebt-checker-slider-form .button-wrapper .prev-button-wrapper a { background: #6e87a3; } @media (min-width: 768px) and (max-width: 1024px) { .page-apply-form-content { padding-top: 60px; } } .apply-now-failed-msg { margin: 0; padding: 10px 0 0; color: red; display: block; font-size: 28px; font-size: 1.75rem; font-weight: 700; line-height: 40px; text-align: center; } .third-slide-content .answer-list .answer-box { float: none; } .mobile-call-button { position: absolute; top: -5px; right: 60px; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; } .icon-call-holder { display: block; width: 30px; height: 30px; text-align: center; background-color: #ff931e; border-radius: 50%; } .icon-call-holder .fa { color: #fff; font-size: 17px; line-height: 30px; } .video-container { position: relative; padding-bottom: 56.25%; margin-bottom: 20px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #content #ez-toc-container { width: 100%; } #content #ez-toc-container nav { margin-top: 10px; } #content .ez-toc-list li { padding-left: 0; } #content .ez-toc-list li:before{ display: none; } #content .ez-toc-list ul { margin: 5px 0 5px 20px; padding-left: 0; } /* One levels deep */ #content .ez-toc-list li a:before { font-weight: bold; display: inline-block; width: 2em; } /* Two levels deep */ #content .ez-toc-list ul li a:before { width: 3em; } /* Three levels deep */ #content .ez-toc-list ul ul li a:before { width: 4em; } #footer .dmca-badge { display: inline-block; max-width: 60px; margin: 10px; } .single-courts #content .court-detail-grid li p { margin-bottom: 8px; } .header-contact-details { display: flex; flex-flow: row wrap; justify-content: space-evenly; padding-left: 4rem; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .header-contact-details { justify-content: space-around; } } .contact-details-numbers { font-weight: bold; } .contact-details-numbers span { font-size: 22px; font-weight: bold; } .trustpilot-widget { transform: scale(0.7); } #header #menu .contact-details-numbers li { width: 100%; text-align: right; }