/*
 *	Contact Us Page
 */

/* Hide FAQ quick search */
.customer-service-contactus-form .faq-search-input-panel { display:none; }

.desktop #mainContent { color:#333; }
.desktop #mainContent a[href^="tel"] { color:#333!important; cursor:pointer!important; }
.desktop #mainContent a[href^="tel"]:not(.module-link) { text-decoration:underline!important; }
.desktop #mainContent a[href^="tel"]:hover,
.desktop #mainContent a[href^="tel"]:active,
.desktop #mainContent a[href^="tel"]:focus { text-decoration:none!important; }

.desktop #mainContent a.module-link { color:#333; display:block; }
.desktop #mainContent a.module-link > p { line-height:1.5em; }
.desktop #mainContent a.module-link .link-text { text-decoration:underline; font-weight:800; display:block; margin:0 0 10px; }
.desktop #mainContent a.module-link:hover .link-text,
.desktop #mainContent a.module-link:active .link-text,
.desktop #mainContent a.module-link:focus .link-text { text-decoration:none; }

.desktop #mainContent a.module-link:hover,
.desktop #mainContent a.module-link:active,
.desktop #mainContent a.module-link:focus { text-decoration:none; }

.desktop #mainContent a:not(.module-link) { color:#333; text-decoration:underline; font-weight:800; }
.desktop #mainContent a:not(.module-link):hover,
.desktop #mainContent a:not(.module-link):active,
.desktop #mainContent a:not(.module-link):focus { text-decoration:none; }

/* Icon Row */
.desktop #icon-row { max-width:940px; margin:0 auto 15px; }
.desktop #icon-row svg { max-width:183px; max-height:183px; }


/* DS Banner */
#ds-banner { background:url('/wcsstore/images/BallardDesigns/espots/contactus/DSbanner.jpg') no-repeat 0 75%; padding:30px; }

/* Modal */
.modal.modal-bd-theme-1 {}
.modal.modal-bd-theme-1 .modal-header {  margin:50px 80px 15px; padding:0 0 10px; }
.modal.modal-bd-theme-1 .modal-header .close { position:absolute; top:18px; right:12px; z-index:9999; width:auto; height:auto; font-size:60px; line-height:0.65; border:none; overflow:visible; color:#333; opacity:1; }
.modal.modal-bd-theme-1 .modal-header .close:hover,
.modal.modal-bd-theme-1 .modal-header .close:active,
.modal.modal-bd-theme-1 .modal-header .close:focus { color:#707070; }
.modal.modal-bd-theme-1 .modal-header .modal-title { font-size:32px; font-weight:300; }
.modal.modal-bd-theme-1 .modal-body { margin:20px 80px 50px; padding:0; }
.modal.modal-bd-theme-1 .modal-footer { margin:15px 80px 0; }

/* Custom: Page Specific */
.modal.modal-bd-theme-1 .modal-dialog { width:800px; }

/* Form Show/Hide Next Steps */
#presubmit-related-questions:empty ~ #customer-service-contactus-form { display:block; }
#presubmit-related-questions ~ #customer-service-contactus-form { display:none; }

/* Form - Custom */
.view-CustomerServiceFormView .customer-service-contactus-form { padding-left:0; padding-right:0; }
.view-CustomerServiceFormView .customer-service-contactus-form .contact-us-form-header { display:none; }
.view-CustomerServiceFormView .customer-service-contactus-form .gwt-CheckBox.customer-service-receive-emails { border:none; }
.view-CustomerServiceFormView .customer-service-contactus-form .contact-us-input-panel { width:100%; float:none; }
.view-CustomerServiceFormView .customer-service-contactus-form .contact-us-form-panel .gwt-RealLabel { font-size:1.25em; font-weight:800; }
.view-CustomerServiceFormView .customer-service-contactus-form .gwt-CheckBox { padding:15px 0 20px; }
.view-CustomerServiceFormView .customer-service-contactus-form .gwt-CheckBox [type="checkbox"]+label[for] { font-size:1.25em; padding-left:30px; }
.view-CustomerServiceFormView .customer-service-contactus-form .contact-us-submit-button,
.view-CustomerServiceFormView #presubmit-related-questions .customer-service-form-submit-button,
.view-CustomerServiceFormView #presubmit-related-questions .customer-service-form-cancel-button { width:calc(50% - 4px); }

/* animated-label-textbox-panel */
.desktop #mainContent .animated-label-textbox-panel label, .desktop #mainContent .animated-label-textbox-panel .upper-hint-label { top:4px; font-size:16px; font-style:italic; color:rgba(0, 0, 0, 75%); }
.desktop #mainContent .animated-label-textbox-panel.has-focus .upper-hint-label, .desktop #mainContent .animated-label-textbox-panel.has-text .upper-hint-label { top:-14px; font-size:11px; font-style:normal; }

/* .view-CustomerServiceFormView .customer-service-contactus-form .contact-us-input-panel.left select.gwt-ListBox { height:auto; } */

/* New Defaults */
.view-CustomerServiceFormView .customer-service-contactus-form .contact-us-submit-button,
.view-CustomerServiceFormView #presubmit-related-questions .customer-service-form-submit-button,
.button-dark { background-color:#333; border-color:#333; padding:16px 15px; font-size:1.6em; letter-spacing:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.view-CustomerServiceFormView .customer-service-contactus-form .contact-us-submit-button::before,
.view-CustomerServiceFormView #presubmit-related-questions .customer-service-form-submit-button:before,
.view-CustomerServiceFormView #presubmit-related-questions .customer-service-form-cancel-button:before,
.button-dark { display:none; }

.view-CustomerServiceFormView .customer-service-contactus-form .contact-us-submit-button:hover,
.view-CustomerServiceFormView #presubmit-related-questions .customer-service-form-submit-button:hover,
.button-dark:hover,
.view-CustomerServiceFormView .customer-service-contactus-form .contact-us-submit-button:active,
.view-CustomerServiceFormView #presubmit-related-questions .customer-service-form-submit-button:active,
.button-dark:active,
.view-CustomerServiceFormView .customer-service-contactus-form .contact-us-submit-button:focus,
.view-CustomerServiceFormView #presubmit-related-questions .customer-service-form-submit-button:focus,
.button-dark:focus { background-color:#707070; border-color:#707070; }

.view-CustomerServiceFormView #presubmit-related-questions .customer-service-form-cancel-button { background-color:#fff; border-color:#333; padding:16px 15px; font-size:1.6em; letter-spacing:0; border-radius:5px; color:#333; }
.view-CustomerServiceFormView #presubmit-related-questions .customer-service-form-cancel-button:hover,
.view-CustomerServiceFormView #presubmit-related-questions .customer-service-form-cancel-button:active,
.view-CustomerServiceFormView #presubmit-related-questions .customer-service-form-cancel-button:focus { background-color:#707070; border-color:#707070; color:#fff; }


.view-CustomerServiceFormView .m-responsive-content select,
.view-CustomerServiceFormView .m-responsive-content textarea,
.view-CustomerServiceFormView .m-responsive-content [type="text"],
.view-CustomerServiceFormView .m-responsive-content [type="password"],
.view-CustomerServiceFormView .m-responsive-content [type="datetime"],
.view-CustomerServiceFormView .m-responsive-content [type="datetime-local"],
.view-CustomerServiceFormView .m-responsive-content [type="date"],
.view-CustomerServiceFormView .m-responsive-content [type="month"],
.view-CustomerServiceFormView .m-responsive-content [type="time"],
.view-CustomerServiceFormView .m-responsive-content [type="week"],
.view-CustomerServiceFormView .m-responsive-content [type="number"],
.view-CustomerServiceFormView .m-responsive-content [type="number"],
.view-CustomerServiceFormView .m-responsive-content [type="email"],
.view-CustomerServiceFormView .m-responsive-content [type="url"],
.view-CustomerServiceFormView .m-responsive-content [type="search"],
.view-CustomerServiceFormView .m-responsive-content [type="tel"],
.view-CustomerServiceFormView .m-responsive-content [type="color"] { padding:9px 20px; font-size:15px; height:auto; }

.view-CustomerServiceFormView .m-responsive-content input::placeholder { font-style:italic; }

/* Pre-Submit Questions Screen */
.view-CustomerServiceFormView [id="presubmit-related-questions"] .gwt-accordion .gwt-accordion-tab-header { font-family:'Montserrat'; line-height:1.3em; }
.view-CustomerServiceFormView [id="presubmit-related-questions"] .presubmit-results-warning-msg div.gwt-HTML,
.view-CustomerServiceFormView [id="presubmit-related-questions"] .resubmit-customer-service-form-msg>div.gwt-HTML { font-size:1.3em; }
.view-CustomerServiceFormView [id="presubmit-related-questions"] .presubmit-results-warning-msg div:first-of-type { font-size:1.3em; }

.view-CustomerServiceFormView [id="presubmit-related-questions"] .gwt-accordion .gwt-accordion-tab:first-child { border-top:2px solid #dfdbd8; }
.view-CustomerServiceFormView [id="presubmit-related-questions"] .gwt-accordion .gwt-accordion-tab:last-child  { border-bottom:2px solid #dfdbd8; }
.view-CustomerServiceFormView [id="presubmit-related-questions"] .presubmit-results-header .gwt-HTML:nth-child(1) { text-transform:uppercase; font-size:1.7em; font-weight:500; margin:0 0 15px; }
.view-CustomerServiceFormView [id="presubmit-related-questions"] .presubmit-results-header .gwt-HTML:nth-child(2) { background-color:#fff4bb; border:2px solid #ffe04e; padding:20px 30px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-weight:500; }

/* Buttons */
.view-CustomerServiceFormView .button.contact-us-submit-button span { position:relative; visibility:hidden; display:block; }
.view-CustomerServiceFormView .button.contact-us-submit-button span:after { content:'Continue'; text-align:center; visibility:visible; position:absolute; top:0; left:0; width:100%; }
.view-CustomerServiceFormView .button.customer-service-form-submit-button span { position:relative; visibility:hidden; display:block; }
.view-CustomerServiceFormView .button.customer-service-form-submit-button span:after { content:'Submit'; text-align:center; visibility:visible; position:absolute; top:0; left:0; width:100%; }
.view-CustomerServiceFormView .button.customer-service-form-cancel-button span { position:relative; visibility:hidden; display:block; }
.view-CustomerServiceFormView .button.customer-service-form-cancel-button span:after { content:'Cancel'; text-align:center; visibility:visible; position:absolute; top:0; left:0; width:100%; }


/* Mobile */
.mobile h1#categoryHeader { display:none; }

.mobile #ds-banner { background:url('/wcsstore/images/BallardDesigns/espots/contactus/DSbanner_m.jpg') no-repeat center top; background-size:130%; padding:170px 15px 20px; text-align:center; }
.mobile #ds-banner h2.title-modern { font-size:1.3em; margin-bottom:12px; }
.mobile #ds-banner h2.title-modern + p { font:500 1.5em/1.2em 'Cormorant'; margin-bottom:10px; }

.mobile #icon-row svg { width: 100%;  height: auto;  max-width: 150px; }
.mobile .m-framework hr { border-top:none; }


.mobile .modal.modal-bd-theme-1,
.mobile .modal.modal-bd-theme-1.in { display:none!important; }


.mobile .t-customer-service-form__content .c-search-panel { display:none; }
/*.mobile  .t-customer-service-form__content { display:none; }*/

.mobile #app-main { color:#333; }
.m-framework hr { border:none; border-top:1px solid #dfdbd8 }
.m-framework h1 { margin:20px 0 25px; }
.m-framework article header,
.m-framework article section:nth-child(2) { text-align:center; }
.mobile header .font-size-xmd { font-size:16px; }

.mobile article a.module-link { color:#333; display:block; }
.mobile article a.module-link .link-text { text-decoration:underline; font-weight:800; display:block; margin:0 0 10px; }
.mobile article a.module-link:hover .link-text,
.mobile article a.module-link:active .link-text,
.mobile article a.module-link:focus .link-text { text-decoration:none; }

.mobile article a:not(.module-link) { color:#333; text-decoration:underline; font-weight:800; }
.mobile article a:not(.module-link):hover,
.mobile article a:not(.module-link):active,
.mobile article a:not(.module-link):focus { text-decoration:none; }

.m-framework article header p { margin:0 7%; }
.mobile h2.title-modern { font-size:1.4em; line-height:1.4em; }
.m-framework article section:nth-child(2) p.h3 { font-family:'Cormorant'; font-style:italic; font-size:1.5em; line-height:1.3em; margin-left:12%; margin-right:12%; }
.mobile #icon-row { margin-bottom:48px; }

#icon-row svg { width:100%; height:auto; max-width:150px; }


.text-center { text-align:center; }

.mobile .c-search-panel { display:none; }
.mobile .modal.modal-bd-theme-1 .modal-header { margin:40px 15px 20px; padding:0 0 10px; text-align:center; }
.mobile .modal.modal-bd-theme-1 .modal-header .modal-title { text-align:center; font-family:'Cormorant'; font-style:italic; font-size:2em; }
.mobile .modal.modal-bd-theme-1 { height:100vh; }
.mobile .modal.modal-bd-theme-1 .modal-dialog { width:auto; margin:0; -webkit-transform:translate(0, -25%); -ms-transform:translate(0, -25%); -o-transform:translate(0, -25%); transform:translate(0, 0); }
.mobile .modal.modal-bd-theme-1 .modal-content { min-height:100vh; }
.mobile .modal.modal-bd-theme-1 .modal-body { margin:0 15px 30px; padding: 0; }
.modal.modal-bd-theme-1 .modal-header .close { background-color:transparent; top:0; right:0; padding:10px; }
.modal.modal-bd-theme-1 .modal-header .close:before { display:none; }

/* t-customer-service-form__container */
.t-customer-service-form__container { padding-bottom:60px; }
.t-customer-service-form__container .t-customer-service-form__content .t-customer-service-form__form-header { display:none; /* position:relative; visibility:hidden; display:block; margin:30px 0 9px; padding:15px 0; text-align:center; font-family:'Cormorant'; font-style:italic; font-size:2em; */ }
/* .t-customer-service-form__container .t-customer-service-form__content .t-customer-service-form__form-header:after { content:'Get In Touch'; text-align:center; visibility:visible; position:absolute; top:0; left:0; width:100%; border-bottom: 1px solid #ccc; padding:15px 0; } */

.t-customer-service-form__container .t-customer-service-form__content label { font-size:1em; font-weight:800; }
.t-customer-service-form__recieve-brand-email { margin:15px 0 20px; }
.t-customer-service-form__recieve-brand-email .pw-field__input input,
.t-customer-service-form__recieve-brand-email .c-field__input input { margin-top:6px; }
.t-customer-service-form__recieve-brand-email .pw--is-check-radio .pw-field__label-wrap .pw-field__label,
.t-customer-service-form__recieve-brand-email .c--is-check-radio .c-field__label-wrap .c-field__label,
.t-customer-service-form__container .t-customer-service-form__recieve-brand-email .pw--is-check-radio .pw-field__label-wrap .pw-field__label,
.t-customer-service-form__container .t-customer-service-form__recieve-brand-email .c--is-check-radio .c-field__label-wrap .c-field__label { font-size:1em; font-weight:800; }
.t-customer-service-form__content p#contact-us-form-disclaimer { font-size: .9em; margin:5px 0 0 0; }
.t-customer-service-form__container p#contact-us-form-disclaimer a { color:#333; text-decoration:underline; font-weight:800; }
.t-customer-service-form__container .t-customer-service-form__content .t-customer-service-form__comment label { font-weight:800; font-size:1em; }

.pw-button.t-customer-service-form__next-button,
.c-button.t-customer-service-form__next-button,
.t-customer-service-form__container .t-customer-service-form__content .t-customer-service-form__submit-button { background-color:#333; border-color:#333; padding:10px 15px; font-size:1.5em; letter-spacing:0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-weight:800; }
.pw-button.t-customer-service-form__next-button:before,
.c-button.t-customer-service-form__next-button:before,
.t-customer-service-form__container .t-customer-service-form__content .t-customer-service-form__submit-button:before { display:none; }

.t-customer-service-form__container .t-customer-service-form__content .t-customer-service-form__cancel-button { border: 2px solid #333; color: #333; font-weight: 800; font-size: 1.5em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

/* #contactFormModal { display:block!important; } */


/* Form - Second Step */
.t-customer-service-form__container .t-customer-service-form__content .t-customer-service-form__resubmit { margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid #e2e2e2; position: fixed; top: 113px; z-index: 99999; background-color: #fff; left: 16px; width: calc(100% - 32px); }

/* Fix: Modal Form Bottom w/ Open Accordian Elements */
.t-customer-service-form__resubmit { width: 100%!important; padding: 0 16px; margin: 0px -16px; border-left: 1px solid #a6a6a6; border-right: 1px solid #a6a6a6; }
.mobile .t-customer-service-form__resubmit { margin: 0!important; border:none!important; padding:0!important; }