/**
 * Text pages: Privacy Policy, Terms and Conditions (default page template) and
 * the generated /mentions-legales/ and /legal-notice/ pages. Same look for all
 * four: the theme reset removes the default spacing of h2, h3 and p, this file
 * puts it back. Versioned by its modification time (see enqueue_stuff()).
 */
.yoolk-legal .site-content {padding-top:130px;}
.page-template-default .content-wrapper h2 {margin:36px 0 10px;color:#fff;font-size:18px;font-weight:900;}
.page-template-default .content-wrapper h3 {margin:22px 0 8px;color:#fff;font-size:15px;font-weight:700;}
.page-template-default .content-wrapper p {margin-bottom:10px;color:rgba(255,255,255,.8);line-height:1.65;}
.page-template-default .content-wrapper p em {font-style:italic;}
.page-template-default .content-wrapper strong {color:#fff;font-weight:700;}
.page-template-default .content-wrapper ul,
.page-template-default .content-wrapper ol {margin:0 0 10px 20px;color:rgba(255,255,255,.8);line-height:1.65;}
.page-template-default .content-wrapper ul {list-style:disc;}
.page-template-default .content-wrapper ol {list-style:decimal;}
.page-template-default .content-wrapper li {margin-bottom:4px;}
.page-template-default .content-wrapper a {color:var(--yoolk-clr-blue);}
.page-template-default .content-wrapper a:hover {color:#fff;text-decoration:underline;}
.page-template-default .content-wrapper h1 + p em {display:block;margin-bottom:24px;color:rgba(255,255,255,.5);}
.page-template-default .content-wrapper .legal-switch {font-size:13px;text-align:center;}

/* Contact page: registered office under the e-mail, in the theme's own .address / .phone styles */
.contact-page-item .address {padding:15px 0 0;font-style:normal;letter-spacing:1px;line-height:1.8;}
.contact-page-item .address .phone {display:block;padding-bottom:4px;font-weight:900;letter-spacing:2px;}
.contact-page-item .address a {color:#fff;text-decoration:underline;text-underline-offset:3px;}
.contact-page-item .address a:hover {color:var(--yoolk-clr-blue);}

/* Contact form */
.contact-form-wrapper {max-width:640px;margin:50px auto 0;padding:0 30px;}
.contact-form label {display:block;margin-bottom:18px;}
.contact-form label span {display:block;margin-bottom:8px;color:var(--yoolk-clr-blue);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;}
.contact-form input[type=text],.contact-form input[type=email],.contact-form select,.contact-form textarea {display:block;width:100%;padding:14px 16px;border:1px solid var(--yoolk-clr-gray-300);border-radius:6px;background-color:var(--yoolk-clr-gray-500);color:#fff;font-family:'Lato',Arial,sans-serif;font-size:15px;line-height:1.4;outline:0;transition:border-color .2s;}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus {border-color:var(--yoolk-clr-blue);}
.contact-form textarea {resize:vertical;min-height:150px;}
.contact-form select {appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:44px;}
.contact-form-row {display:flex;gap:18px;}
.contact-form-row label {flex:1;}
.contact-form-hp {position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
.contact-form-privacy {margin:0 0 22px;color:rgba(255,255,255,.5);font-size:12px;line-height:1.6;}
.contact-form-privacy a {color:inherit;text-decoration:underline;}
.contact-form-submit {display:inline-block;padding:14px 34px;border:0;border-radius:4px;background-color:var(--yoolk-clr-blue);color:#fff;font-family:'Lato',Arial,sans-serif;font-size:12px;font-weight:900;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:.2s;}
.contact-form-submit:hover {background-color:#fff;color:var(--yoolk-clr-blue);}
.contact-form-status {margin:0 0 22px;padding:14px 18px;border-radius:6px;font-size:14px;line-height:1.5;}
.contact-form-status.is-ok {background-color:var(--yoolk-clr-blue);color:#fff;}
.contact-form-status.is-error {background-color:var(--yoolk-clr-red);color:#fff;}
@media (max-width:640px) {.contact-form-row {display:block;}}