/* Theme Name: Madin AdBlue Child Theme Theme URI: https://www.adblue.com.vn Description: Child theme for Hello Elementor theme. Author: Madin Author URI: https://www.adblue.com.vn Template: hello-elementor Version: 1.0.5 License: GNU General Public License v3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Text Domain: efolio-child */ /* Global */ .elementor-widget-text-editor p:last-child { margin-bottom: 0px; } .elementor-widget-heading { margin-bottom: 0px; } .elementor-button-icon svg, .elementor-button-content-wrapper { display: flex; align-items: center; width: auto; height: 24px; } /* Single Post */ .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6{ padding-top: 2.5rem; padding-bottom: .25rem; font-weight: 700; line-height: 1.25em; } .post-content h2 { font-size: 2rem; } .post-content h3, .post-content h4, .post-content h5, .post-content h6 { font-size: 1.5rem; } .post-content p { padding-bottom: 1.25rem; margin-bottom: 0px; line-height: 1.75em; } .post-content p a { color: #1391ff; font-weight: 500; text-decoration: underline; transition: .2s all ease-in-out; } .post-content p a:hover { color: #06BCC1; } .c-post-meta ul li:nth-child(2){ font-weight: 400!important; } .post-content ul, .post-content ol { font-size: 1.2rem; font-weight: 500; } .post-content ul, .post-content ol { padding-bottom: 2.25rem; } .post-content ul li { line-height: 1.2em; margin-bottom: 1.25rem; } .post-content .wp-block-image img { margin: 2.5rem 0rem; border-radius: .75rem; } .post-content blockquote { border-left: 1px solid #06BCC1; margin: 0px; padding: .75rem 1.25rem; background: #F4F8FC; font-size: 1.1em; font-weight: 400; } .post-content blockquote cite { font-size: .8em; font-weight: 300; } .post-content blockquote p { padding-bottom: 0px; } .post-content .wp-block-code { background: #0B0515; padding: 1.5rem; border-radius: .75rem; } .post-content code { color: #89E3E4; } @media screen and (max-width: 767px) { .post-content p { font-size: 1.2rem; } .post-content h2 { font-size: 2rem; } .post-content h3, .post-content h4, .post-content h5, .post-content h6 { font-size: 1.5rem; } } /* Header*/ /* Footer*/ /* Body */ .elementor-heading-title .brand-hli { color: #00A03B; font-weight: 700; } .testimonial-top { -webkit-mask-image: url('/wp-content/uploads/2026/02/maskTop1.svg'); mask-image: url('/wp-content/uploads/2026/02/maskTop1.svg'); } .testimonial-bottom { -webkit-mask-image: url('/wp-content/uploads/2026/02/maskBot.svg'); mask-image: url('/wp-content/uploads/2026/02/maskBot.svg'); } .service-left { -webkit-mask-image: url('/wp-content/uploads/2026/02/R.svg'); mask-image: url('/wp-content/uploads/2026/02/R.svg'); } .testimonial-top, .testimonial-bottom, .service-left { -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center left; mask-position: center left; } .elementor-popup-modal, .elementor-lightbox, .bg-glass { -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); } .elementor-lightbox .elementor-lightbox-image { box-shadow: none !important; } /* Fix 2026-08-05: R.svg is 39x24 (AR 1.625). With mask-size:contain the mask is letterboxed inside .service-left, leaving the remainder of the card unpainted - at 375px that hid the whole first heading line and the phone button. Stretch the mask to the element instead. Must stay AFTER the shared .testimonial/.service rule. */ .service-left { -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-position: center; mask-position: center; } /* Fix 2026-08-05: header top contact bar wrapped onto two rows (and the 6th social icon dropped to its own line) even at 1345px desktop. Worst in languages with long opening-hours text, e.g. de Montag bis Samstag von 8 Uhr -5 Uhr is 330px vs ~250px for English. Element IDs differ per language header, so target by role, not by id. The bar is already .elementor-hidden-mobile, so this only has to hold from tablet up. */ /* 6 social icons must stay on one line - the grid was forcing Zalo to wrap */ .elementor-location-header .elementor-social-icons-wrapper.elementor-grid { display: flex !important; flex-wrap: nowrap !important; justify-content: flex-end; gap: 6px; } .elementor-location-header .elementor-social-icons-wrapper.elementor-grid .elementor-grid-item { margin: 0 !important; } /* contact list: never break a phone number or address mid-string */ .elementor-location-header .elementor-icon-list--layout-inline .elementor-icon-list-item { white-space: nowrap; } .elementor-location-header .elementor-icon-list--layout-inline .elementor-icon-list-items { align-items: center; row-gap: 2px; column-gap: 16px; } /* shrink progressively so the row keeps fitting instead of wrapping */ @media (max-width: 1400px) { .elementor-location-header .elementor-icon-list--layout-inline .elementor-icon-list-text { font-size: 12px; } .elementor-location-header .elementor-icon-list--layout-inline .elementor-icon-list-items { column-gap: 12px; } } @media (max-width: 1150px) { .elementor-location-header .elementor-icon-list--layout-inline .elementor-icon-list-text { font-size: 11px; } .elementor-location-header .elementor-icon-list--layout-inline .elementor-icon-list-items { column-gap: 8px; } .elementor-location-header .elementor-social-icons-wrapper.elementor-grid { gap: 4px; } .elementor-location-header .elementor-social-icons-wrapper .elementor-social-icon { --icon-size: 18px; } } /* Elementor gives each inline icon-list item 8px left+right margin on top of the flex gap: 4 items = 64px extra, which pushed the row from 765px to 829px inside an 804px column and forced the 4th item to wrap. Use the gap alone for spacing. */ .elementor-location-header .elementor-icon-list--layout-inline .elementor-icon-list-item { margin-left: 0 !important; margin-right: 0 !important; }