.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 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 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;
}#cookie-law-info-bar {
font-size: 15px;
margin: 0 auto;
padding: 12px 10px;
position: absolute;
text-align: center;
box-sizing: border-box;
width:100%;
z-index: 9999; display: none;
left:0px;
font-weight:300;
box-shadow: 0 -1px 10px 0 rgba(172, 171, 171, 0.3);
}
#cookie-law-info-again {
font-size: 10pt;
margin: 0;
padding:5px 10px;
text-align: center;
z-index: 9999;
cursor: pointer;
box-shadow: #161616 2px 2px 5px 2px;
}
#cookie-law-info-bar span {
vertical-align: middle;
} .cli-plugin-button, .cli-plugin-button:visited {
display: inline-block;
padding: 9px 12px;
color: #fff;
text-decoration: none;
position: relative;
cursor: pointer;
margin-left: 5px;
text-decoration: none;
}
.cli-plugin-main-link {
margin-left:0px;
font-weight: 550; text-decoration: underline;
}
.cli-plugin-button:hover {
background-color: #111;
color: #fff;
text-decoration: none;
}
.small.cli-plugin-button, .small.cli-plugin-button:visited {
font-size: 11px;
}
.cli-plugin-button, .cli-plugin-button:visited,
.medium.cli-plugin-button, .medium.cli-plugin-button:visited {
font-size: 13px;
font-weight: 400;
line-height: 1;
}
.large.cli-plugin-button, .large.cli-plugin-button:visited {
font-size: 14px;
padding: 8px 14px 9px;
}
.super.cli-plugin-button, .super.cli-plugin-button:visited {
font-size: 34px;
padding: 8px 14px 9px;
}
.pink.cli-plugin-button, .magenta.cli-plugin-button:visited {
background-color: #e22092;
}
.pink.cli-plugin-button:hover {
background-color: #c81e82;
}
.green.cli-plugin-button, .green.cli-plugin-button:visited {
background-color: #91bd09;
}
.green.cli-plugin-button:hover {
background-color: #749a02;
}
.red.cli-plugin-button, .red.cli-plugin-button:visited {
background-color: #e62727;
}
.red.cli-plugin-button:hover {
background-color: #cf2525;
}
.orange.cli-plugin-button, .orange.cli-plugin-button:visited {
background-color: #ff5c00;
}
.orange.cli-plugin-button:hover {
background-color: #d45500;
}
.blue.cli-plugin-button, .blue.cli-plugin-button:visited {
background-color: #2981e4;
}
.blue.cli-plugin-button:hover {
background-color: #2575cf;
}
.yellow.cli-plugin-button, .yellow.cli-plugin-button:visited {
background-color: #ffb515;
}
.yellow.cli-plugin-button:hover {
background-color: #fc9200;
}
.cli-plugin-button{ margin-top:5px; }
.cli-bar-popup{
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px;
padding:20px;
}
.cli-powered_by_p{width:100% !important; display:block !important; color:#333; clear:both; font-style:italic !important; font-size:12px !important; margin-top:15px !important; }
.cli-powered_by_a{color:#333; font-weight:600 !important; font-size:12px !important;} .cli-plugin-main-link.cli-plugin-button {
text-decoration: none;
}
.cli-plugin-main-link.cli-plugin-button {
margin-left: 5px;
}.gdpr-container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.gdpr-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.gdpr-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.gdpr-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.gdpr-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.gdpr-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.gdpr-px-0 {
padding-left: 0;
padding-right: 0;
}
.modal-backdrop.show {
opacity: .8;
}
.modal-open {
overflow: hidden
}
.modal-open .gdpr-modal {
overflow-x: hidden;
overflow-y: auto
}
.gdpr-modal.fade .gdpr-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.gdpr-modal.show .gdpr-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1039;
background-color: #000
}
.modal-backdrop.fade {
opacity: 0
}
.modal-backdrop.show {
opacity: .5
}
.gdpr-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
outline: 0
}
.gdpr-modal a {
text-decoration: none;
}
.gdpr-modal .gdpr-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.gdpr-modal .gdpr-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2));
}
}
@media (min-width: 992px) {
.gdpr-modal .gdpr-modal-dialog {
max-width: 900px;
}
}
.gdpr-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0,0,0,.2);
border-radius: .3rem;
outline: 0
}
.gdpr-modal .row {
margin: 0 -15px;
}
.gdpr-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.gdpr-modal .close {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
padding: 0;
background-color: transparent;
border: 0;
-webkit-appearance: none;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.gdpr-modal .close:focus {
outline: 0;
}
.gdpr-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 70px;
font-size: 14px;
}
.gdpr-switch input[type="checkbox"] {
display:none;
}
.gdpr-switch .gdpr-slider {
background-color: #e3e1e8;
height: 24px;
width: 50px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.gdpr-switch .gdpr-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 20px;
left: 2px;
position: absolute;
transition: .4s;
width: 20px;
}
.gdpr-switch input:checked + .gdpr-slider {
background-color:rgb(99, 179, 95);
}
.gdpr-switch input:checked + .gdpr-slider:before {
transform: translateX(26px);
}
.gdpr-switch .gdpr-slider {
border-radius: 34px;
}
.gdpr-switch .gdpr-slider:before {
border-radius: 50%;
}
.gdpr-tab-content>.gdpr-tab-pane {
display: none;
}
.gdpr-tab-content>.active {
display: block;
}
.gdpr-fade {
transition: opacity .15s linear;
}
.gdpr-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column !important;
flex-direction: column !important;
align-items: stretch !important;
-ms-align-items: stretch !important;
}
.nav.gdpr-nav-pills, .gdpr-tab-content {
width: 100%;
padding: 30px;
}
.nav.gdpr-nav-pills {
background: #f3f3f3;
}
.nav.gdpr-nav-pills .gdpr-nav-link {
border: 1px solid #0070ad;
margin-bottom: 10px;
color: #0070ad;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
}
.nav.gdpr-nav-pills .gdpr-nav-link.active, .nav.gdpr-nav-pills .show>.gdpr-nav-link {
background-color: #0070ad;
border: 1px solid #0070ad;
}
.nav.gdpr-nav-pills .gdpr-nav-link.active {
color: #ffffff;
}
.gdpr-tab-content .gdpr-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.gdpr-tab-content .gdpr-button-wrapper .btn-gdpr {
background-color: #0070ad;
border-color: #0070ad;
color: #ffffff;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.gdpr-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.gdpr-tab-content h4 {
font-size: 20px;
margin-bottom: .5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
}
.cli-container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.cli-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.cli-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.cli-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.cli-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.cli-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.cli-px-0 {
padding-left: 0;
padding-right: 0;
}
.cli-btn {
cursor: pointer;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1.25rem;
line-height: 1;
border-radius: .25rem;
transition: all .15s ease-in-out;
}
.cli-btn:hover {
opacity: .8;
}
.cli-read-more-link {
cursor: pointer;
font-size: 15px;
font-weight: 500;
text-decoration: underline;
}
.cli-btn:focus {
outline: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .8;
}
.cli-modal-open {
overflow: hidden
}
.cli-barmodal-open {
overflow: hidden
}
.cli-modal-open .cli-modal {
overflow-x: hidden;
overflow-y: auto
}
.cli-modal.cli-fade .cli-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.cli-modal.cli-show .cli-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.cli-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
display: none;
}
.cli-modal-backdrop.cli-fade {
opacity: 0
}
.cli-modal-backdrop.cli-show {
opacity: .5;
display: block;
}
.cli-modal.cli-show {
display: block;
}
.cli-modal a {
text-decoration: none;
}
.cli-modal .cli-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.cli-modal .cli-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2))
}
}
@media (min-width: 992px) {
.cli-modal .cli-modal-dialog {
max-width: 900px;
}
}
.cli-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border-radius: .3rem;
outline: 0
}
.cli-modal .row {
margin: 0 -15px;
}
.cli-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.cli-modal .cli-modal-close {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
padding: 0;
background-color: transparent !important;
border: 0;
-webkit-appearance: none;
font-size: 1.5rem;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
}
.cli-modal .cli-modal-close:focus {
outline: 0;
}
.cli-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 70px;
font-size: 14px;
}
.cli-switch input[type="checkbox"] {
display:none;
}
.cli-switch .cli-slider {
background-color: #e3e1e8;
height: 24px;
width: 50px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.cli-switch .cli-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 20px;
left: 2px;
position: absolute;
transition: .4s;
width: 20px;
}
.cli-switch input:checked + .cli-slider {
background-color: #00acad
}
.cli-switch input:checked + .cli-slider:before {
transform: translateX(26px);
}
.cli-switch .cli-slider {
border-radius: 34px;
}
.cli-switch .cli-slider:before {
border-radius: 50%;
}
.cli-tab-content {
background: #ffffff;
}
.cli-tab-content>.cli-active {
display: block;
}
.cli-fade {
transition: opacity .15s linear;
}
.cli-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column;
flex-direction: column;
}
.cli-nav-pills, .cli-tab-content {
width: 100%;
padding: 30px;
}
@media (max-width: 767px) {
.cli-nav-pills, .cli-tab-content {
padding: 30px 10px;
}
}
.cli-nav-pills {
background: #f3f3f3;
}
.cli-nav-pills .cli-nav-link {
border: 1px solid #00acad;
margin-bottom: 10px;
color: #00acad;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
cursor: pointer
}
.cli-nav-pills .cli-nav-link.cli-active, .cli-nav-pills .cli-show>.cli-nav-link {
background-color: #00acad;
border: 1px solid #00acad;
}
.cli-nav-pills .cli-nav-link.cli-active {
color: #ffffff;
}
.cli-tab-content .cli-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.cli-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.cli-tab-content h4 {
font-size: 20px;
margin-bottom: 1.5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
} .cli-container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.cli-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.cli-col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.cli-col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
flex-direction: column;
}
.cli-align-items-stretch {
-ms-flex-align: stretch!important;
align-items: stretch!important;
}
.cli-d-flex {
display: -ms-flexbox!important;
display: flex!important;
}
.cli-px-0 {
padding-left: 0;
padding-right: 0;
}
.cli-btn {
cursor: pointer;
font-size: 14px;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
padding: .5rem 1.25rem;
line-height: 1;
border-radius: .25rem;
transition: all .15s ease-in-out;
}
.cli-btn:hover {
opacity: .8;
}
.cli-read-more-link {
cursor: pointer;
font-size: 15px;
font-weight: 500;
text-decoration: underline;
}
.cli-btn:focus {
outline: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .8;
}
.cli-modal-open {
overflow: hidden
}
.cli-barmodal-open {
overflow: hidden
}
.cli-modal-open .cli-modal {
overflow-x: hidden;
overflow-y: auto
}
.cli-modal.cli-fade .cli-modal-dialog {
transition: -webkit-transform .3s ease-out;
transition: transform .3s ease-out;
transition: transform .3s ease-out,-webkit-transform .3s ease-out;
-webkit-transform: translate(0,-25%);
transform: translate(0,-25%)
}
.cli-modal.cli-show .cli-modal-dialog {
-webkit-transform: translate(0,0);
transform: translate(0,0)
}
.cli-modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
-webkit-transform:scale(0);
transform:scale(0);
transition: opacity ease-in-out 0.5s;
}
.cli-modal-backdrop.cli-fade {
opacity: 0;
}
.cli-modal-backdrop.cli-show {
opacity: .5;
-webkit-transform:scale(1);
transform:scale(1);
}
.cli-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99999;
transform: scale(0);
overflow: hidden;
outline: 0;
display: none;
}
.cli-modal a {
text-decoration: none;
}
.cli-modal .cli-modal-dialog {
position: relative;
width: auto;
margin: .5rem;
pointer-events: none;
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - (.5rem * 2))
}
@media (min-width: 576px) {
.cli-modal .cli-modal-dialog {
max-width:500px;
margin: 1.75rem auto;
min-height: calc(100% - (1.75rem * 2))
}
}
.cli-modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border-radius: .2rem;
box-sizing: border-box;
outline: 0
}
.cli-modal .row {
margin: 0 -15px;
}
.cli-modal .modal-body {
padding: 0;
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.cli-modal .cli-modal-close:focus {
outline: 0;
}
.cli-switch {
display: inline-block;
position: relative;
min-height: 1px;
padding-left: 38px;
font-size: 14px;
}
.cli-switch input[type="checkbox"] {
display:none;
}
.cli-switch .cli-slider {
background-color: #e3e1e8;
height: 20px;
width: 38px;
bottom: 0;
cursor: pointer;
left: 0;
position: absolute;
right: 0;
top: 0;
transition: .4s;
}
.cli-switch .cli-slider:before {
background-color: #fff;
bottom: 2px;
content: "";
height: 15px;
left: 3px;
position: absolute;
transition: .4s;
width: 15px;
}
.cli-switch input:checked + .cli-slider {
background-color: #61a229;
}
.cli-switch input:checked + .cli-slider:before {
transform: translateX(18px);
}
.cli-switch .cli-slider {
border-radius: 34px;
font-size:0;
}
.cli-switch .cli-slider:before {
border-radius: 50%;
}
.cli-tab-content {
background: #ffffff;
}
.cli-nav-pills {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
-ms-flex-direction: column;
flex-direction: column;
}
.cli-nav-pills, .cli-tab-content {
width: 100%;
padding:5px 30px 5px 5px;
box-sizing: border-box;
}
@media (max-width: 767px) {
.cli-nav-pills, .cli-tab-content {
padding: 30px 10px;
}
}
.cli-nav-pills {
background: #fff;
}
.cli-nav-pills .cli-nav-link {
border: 1px solid #cccccc;
margin-bottom: 10px;
color:#2a2a2a;
font-size: 14px;
display: block;
padding: .5rem 1rem;
border-radius: .25rem;
cursor: pointer
}
.cli-nav-pills .cli-nav-link.cli-active, .cli-nav-pills .cli-show>.cli-nav-link {
background-color: #f6f6f9;
border: 1px solid #cccccc;
}
.cli-nav-pills .cli-nav-link.cli-active {
color:#2a2a2a;
}
.cli-tab-content .cli-button-wrapper {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #d6d6d6;
}
.cli-tab-content p {
color: #343438;
font-size: 14px;
margin-top: 0;
}
.cli-tab-content h4 {
font-size: 20px;
margin-bottom: 1.5rem;
margin-top: 0;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit;
} #cookie-law-info-bar .cli-nav-pills,#cookie-law-info-bar .cli-tab-content,#cookie-law-info-bar .cli-nav-pills .cli-show>.cli-nav-link,#cookie-law-info-bar a.cli-nav-link.cli-active{
background: transparent;
}
#cookie-law-info-bar .cli-nav-pills .cli-nav-link.cli-active,#cookie-law-info-bar  .cli-nav-link,#cookie-law-info-bar .cli-tab-container p,#cookie-law-info-bar span.cli-necessary-caption,#cookie-law-info-bar .cli-switch .cli-slider:after
{
color:inherit;
}
#cookie-law-info-bar .cli-tab-header a:before
{
border-right: 1px solid currentColor;
border-bottom: 1px solid currentColor;
}
#cookie-law-info-bar .cli-row
{
margin-top:20px;
}
#cookie-law-info-bar .cli-col-4
{
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
#cookie-law-info-bar .cli-col-8
{
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.cli-wrapper {
max-width: 90%;
float: none;
margin: 0 auto;
}
#cookie-law-info-bar .cli-tab-content h4
{
margin-bottom:0.5rem;
}
#cookie-law-info-bar .cli-nav-pills .cli-nav-link
{
padding: .2rem 0.5rem;
}
#cookie-law-info-bar .cli-tab-container
{
display:none;
text-align:left;
} .cli-tab-footer .cli-btn {
background-color: #00acad;
padding: 10px 15px;
text-decoration:none;
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
background-color: #61a229;
color: #ffffff;
border-radius: 0;
}
.cli-tab-footer {
width:100%;
text-align:right;
padding: 20px 0;
} .cli-col-12
{
width:100%;
}
.cli-tab-header
{
display: flex;
justify-content: space-between;
}
.cli-tab-header a:before {
width: 10px;
height: 2px;
left: 0;
top: calc(50% - 1px);
}
.cli-tab-header a:after {
width: 2px;
height: 10px;
left: 4px;
top: calc(50% - 5px);
-webkit-transform: none;
transform: none;
}
.cli-tab-header a:before {
width: 7px;
height: 7px;
border-right: 1px solid #4a6e78;
border-bottom: 1px solid #4a6e78;
content: " ";
transform: rotate(-45deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin-right:10px;
}
.cli-tab-header a.cli-nav-link  {
position: relative;
display: flex;
align-items: center;
font-size:14px;
color:#000;
text-transform: capitalize;
}
.cli-tab-header.cli-tab-active .cli-nav-link:before
{
transform: rotate(45deg);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cli-tab-header {
border-radius: 5px;
padding: 12px 15px;
cursor: pointer;
transition: background-color 0.2s ease-out 0.3s, color 0.2s ease-out 0s;
background-color:#f2f2f2;
}
.cli-modal .cli-modal-close {
position: absolute;
right: 0;
top: 0;
z-index: 1;
-webkit-appearance: none;
width: 40px;
height: 40px;
padding: 0;
border-radius: 50%;
padding: 10px;
background: transparent;
border:none;
min-width: 40px;
}
.cli-tab-container h4,.cli-tab-container h1 {
font-family: inherit;
font-size: 16px;
margin-bottom: 15px;
margin:10px 0;
}
#cliSettingsPopup .cli-tab-section-container {
padding-top: 12px;
}
.cli-tab-container p ,.cli-privacy-content-text{
font-size: 14px;
line-height: 1.4;
margin-top: 0;
padding: 0;
color: #000;
}
.wt-cli-privacy
{
display:none;
}
.cli-tab-content
{
display:none;
}
.cli-tab-section .cli-tab-content
{
padding: 10px 20px 5px 20px;
}
.cli-tab-section
{
margin-top:5px;
}
@media (min-width: 992px) {
.cli-modal .cli-modal-dialog {
max-width: 645px;
}
}
.cli-switch .cli-slider:after{
content: attr(data-cli-disable);
position: absolute;
right: 50px;
color: #000;
font-size:12px;
text-align:right;
min-width: 80px;
}
.cli-switch input:checked + .cli-slider:after
{
content: attr(data-cli-enable);
}
.cli-privacy-overview:not(.cli-collapsed) .cli-privacy-content {
max-height: 60px;
transition: max-height 0.15s ease-out;
overflow: hidden;
}
a.cli-privacy-readmore {
font-size: 12px;
margin-top: 12px;
display: inline-block;
padding-bottom: 0;
cursor: pointer;
color:#000;
text-decoration: underline;
}
.cli-modal-footer {
position: relative;
}
a.cli-privacy-readmore:before {
content: attr(data-readmore-text);
}
.cli-collapsed a.cli-privacy-readmore:before {
content: attr(data-readless-text);
}
.cli-collapsed .cli-privacy-content
{
transition: max-height 0.25s ease-in;
}
.cli-privacy-content p
{
margin-bottom:0;
}
.cli-modal-close svg {
fill: #000;
}
span.cli-necessary-caption {
color: #000;
font-size: 12px;
}
.cli-tab-section.cli-privacy-tab {
display: none;
}
#cookie-law-info-bar .cli-tab-section.cli-privacy-tab {
display: block;
}
#cookie-law-info-bar .cli-privacy-overview {
display: none;
}
.cli-tab-container .cli-row
{
max-height: 500px;
overflow-y: auto;
}
.cli-modal.cli-blowup.cli-out {
z-index: -1;
}
.cli-modal.cli-blowup {
z-index: 999999;
transform: scale(1);
}
.cli-modal.cli-blowup .cli-modal-dialog {
animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.cli-modal.cli-blowup.cli-out .cli-modal-dialog
{
animation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
@keyframes blowUpContent {
0% {
transform: scale(1);
opacity: 1;
}
99.9% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(0);
}
}
@keyframes blowUpContentTwo {
0% {
transform: scale(2);
opacity: 0;
}
100% {
transform: scale(1);
opacity: 1;
}
}
@keyframes blowUpModal {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes blowUpModalTwo {
0% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(0.5);
opacity: 0;
}
100% {
transform: scale(0);
opacity: 0;
}
}
.cli-tab-section .cookielawinfo-row-cat-table td, .cli-tab-section .cookielawinfo-row-cat-table th {
font-size: 12px;
}
.cli_settings_button
{
cursor: pointer;
} .wt-cli-sr-only
{
display: none;
font-size:16px;
} a.wt-cli-element.cli_cookie_close_button {
text-decoration: none;
color: #333333;
font-size: 22px;
line-height: 22px;
cursor: pointer;
position: absolute;
right: 10px;
top: 5px;
} .cli-bar-container{
float: none;
margin: 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.cli-bar-btn_container {
margin-left: 20px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
flex-wrap: nowrap;
}
.cli-style-v2 a
{
cursor: pointer;
}
.cli-bar-btn_container a {
white-space: nowrap;
}
.cli-style-v2 .cli-plugin-main-link
{
font-weight:inherit;
}
.cli-style-v2
{
font-size: 11pt;
line-height: 18px;
font-weight:normal;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-bar-container,#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-container{
display: block;
}
.cli-style-v2 .cli-bar-message {
width: 70%;
text-align: left;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-bar-message,#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-message
{
width:100%;
}
#cookie-law-info-bar[data-cli-type="widget"] .cli-style-v2 .cli-bar-btn_container {
margin-top:8px;
margin-left: 0px;
flex-wrap: wrap;
} #cookie-law-info-bar[data-cli-type="popup"] .cli-style-v2 .cli-bar-btn_container {
margin-top:8px;
margin-left: 0px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head{
text-align: left; margin-bottom: 5px;
margin-top: 0px;
font-size: 16px;
} .cli-style-v2 .cli-bar-message .wt-cli-ccpa-element,.cli-style-v2 .cli-bar-message .wt-cli-ccpa-checkbox {
margin-top: 5px;
}
.cli-style-v2 .cli-bar-btn_container .cli_action_button ,
.cli-style-v2 .cli-bar-btn_container .cli-plugin-main-link,
.cli-style-v2 .cli-bar-btn_container .cli_settings_button
{
margin-left: 5px;
}
.wt-cli-ccpa-checkbox label {
font-size: inherit;
cursor: pointer;
margin: 0px 0px 0px 5px;
} #cookie-law-info-bar[data-cli-style="cli-style-v2"]
{
padding: 14px 25px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"]
{
padding:32px 30px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] {
padding: 32px 45px;
}
.cli-style-v2 .cli-plugin-main-link:not(.cli-plugin-button), .cli-style-v2 .cli_settings_button:not(.cli-plugin-button),.cli-style-v2 .cli_action_button:not(.cli-plugin-button){
text-decoration: underline;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
margin-top: 5px;
margin-bottom: 5px;
}
a.wt-cli-ccpa-opt-out {
white-space: nowrap;
text-decoration: underline;
}
.wt-cli-necessary-checkbox {
display: none !important;
}
@media (max-width: 985px) {
.cli-style-v2 .cli-bar-message
{
width:100%;
}
.cli-style-v2.cli-bar-container
{
justify-content:left;
flex-wrap: wrap;
}
.cli-style-v2 .cli-bar-btn_container {
margin-left:0px;
margin-top: 10px;
}
#cookie-law-info-bar[data-cli-style="cli-style-v2"],#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"],#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"]
{
padding: 25px 25px;
}
} .wt-cli-ckyes-brand-logo {
display: flex;
align-items: center;
font-size: 9px;
color: #111111;
font-weight: normal;
}
.wt-cli-ckyes-brand-logo img{
width: 65px;
margin-left: 2px;
}
.wt-cli-privacy-overview-actions {
padding-bottom:0;
}
@media only screen and (max-width: 479px) and (min-width: 320px){
.cli-style-v2 .cli-bar-btn_container {
flex-wrap: wrap;
}
} .wt-cli-cookie-description {
font-size: 14px;
line-height: 1.4;
margin-top: 0;
padding: 0;
color: #000;
}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }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, font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
div, nav, header, footer, aside { display: block; } body {
background: #FFFFFF;
text-align: center;
font-family: 'Trebuchet MS', 'Lucida Grande', sans-serif;
font-size: 16.5px;
color: #00294D;
}
* {  font-family: 'Trebuchet MS', 'Lucida Grande', sans-serif; }
input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"],
textarea {
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
padding: 0px;
margin: 0px;
display: block;
}
img { max-width: 100%; height: auto; }
.container {
display: block;
margin: auto;
text-align: left;
width: 1238px;
position: relative;
}
a { color: #B38F59; text-decoration: none; }
a:hover { color: #B38F59; text-decoration: underline; }
.clearfix { display: block; clear: both; }
body .button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: 13px 20px;
text-align: center;
display: inline-block;
background: #B38F59;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
color: #FFF;
font-size: 16px;
border: none;
cursor: pointer;
font-weight: normal;
line-height: 19px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
body .button:hover {
box-shadow: 0 4px 10px 0 rgba(179,143,89,0.12), 0 4px 10px 0 rgba(0,0,0,0.05);
background: #B38F59;
color: #FFF;
text-decoration: none;
}
body .button-outline {
background: transparent;
color: #B38F59;
border: 1px solid #B38F59;
}
body .button-outline:hover {
border: 1px solid #B38F59;
box-shadow: none;
} #site-header {
background: #FFF;
top: 0px;
left: 0px;
right: 0px;
position: relative;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05);
z-index: 100;
width: 1366px;
margin-left: -683px;
left: 50%; }
body.header-fixed { padding-top: 151px; }
body.header-fixed #site-header { position: fixed; } #site-header:before,
#site-header:after {
width: 20px;
background: #FFF;
position: absolute;
top: 0px;
left: -10px;
height: 100%;
content: '';
display: block;
}
#site-header:after { left: auto; right: -10px; }
#site-header .header-row-a {
padding: 12px 0 0 0;
}
#site-header .header-left {
float: left;
}
body .button-online-policy {
padding: 11px 20px 10px 20px;
margin: 0 32px 0 0;
vertical-align: top;
}
.social-link {
width: 40px;
height: 40px;
vertical-align: top;
display: inline-block;
background: none no-repeat center center;
background-size: 40px 40px;
text-indent: -9999px;
}
.social-link-linkedin {
background-image: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/linkedin.png);
}
.social-link-linkedin:hover {
background-image: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/linkedin-blue.png);
}
#site-header .header-phone-numbers {
float: left;
line-height: 40px;
padding: 0 0 0 103px;
font-size: 18px;
}
#site-header .header-phone-numbers span.phone-number { margin: 0 16px 0 0; }
#site-header .header-phone-numbers em { font-style: normal; }
#site-header .logo {
float: right;
display: block;
width: 120px;
margin: -26px 0 0 0;
}
#site-header .toggle-nav { display: none; }
#site-nav {
padding: 46px 0 0 0;
}
#site-nav .mobile-menu { display: none; }
#site-nav li {
display: inline-block;
padding: 0 48px 32px 0;
position: relative;
}
#site-nav li a {
display: inline-block;
font-size: 18px;
color: #00294D;
line-height: 21px;
}
#site-nav li a:hover,
#site-nav li.current-menu-item a {
color: #B38F59;
}
#site-nav li ul {
position: absolute;
display: none;
top: 100%;
left: -32px;
width: 215px;
padding: 16px 0;
background: #FFFFFF;
box-shadow: 0 4px 10px 0 rgba(0,0,0,0.05);
}
#site-nav li ul li {
position: relative;
padding: 0px;
display: block;
}
#site-nav li ul li a {
display: block;
padding: 8px 32px;
color: #00294D;
}
#site-nav .mobile-only { display: none; } #service-choices {
background: #01294D; background: #F7F7F7;
padding: 0 0 19px 0;
position: relative;
width: 100%;
left: 0px;
top: 0px;
z-index: 99;
height: 103px;
width: 1366px;
margin-left: -683px;
left: 50%;
}
body.header-and-choices-fixed { padding-top: 151px; padding-top: 122px; padding-top: 273px; }
body.header-and-choices-fixed #service-choices { position: fixed; top: 151px; }
#service-choices header {
background: #B38F59;
background: #01294D;
padding: 12px 0;
}
#service-choices header h4 {
font-size: 14px;
color: #FFF;
line-height: 16px;
text-align: center;
}
#service-choices ul {
padding: 19px 0 0 0;
margin: 0 -20px;
}
#service-choices ul li {
padding: 0 20px;
position: relative;
width: 16.6%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: center;
display: block;
float: left;
}
#service-choices ul li:before {
position: absolute;
top: 0px;
right: 0px;
width: 1px;
height: 42px;
background: #B38F59; display: block;
content: '';
}
#service-choices ul li:last-child { clear: right; }
#service-choices ul li:last-child:before { display: none; }
#service-choices ul li a {
display: block;
font-size: 16px;
color: #FFF;
color: #01294D;
line-height: 22px;
padding: 11px 0; }
#service-choices ul li.has-two-lines a { padding: 0px; }
#service-choices ul li a:hover { color: #B38F59; } #banner {
position: relative;
width: 1366px;
margin: 0 auto;
max-width: 100%;
}
#banner .banner-holder {
position: relative;
background: none no-repeat center center;
background-size: cover;
overflow: hidden;
}
#banner .banner-gradient { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,83,132,0.5) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,83,132,0.5) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,83,132,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#005384',GradientType=0 );
}
#banner .container {
height: 437px;
}
#banner .banner-text {
position: absolute;
bottom: 48px;
left: 0px;
max-width: 800px; }
#banner .banner-text h1,
#banner .banner-text h2 {
font-size: 34px;
font-weight: bold;
color: #FFF;
line-height: 54px;
position: relative;
margin: 0 0 25px 0;
}
#banner .banner-text h1:before,
#banner .banner-text h2:before {
position: absolute;
bottom: -25px;
bottom: -16px;
width: 80px;
height: 3px;
background: #B38F59;
display: block;
content: '';
}
#banner .banner-text p {
font-size: 18px;
font-weight: bold;
color: #FFF;
line-height: 30px;
position: relative;
padding: 20px 0 0 0
}
#banner.banner-split { 
background: #00294D;
border-bottom: 3px solid #B38F59;
}
#banner.banner-split .container { height: 522px; }
#banner .banner-holder .banner-split-image-back {
position: absolute;
top: 0px;
right: 0px;
width: 66.6%;
background: none no-repeat center center;
background-size: cover;
height: 100%;
}
#banner .banner-holder .banner-split-image-back.green:after {
border-top-color:#13b260;
}
#banner .banner-holder .banner-split-image-back.blue:after {
border-top-color:#37a0de;
}
#banner .banner-holder .banner-split-image-back:before {
position: absolute;
top: 0px;
left: 0px;
width: 0px;
height: 0px;
content: '';
display: block;
z-index: 50;
border-top: 522px solid #00294D;
border-right: 140px solid transparent;
}
#banner .banner-holder .banner-split-image-back:after {
position: absolute;
top: 0px;
left: 0px;
width: 0px;
height: 0px;
content: '';
display: block;
z-index: 40;
border-top: 562px solid transparent;
border-right: 151px solid transparent;
}
#banner.banner-split .banner-text {
width: 33.3%;
position: absolute;
top: 50%;
right: 0px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
bottom: auto;
padding: 0 30px 0 0;
z-index: 100;
}
#banner.banner-split .banner-text h2 { margin-right: -40px; }
#banner.banner-split .banner-text p {
font-size: 20px;
line-height: 34px;
font-weight: normal;
}
#banner.banner-split .banner-text .button {
margin: 43px 0 0 0;
} #main {
padding: 64px 0;
}
#content {
width: 809px;
float: left;
}
#content.full-width { float: none; width: auto; }
#content .alignleft {
float: left;
display: block;
margin: 0 20px 20px 0;
}
#content .alignright {
float: right;
display: block;
margin: 0 0 20px 20px;
}
#content h1 {
font-size: 34px;
font-weight: bold;
line-height: 54px;
padding: 0 0 27px 0;
margin: 0 0 32px 0;
position: relative;
}
#content h1:before {
position: absolute;
bottom: 0px;
width: 80px;
height: 3px;
background: #B38F59;
display: block;
content: '';
}
#content h2 {
font-size: 21px;
font-weight: bold;
line-height: 32px;
margin: 0 0 24px 0;
padding: 24px 0 0 0;
}
#content h3 {
font-size: 18px;
font-weight: bold;
line-height: 30px;
margin: 0 0 15px 0;
padding: 10px 0 0 0;
}
#content h4 {
font-size: 18px;
font-weight: bold;
line-height: 30px;
margin: 0 0 15px 0;
}
#content p {
line-height: 30px;
margin: 0 0 24px 0;
}
#content ul {
line-height: 30px;
margin: 0 0 24px 0;
}
#content ul li {
position: relative;
padding: 0 0 0 25px;
}
#content ul li:before {
content: '•';
display: block;
position: absolute;
top: 0px;
line-height: 30px;
left: 0px;
}
.mobile-sub-nav { display: none; } #content.home-content {  } #content .mobile-home-actions { display: none; } .interest-rate-calculator {
padding: 60px 0;
margin: 0 -23px;
}
.interest-rate-calculator .calc-fields {
float: left;
width: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 0 23px;
}
.interest-rate-calculator .calc-fields .calc-field {
margin: 0 0 57px 0;
}
.interest-rate-calculator .calc-fields .calc-field label {
display: block;
font-size: 14px;
color: #333333;
line-height: 16px;
margin: 0 0 0 0;
}
.interest-rate-calculator .calc-fields .calc-field .calc-control-amount { position: relative; }
.interest-rate-calculator .calc-fields .calc-field .calc-control-amount-addon {
position: absolute;
top: 0px;
line-height: 45px;
font-size: 21px;
}
.interest-rate-calculator .calc-fields .calc-field input[type="number"],
.interest-rate-calculator .calc-fields .calc-field input[type="text"] {
border: none;
border-bottom: 1px solid #B38F59;
line-height: 25px;
font-size: 21px;
display: block;
width: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 10px 0 10px 10px;
color: #01294D;
}
.interest-rate-calculator .calc-fields .calc-field .error-block {
padding: 5px 0 0 0;
font-size: 12px;
color: red;
}
.interest-rate-calculator .calc-fields .calc-field .calc-control-months {
position: relative;
padding: 56px 0 0 0;
}
.interest-rate-calculator .calc-fields .calc-field .calc-control-months .slider {
}
.interest-rate-calculator .calc-fields .calc-field .calc-control-months .slider.slider-horizontal .tooltip {
transform: none!important;
-ms-transform: none!important;
line-height: 45px;
font-size: 21px;
margin-top: -64px;
}
.interest-rate-calculator .calc-fields .calc-field .calc-control-months .slider.slider-horizontal {
width: 100%;
height: 1px;
background: #B38F59;
}
.interest-rate-calculator .calc-fields .calc-field .calc-control-months .slider.slider-horizontal .slider-track { height: 1px; opacity: 0; }
.interest-rate-calculator .calc-fields .calc-field .calc-control-months .slider.slider-horizontal .slider-handle {
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/icon-range-slider.svg) no-repeat;
width: 34px;
height: 34px;
border-radius: 0px;
box-shadow: none;
margin-top: -16px;
}
.interest-rate-calculator .calc-calculation {
float: left;
width: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 0 23px;
}
.interest-rate-calculator .calc-calculation-box {
background: #f7f7f7;
padding: 85px 0;
text-align: center;
position: relative;
}
.interest-rate-calculator .calc-calculation-box .submit-loader {
display: none;
position: absolute;
top: 30px;
right: 30px;
}
.interest-rate-calculator .calc-calculation-box label {
display: block;
font-size: 14px;
color: #333333;
line-height: 16px;
margin: 0 0 14px 0;
}
.interest-rate-calculator .calc-calculation-box .calc-calculation-payable {
font-size: 26px;
line-height: 30px;
display: block;
color: #01294D;
} #news-filter {
margin: -87px 0 0 0;
position: relative;
z-index: 1000;
}
#news-filter .container { text-align: center; }
#news-filter form {
margin: 0 auto;
width: 897px;
text-align: left;
background: #FAFAFA;
background: #f7f7f7;
padding: 43px 44px 50px 44px;
}
#news-filter form .filter-field {
float: left;
padding: 0 6px;
width: 30%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: block;
}
#news-filter form .filter-field label {
display: block;
font-size: 14px;
line-height: 16px;
margin: 0 0 13px 0;
}
#news-filter form .filter-field .select-field {
border: 1px solid #B38F59;
border-radius: 2px;
display: block;
position: relative;
overflow: hidden;
background: transparent;
height: 45px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#news-filter form .filter-field .select-field:before {
position: absolute;
top: 50%;
right: 18px;
width: 12px;
height: 8px;
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/icon-select.svg) no-repeat center center;
margin: -4px 0 0 0;
content: '';
display: block;
}
#news-filter form .filter-field .select-field select {
position: absolute;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: none;
display: block;
width: 100%;
width: calc(100% + 40px);
top: 0px;
left: 0px;
line-height: 43px;
padding: 0 50px 0 20px;
cursor: pointer;
background: none transparent;
color: #B38F59;
font-size: 16px;
font-family: 'Trebuchet MS', 'Lucida Grande', sans-serif;
}
#news-filter form .filter-submit {
float: left;
padding: 29px 6px 0 6px;
width: 10%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: block;
}
#news-filter form .filter-submit .button { display: block; width: 100%; text-align: center; padding-left: 0px; padding-right: 0px; }
.news-archive {
margin: 0 0 48px 0;
padding: 0 0 48px 0;
border-bottom: 1px solid #D4D4D4;
}
.news-archive .news-thumb {
display: block;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 50%;
}
.news-archive .news-thumb img { display: block; width: 100%; }
.news-archive .news-archive-text {
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
float: left;
padding: 52px 0 0 48px;
width: 50%;
}
.news-archive .news-archive-text h2 {
font-size: 26px;
line-height: 42px;
font-weight: bold;
padding: 0 0 22px 0;
position: relative;
margin: 0 0 19px 0;
}
.news-archive .news-archive-text h2:before {
position: absolute;
content: '';
display: block;
width: 92px;
height: 3px;
background: #B38F59;
bottom: 0px;
left: 0px;
}
.news-archive .news-archive-text h2 a { color: #00294D; }
.news-archive .news-archive-text h2 a:hover { text-decoration: none; }
.news-archive .news-archive-text p {
line-height: 30px;
margin: 0 0 34px 0;
}
.news-grid {
margin: 0 -24px;
}
.news-grid section {
display: block;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
width: 33.33%;
padding: 0 24px 48px 24px;
}
.news-grid section:nth-child(3n+1) { clear: left; }
.news-grid .news-card {
display: block;
position: relative;
height: 462px;
background: none no-repeat center center;
background-size: cover;
color: #FFF;
}
.news-grid .news-card .news-card-front {
position: relative;
height: 462px;
background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 1%, rgba(0,0,0,0.60) 100%);
}
.news-grid .news-card .news-card-front .news-card-front-content {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
padding: 32px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: block;
}
.news-grid .news-card .news-card-front .news-card-front-content .news-card-date {
display: block;
float: left;
background: #00294D;
line-height: 37px;
color: #FFF;
font-size: 14px;
font-weight: bold;
padding: 0 14px;
margin: 0 0 16px 0;
text-transform: uppercase;
}
.news-grid .news-card .news-card-front .news-card-front-content h3 {
font-size: 21px;
line-height: 32px;
font-weight: bold;
color: #FFF;
margin: 0px;
padding: 0px;
}
.news-grid .news-card .news-card-back {
opacity: 0;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 32px 32px 110px 32px;
background: #00294D;
-webkit-transition: opacity 0.3s ease-out; 
-moz-transition: opacity 0.3s ease-out; 
-o-transition: opacity 0.3s ease-out; 
transition: opacity 0.3s ease-out;
}
@media all and (min-width: 1024px) {
.news-grid .news-card:hover .news-card-back {
opacity: 1;
}
}
.news-grid .news-card .news-card-back .news-card-excerpt p {
display: block;
font-size: 16px;
line-height: 30px;
margin: 0 0 26px 0;
}
.news-grid .news-card .news-card-back .news-card-author {
display: block;
font-size: 15px;
line-height: 30px;
}
.news-grid .news-card .news-card-back .news-card-read-more {
position: absolute;
bottom: 32px;
left: 32px;
width: calc(100% - 64px);
display: block;
line-height: 45px;
color: #FFF;
font-size: 16px;
text-align: center;
background: #B38F59;
box-shadow: 0 4px 10px 0 rgba(179,143,89,0.12), 0 4px 10px 0 rgba(0,0,0,0.05);
border-radius: 2px;
}
.latest-news { padding: 90px 0 0 0; }
.latest-news header {
}
.latest-news header h2 {
font-size: 26px;
line-height: 41px;
padding: 0 0 24px 0;
position: relative;
margin: 0 0 40px 0;
float: left;
font-weight: bold;
}
.latest-news header h2:before {
position: absolute;
bottom: 0px;
left: 0px;
height: 3px;
width: 83px;
background: #B38F59;
display: block;
content: '';
}
.latest-news header .view-all-news {
float: right;
text-decoration: underline;
margin: 47px 0 0 0;
} #post-banner {
background: #01274B; padding: 64px 0 238px 0;
margin: 0 auto;
max-width: 100%;
width: 1366px;
}
#post-banner.no-image { padding-bottom: 64px; }
#post-banner .container { text-align: center; max-width: 810px; margin: 0 auto; }
#post-banner h1 {
font-size: 34px;
line-height: 54px;
color: #FFF; font-weight: bold;
padding: 0 0 28px 0;
position: relative;
text-align: center;
}
#post-banner h1:before {
position: absolute;
bottom: 0px;
left: 50%;
width: 92px;
height: 3px;
background: #B38F59;
margin: 0 0 0 -46px;
content: '';
display: block;
}
#post-main {
position: relative;
z-index: 1;
}
#post-main .container { width: 810px; margin: 0 auto; }
#post-main .post-image {
position: relative;
margin: -176px 0 48px 0;
}
#post-main .post-image-breadcrumb-under { margin-bottom: 33px; }
#post-main .post-image img { display: block; width: 100%; }
#post-main #content h2 { padding-top: 0px; }
.breadcrumb {
margin: 0 0 32px 0;
line-height: 19px;
}
.breadcrumb-no-image { padding: 32px 0 0 0; }
.breadcrumb a { color: #01274B; }
.breadcrumb span { color: #B38F59; }
body.page .breadcrumb { margin: -32px 0 43px 0; }
.post-meta {
margin: 64px -32px 64px -32px;
background: #FAFAFA;
background: #f7f7f7;
padding: 15px 32px;
}
.post-meta span {
line-height: 30px;
display: block;
float: left;
}
.post-meta span.post-date { float: right; }
.post-actions {
margin: 0 -24px 96px -24px;
}
.post-actions section {
float: left;
width: 50%;
padding: 0 24px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: block;
}
.post-actions section a {
display: block;
height: 106px;
border: 1px solid #B38F59;
border-radius: 2px;
font-size: 18px;
line-height: 30px;
padding: 0 64px 0 32px;
position: relative;
}
.post-actions section a:hover {
text-decoration: none;
background: #B38F59;
color: #FFF;
}
.post-actions section a:before {
top: 50%;
right: 30px;
width: 13px;
height: 13px;
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/arrow-right.png) no-repeat center center;
background-size: 13px 13px;
margin: -6px 0 0 0;
content: '';
position: absolute; 
display: block;
}
.post-actions section a:hover:before { background-image: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/arrow-right-white.png); }
.post-actions section a.action-button-arrow-left { padding: 0 32px 0 64px; }
.post-actions section a.action-button-arrow-left:before {
background-image: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/arrow-left.png);
right: auto;
left: 30px;
}
.post-actions section a.action-button-arrow-left:hover:before { background-image: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/arrow-left-white.png); }
.post-actions section a span {
position: relative;
top: 50%;
left: 0px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
display: block;
} #page-header {
background: #01274B;
padding: 64px 0;
width: 1366px;
margin: 0 auto;
max-width: 100%;
}
#page-header h1 {
font-size: 34px;
line-height: 54px;
color: #FFF;
padding: 0 0 18px 0;
margin: 0px;
position: relative;
}
#page-header h1:before {
position: absolute;
bottom: 0px;
left: 0px;
width: 92px;
height: 3px;
background: #B38F59;
content: '';
display: block;
}
#page-header p {
font-size: 20px;
line-height: 34px;
color: #FFF;
padding: 32px 0 0 0;
} #contact-main {
padding: 64px 0 8px 0;
}
#contact-main .contact-office {
overflow: hidden;
position: relative;
margin: 0 0 48px 0;
}
#contact-main .contact-office .contact-details {
width: 374px;
padding: 18px 56px 18px 0;
}
#contact-main .contact-office .contact-details h2 {
font-size: 26px;
font-weight: bold;
line-height: 42px;
padding: 0 0 24px 0;
margin: 0 0 32px 0;
position: relative;
}
#contact-main .contact-office .contact-details h2:before {
position: absolute;
bottom: 0px;
width: 93px;
height: 3px;
background: #B38F59;
display: block;
content: '';
}
#contact-main .contact-office .contact-details p {
font-size: 18px;
line-height: 32px;
margin: 0 0 30px 0;
}
#contact-main .contact-office .contact-details p span {
display: block;
font-size: 12px;
line-height: 14px;
margin: 0 0 3px 0;
}
#contact-main .contact-office .contact-map { position: absolute;
top: 0px;
right: -64px;
left: 430px;
height: 100%; }
#contact-main .contact-office .contact-map .map-holder {
width: 100%;
position: absolute;
height: 100%;
top: 0px;
left: 0px;
}
#contact-main .contact-office-map-on-left .contact-details {
float: right;
padding-right: 0px;
padding-left: 48px;
}
#contact-main .contact-office-map-on-left .contact-map {
left: -64px;
right: 430px;
}
#enquiry-form {
background: #FAFAFA;
background: #f7f7f7;
padding: 58px 0 30px 0;
width: 1366px;
margin: 0 auto;
max-width: 100%;
}
#enquiry-form header {
padding: 8px 0 0 0;
width: 320px;
float: left;
}
#enquiry-form header h3,
#make-enquiry-modal h3 {
font-size: 21px;
font-weight: bold;
line-height: 25px;
padding: 0 0 23px 0;
position: relative;
margin: 0 0 16px 0;
}
#enquiry-form header h3 {
font-size: 26px;
font-weight: bold;
line-height: 42px;
padding: 0 0 24px 0;
margin: 0 0 32px 0;
position: relative;
}
#enquiry-form header h3:before,
#make-enquiry-modal h3:before {
width: 83px;
height: 2px;
background: #B38F59;
display: block;
position: absolute;
bottom: 0px;
left: 0px;
content: '';
display: block;
}
#enquiry-form header h3:before {
width: 93px;
height: 3px;
}
#enquiry-form header p { line-height: 28px; }
#enquiry-form .form-holder {
float: right;
width: 810px;
}
#enquiry-form .form-holder form {
margin: 0 -24px;
}
#content .wpcf7-form {
background: #FAFAFA;
background: #f7f7f7;
padding: 48px;
text-align: center;
width: 480px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
max-width: 100%;
}
#enquiry-form form .form-left {
float: left;
padding: 0 24px;
width: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#enquiry-form form .form-field,
.enquiry-form-holder .form-field,
#content .wpcf7-form .form-field {
margin: 0 0 34px 0;
}
#enquiry-form form .form-field input,
.enquiry-form-holder .form-field input,
#content .wpcf7-form .form-field input {
height: 34px;
border-bottom: 1px solid #B38F59;
padding: 8px 0;
font-size: 16px;
line-height: 19px;
background: none transparent;
width: 100%;
color: #00294D;
}
#enquiry-form form .form-field ::placeholder,
.enquiry-form-holder .form-field ::placeholder,
#content .wpcf7-form .form-field ::placeholder { color: rgba(0,0,0,0.4); }
#enquiry-form form .form-right {
float: left;
padding: 5px 24px 0 24px;
width: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#enquiry-form form .form-right label,
.enquiry-form-holder label,
#content .wpcf7-form .form-field label {
line-height: 19px;
color: rgba(0,0,0,0.4);
display: block;
margin: 0 0 8px 0;
}
#enquiry-form form .form-right .form-textarea,
.enquiry-form-holder .form-textarea,
#content .wpcf7-form .form-textarea {
margin: 0 0 24px 0;
}
#enquiry-form form .form-right textarea,
.enquiry-form-holder .form-textarea textarea,
#content .wpcf7-form .form-textarea textarea {
display: block;
border: 1px solid #B38F59;
height: 137px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 10px;
font-size: 16px;
line-height: 20px;
background: transparent;
resize: none;
width: 100%;
display: block;
color: #00294D;
}
#enquiry-form form .form-right .form-submit {
}
#enquiry-form form .form-right .form-submit input,
.enquiry-form-holder .form-submit input,
#content .wpcf7-form .form-submit input { width: 100%; display: block; }
#make-enquiry-modal h3 { text-align: center; margin-bottom: 54px; }
#make-enquiry-modal h3:before { left: 50%; margin-left: -41px; }
.enquiry-form-holder { margin: 0 -20px; }
.enquiry-form-holder .form-field,
.enquiry-form-holder .form-submit,
.enquiry-form-holder .form-textarea {
padding: 0 20px;
width: 50%;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.enquiry-form-holder .form-right { 
clear: left;
}
.enquiry-form-holder .form-textarea,
.enquiry-form-holder .form-submit { float: none; width: auto; } .event-post {
margin: 0 0 8px 0;
}
.event-post h2 {
font-size: 26px;
font-weight: bold;
line-height: 42px;
padding: 0 0 24px 0;
margin: 0 0 32px 0;
position: relative;
}
.event-post h2:before {
position: absolute;
bottom: 0px;
width: 93px;
height: 3px;
background: #B38F59;
display: block;
content: '';
}
.event-post .event-images {
margin: 0 -24px;
}
.event-post .event-images li {
display: block;
float: left;
width: 33.3%;
padding: 0 24px 48px 24px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.event-post .event-images li.mobile-only-false { display: none; } .event-post .event-images li a {
display: block;
text-decoration: none!important;
}
.event-post .event-images li a img {
display: block;
margin: 0 0 16px 0;
}
.event-post .event-images li a .image-date {
display: block;
font-size: 12px;
line-height: 24px;
color: #7B8084;
margin: 0 0 7px 0;
}
.event-post .event-images li a .image-caption {
font-size: 18px;
line-height: 29px;
color: #00294D;
font-weight: bold;
display: block;
} 
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; 
-moz-transition: all 0.3s ease-out; 
-o-transition: all 0.3s ease-out; 
transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: 0.8;
}
.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-with-zoom.mfp-ready.mfp-bg { background: rgba(0,41,77,0.93); opacity: 1; }
.mfp-arrow-left {
opacity: 1;
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/gallery-arrow-left.png) no-repeat center center!important;
}
.mfp-arrow-left:before,
.mfp-arrow-left:after { display: none!important; }
.mfp-arrow-right {
opacity: 1;
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/gallery-arrow-right.png) no-repeat center center!important;
}
.mfp-arrow-right:before,
.mfp-arrow-right:after { display: none!important; }
button.mfp-close {
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/gallery-close.png) no-repeat center center!important;
width: 48px;
height: 48px;
top: 42px!important;
right: 42px;
opacity: 1;
text-indent: -9999px;
}
.mfp-bottom-bar {
padding: 16px 0;
}
.mfp-bottom-bar .mfp-title {
font-size: 12px;
line-height: 24px;
color: #E6E5E5;
}
.mfp-bottom-bar .mfp-title em {
font-size: 18px;
color: #FFF;
font-weight: bold;
font-style: normal;
display: block;
padding: 8px 0 0 0;
}
.mfp-counter { display: none; } .testimonials {
}			
.testimonials section {
padding: 48px 0;
border-bottom: 1px solid #D4D4D4;
}
.testimonials section:last-child { border: none; }
.testimonials section .testimonial-image {
width: 40%;
float: left;
padding: 0 48px 0 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.testimonials section .testimonial-image img {
display: block;
border: 1px solid #D4D4D4;
}
.testimonials section .testimonial-quote {
width: 60%;
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.testimonials section .testimonial-quote blockquote {
}
.testimonials section .testimonial-quote blockquote p {
font-size: 18px;
line-height: 30px;
font-style: italic;
margin: 0 0 24px 0;
}
.testimonials section .testimonial-quote blockquote cite {
font-size: 16px;
color: #7B8084;
display: block;
line-height: 30px;
}
.accordion {
margin: 0 0 56px 0;
}		
.accordion section {
margin: 0 0 8px 0;
}	
.accordion section header {
display: block;
border: 1px solid #B38F59;
padding: 13px 48px 13px 24px;
line-height: 28px;
cursor: pointer;
font-size: 18px;
color: #B38F59;
position: relative;
}
.accordion section header:before {
position: absolute;
top: 50%;
right: 24px;
display: block;
width: 18px;
height: 18px;
margin: -9px 0 0 0;
content: '';
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/accordion-plus.png) no-repeat center center;
}
.accordion .active header {
background: #B38F59;
color: #FFF;
}
.accordion .active header:before {
background-image: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/accordion-minus.png);
}
.accordion section .panel-content {
border: 1px solid #B38F59;
border-top: none;
display: none;
padding: 24px 24px 1px 24px;
}
.mobile-people-filter,
.mobile-people-search { display: none; }
#content h2.people-heading {
font-size: 26px;
font-weight: bold;
line-height: 41px;
padding: 0 0 24px 0;
margin: 0 0 32px 0;
position: relative;
}
#content h2.people-heading:before {
position: absolute;
bottom: 0px;
width: 83px;
height: 3px;
background: #B38F59;
display: block;
content: '';
}
body .mfp-bg { background: #1E3773; }
.person-info {
background: #FFF;
padding: 64px;
text-align: left;
max-width: 600px;
margin: 40px auto;
position: relative;
}
.person-info p {
line-height: 30px;
margin: 0px;
padding: 24px 0 0 0;
}
.person-info h4 {
font-size: 21px;
font-weight: bold;
line-height: 32px;
}  .my-mfp-zoom-in .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-in-out; 
-moz-transition: all 0.2s ease-in-out; 
-o-transition: all 0.2s ease-in-out; 
transition: all 0.2s ease-in-out; 
-webkit-transform: scale(0.8); 
-moz-transform: scale(0.8); 
-ms-transform: scale(0.8); 
-o-transform: scale(0.8); 
transform: scale(0.8); 
} .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: scale(1); 
-moz-transform: scale(1); 
-ms-transform: scale(1); 
-o-transform: scale(1); 
transform: scale(1); 
} .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
-webkit-transform: scale(0.8); 
-moz-transform: scale(0.8); 
-ms-transform: scale(0.8); 
-o-transform: scale(0.8); 
transform: scale(0.8); 
opacity: 0;
} .my-mfp-zoom-in.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out; 
-moz-transition: opacity 0.3s ease-out; 
-o-transition: opacity 0.3s ease-out; 
transition: opacity 0.3s ease-out;
} .my-mfp-zoom-in.mfp-ready.mfp-bg {
opacity: 0.8;
} .my-mfp-zoom-in.mfp-removing.mfp-bg {
opacity: 0;
}
.contact-cards {
margin: 0 -24px 16px -24px;
}
.contact-cards section {
float: left;
width: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 0 24px 48px 24px;
}
.contact-cards section header {
display: block;
background: #00294D;
color: #FFF;
height: 128px;
padding: 0 164px 0 0;
position: relative;
}
.contact-cards section header .person-info-hover {
display: none;
background: #00294D;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 2;
height: 100%;
padding: 44px 20px 0 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.contact-cards section:hover header .person-info-hover {
display: block;
}
.contact-cards section header .person-info-hover.person-info-hover-has-author-link {
padding-top: 20px;
}
.contact-cards section header .person-info-hover .button {
text-align: center;
display: block;
width: 100%;
}
.contact-cards section header .person-info-hover .button-author { background: transparent!important; color: #FFF; }
.contact-cards section header .person-info-hover .button-author:hover { box-shadow: none!important; color: #FFF; text-decoration: underline; } .contact-cards section header img {
width: 128px;
height: 128px;
position: absolute;
top: 0px;
right: 0px;
}
.contact-cards section header .header-text {
top: 50%;
left: 24px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
display: block;
position: relative;
}
.contact-cards section header .header-text h4 {
font-size: 21px;
line-height: 32px;
font-weight: bold;
color: #FFF;
margin: 0 0 7px 0;
}
.contact-cards section header .header-text h5 {
font-size: 15px;
line-height: 25px;
color: #B38F59;
}
.contact-cards section .contact-details {
background: #FAFAFA;
background: #f7f7f7;
padding: 15px 24px 11px 24px;
}
#content .contact-cards section .contact-details p {
font-size: 18px;
line-height: 32px;
padding: 0px;
margin: 0 0 4px 0;
}
.case-studies {
margin: 0 -24px 0 -24px;
}
.case-studies section {
float: left;
width: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 0 24px 44px 24px;
}
.case-studies section.featured-case-study {
float: none;
margin: 0 -24px;
width: auto;
}
.case-studies section.featured-case-study .case-study-image {
float: left;
width: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 0 24px 0 24px;
}
.case-studies section.featured-case-study .case-study-content {
float: left;
width: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 0 24px 0 24px;
}
.case-studies section small {
font-size: 12px;
line-height: 30px;
font-style: italic;
color: #7B8084;
margin: 0 0 3px 0;
}
#content .case-studies section h3 {
font-size: 18px;
line-height: 30px;
padding: 0 0 20px 0;
position: relative;
margin: 0 0 16px 0;
}
#content .case-studies section h3 a { color: #00294D; }
#content .case-studies section h3:before {
position: absolute;
bottom: 0px;
left: 0px;
width: 61px;
height: 2px;
background: #B38F59;
content: '';
display: block;
}
.case-studies section p {
font-size: 14px;
line-height: 28px;
margin: 0 0 24px 0;
}
.columns {
margin: 0 -24px;
}
.two-columns { padding: 0 0 10px 0; }
.columns .column {
float: left;
width: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 0 24px 0 24px;
}
#content .two-columns .column ul li { margin: 0 0 6px 0; }
.image-and-content {
margin: 0 -24px;
padding: 0 0 95px 0;
}
.image-and-content .image-holder,
.image-and-content .content-holder {
float: left;
width: 50%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding: 0 24px 0 24px;
}
.image-and-content-image-on-left .image-holder { float: left; }
.image-and-content-image-on-left .content-holder { float: right; }
.image-and-content-image-on-right .image-holder { float: right; }
.image-and-content-image-on-right .content-holder { float: left; }
#content .image-and-content .content-holder ul li { margin: 0 0 25px 0; } #sidebar {
width: 381px;
float: right;
}
#sidebar aside {
margin: 0 0 48px 0;
}
#sidebar > aside:last-child { margin: 0px; }
#sidebar aside h5 {
font-size: 21px;
line-height: 32px;
font-weight: bold;
position: relative;
padding: 0 0 23px 0;
}
#sidebar aside h5:before {
position: absolute;
bottom: 0px;
left: 50%;
width: 82px;
height: 2px;
background: #B38F59;
content: '';
display: block;
margin: 0 0 0 -41px;
}
.widget-testimonial {
background: #FAFAFA;
background: #f7f7f7;
padding: 48px 53px;
text-align: center;
}
.widget-testimonial img {
display: block;
max-width: 100%;
margin: 0 auto 20px auto;
}
.widget-testimonial blockquote p {
font-size: 18px;
line-height: 30px;
font-style: italic;
margin: 0 0 24px 0;
}
.widget-testimonial blockquote cite {
font-size: 16px;
color: #7B8084;
display: block;
line-height: 30px;
}
.widget-news {
background: #FAFAFA;
background: #f7f7f7;
padding: 48px 53px;
}
.widget-news h5 {
margin: 0 0 26px 0;
text-align: center;
}
.widget-news img {
width: 100%;
display: block;
margin: 0 0 16px 0;
}
.widget-news h3 {
font-size: 18px;
line-height: 30px;
position: relative;
font-weight: bold;
margin: 0 0 16px 0;
}
.widget-news h3 a { color: #00294D; }
.widget-news p {
font-size: 14px;
line-height: 28px;
margin: 0 0 24px 0;
}
.widget-news .read-more-link {
font-size: 18px;
display: inline-block;
}
.widget-subscribe {
background: #FAFAFA;
background: #f7f7f7;
padding: 48px 53px;
}
.widget-subscribe h5 {
margin: 0 0 26px 0;
text-align: center;
}
.widget-subscribe form {
}
.widget-subscribe form .form-field {
margin: 0 0 24px 0;
}
.widget-subscribe form .form-field input {
display: block;
width: 100%;
padding: 6px 0;
font-size: 16px;
line-height: 19px;
height: 31px;
border-bottom: 1px solid #B38F59;
background: none transparent;
}
.widget-subscribe form .form-checkbox {
margin: 0 0 32px 0;
}
.widget-subscribe form .form-checkbox label {
display: block;
padding: 0 0 0 24px;
position: relative;
font-size: 12px;
line-height: 12px;
color: #7B8084;
cursor: pointer;
}
.widget-subscribe form .form-checkbox label input {
position: absolute;
top: 0px;
left: -9999px;
}
.widget-subscribe form .form-checkbox label span.styled-checkbox {
position: absolute;
top: 0px;
left: 0px;
width: 10px;
height: 10px;
border: 1px solid #B38F59;
border-radius: 2px;
background: transparent;
display: block;
}
.widget-subscribe form .form-checkbox :checked + span.styled-checkbox {
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/check.png) no-repeat center center;
background-size: 6px 6px;
}
span.wpcf7-list-item { margin-left: 0px; }
.widget-subscribe form .form-submit {  }
.widget-subscribe form .form-submit .button {
width: 100%;
display: block;
}
span.wpcf7-not-valid-tip { font-size: 12px; padding: 10px 0 0 0; }
div.wpcf7-response-output { border: none; margin: 0px; padding: 0px; font-style: 16px; line-height: 22px; }
div.wpcf7-validation-errors { color: red; }
.sub-nav {
}		
body.home .sub-nav { display: none; }
.sub-nav ul { }
.sub-nav li {
display: block;
display: none;
}
.sub-nav li a {
border-top: 1px solid #E6E5E5;
display: block;
font-size: 18px;
color: #00294D;
padding: 13px 0 14px 0;
line-height: 26px;
}
.sub-nav li.current_page_item > a { color: #B38F59; }
.sub-nav li ul li ul li a { padding-left: 10px; }
.sub-nav li ul li ul li a:before { content: '- '; }
.sub-nav li ul.add-dashes li a:before { content: '- '; }
body.page-depth-0 .sub-nav ul > li.current_page_item { display: block; }
body.page-depth-0 .sub-nav ul > li.current_page_item li { display: block; }
body.page-depth-0 .sub-nav ul > li.current_page_item li ul { display: none; }
body.page-depth-0 .sub-nav li.current_page_ancestor { display: block; }
body.page-depth-0 .sub-nav li.current_page_ancestor li { display: block; }
body.page-depth-0 .sub-nav li.current_page_ancestor li ul { display: none; }
body.page-depth-0 .sub-nav li.current_page_ancestor li.current_page_parent ul,
body.page-depth-0 .sub-nav li.current_page_ancestor li.current_page_item ul { display: block; }
body.page-depth-0 .sub-nav li.current_page_ancestor li.current_page_item ul li a { color: #00294D; }
body.page-depth-1 .sub-nav ul > li.current_page_item { display: block; }
body.page-depth-1 .sub-nav ul > li.current_page_item li { display: block; }
body.page-depth-1 .sub-nav ul > li.current_page_item li ul { display: none; }
body.page-depth-1 .sub-nav li.current_page_ancestor { display: block; }
body.page-depth-1 .sub-nav li.current_page_ancestor li.current_page_item { display: block; }
body.page-depth-1 .sub-nav li.current_page_ancestor li ul { display: none; }
body.page-depth-1 .sub-nav li.current_page_ancestor li.current_page_parent ul,
body.page-depth-1 .sub-nav li.current_page_ancestor li.current_page_item ul { display: block; }
body.page-depth-1 .sub-nav li.current_page_ancestor li.current_page_item ul li a { color: #00294D; }
body.page-depth-1 .sub-nav li.current_page_ancestor a { display: none; }
body.page-depth-1 .sub-nav li.current_page_ancestor li a { display: block; }
body.page-depth-2 .sub-nav ul > li.current_page_item { display: block; }
body.page-depth-2 .sub-nav ul > li.current_page_item li { display: block; }
body.page-depth-2 .sub-nav ul > li.current_page_item li ul { display: none; }
body.page-depth-2 .sub-nav li.current_page_ancestor { display: block; }
body.page-depth-2 .sub-nav li.current_page_ancestor li.current_page_parent li { display: block; }
body.page-depth-2 .sub-nav li.current_page_ancestor li ul { display: none; }
body.page-depth-2 .sub-nav li.current_page_ancestor li.current_page_parent ul,
body.page-depth-2 .sub-nav li.current_page_ancestor li.current_page_item ul { display: block; }
body.page-depth-2 .sub-nav li.current_page_ancestor li.current_page_item ul li a { color: #00294D; }
body.page-depth-2 .sub-nav li.current_page_ancestor a { display: none; }
body.page-depth-2 .sub-nav li.current_page_ancestor li a { display: block; }
body .sub-nav li.page-item-2338 ul { display: none!important; }
.widget-call-to-action {
background: #00294D;
padding: 48px;
text-align: center;
color: #FFF;
}
.widget-call-to-action h5 {
color: #FFF;
margin: 0 0 32px 0;
}
.widget-call-to-action small {
display: block;
font-size: 14px;
line-height: 26px;
margin: -7px 0 12px 0;
}
.widget-call-to-action p {
line-height: 32px;
font-size: 18px;
color: #FFF;
}
.widget-call-to-action p span { color: #B38F59; }
.widget-make-an-enquiry {
background: #FAFAFA;
background: #f7f7f7;
padding: 48px;
text-align: center;
}
.widget-make-an-enquiry h5 {
margin: 0 0 32px 0;
}
.widget-make-an-enquiry .button {
display: block;
width: 100%
}
.widget-downloads {
background: #FAFAFA;
background: #f7f7f7;
padding: 48px 48px 37px 48px;
text-align: center;
}
.widget-downloads-blue {
background: #00294d;
color: #FFF;
}
.widget-downloads h5 {
margin: 0 0 32px 0;
}
.widget-downloads ul {
text-align: left;
}
.widget-downloads ul li {
display: block;
border-bottom: 1px solid #E6E5E5;
}
.widget-downloads-blue ul li {
border-bottom: 1px solid #FFF;
}
.widget-downloads ul li:last-child { border: none; }
.widget-downloads ul li a {
display: block;
padding: 11px 0 11px 42px;
position: relative;
font-size: 18px;
color: #00294D;
line-height: 26px;
}
.widget-downloads-blue ul li a { color: #FFF; }
.widget-downloads ul li a:before {
position: absolute;
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/icon-download.png) no-repeat center center;
width: 18px;
height: 16px;
left: 0px;
top: 16px;
content: '';
display: block;
}
.widget-filter-select {
background: #FAFAFA;
background: #f7f7f7;
padding: 48px;
text-align: center;
}
.widget-filter-select h5 {
margin: -4px 0 32px 0;
}
.widget-filter-select .select-field {
display: block;
width: 100%;
position: relative;
border: 1px solid #B38F59;
border-radius: 2px;
overflow: hidden;
height: 45px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.widget-filter-select .select-field:before {
position: absolute;
right: 20px;
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/select-field.png) no-repeat center center;
width: 8px;
height: 100%;
top: 0px;
content: '';
display: block;
}
.widget-filter-select .select-field select {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
width: calc(100% + 30px);
margin: 0px;
height: 43px;
padding: 0 60px 0 20px;
font-size: 16px;
line-height: 43px;
color: #B38F59;
cursor: pointer;
display: block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
background: none transparent;
border: none;
}
.widget-search {
background: #FAFAFA;
background: #f7f7f7;
padding: 48px;
margin: 0 0 48px 0;
text-align: center;
}
.widget-search h5 {
margin: -4px 0 32px 0;
margin: -4px 0 23px 0;
}
.searchform {
display: block;
position: relative;
}
.searchform input[type='text'] {
display: block;
width: 100%;
padding: 9px 24px 9px 0px;
font-size: 16px;
line-height: 19px;
color: #00294D;
border: none;
background: transparent;
border-bottom: 1px solid #B38F59;
}
.searchform input[type='submit'],
.searchform .search-button {
text-indent: -9999px;
width: 20px;
height: 100%;
top: 0px;
right: 0px;
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/search.png) no-repeat right center transparent;
cursor: pointer;
position: absolute;
display: block;
z-index: 1;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} #bottom-cta {
margin: 0 0 75px 0;
}
#bottom-cta .bottom-cta-background {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 0;
background: none no-repeat center center;
background-size: cover;
-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}
#bottom-cta .bottom-cta-inner {
background: rgba(0, 41, 77, 0.9);
padding: 96px 0;
text-align: center;
position: relative;
z-index: 1;
}
#bottom-cta .bottom-cta-content {
margin: 0 auto;
padding: 0 40px;
max-width: 750px;
width: auto;
text-align: center;
}
#bottom-cta .bottom-cta-content h4 {
font-size: 32px;
line-height: 37px;
font-weight: bold;
position: relative;
color: #FFF;
padding: 0 0 27px 0;
margin: 0 0 32px 0;
}
#bottom-cta .bottom-cta-content h4:before {
position: absolute;
bottom: 0px;
left: 50%;
width: 130px;
height: 2px;
background: #B38F59;
margin: 0 0 0 -65px;
content: '';
display: block;
}
#bottom-cta .bottom-cta-content p {
font-size: 21px;
line-height: 33px;
color: #FFF;
margin: 0px;
}
#bottom-cta .bottom-cta-content .button {
margin: 55px 0 0 0;
padding-left: 70px;
padding-right: 70px;
} #landing-page-main {
padding: 64px 0 16px 0;
}
#mobile-subscribe-widget { display: none; }
.call-to-actions {
margin: 0 -24px;
background: #f7f7f7;
padding: 28px 16px;
float: left;
}
.call-to-actions section {
float: left;
width: 50%;
padding: 0 24px 64px 24px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.call-to-actions.call-to-actions-half section:nth-child(2n+1) { clear: left; }
.call-to-actions section img { display: block; margin: 0 0 24px 0; }
.call-to-actions section h3 {
font-size: 21px;
line-height: 32px;
margin: 0 0 16px 0;
}
.call-to-actions section p {
font-size: 16px;
line-height: 30px;
margin: 0 0 16px 0;
}
.call-to-actions section .read-more-link {
margin: 18px 0 0 0;
font-size: 18px;
display: inline-block;
}
#content.full-width .call-to-actions section { width: 33.33%; }
#content.full-width .call-to-actions.call-to-actions-half section:nth-child(2n+1) { clear: none; }
#content.full-width .call-to-actions.call-to-actions-half section:nth-child(3n+1) { clear: left; }
.call-to-actions.call-to-actions-third { margin: 0 -11px; }
.call-to-actions.call-to-actions-third section { width: 33.3%; padding: 0 11px 64px 11px; }
.call-to-actions.call-to-actions-third section img { margin: 0 0 17px 0; }
.call-to-actions.call-to-actions-third section h3 { padding-top: 0px; }
.call-to-actions.call-to-actions-third section p { font-size: 14px; line-height: 26px; margin: 0 0 30px 0; }
.call-to-actions.call-to-actions-third section .read-more-link { margin: 0px; font-size: 16px; }
.rsa-logo {
padding: 0 0 64px 0;
}
.rsa-logo .container { text-align: right; }
.rsa-logo h6 {
line-height: 18px;
display: inline-block;
vertical-align: top;
color: #00294D;
font-weight: bold;
padding: 40px 0 0 0;
margin: 0 30px 0 0;
}
.rsa-logo img {
height: 54px;
display: inline-block;
vertical-align: top;
} #site-footer {
background: #00294D;
width: 1366px;
margin: 0 auto;
max-width: 100%;
}
#site-footer .container {
padding: 64px 0;
}
#site-footer .back-to-top {
position: absolute;
top: 0px;
left: 50%;
width: 115px;
margin: 0 0 0 -57px;
line-height: 40px;
color: #B38F59;
padding: 0 0 0 16px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
text-align: left;
font-size: 12px;
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/icon-top.png) no-repeat 90px 18px #001F3A;
}
#site-footer .footer-logo {
width: 120px;
float: right;
margin: -16px 0 0 0;
}
#site-footer nav {
margin: 0 0 21px 0;
}
#site-footer nav li {
display: inline-block;
vertical-align: top;
margin: 0 32px 0 0;
line-height: 16px;
font-size: 14px;
} #site-footer p {
font-size: 12px;
line-height: 25px;
color: #FFF;
}
@media all and (max-width: 1380px) and (min-width: 0px) {
#site-header,
#service-choices {
left: 0px;
width: 100%;
margin-left: 0px;
}
#site-header:before,
#site-header:after { display: none; }
}
@media all and (max-width: 1279px) and (min-width: 0px) {
.container {
width: auto;
margin-left: 40px;
margin-right: 40px;
}
body .button-online-policy { margin-right: 24px; }
#site-header .header-phone-numbers { padding-left: 24px; }
#service-choices ul { margin: 0 -48px; }
#service-choices ul li a { font-size: 13px; line-height: 18px; }
#content { 
width: 65%; 
padding: 0 24px 0 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#content.full-width { padding: 0px; width: auto; }
#content h1 { font-size: 24px; line-height: 44px; }
#content.home-content p { font-size: 18px; line-height: 30px; }
#content .mobile-home-actions { padding: 24px 0 0 0; }
#content .mobile-home-actions h4 {
font-size: 16px;
line-height: 30px;
margin: 0 0 24px 0;
}
#content .mobile-home-actions ul {
border-top: 1px solid #E6E5E5;
}
#content .mobile-home-actions ul li {
border-bottom: 1px solid #E6E5E5;
padding: 0px;
}
#content .mobile-home-actions ul li:before { display: none; }
#content .mobile-home-actions ul li a {
padding: 10px 0;
font-size: 14px;
line-height: 22px;
display: block;
color: #00294D;
}
#content .mobile-home-actions ul li a br { display: none; }
.news-archive .news-archive-text { padding-top: 0px; }
.contact-cards section { float: none; width: auto; }
body.page-template-page-people-php #sidebar { display: none; }
.mobile-people-filter {
margin: 0 0 16px 0;
display: block;
}
.mobile-people-filter .filter-select-choose {
display: block;
border: 1px solid #B38F59;
border-radius: 2px;
padding: 13px 16px;
font-size: 16px;
line-height: 19px;
position: relative;
text-decoration: none!important;
}
.mobile-people-filter .filter-select-choose:before {
position: absolute;
right: 20px;
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/select-field.png) no-repeat center center;
width: 8px;
height: 100%;
top: 0px;
content: '';
display: block;
}
.mobile-people-filter .filter-select-choose.active {
border-radius: 2px 2px 0 0;
background: #B38F59;
color: #FFF;
}
.mobile-people-filter .filter-select-choose.active:before {
background-image: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/select-field-up.png);
}
.mobile-people-filter ul {
border: 1px solid #B38F59;
border-bottom: none;
display: none;
border-top: none;
}
#content .mobile-people-filter ul li {
padding: 0px;
display: block;
border-bottom: 1px solid #B38F59;
}
#content .mobile-people-filter ul li:before { display: none; }
.mobile-people-filter ul li a {
display: block;
font-size: 14px;
line-height: 16px;
padding: 16px;
color: #00294D;
}
.mobile-people-filter ul li.current-item a { color: #B38F59; }
.mobile-people-search {
display: block;
margin: 0 0 32px 0;
}
.mobile-people-search .search-header {
display: block;
border: 1px solid #B38F59;
border-radius: 2px;
padding: 13px 16px;
font-size: 16px;
line-height: 19px;
position: relative;
text-decoration: none!important;
}
.mobile-people-search .search-header:before {
position: absolute;
right: 20px;
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/select-field.png) no-repeat center center;
width: 8px;
height: 100%;
top: 0px;
content: '';
display: block;
}
.mobile-people-search .search-header.active {
border-radius: 2px 2px 0 0;
background: #B38F59;
color: #FFF;
}
.mobile-people-search .search-header.active:before {
background-image: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/select-field-up.png);
}
.mobile-people-search .form-holder {
border: 1px solid #B38F59;
border-top: none;
display: none;
padding: 16px 16px 32px 16px;
}
#enquiry-form header { float: none; width: auto; padding-bottom: 48px; }
#enquiry-form .form-holder { float: none; width: auto; }
#sidebar {
width: 35%;
padding: 0 0 0 24px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.widget-subscribe { padding: 48px; }
.news-grid { margin: 0 -12px; }
.news-grid section { padding: 0 12px 24px 12px; }
.news-grid .news-card .news-card-back .news-card-excerpt p { line-height: 24px; margin: 0 0 12px 0; }
#news-filter .container { width: auto; }
#news-filter form { width: auto; }
}
@media all and (max-width: 1023px) and (min-width: 0px) {
.container,
#post-banner .container,
#post-main .container { margin-left: 30px; margin-right: 30px; width: auto; }
#site-header .header-phone-numbers span.phone-number { display: block; line-height: 20px; font-size: 16px; }
#content { float: none; width: auto; padding: 0px; }
#sidebar { float: none; width: auto; padding: 0px; }
#sidebar { margin-bottom: 4px; }
.rsa-logo { padding-top: 64px; }
.rsa-logo .container { text-align: center; }
body.header-and-choices-fixed { padding-top: 151px; }
#service-choices { display: none; }
.case-studies section.featured-case-study { margin: 0px; }
.case-studies section,
.case-studies section.featured-case-study,
.case-studies section.featured-case-study .case-study-image,
.case-studies section.featured-case-study .case-study-content { float: none; width: auto; }
.case-studies section.featured-case-study .case-study-content { padding: 0px; }
.case-studies section.featured-case-study .case-study-image { display: none; }
#contact-main .contact-office .contact-map {
width: calc(100% + 30px);
position: relative;
height: 300px;
left: -30px;
right: auto;
}
#contact-main .contact-office .contact-map-right {
left: 0px;
right: auto;
}
#contact-main .contact-office .contact-details {
width: auto;
padding: 32px 0;
float: none;
}
.event-post .event-images { margin: 0 -12px; }
.event-post .event-images li { padding: 0 12px 48px 12px; }
.post-meta { margin-left: 0px; margin-right: 0px; }
.post-actions section a { font-size: 16px; line-height: 24px; }
.columns .column { float: none; width: auto; }
#site-footer .container { padding: 24px 0; }
#site-footer .back-to-top {
left: auto;
right: -30px;
}
#site-footer .footer-logo { float: none; margin: 0 0 21px 0; }
#site-footer p { margin: 0 0 8px 0; }
#banner .container { height: 325px; }
#main { padding: 32px 0 0 0; }
.news-archive .news-archive-text { padding-left: 24px; }
#contact-main .contact-office { margin-bottom: 0px; }
.call-to-actions-half section,
#content .call-to-actions-half section,
#content.full-width .call-to-actions-half section { width: 50%; }
.call-to-actions-half section:nth-child(3n+1) { clear: none; }
.call-to-actions-half section:nth-child(2n+1) { clear: left; }
#sidebar {
margin: 0 -30px;
}
#sidebar aside {
padding: 36px;
margin: 0px;
}
#landing-page-main #sidebar { display: none; }
#mobile-subscribe-widget { display: block; }
#content .mobile-home-actions { display: block; }
#banner .banner-holder .banner-split-image-back { width: 55%; }
#banner.banner-split .banner-text { width: 45%; }
.news-grid section { width: 50%; }
.news-grid section:nth-child(3n+1) { clear: none; }
.news-grid section:nth-child(2n+1) { clear: left; }
}
.mobile-header-phone-numbers,
.mobile-toggle-filter,
.contact-cards section .mobile-button-author,
.contact-cards section header .mobile-person-info-link { display: none; }
@media all and (max-width: 767px) and (min-width: 0px) {
body.fixed-header,
body.header-and-choices-fixed { padding-top: 101px; }
.container,
#post-banner .container,
#post-main .container { margin-left: 16px; margin-right: 16px; }
#site-header { min-height: 101px; }
#site-header .header-left { display: none; }
#site-header .header-row-a { padding: 8px 0 0 0; }
#site-header .header-phone-numbers { display: none; }
#site-header .mobile-header-phone-numbers { display: block; }
#site-header .mobile-header-phone-numbers .phone-number {
display: block;
float: left;
line-height: 26px;
position: relative;
padding: 0 33px 0 0;
font-size: 12px;
margin: 0 24px 0 0;
}
#site-header .mobile-header-phone-numbers .phone-number a {
display: block;
width: 26px;
height: 26px;
position: absolute;
top: 0px;
right: 0px;
text-indent: -9999px;
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/icon-phone.png) no-repeat center center;
}
#site-header { position: relative; }
#site-header .header-row-b .container { position: static; }
#site-header .logo {
position: absolute;
top: 0px;
right: 0px;
margin: 0px;
width: 106px;
height: 101px; }
#site-header .logo img {
width: 74px;
margin: 14px 0 0 16px;
}
#site-header .toggle-nav {
display: block;
float: left;
margin: 21px 0 12px 0;
text-decoration: none!important;
}
#site-header .toggle-nav span.icon {
width: 24px;
height: 24px;
display: block;
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/toggle-nav.png) no-repeat center top;
}
#site-header .toggle-nav.active span.icon {
background-image: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/toggle-nav-close.png);
}
#site-header .toggle-nav span.label {
line-height: 10px;
font-size: 10px;
display: block;
color: #B38F59;
}
#site-nav {
margin: 0 -16px;
clear: both;
display: none;
padding: 24px 0 16px 0;
position: relative;
}
#site-nav:after {
position: absolute;
top: 100%;
left: 0px;
width: 100%;
height: 30000px;
background: rgba(0,41,77,0.93);
content: '';
display: block;
}
#site-nav:before {
position: absolute;
top: -20px;
left: 0px;
width: 100%;
height: 20px;
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.05);
content: '';
display: block;
}
#site-nav li {
margin: 0px;
padding: 0px;
display: block;
}
#site-nav li a {
display: block;
padding: 12px 16px;
font-size: 16px;
line-height: 24px;
position: relative;
}
#site-nav li.menu-item-has-children:before {
position: absolute;
width: 8px;
height: 8px;
top: 16px;
right: 16px;
content: '';
display: block;
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/mobile-nav-down.png) no-repeat center center;
}
#site-nav li#menu-item-2364 { padding-right: 41px; }
#site-nav li#menu-item-2364 a:before { margin-right: -41px; }
#site-nav li.menu-open a {
color: #B38F59;
}
#site-nav li.menu-open ul li a {
color: #00294D;
}
#site-nav li.menu-open a:before {
background-image: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/mobile-nav-up.png);
}
#site-nav li ul {
padding: 0px;
margin: 0px;
display: none;
position: relative;
top: auto;
left: auto;
width: auto;
box-shadow: none;
}
#site-nav li ul li a:before { display: none!important; }
#site-nav .desktop-menu { display: none; }
#site-nav .mobile-menu { display: block; }
#site-nav .mobile-only {
display: block;
margin: 16px 16px 0 16px;
border-top: 1px solid #E6E5E5;
padding: 16px 0 0 0;
}
#site-nav .mobile-only .button {
padding: 11px 20px;
float: left;
}
#site-nav .mobile-only .social-link {
float: right;
}
#banner .banner-text { bottom: 32px; }
#banner .banner-text h1, 
#banner .banner-text h2 {
font-size: 21px;
line-height: 32px;
margin: 0px;
padding: 0 0 19px 0;
}
#banner .banner-text h1:before, 
#banner .banner-text h2:before { width: 48px; height: 3px; bottom: 0px; }
#banner .banner-holder .banner-split-image-back {
position: relative;
top: 0px;
right: 0px;
left: auto;
background: none no-repeat center center;
background-size: cover;
height: 100%;
padding-bottom: 56.25%;
height: 0px;
width: 100%;
}
#banner .banner-holder .banner-split-image-back:before {
top: auto;
left: auto;
bottom: 0px;
border: none;
border-bottom: 40px solid #00294D;
border-left: 767px solid transparent;
}
#banner .banner-holder .banner-split-image-back:after {
display: none;
}
#banner.banner-split .container { height: auto; }
#banner.banner-split .banner-text { 
width: auto;
float: none;
padding: 26px 0 32px 0;
position: relative;
top: auto;
right: auto;
transform: none;
-webkit-transform: none;
-ms-transform: none;
}
#banner.banner-split { overflow: hidden; }
#banner.banner-split .banner-text p { font-size: 16px; line-height: 30px; }
#banner.banner-split .banner-text .button { margin: 31px 0 0 0; }
#page-header { padding: 56px 0; }
#page-header h1 { font-size: 21px; line-height: 32px; padding: 0 0 21px 0; }
#page-header h1:before { width: 64px; }
#page-header p { font-size: 18px; line-height: 30px; padding-top: 24px; }
#page-header p br { display: none; }
#content,
#content.full-width { padding-bottom: 24px; }
#content h1 {
font-size: 21px;
line-height: 32px;
padding: 0 0 28px 0;
margin: 0 0 24px 0;
}
#content h1:before { width: 64px; height: 3px; bottom: 0px; }
#content h2 { font-size: 18px; line-height: 28px; margin: 0 0 32px 0; }
#content p { line-height: 26px; }
#content ul li { padding-bottom: 20px; line-height: 26px; }
#content ul li:last-child { padding-bottom: 0px; }
#content ul li:before { line-height: 26px; }
#content .mobile-home-actions { display: block; }
.post-meta { margin: 32px -16px; padding: 11px 15px 10px 15px; }
.post-actions { margin: 0 -16px 16px -16px; }
.post-actions section { float: none; width: auto; margin: 0 0 16px 0; }
.news-archive .news-thumb { float: none; width: auto; }
.news-archive .news-archive-text { float: none; width: auto; padding: 16px 0 0 0; }
#contact-main { padding: 16px 0 0 0; }
#contact-main .contact-office .contact-map { 
height: 207px;
width: calc(100% + 16px);
left: -16px;
right: auto;
}
#contact-main .contact-office .contact-map-right {
left: 0px;
right: auto;
}
#contact-main .contact-office .contact-details h2 { font-size: 18px; padding: 0 0 18px 0; margin: 0 0 24px 0; }
#contact-main .contact-office .contact-details h2:before { width: 64px; height: 2px; }
#contact-main .contact-office .contact-details p { margin: 0 0 24px 0; }
#enquiry-form { padding: 48px 0 48px 0; }
#enquiry-form header h3 { font-size: 18px; line-height: 21px; padding: 0 0 20px 0; margin: 0 0 16px 0; }
#enquiry-form header h3:before { bottom: 0px; width: 64px; height: 2px; }
#enquiry-form header p { font-size: 14px; line-height: 28px; }
#enquiry-form .form-holder form { margin: 0px; }
#enquiry-form form .form-left,
#enquiry-form form .form-right { float: none; width: auto; padding: 0px; }
#enquiry-form form .form-field { margin: 0 0 24px 0; }
#enquiry-form form .form-left { padding: 0 0 8px 0; }
#enquiry-form form .form-right textarea { height: 162px; margin: 0 0 32px 0; }
.event-post { padding: 16px 0 0 0; overflow: hidden; margin: 0 -16px; }
.event-post h2 { font-size: 18px; line-height: 30px; padding: 0 0 18px 0; margin: 0 0 32px 16px; }
.event-post h2:before { width: 64px; height: 2px; }
.event-images { width: 180%; margin: 0 -10%; }
.event-post .event-images li { padding-left: 32px; padding-right: 0px; clear: none!important; padding-bottom: 58px; }
.event-post .event-images li.mobile-only-false { display: block; }
.case-studies { margin: 0px; }
.case-studies section, .case-studies section.featured-case-study, .case-studies section.featured-case-study .case-study-image, .case-studies section.featured-case-study .case-study-content { padding: 0px; }
.case-studies section { padding: 0 0 24px 0; }
.call-to-actions,
#content .call-to-actions,
#content.full-width .call-to-actions section { margin: 0px; }
.call-to-actions section,
.call-to-actions section:nth-child(2n+1),
.call-to-actions section:nth-child(3n+1),
#content .call-to-actions section,
#content .call-to-actions section:nth-child(2n+1),
#content .call-to-actions section:nth-child(3n+1),
#content.full-width .call-to-actions section,
#content.full-width .call-to-actions section:nth-child(2n+1),
#content.full-width .call-to-actions section:nth-child(3n+1) {
float: none;
width: auto;
padding: 0 0 32px 0;
}
.call-to-actions section .read-more-link { margin: 0px; }
#contact-main { margin: 0px; overflow: hidden; }
.contact-cards { margin: 0px; }
.contact-cards section { padding: 0 0 48px 0; }
body.page .breadcrumb { margin: 0 0 29px 0; font-size: 14px; }
.mobile-sub-nav { display: block; margin: 0 0 40px 0; }
.mobile-sub-nav h4 {
font-size: 16px;
line-height: 30px;
margin: 0 0 24px 0;
}
.mobile-sub-nav li.page_item_has_children ul {
display: none;
}
.mobile-sub-nav ul li {
display: none;
padding: 0px;
position: relative;
}
.mobile-sub-nav ul li.current-menu-item a { color: #B38F59; }
.mobile-sub-nav ul li ul li a { color: #00294D!important; }
.mobile-sub-nav ul li ul li ul li a { padding-left: 20px; }
.mobile-sub-nav ul li ul li.current-menu-item a { color: #B38F59!important; }
.mobile-sub-nav ul li a { font-size: 16px; font-weight: bold; position: relative; }
.mobile-sub-nav ul li.page_item_has_children > a:before {
position: absolute;
width: 8px;
height: 8px;
top: 16px;
right: 16px;
content: '';
display: block;
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/mobile-nav-down.png) no-repeat center center;
}
.mobile-sub-nav ul li .toggle-sub-nav {
position: absolute;
top: 0px;
right: 0px;
width: 41px;
height: 41px;
z-index: 100;
padding: 0px!important;
border: none!important;
} .mobile-sub-nav ul li:before { display: none; }
.mobile-sub-nav ul li a {
padding: 10px 0;
line-height: 22px;
display: block;
color: #00294D;
}
.mobile-sub-nav ul li ul li a {
font-size: 14px;
font-weight: normal;
} .mobile-sub-nav ul li a { border-bottom: 1px solid #E6E5E5; }
.mobile-sub-nav ul li ul li {  }
.mobile-sub-nav ul li ul li a { padding: 10px; font-size: 14px; line-height: 20px; }  body.page-depth-0 .mobile-sub-nav ul > li.current_page_item { display: block; }
body.page-depth-0 .mobile-sub-nav ul > li.current_page_item li { display: block; }
body.page-depth-0 .mobile-sub-nav ul > li.current_page_item li ul { display: none; }
body.page-depth-0 .mobile-sub-nav li.current_page_ancestor { display: block; }
body.page-depth-0 .mobile-sub-nav li.current_page_ancestor li { display: block; }
body.page-depth-0 .mobile-sub-nav li.current_page_ancestor li ul { display: none; }
body.page-depth-0 .mobile-sub-nav li.current_page_ancestor li.current_page_parent ul,
body.page-depth-0 .mobile-sub-nav li.current_page_ancestor li.current_page_item ul { display: block; }
body.page-depth-0 .mobile-sub-nav li.current_page_ancestor li.current_page_item ul li a { color: #00294D; }
body.page-depth-1 .mobile-sub-nav ul > li.current_page_item { display: block; }
body.page-depth-1 .mobile-sub-nav ul > li.current_page_item li { display: block; }
body.page-depth-1 .mobile-sub-nav ul > li.current_page_item li ul { display: none; }
body.page-depth-1 .mobile-sub-nav li.current_page_ancestor { display: block; }
body.page-depth-1 .mobile-sub-nav li.current_page_ancestor li.current_page_item { display: block; }
body.page-depth-1 .mobile-sub-nav li.current_page_ancestor li ul { display: none; }
body.page-depth-1 .mobile-sub-nav li.current_page_ancestor li.current_page_parent ul,
body.page-depth-1 .mobile-sub-nav li.current_page_ancestor li.current_page_item ul { display: block; }
body.page-depth-1 .mobile-sub-nav li.current_page_ancestor li.current_page_item ul li a { color: #00294D; }
body.page-depth-1 .mobile-sub-nav li.current_page_ancestor a { display: none; }
body.page-depth-1 .mobile-sub-nav li.current_page_ancestor li a { display: block; }
body.page-depth-2 .mobile-sub-nav ul > li.current_page_item { display: block; }
body.page-depth-2 .mobile-sub-nav ul > li.current_page_item li { display: block; }
body.page-depth-2 .mobile-sub-nav ul > li.current_page_item li ul { display: none; }
body.page-depth-2 .mobile-sub-nav li.current_page_ancestor { display: block; }
body.page-depth-2 .mobile-sub-nav li.current_page_ancestor li.current_page_parent li { display: block; }
body.page-depth-2 .mobile-sub-nav li.current_page_ancestor li ul { display: none; }
body.page-depth-2 .mobile-sub-nav li.current_page_ancestor li.current_page_parent ul,
body.page-depth-2 .mobile-sub-nav li.current_page_ancestor li.current_page_item ul { display: block; }
body.page-depth-2 .mobile-sub-nav li.current_page_ancestor li.current_page_item ul li a { color: #00294D; }
body.page-depth-2 .mobile-sub-nav li.current_page_ancestor a { display: none; }
body.page-depth-2 .mobile-sub-nav li.current_page_ancestor li a { display: block; }
.testimonials section .testimonial-image { float: none; width: auto; padding: 0 0 16px; }
.testimonials section .testimonial-image img { width: 100%; height: auto; }
.testimonials section .testimonial-quote { float: none; width: auto; padding: 0px; }
.case-studies { margin: 0 0 48px 0; }
.contact-cards { margin: 0 0 32px 0; }
.contact-cards section { padding: 0 0 16px 0; }
.contact-cards section header { height: 97px; padding-right: 100px; }
.contact-cards section header img { height: 97px; width: 97px; }
#content .contact-cards section header h4 { font-size: 16px; margin: 0 0 5px 0; line-height: 20px; }
#content .contact-cards section .contact-details { padding: 10px 18px; }
#content .contact-cards section .contact-details p { font-size: 14px; line-height: 25px; margin: 0px; }
#sidebar { margin: 0 -16px 4px -16px; }
#sidebar aside { padding: 36px 16px; }
.widget-subscribe h5 { margin-bottom: 16px; }
.widget-subscribe form .form-field input {
padding: 8px 0;
height: 35px;
}
.person-info { padding: 32px; }
#make-enquiry-modal { padding-top: 54px; }
.enquiry-form-holder .form-field, .enquiry-form-holder .form-submit, .enquiry-form-holder .form-textarea {
padding: 0 10px;
}
button.mfp-close { top: 10px!important; right: 10px!important; background-size: 24px auto!important; }
#site-footer .back-to-top { right: -16px; }
#news-filter { margin: 0px -30px; padding: 16px 30px; background: #FAFAFA; background: #f7f7f7; }
#news-filter h4.mobile-toggle-filter {
text-align: left;
display: block;
border: 1px solid #B38F59;
border-radius: 2px;
padding: 13px 20px;
font-size: 16px;
line-height: 19px;
color: #B38F59;
position: relative;
}
#news-filter h4.mobile-toggle-filter:before {
position: absolute;
top: 50%;
right: 18px;
width: 12px;
height: 8px;
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/icon-select.svg) no-repeat center center;
margin: -4px 0 0 0;
content: '';
display: block;
}
#news-filter h4.mobile-toggle-filter.active {
background: #B38F59;
color: #FFF;
border-radius: 2px 2px 0 0;
}
#news-filter h4.mobile-toggle-filter.active:before {
background: url(https://test.temple-legal.co.uk/wp-content/themes/temple/images/icon-select-up.svg) no-repeat center center;
}
#news-filter form {
display: none;
border: 1px solid #B38F59;
border-radius: 0 0 2px 2px;
padding: 24px 16px;
border-top: none;
}
#news-filter form .filter-field {
float: none;
width: auto;
padding: 0px;
margin: 0 0 32px 0;
}
#news-filter form .filter-field .select-field select { font-size: 14px; padding-left: 16px; }
#news-filter form .filter-submit {
float: none;
width: auto;
padding: 0px;
}
.image-and-content { margin: 0px; }
.image-and-content .image-holder,
.image-and-content .content-holder,
.image-and-content-image-on-left .image-holder,
.image-and-content-image-on-left .content-holder,
.image-and-content-image-on-right .image-holder,
.image-and-content-image-on-right .content-holder { float: none; width: auto; padding: 0px; }
#bottom-cta .bottom-cta-inner { padding: 64px 0; }
#bottom-cta .bottom-cta-content { padding: 0 20px; }
#bottom-cta .bottom-cta-content h4 { font-size: 28px; line-height: 35px; }
#bottom-cta .bottom-cta-content p { font-size: 16px; line-height: 25px; }
#bottom-cta .bottom-cta-content .button { padding-left: 20px; padding-right: 20px; }
.latest-news { padding: 32px 0 64px 0; }
.latest-news header { position: static; }
.latest-news header .view-all-news { position: absolute; bottom: 32px; left: 0px; }
.contact-cards section header .person-info-hover { display: none!important; }
.contact-cards section .mobile-button-author {
display: block;
border-radius: 0px;
background: #00294D;
font-size: 12px;
line-height: 14px;
border-top: 2px solid #B38F59;
}
.contact-cards section header .mobile-person-info-link {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 3;
display: block;
}
}
@media all and (max-width: 680px) and (min-width: 0px) {
.news-grid { margin: 0 -8px; }
.news-grid section { width: auto; float: none; padding: 0 8px 16px 8px; }
.news-grid .news-card,
.news-grid .news-card .news-card-front { height: 331px; }
.news-grid .news-card .news-card-front .news-card-front-content { padding: 20px; }
.news-grid .news-card .news-card-front .news-card-front-content .news-card-date { line-height: 30px; font-size: 11px; padding: 0 11px; margin: 0 0 13px 0; }
.news-grid .news-card .news-card-front .news-card-front-content h3 { font-size: 18px; line-height: 29px; }
.interest-rate-calculator { margin: 0px; }
.interest-rate-calculator .calc-fields { float: none; width: auto; padding: 0px; }
.interest-rate-calculator .calc-calculation { float: none; width: auto; padding: 0px; }
}
body.admin-bar.header-fixed #site-header { margin-top: 32px; }
body.admin-bar.header-and-choices-fixed #service-choices { margin-top: 32px; }
@media all and (max-width: 782px) and (min-width: 0px) {
body.admin-bar.header-fixed { padding-top: 102px; }
body.admin-bar.header-fixed #site-header { margin-top: 46px; }
body.admin-bar.header-and-choices-fixed #service-choices { margin-top: 46px; }
}
body.page-id-2259 .sub-nav,
body.page-id-2259 .mobile-sub-nav,
body.parent-pageid-2259 .sub-nav,
body.parent-pageid-2259 .mobile-sub-nav { display: none; }
.gdpr-privacy-bar { 
background: #01294D!important;
top: 0px!important;
line-height: 20px;
bottom: auto!important;
}
.gdpr-privacy-bar a { color: #FFF!important; text-decoration: underline!important; }
.gdpr-privacy-bar .gdpr-preferences { display: none!important; }
.gdpr.gdpr-privacy-bar .gdpr-agreement, .gdpr.gdpr-reconsent-bar .gdpr-agreement { padding-left: 20px; padding-right: 20px; }
.gdpr.gdpr-privacy-bar .gdpr-agreement:before, .gdpr.gdpr-reconsent-bar .gdpr-agreement:before { display: none; }
.video-card {
}
.video-card .play-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
width: 80px;
height: auto;
}
.video-card .image {
position: relative;
margin-bottom: 10px;
}
.video-card .image .video-image {
margin-bottom: 10px;
}
.video-card h3 {
color: #00294D;
font-size: 24px;
margin-bottom: 10px;
}
.video-card {}