/* Theme Name: Divi Child Theme URI: http: //liquid.media/ Description: Child theme for the Divi theme from Elegant Themes Author URI: http: //liquid.media/ Template: Divi Version: 0.1.001 */ /* MENU CHANGES*/ /* Fix to show mobile nav with Max Mega Menu plugin * Blueprint */ .et_pb_menu__menu { display: block !important; } .mobile_menu_bar { display: none !important; } /*Don't Show arrows on desktop * Blueprint */ @media all and (min-width: 980px) { #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { display:none; } } /* Unclickable menu item * Blueprint */ li.mega-unclickable > a { pointer-events: none!important; cursor: default!important; } /* When Menu is centered, remove the margin on the last menu item * Blueprint */ #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-item:last-child { margin:0px; } /* END OF MENU CHANGES*/ /*Text Sizing * Blueprint */ h1,h2,h3,h4{ margin-bottom:0px; margin-top: 0px; padding-bottom:0px; } .title-margin h1, .title-margin h2, .title-margin h3{ margin-top: 20px; margin-bottom: 15px; padding-bottom:0px; } .margin-bottom h1, .margin-bottom h2, .margin-bottom h3{ /* Kerdon Edit 24/04/2023 - changed from 15px to 20px */ margin-bottom:30px; /* End Edit */ margin-top: 0px; padding-bottom:0px; } .et_pb_post_content_0_tb_body .white h1, .et_pb_post_content_0_tb_body .white h2, .et_pb_post_content_0_tb_body .white h3{ color: white!important; } /*Two Column Text * Blueprint */ @media all and (min-width: 768px){ .two-column-text{ column-count: 2; column-gap: 5%; } } /*Bullet List * Blueprint */ .special-bullet ul, .special-bullet-long ul, .special-bullet-white ul, .special-bullet-long-white ul { list-style: none; margin-top: 0px; margin-bottom: 10px; padding-bottom:0px; } .special-bullet ul li:before, .special-bullet-long ul li:before { color: #343434; content: "\0B7"; padding-right: 10px; font-size: 40px; position: relative; top: 8px; } .special-bullet-white ul li:before, .special-bullet-long-white ul li:before { color: #FFFFFF; content: "\0B7"; padding-right: 10px; font-size: 40px; position: relative; top: 8px; } .special-bullet ul li, .special-bullet-white ul li { text-indent:-20px; padding-left:25px; } .special-bullet-long ul li, .special-bullet-long-white ul li { text-indent:-20px; padding-left:25px; margin-bottom: 10px; } .special-bullet-long ul li:last-child, .special-bullet-long-white ul li:last-child{ margin-bottom:0px; } .two-column-text.special-bullet ul, .two-column-text.special-bullet-long ul, .two-column-text.special-bullet-white ul, .two-column-text.special-bullet-long-white ul { margin-top:0px; } /*Numbered List * Blueprint */ .special-bullet ol { padding-bottom: 10px; margin-top: 10px; } li::marker { font-weight: 700; color: #b5a287; } .special-bullet ol li { text-indent:-19px; margin-bottom: 10px; padding-left:40px; } /* Change Column Stacking Order (Add .stacking-change to row & other to respective column) * Blueprint */ @media all and (max-width: 980px) { .stacking-change { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .first-on-mobile { -webkit-order: 1; order: 1; margin-bottom: 30px!important; } .first-on-mobile-nm { -webkit-order: 1; order: 1; margin-bottom: 0px!important; } .second-on-mobile { -webkit-order: 2; order: 2; margin-bottom: 0px!important; /*If you have 3 columns, you should move it to the third one*/ } .third-on-mobile { -webkit-order: 3; order: 3; } } /*G-FORM STYLING*/ /* Style Fields and Text * Blueprint */ .et_pb_module .gform_wrapper.gravity-theme input, .et_pb_module .gform_wrapper.gravity-theme .ginput_container textarea, .gform_wrapper.gravity-theme .ginput_container select { padding: 20px; font-size: 15px; } /* G-Forms Submit Button Styling * Blueprint */ /* Style label above fields text * Blueprint */ .gform_wrapper.gravity-theme .gfield_label { font-size:18px; } /*Style label below field text * Blueprint */ .gform_wrapper.gravity-theme .gfield_header_item, .gform_wrapper.gravity-theme .gform_fileupload_rules, .gform_wrapper.gravity-theme .ginput_complex label { font-size:15px; text-transform: uppercase; font-weight: 300; } /*Style "Required" asterisk * Blueprint */ .gform_wrapper .gfield_required.gfield_required_asterisk { /*color: !important; font-weight:; font-size:; font-family:;*/ } /*Style "Required" text * Blueprint */ .gform_wrapper .gfield_required { text-transform: uppercase!important; font-style: normal!important; } /* Style dropdown arrow. The not selector keeps it from adding it to list gravity form in a weird place* * Blueprint */ .ginput_container:not(.ginput_container_multiselect) select { -moz-appearance: none; -webkit-appearance: none; appearance: none; background-image: url("../../uploads/2023/08/dropdown-arrow.png"); background-repeat: no-repeat; background-position: right 15px top 50%; /* icon size*/ background-size: .65em auto, 100%; } /*validation error styling*/ /*styling of messages popping up*/ .gform_wrapper.gravity-theme .gform_validation_errors, .gform_wrapper.gravity-theme .validation_message { box-shadow:none; padding:20px 30px; border-radius: 0px; font-size:15px!important; line-height:1.2em; /*color:;*/ } /*override font size of header validation error*/ .gform_wrapper.gravity-theme h2.gform_submission_error.hide_summary { font-size:15px!important; } /*styling of labels of fields that have not been filled out properly*/ .gform_wrapper.gravity-theme .gfield_error .gfield_label, .gform_wrapper.gravity-theme .gfield_error .gfield_header_item, .gform_wrapper.gravity-theme .gfield_error .gform_fileupload_rules, .gform_wrapper.gravity-theme .gfield_error .ginput_complex label, .gfield_error .gfield_radio label, .gfield_error .ginput_container .gfield_consent_label { /*color:;*/ } /*progress bar styling*/ .gform_wrapper.gravity-theme .gf_progressbar.gf_progressbar_blue .gf_progressbar_percentage.percentbar_blue { /*background-color:!important;*/ } .gform_wrapper.gravity-theme .gf_progressbar.gf_progressbar_blue { /*background-color:!important;*/ } /*END OF G-FORM STYLING*/ /* Show 4 column layout as 1 in browser*/ @media all and (max-width: 767px) { .one-mobile-column .et_pb_column, .certifications .et_pb_column { width: 100%!important; } .one-mobile-column.et_pb_row_1-4_1-4>.et_pb_column.et_pb_column_1_4, .et_pb_row_1-4_1-4_1-2>.et_pb_column.et_pb_column_1_4, .et_pb_row_4col>.et_pb_column.et_pb_column_1_4{ margin-right: 0px!important; } .one-mobile-column.et_pb_row_1-2_1-4_1-4 .et_pb_column:nth-last-child(-n+2), .one-mobile-column.et_pb_row_1-4_1-4 .et_pb_column:nth-last-child(-n+2), .one-mobile-column.et_pb_row_4col .et_pb_column:nth-last-child(-n+2){ margin-bottom: 30px!important; } } /* Kerdon - 21/04/2023 This css helps vertically align modules to the center */ .vmid { display: flex; flex-direction: column; justify-content: center; } /* End vertically align css */ /* Kerdon - 28/04/2023 This css helps change the call to actions button color on section hover */ .button-red-hover:hover .et_pb_button.et_pb_promo_button { background-color: #CE1732 !important; } /* End hover background button colour css */ /* Kerdon - 01/05/2023 Padding below title of services section on home page */ h3.et_pb_module_header, h3.dsm_card_title.et_pb_module_header { padding-bottom: 15px !important; } /* End padding below title css */ /* Kerdon - 01/05/2023 Padding below title of services section on home page */ #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { padding-left: 10px !important; } /* End padding css */ /* Adjust Ancillary Services Slider Arrows on Mobile * SAS - 08.16.23 * */ @media all and (max-width: 767px) { .dsm_card_carousel_0 .swiper-button-prev, .dsm_card_carousel_0 .swiper-button-next { background-color: #ce1732; height: 20px!important; width: 20px!important; margin-top: -175px!important; } }