/* Theme Name: OralPlan Theme URI: https://oralplan.pt Description: A theme made by Getup Agency Author: Getup Agency Author URI: https://getupagency.pt Template: Divi Version: 1.0.0 */ /* =Theme customization starts here ------------------------------------------------------- */ /*** TWEAKS ***/ .logo_footer img { height: 70px !important; max-height: 70px !important; width: auto; } .force_cover {object-fit: cover;} a {color: #e0081c;} /*** CONTACT FORM ***/ .et-pb-contact-message { position: relative; color: white; } .et_contact_bottom_container { width: 50%; margin: auto; float: none; justify-content: center; text-align: center; } .et_pb_contact_submit.et_pb_button { width: 100%; } .et_pb_contact_form_0.et_pb_contact_form_container h1, .et_pb_contact_form_0.et_pb_contact_form_container h2.et_pb_contact_main_title, .et_pb_contact_form_0.et_pb_contact_form_container h3.et_pb_contact_main_title, .et_pb_contact_form_0.et_pb_contact_form_container h4.et_pb_contact_main_title, .et_pb_contact_form_0.et_pb_contact_form_container h5.et_pb_contact_main_title, .et_pb_contact_form_0.et_pb_contact_form_container h6.et_pb_contact_main_title { font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; font-size: 31px; color: #FFFFFF!important; line-height: 1.2em; text-align: center; margin-bottom: 20px; } @media only screen and (max-width: 980px) { .three-columns .et_pb_column { width: 33% !important; margin-left: auto; margin-right: auto; } } #et_pb_contact_form_0 .et_contact_bottom_container {float: none;} #footer-bottom {display:none;} .et_pb_menu--style-centered .et_pb_menu__menu>nav>ul, .et_pb_menu--style-centered .et_pb_menu__wrap {float: right;} /* Pop Up settings*/ body:not(.et-fb-root-ancestor) [class*='et-lb-content'] { position:fixed; visibility:hidden; top:0px; z-index:999999; min-height:100%; transition:all .2s 0s; width: 100%; display: flex; flex-direction: column; justify-content: center; } body:not(.et-fb-root-ancestor) [class*='et-lb-content'] .et_pb_row { position:relative; top:0px; height:95vh; max-height: 990px; } .et-lb-open { visibility:visible!important; width:100%; } span.et-lb-close { font-size:46px; top:3vh; right:5vh; display:block; color:#fff; /* COLOR OF THE CLOSING ICON*/ cursor:pointer; font-weight:bold; font-family:etmodules; z-index:99999999999999; position:fixed; } @media (max-width: 980px) { span.et-lb-close {color:#666;top: 4vh;right: 4vh;} } body:not(.et-fb-root-ancestor) [class*='et-lb-content']:not(.et-lb-open) { transform:scale(.3);opacity:0; } body:not(.et-fb-root-ancestor) [class*='et-lb-btn'] { cursor:pointer; } .et_pb_menu_0_tb_header.et_pb_menu .nav li ul, .et_pb_menu_1_tb_header.et_pb_menu .nav li ul { background-color: #ffffff!important; border-color: rgba(0,0,0,0); width: 150px; } /* ========== BLOG - UPDATE 2025 ========== */ .et_pb_post_content_0_tb_body h2, .et_pb_post_content_0_tb_body h3, .et_pb_post_content_0_tb_body h4, .et_pb_post_content_0_tb_body h5, .et_pb_post_content_0_tb_body h6 {letter-spacing: 0px;} h3.wp-block-heading.has-text-color {color: #e1081a !important;} .blog_link a {color: #e1081a;} /*** Reorder blog items ***/ .et_pb_post { display: flex; flex-direction: column; } .et_pb_post .et_pb_image_container, .et_pb_post .entry-featured-image-url {order: 1;} .et_pb_post .entry-title {order: 2;} .et_pb_post .post-content {order: 3;} /* Remove negative margin on blog image */ .et_pb_blog_grid .et_pb_image_container { margin: 0 !important; } /* Homepage - remove padding around each article */ .blog_article_padding .et_pb_blog_grid .et_pb_post {padding: 0 !important;} /* ----- ARTICLES page ----- */ /*** Reorder columns on tablet and mobile ***/ @media (max-width: 768px) { .blog_reorder_column { display: flex; flex-direction: column-reverse; } } /*** Featured image ***/ /*.blog_featured_img .et_pb_title_featured_container .et_pb_image_wrap { padding-top: 60%; display: block; } .blog_featured_img .et_pb_title_featured_container .et_pb_image_wrap img { position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover; }*/ /*** Switch desktop image with another image - for mobile devices ***/ .blog_img_desktop {display: block !important;} .blog_img_mobile {display: none !important;} @media only screen and (max-width: 768px) { .blog_img_desktop {display: none !important;} .blog_img_mobile {display: block !important;} } .post-content-inner {margin-bottom: 40px;} .et_pb_blog_grid .et_pb_post {padding: 30px;} /* Read more button style */ .et_pb_post .more-link:after { content: "\24"; font-family: ETModules; vertical-align: middle; margin-left: 6px; } .quote_txt {max-width: 800px;} /*** Blog Categories ***/ .wp-block-categories-dropdown #wp-block-categories-1, .wp-block-archives-dropdown #wp-block-archives-1 { height: 38px; border-color: #EAEAEA; color: #666; font-family: 'Franklin Gothic Book'; } @media (min-width: 768px) { .et_pb_module.et_pb_sidebar_0_tb_body #block-2, .et_pb_module.et_pb_sidebar_0_tb_body #block-3 {margin-bottom: 0px;} } @media (max-width: 475px) { .et_pb_module.et_pb_sidebar_0_tb_body #block-2 {margin-bottom: 20px;} .et_pb_module.et_pb_sidebar_0_tb_body #block-3 {margin-bottom: 0px;} } /*** Blog pagination ***/ /* Style the wp-pagenavi pagination links */ .wp-pagenavi a, .wp-pagenavi span { color: #4D4E50; background: #f5f5f5; padding: 0.5em 0.8em !important; border-radius: 50px; border: none; transition: all .5s; } /* Style the wp-pagenavi current page number */ .wp-pagenavi span.current { color: #ffffff !important; background: #E0081C !important; } /* Style the wp-pagenavi pagination links on hover */ .wp-pagenavi a:hover { color: #ffffff!important; background: #E0081C!important; } /* Style the wp-pagenavi pages text */ .wp-pagenavi .pages {background: none;} /* Remove border and center the wp-pagenavi links */ .wp-pagenavi {border-top: none; text-align: center;} /* ========== START - RD STATION ========== */ /* ----- FORM - Email - Marcar consulta ----- */ /* Space between fiedls */ #rd-form-m8yexbtk .bricks-form__field {padding: 0 12px !important;} /* Phone - country flag - add bottom border */ #rd-form-m8yexbtk .with-select-flags > .phone-input-group > .phone-country {border-bottom: solid 2px #4d4e50; top: -2px;} /* Submit button */ #rd-form-m8yexbtk .bricks-form__submit { width: 40% !important; margin: auto; } .bricks--component.bricks--component-button.rd-button {transition: color 300ms ease 0ms,background-color 300ms ease 0ms,border 300ms ease 0ms;} .bricks--component.bricks--component-button.rd-button:hover { color: #e0081c !important; background-color: #FFFFFF !important; } /* ----- FORMS - Force last field to be full width ----- */ /*#rd-form-m8yexbtk .bricks-form__field:has(#rd-checkbox_field-Rs2OLnFtRWvBWtinwyXBnQ), /* Recomendação - Marcar consulta */ /*#rd-form-m8yexbtk .bricks-form__field:has(#rd-checkbox_field-gFdaF4VSDXEInBbpsDOnrA), /* Email - Marcar consulta */ /*#rd-form-m8yexbtk .bricks-form__field:has(#rd-checkbox_field-tMukLIlHEXf6eu-ZqOMNtw), /* Email - Marcar consulta - odontopediatria */ /*#rd-form-m8yexbtk .bricks-form__field:has(#rd-checkbox_field-RPk-AnA2QfOx4UeQiI07Bw), /* Newsletter - Marcar consulta */ /*#rd-form-m8yexbtk .bricks-form__field:has(#rd-checkbox_field-wbpy-koHjhWHW3y3CSB6gg), /* Gazeta das Caldas - Marcar consulta */ form#conversion-form-oralplan-pt-form-marcar-consulta .bricks-form__field:has(input[name="name"]), /* Site - botão popup - Marcar consulta */ form#conversion-form-oralplan-pt-form-marcar-consulta-pag .bricks-form__field:has(input[name="name"]), /* Página - Marcar consulta - blog */ .rd-form .bricks-form__field:has(input[name="cf_li_e_concordo_com_a_a_href_https_www_oralplan_pt_pol"]) /* RGPD field - ALL forms */ { width: 100% !important; } /* ========== END - RD STATION ========== */ /* ========== TALK WITH US - WHATSAPP AND CHATBOT ========== */ /* ----- Whatsapp FORM - RD Station ----- */ .page-id-245480 #rd-floating_button-l2j432uc { opacity: 0 !important; pointer-events: none !important; } /* Removes background color from page when RD popup is active */ #bricks-component-VBJLLy7OG14B_908iaxjrA-wrapper.rdstation-popup-position-bottom_right.floating-button { background: transparent !important; } /* Add lighter box shadow around RD form */ .rdstation-popup-position-bottom_right.floating-button > .bricks--component-popup { box-shadow: 3px 6px 10px 0px rgba(0, 0, 0, 0.2) !important; } /* ----- CHATBOT - Tawk.to ----- NOT IN USE FOR NOW =================== */ #tawkchat-container {display: none !important;} .tawk-widget-chat-bubble a, .tawk-widget-chat-bubble .tawk-widget-link {color: #333;} /* ----- CHATBOT - n8n ----- */ /* popup settings */ .chat-window-wrapper .chat-window-toggle, .chat-layout .chat-header {background: #E0081C !important; gap: 0 !important;} .chat-layout .chat-body {background: #f5f5f5 !important;} .chat-layout, .chat-layout .chat-header h1 {font-family: 'Franklin Gothic Mdio',Helvetica,Arial,Lucida,sans-serif !important;} .chat-message.chat-message-from-bot p {color: #4d4e50;} .chat-message.chat-message-from-user p {color: #E0081C;} .chat-message.chat-message-from-user:not(.chat-message-transparent) { background-color: transparent !important; border: 1px solid #E0081C !important; }