.feedback-options { margin-top:15px;}
.feedback-options div.header { background:#23282d; color:#fff; padding:0; margin:0; }
.feedback-options div.header h2 { margin:0; color:#fff; cursor:pointer; padding:20px;}
.feedback-options div.header h2 span { float:right;}
.feedback-options .acc {  border: 1px solid #e5e5e5; box-sizing:border-box; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); min-width: 255px; background:#fff; margin:0 20px 2px 0;}
.feedback-options .acc .accbod { padding:20px 20px 0; margin:0; display:none;}
.feedback-options .acc .accbod > div:last-child {  margin:0; border:none;  }
.feedback-options .acc .header.active h2 { background:#214853;}
.feedback-options .acc .header.active h2 span{-moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);-ms-transform:rotate(180deg);  transform:rotate(180deg);}
.feedback-options .save { background:#214853; color:#fff; border:none; padding:15px 30px; margin:10px 0; cursor:pointer;}
.feedback-options ::placeholder { color: #aaa; opacity: 1; font-style:italic }
.feedback-options :-ms-input-placeholder { color: #aaa; font-style:italic }
.feedback-options ::-ms-input-placeholder { color: #aaa; font-style:italic }
.feedback-options div.header h2 span { display:none;}
.feedback-options .custom_repeatable input[type=text],.feedback-options li textarea,.feedback-options li select { width:calc(50% - 20px)!important; float:left; margin:5px 10px  ; box-sizing:border-box; border-color:#f4f4f4;}

.post-4758 { max-width:1400px!important; }

/* Gutenberg Width */
@media screen and ( min-width: 768px ) { .wp-block { max-width:	1280px; }  }


/* Front end form */
#feedback-form { margin:0 0 60px 0; position:relative; overflow:hidden; display:block;float:left; padding-top:30px; min-height:700px; width:100%;}
#feedback-form li { margin:0 10px; display:inline-block;  padding-bottom:10px; box-sizing:border-box; float:left; position:relative;}

#feedback-form li.contain-required:after { content:"*"; display:block; position:absolute; color:red; right:0; top:0; width:10px; height:10px;}

#feedback-form li.Full { width:calc(100% - 20px);}
#feedback-form li.Half { width:calc(50% - 20px);}
#feedback-form li.Third { width:calc(33.3% - 20px);}
#feedback-form li.Quarter { width:calc(25% - 20px);}
#feedback-form li.section { float:left; display:block; position:relative; width:calc(100% - 20px); box-sizing:border-box; margin:0 10px; display:block; margin-bottom:20px; border-bottom:solid 1px rgba(255,255,255,.1)}
#feedback-form li.section h2 { color:#214853; font-size:22px; margin-top:15px; margin-bottom:10px; position:relative;}
#feedback-form li.section h2:after { content:""; display:block; width:100%; height:1px; background:#ddd; position:absolute; bottom:-10px; right:0;  }
#feedback-form .main_section a { display:block; width:100%; float:left;}
#feedback-form li.last { border-bottom:none; margin-bottom:0;}
#feedback-form li h2 { z-index:5; font-size:1.125rem; font-weight:normal; text-transform:none; margin:0 0 10px; }
#feedback-form h2,#feedback-form h2 b { font-size:26px; font-weight:normal; text-transform:none; margin:0 0 15px;}
#feedback-form .main_section > h2 { margin:0 15px 15px; display:block;}

#feedback-form li label.error { position:absolute; top:-25px; left:0; font-size:1.125rem; color:red; font-weight:normal;}

#feedback-form  h2 span { font-size:16px; font-weight:normal; opacity:.5; margin-left:20px;}

#feedback-form li small { font-size:1.125rem; color:#777; line-height:1.4em;}
#feedback-form li textarea,#feedback-form li input[type=radio],#feedback-form li select,#feedback-form li input[type=text] { background:rgba(0,0,0,.05); border:solid 1px rgba(255,255,255,.2); width:calc(100%); box-sizing:border-box; padding: 15px 10px; margin-bottom:10px; height:inherit; min-height:inherit; max-height:inherit;  border-radius:10px; }
#feedback-form li select option { background:#fff;}
#feedback-form li textarea { min-height:50px;}
#feedback-form li .checkboxes input[type=radio],#feedback-form li label { display:inline-block; width:auto;}
#feedback-form li .checkboxes input[type=radio] { margin:0 40px 0 10px;}
#feedback-form li input[type=radio] {}
.success { color: #fff; background:#013344; border: solid 2px #013344; border-radius:30px; padding:15px;  text-align:center; margin:50px 0;}
.success h2 { font-size:18px; text-transform:inherit; margin:0;}
#feedback-form li .checkboxes.check-multi label { display:block;}
#feedback-form li .checkboxes.check-multi label input { margin-right:10px;}
#feedback-form li .checkboxes.check-multi { -moz-column-count:3; -webkit-column-count:3; column-count:3; -moz-column-gap: 20px; -webkit-column-gap:20px; column-gap:20px; }
.feedback-options li textarea{ min-height:50px!important; }

#feedback-form #three li,#feedback-form #four li { width:100%; float:none; display:block; position:relative;}
#feedback-form #three h2 { font-size:18px; margin-top:30px; font-weight:normal; border-bottom: solid 1px #b4c2df; padding-bottom:20px;}
#feedback-form #three h2.serif { border:none; padding-bottom:0; margin-top:20px;}
#feedback-form #three h3 { font-size:1.125rem; font-weight:bold; line-height:22px;}
#feedback-form #three .col-xs-12 h2 { font-weight:normal; font-size:1.125rem; color:#b4c2df;}
#feedback-form #three p { margin:0 15px 15px; line-height:26px; font-size:1.125rem;}

#feedback-form #four h2 { display:none; }
#feedback-form #four .checkboxes { position:absolute; top:30px; left:0; bottom:0; width:200px;}
#feedback-form #four .multi-check { padding-top:20px; position:relative; padding-left:50px; clear:both; overflow:hidden; display:block;}
#feedback-form #four .checkboxes input { width:20px; height:20px;}
#feedback-form #four small { font-size:1.125rem;}

#feedback-form .main_section .registration_nav,#feedback-form input[type=submit] { text-decoration:none;  display:block; width:180px; text-align:center; margin:0 auto; background:#013344; border-radius:10px; float:none!important; clear:both; padding: 15px 20px; font-size: 1.125rem; color: #fff; font-weight:bold; }
#feedback-form .main_section .registration_nav:hover { border-color:#fff; color:#fff;}

#enquiry-form { margin:40px 0; position:relative; overflow:hidden; display:block;float:left; padding-top:30px; min-height:700px; width:100%;}
#enquiry-form li { margin:0 10px; display:inline-block;  padding-bottom:10px; box-sizing:border-box; float:left; position:relative;}
#enquiry-form li.contain-required:after { content:"*"; display:block; position:absolute; color:red; right:0; top:0; width:10px; height:10px;}
#enquiry-form li.Full { width:calc(100% - 20px);}
#enquiry-form li.Half { width:calc(50% - 20px);}
#enquiry-form li.Third { width:calc(33.3% - 20px);}
#enquiry-form input[type=text] { display:block; border:solid 1px #ddd; border-radius:10px; width:100%;}
#enquiry-form input[type=submit] { background:#214853; border:solid 1px #214853; color:#fff; border-radius:10px;}

.incorrect-pps { position:relative;}
.incorrect-pps input { border:solid 1px red!important; }
.incorrect-pps:before { display:block; content:"Please check PPS format"; color:red; font-size:12px; position:absolute; top:0; right:0; text-align:right;}
.correct-pps input { border:solid 1px green!important; }

@media (max-width: 767px) {
.check-multi { -moz-column-count:1; -webkit-column-count:1; column-count:1; -moz-column-gap: 0; -webkit-column-gap:0; column-gap:0; }
}

.main_section {display:none; width:100%;}
.main_section.active {display:block;}

.section_nav { margin-bottom:50px; display:flex; justify-content:space-evenly; float:left; width:100%; border-radius:10px; overflow:hidden; position:relative; }
.section_nav a { margin:0 10px; color:#777; border-radius:10px; font-weight:normal;  display:inline-block; text-align:center; padding:5px; text-decoration:none; font-size:13px; width:200px; background:#fff;}
.section_nav a span { display:block; font-size:28px; font-weight:bold; }
.section_nav a b { display:none;}
.section_nav a.active { background:#214853; color:#fff;}

@media (max-width: 767px){

.section_nav a{ display:block; width:100%;}
#feedback-form .main_section > h2 { margin:0 0 15px;}
#feedback-form li.section { width:100%;  margin:0 0 15px;}
#feedback-form li { margin:0; width:100%;}
#feedback-form li textarea, #feedback-form li input[type=radio], #feedback-form li select, #feedback-form li input[type=text] { margin-left:0; margin-right:0;}

}

/* Custom metabox styles */
.metabox {}
.metabox > div:not(.acc),.metabox .accbod > div { position:relative; border-bottom:solid 1px #eee; padding-bottom:20px; margin-bottom:20px; overflow:hidden; vertical-align:middle;}

/*.metabox .editor .wp-media-buttons { display:none;}*/
.metabox .editor .mce-panel { border:solid 1px #eee;}
.metabox .editor .wp-editor-wrap { margin-top:0;}
.metabox .editor .mce-container-bod .mce-statusbar { border-top:solid 1px #eee!important;}
.metabox .editor .wp-media-buttons {}

#wp-content-editor-tools {}

.metabox input[type=button],.metabox .custom_clear_image_button,.custom_upload_image_button  { display:inline-block; padding:10px 15px; height: auto; width: inherit; text-align: center; background-color: #f7f7f7;  box-shadow:none; color: #333; border:solid 1px #ccc; text-decoration: none; text-shadow:none;  font-size:13px; line-height:14px; -webkit-border-radius:10px;-moz-border-radius:10px; border-radius:10px; }
.metabox .button { height:inherit;  width:30px; text-align:center; padding:0 10px 0 7px; border:solid 1px #ccc;  background:#f7f7f7;}
.metabox .custom_clear_image_button,.metabox .repeatable-remove,.metabox .custom_clear_image_button:hover,.metabox .repeatable-remove:hover { color:rgba(200,28,30,1.00);}
.metabox .custom_clear_image_button {   }
.metabox .repeatable-add,.metabox .repeatable-add:hover { color:rgba(37,199,56,1.00);}
.metabox label { display:block; font-weight:bold; margin-bottom:5px;}
.metabox input[type=text],.metabox textarea,.metabox select { width:50%;   }
.metabox .description { float:right; color:#888;}

.metabox .custom_repeatable input[type=text] { width:50%;margin:0;}

.metabox .custom_preview_image { background: #f8f8f8; border:solid 1px #e4e4e4; width:100px; height:100px; background:#f8f8f8; float:right;  display:none; }
.metabox .custom_preview_image.show { display:block;}

.metabox .linkbox { width:auto;  clear:none; line-height: inherit; vertical-align:top; color:#666; }

.metabox .imager .repeatable-add { height:auto!important;}
.metabox .imager .caption,.metabox .imager .custom_clear_image_button { display:inline-block;}
.metabox .imager li { border-bottom:solid 1px #eee; display:block; position:relative; overflow:hidden; min-height:100px; padding-bottom:5px;}
/* New styles */
.metabox li { border: solid 1px #ddd; padding:5px 25px; position:relative; overflow:hidden; display: flex;align-items: center; }
.metabox .linkbox { width:auto;  clear:none; line-height: inherit; vertical-align:top; color:#666; }
.metabox li .button { display:block; line-height:14px; position:relative; padding:7px 10px; background:#0085ba; color:#fff;  border-color: #0073aa #006799 #006799; box-shadow: 0 1px 0 #006799; text-decoration: none; text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799; margin-right:30px;  margin-left:2px;}
.metabox li .button:hover { background:#0b94ca; color:#fff;}
.metabox li .button span { font-size:11px;line-height:14px; margin-left:7px;  }
.metabox li .sort { display:inline-block; height:inherit; width:auto; font-size:12px; background:#eee; border-right:solid 1px #ddd; padding:12px 2px 0 2px; position:absolute; top:0; left:0; bottom:0; vertical-align:middle;}
.metabox li .repeatable-remove { display:inline-block; height:inherit; width:auto; font-size:12px; color:#fff; background:#AB2427; padding:15px 2px 0 2px; position:absolute; top:0; right:0; bottom:0; vertical-align:middle; margin: 0; border:none;text-shadow:none; border-radius: 0; }
.metabox li .sort,.metabox li .repeatable-remove { line-height: 80px;}

@media (max-width: 767px){
.section_nav { flex-direction:column}
.section_nav a { display:flex; gap:15px; padding:7px 20px; align-items:center; }
.section_nav span { display:inline-block;  }
#feedback-form li.Quarter,#feedback-form li.Half,#feedback-form li.Third { width:calc(50% - 20px); margin-right:10px; margin-left:10px;}
#feedback-form li.section { width:calc(100% - 20px); margin-right:10px; margin-left:10px;}
}
/* Registration form: match the quote form controls. */
#feedback-form { color: var(--brand-green, #083344); }
#feedback-form li h2 { font-size: 14px; line-height: 24px; font-weight: 600; margin-bottom: 4px; }
#feedback-form li.section h2 { font-size: 22px; }
#feedback-form li input[type=text],
#feedback-form li select,
#feedback-form li textarea {
    display: block;
    background: #fff;
    color: var(--brand-green, #083344);
    border: 1px solid #d1d5db;
    border-radius: 6px;
    padding: 8px 14px;
    font-size: 16px;
    line-height: 24px;
}
#feedback-form li input[type=text]::placeholder,
#feedback-form li textarea::placeholder { color: #9ca3af; }
#feedback-form li input[type=text]:focus,
#feedback-form li select:focus,
#feedback-form li textarea:focus {
    outline: 2px solid var(--brand-green, #083344);
    outline-offset: -2px;
}
#feedback-form .main_section .registration_nav,
#feedback-form input[type=submit] {
    background: var(--brand-sand, #bdb6aa);
    color: var(--brand-green, #083344);
    border: 0;
    border-radius: 6px;
    padding: 12px 14px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
    cursor: pointer;
}
#feedback-form .main_section .registration_nav:not(:disabled):hover,
#feedback-form input[type=submit]:not(:disabled):hover {
    background: var(--brand-sand-hover, #aaa394);
    color: var(--brand-green, #083344);
}
#feedback-form .main_section .registration_nav:disabled,
#feedback-form input[type=submit]:disabled {
    background: rgba(189,182,170,.5);
    color: var(--brand-green, #083344);
    cursor: not-allowed;
}
#feedback-form .section_nav {
    gap: 16px;
    overflow: visible;
    border-radius: 0;
}
#feedback-form .section_nav a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-sizing: border-box;
    margin: 0;
    padding: 18px 14px;
    border: 1px solid var(--brand-sand-soft, #e5e2dd);
    border-radius: 14px;
    background: #f8f7f5;
    color: var(--brand-green, #083344);
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    box-shadow: 0 2px 5px rgba(8,51,68,.04);
    transition: background-color .2s, border-color .2s, box-shadow .2s;
}
#feedback-form .section_nav a span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--brand-sand-soft, #e5e2dd);
    font-size: 18px;
    line-height: 1;
}
#feedback-form .section_nav a:not([aria-disabled=true]):hover {
    background: #efede8;
    border-color: var(--brand-sand, #bdb6aa);
    box-shadow: 0 4px 12px rgba(8,51,68,.1);
}
#feedback-form .section_nav a.active,
#feedback-form .section_nav a.active:not([aria-disabled=true]):hover {
    background: var(--brand-green, #083344);
    border-color: var(--brand-green, #083344);
    color: #fff;
    box-shadow: 0 5px 15px rgba(8,51,68,.18);
}
#feedback-form .section_nav a.active span {
    background: var(--brand-sand, #bdb6aa);
    color: var(--brand-green, #083344);
}
#feedback-form .section_nav a[aria-disabled=true] { cursor: not-allowed; }
#feedback-form .registration-actions { clear: both; padding-top: 40px; }
@media (max-width: 767px) {
    #feedback-form .section_nav { gap: 10px; }
    #feedback-form .section_nav a {
        flex-direction: row;
        justify-content: flex-start;
        padding: 12px 16px;
        text-align: left;
    }
}
@media (prefers-reduced-motion: reduce) {
    #feedback-form .section_nav a { transition: none; }
}
#feedback-form .registration_nav:focus-visible,
#feedback-form input[type=submit]:focus-visible { outline: 2px solid var(--brand-green, #083344); outline-offset: 2px; }