/* Theme Name: Divi Child Theme Theme URI: https://diviclone.tysonhood.com Description: Divi Child Theme Author: Tyson Hood Author URI: https://tysonhood.com Template: Divi Version: 1.0.0 */ /* =Theme customization starts here ------------------------------------------------------- */ /* ========================================================== ====================== HEADER ============================ ========================================================== */ /* Floats secondary menu right */ #et-info { float: right !important; } /* Hides RSS icon */ #et-info > ul > li.et-social-icon.et-social-rss { display: none; } /* ========================================================== ==================== HOME PAGE =========================== ========================================================== */ /* ========================================================== ==================== SUB PAGES =========================== ========================================================== */ /* ========================================================== ===================== FOOTER ============================= ========================================================== */ /* ========================================================== ==================== CF7 FORM ============================ ========================================================== */ .et_pb_contact_field_0.et_pb_contact_field .et_pb_contact_field_options_title { color: #ee2c7a !important; } .et_pb_contact_field_0 .input+label { color: #3e3e3e; } /* .wpcf7 h1 { text-align: center !important; margin-bottom: 20px; } */ .wpcf7-form p, .wpcf7-form label { font-family: 'Copse',Georgia,"Times New Roman",serif!important; text-transform: capitalize; } .wpcf7-form p.full-width.framing_request_description { padding-top: 20px; text-align: center; text-transform: none; } /* CONTACT FORM STYLING - INPUT WIDTHS ========================================================================== */ .wpcf7-form h6, .wpcf7-form p, .wpcf7-form label, .wpcf7-form h6.left, .wpcf7-form h6.right, h6.left, h6.right { color: rgba(10, 9, 9, 0.61) !important; font-size: 14px !important; font-weight: 500; } .wpcf7-select { border-radius:0px!important; padding: 20px 0!important; } /* Full Width */ .wpcf7-form .full-width { width: 99.75%; } /* Half Width */ .wpcf7-form p.left, .wpcf7-form p.right, .wpcf7-form div.right, h6.left, h6.right { display: inline-block !important; width: 49.25% !important; padding-bottom: 18px; } .wpcf7-form p .left, .wpcf7-form h6.left, .wpcf7-form fieldset p.left, h6.left, .wpcf7-form p.left { margin-right: .5% !important; } .wpcf7-form p .right, .wpcf7-form h6.right, h6.right, .wpcf7-form fieldset p.right, .wpcf7-form p.right, .wpcf7-form fieldset div.right, .wpcf7-form div.right { margin-left: 0% !important; } /* Quarter Width */ .wpcf7-form .one-quarter-one, .wpcf7-form .one-quarter-two, .wpcf7-form .one-quarter-three, .wpcf7-form .one-quarter-four { display: inline-block !important; padding-bottom: 18px; width: 24%; } .wpcf7-form .one-quarter-one { margin-right: 0.5%; } .wpcf7-form .one-quarter-two, .wpcf7-form .one-quarter-three { margin: 0 0.5%; } .wpcf7-form .one-quarter-four { margin-left: 0.5%; } @media screen and (max-width:1288px) { .wpcf7-form .full-width { width: 98.25%; } .wpcf7-form .one-quarter-one, .wpcf7-form .one-quarter-two, .wpcf7-form .one-quarter-three, .wpcf7-form .one-quarter-four, .wpcf7-form p.left, .wpcf7-form p.right, .wpcf7-form div.right { display: inline-block !important; width: 48.5% !important; padding-bottom: 18px; } .wpcf7-form .one-quarter-one, .wpcf7-form .one-quarter-three, .wpcf7-form p.left{ margin: 0 0.5% 0 0!important; } .wpcf7-form .one-quarter-two, .wpcf7-form .one-quarter-four, .wpcf7-form p.right, .wpcf7-form div.right { margin: 0 0 0 0.5% !important; } .wpcf7-form #language-preferences-box { width: 98.25% !important; margin: 0 !important; } } @media screen and (max-width:767px) { .wpcf7-form .one-quarter-one, .wpcf7-form .one-quarter-two, .wpcf7-form .one-quarter-three, .wpcf7-form .one-quarter-four, .wpcf7-form p, .wpcf7-form p.left, .wpcf7-form p.right, .wpcf7-form div.right, .wpcf7-form h6.left, .wpcf7-form h6.right { display: block !important; width: 100% !important; padding-bottom: 18px; } .wpcf7-form h6 { line-height: 1.4em !important; } .wpcf7-form .one-quarter-one, .wpcf7-form .one-quarter-three, .wpcf7-form p.left, .wpcf7-form p .left, .wpcf7-form h6.left, .wpcf7-form p.left { margin-right: 0% !important; } .wpcf7-form .one-quarter-two, .wpcf7-form .one-quarter-four, .wpcf7-form p.right, .wpcf7-form div.right, .wpcf7-form p .right, .wpcf7-form h6.right { margin-left: 0% !important; } .wpcf7-form .wpcf7-list-item { display: block; } .wpcf7-form #language-preferences-box { width: 100% !important; margin: 0 !important; } } /* CONTACT FORM STYLING - INPUTS ========================================================================== */ .wpcf7-text, .wpcf7-textarea, .wpcf7-captchar, .wpcf7 input[type=date], .wpcf7 input[type=text], .wpcf7 input[type=file], .wpcf7 input[type=time], .wpcf7 select, .wpcf7-form-control.wpcf7-select { background-color: #fff !important; border: 1px solid #4f142e !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; border-radius: 0 !important; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #999 !important; font-size: 14px; padding: 5px !important; width: 100% !important; } body .et_pb_section .et_pb_row .wpcf7 input.wpcf7-text, body .et_pb_section .et_pb_row .wpcf7 input[type=text], body .et_pb_section .et_pb_row .wpcf7 input[type=email] { height: 53px !important; } body .body_content.et_pb_section .wpcf7 input[type=text]::placeholder, body .body_content.et_pb_section .wpcf7 input[type=email]::placeholder, body .body_content.et_pb_section .wpcf7 input[type=textarea]::placeholder, body .body_content.et_pb_section .wpcf7 textarea::placeholder { font-family: 'Muli', sans-serif; font-size: 16px; font-weight: 600; letter-spacing: 2px; } /* Disable the default css styles(appearances) for chrome/firefox */ .wpcf7 select, .wpcf7-form-control.wpcf7-select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } /* CONTACT FORM STYLING - INPUT PLACEHOLDER TEXT ========================================================================== */ ::-webkit-input-placeholder { /* WebKit browsers */ color: #999 !important; opacity: 1; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999 !important; opacity: 1; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999 !important; opacity: 1; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999 !important; opacity: 1; } /* CONTACT FORM STYLING - BUTTONS ========================================================================== */ .wpcf7-submit, .action-button { background-color: #49192e !important; border-color: #49192e !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; color: #fff !important; cursor: pointer; float: right; font-family: 'Muli', sans-serif; font-size: 18px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 500; letter-spacing: .1em; line-height: 1.7em; margin: 8px auto 0; padding: 2px 10px !important; text-align: center; text-transform: uppercase; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } body #page-container input.wpcf7-submit { padding: 5px 20px !important; } /* .cf7mls_next.action-button img { right: 1px !important; } .wpcf7-form #submit-button { text-align: center; } */ /* CONTACT FORM STYLING - BUTTONS:HOVER ========================================================================== */ body #page-container .wpcf7-submit:hover, body #page-container .action-button:hover { background-color: #49192e !important; -webkit-border-radius: 20px !important; -moz-border-radius: 20px !important; border-radius: 20px !important; color: #fff !important; letter-spacing: .1em; } /* CONTACT FORM STYLING - CAPTCHA ========================================================================== */ /* @media screen and (max-width: 980px) { p.one-quarter-one.captcha { text-align: right; } } @media screen and (max-width: 768px) { p.one-quarter-one.captcha { text-align: center; } } */ /* CONTACT FORM STYLING - RARIO ========================================================================== */ .wpcf7-list-item { display: block !important; } /* CONTACT FORM STYLING - ERROR BORDERS ========================================================================== */ .cf7mls-invalid .wpcf7-text, .cf7mls-invalid .wpcf7-textarea, .cf7mls-invalid .wpcf7-captchar, .cf7mls-invalid input[type=date], .cf7mls-invalid input[type=text], .cf7mls-invalid input[type=text], .wpcf7-form.invalid input[type=tel], .wpcf7-form.invalid input[type=time], .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid, .cf7mls-invalid .wpcf7-form-control.wpcf7-select, .wpcf7-form.invalid input[type=text].wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid, .wpcf7-form.invalid .wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.wpcf7-not-valid, span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required.wpcf7-not-valid, .wpcf7-form.invalid .wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.hasDatepicker.wpcf7-not-valid { border: 1px solid #ff0000 !important; } /* CONTACT FORM STYLING - ERROR MESSAGES STYLING ========================================================================== */ .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors, div.wpcf7-response-output { font-size: 1.6em; line-height: 2; font-weight: 700; text-align: center; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } /* CONTACT FORM STYLING - ERROR MESSAGES BUG ========================================================================== */ .wpcf7-response-output.wpcf7-display-none { border: none !important; } .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { display: inherit !important; }