{"id":57,"date":"2022-11-21T13:44:57","date_gmt":"2022-11-21T13:44:57","guid":{"rendered":"https:\/\/brandandbuildtemplates.me\/dividemos\/?page_id=57"},"modified":"2022-11-21T14:55:38","modified_gmt":"2022-11-21T14:55:38","slug":"divi-flexible-tabs","status":"publish","type":"page","link":"https:\/\/brandandbuildtemplates.me\/dividemos\/divi-flexible-tabs\/","title":{"rendered":"Divi Flexible Tabs"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; admin_label=&#8221;Code&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#262122&#8243; custom_margin=&#8221;||60px||false|false&#8221; animation_style=&#8221;fade&#8221; locked=&#8221;off&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_fullwidth_code admin_label=&#8221;CSS&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->.bb-advent-header .header-content {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-direction: column;<!-- [et_pb_line_break_holder] -->    padding-right: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->.bb-cta-section .et_pb_newsletter_footer {<!-- [et_pb_line_break_holder] -->    font-size: 11px;<!-- [et_pb_line_break_holder] -->    margin-top: 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  \/************\/<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] -->[\/et_pb_fullwidth_code][et_pb_fullwidth_header title=&#8221;Divi Flexible tabs&#8221; subhead=&#8221;Advent Calendar &#8211; Day 10&#8243; button_one_text=&#8221;Back to post&#8221; button_one_url=&#8221;https:\/\/brandandbuild.me\/divi-flexible-tabs&#8221; disabled_on=&#8221;off|off|off&#8221; module_class=&#8221;bb-advent-header&#8221; _builder_version=&#8221;4.19.1&#8243; _module_preset=&#8221;default&#8221; title_font=&#8221;Poppins|700|||||||&#8221; title_text_align=&#8221;center&#8221; title_text_color=&#8221;#FCFCFC&#8221; title_font_size=&#8221;50px&#8221; content_text_align=&#8221;center&#8221; content_text_color=&#8221;#FFFFFF&#8221; content_font_size=&#8221;20px&#8221; subhead_font=&#8221;Smooth Stone||||||||&#8221; subhead_text_align=&#8221;center&#8221; subhead_text_color=&#8221;#F4D582&#8243; subhead_font_size=&#8221;60px&#8221; background_color=&#8221;RGBA(0,0,0,0)&#8221; background_color_gradient_start=&#8221;#262122&#8243; background_color_gradient_end=&#8221;#ffffff&#8221; background_image=&#8221;https:\/\/brandandbuildtemplates.me\/dividemos\/wp-content\/uploads\/advent-header.png&#8221; background_position=&#8221;bottom_center&#8221; custom_padding=&#8221;300px||200px||false|false&#8221; hover_enabled=&#8221;0&#8243; title_font_size_tablet=&#8221;50px&#8221; title_font_size_phone=&#8221;40px&#8221; title_font_size_last_edited=&#8221;on|phone&#8221; subhead_font_size_tablet=&#8221;60px&#8221; subhead_font_size_phone=&#8221;40px&#8221; subhead_font_size_last_edited=&#8221;on|phone&#8221; custom_css_before=&#8221;content: &#8221;;||background-image: url(data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik02NDAgMTM5TDAgMHYxNDBoMTI4MFYwTDY0MCAxMzl6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTY0MCAxMzlMMCA0MnY5OGgxMjgwVjQybC02NDAgOTd6Ii8+PC9nPjwvc3ZnPg==);||background-size: 100% 100px;||bottom: 0;||height: 100px;||position: absolute;||width: 100%;||transform: translateZ(-10px);&#8221; custom_css_main_element=&#8221;transform-style: preserve-3d;&#8221; custom_css_title=&#8221;order: 1;||z-index: 2;&#8221; custom_css_content=&#8221;order: 2&#8243; custom_css_subtitle=&#8221;order: 0;||z-index: 3;&#8221; custom_css_button_1=&#8221;order: 2;||align-self: center;||margin-right: auto;||margin-left: auto;&#8221; custom_css_scroll_button=&#8221;content: url(\/wp-content\/uploads\/arrow.png);||width: 100px;||filter: invert(100%);||order: 1;&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; button_one_text_color__hover_enabled=&#8221;on|desktop&#8221; button_one_bg_color__hover_enabled=&#8221;on|hover&#8221; button_one_bg_color__hover=&#8221;#F9EEE8&#8243; button_one_bg_enable_color__hover=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<p>Subscribe to our email list to download a Divi gift every day from 1st &#8211; 25th December.<br \/>Click the button below and you&#8217;ll find the link to subscribe in the post for this gift.<\/p>\n<p>[\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_fullwidth_code admin_label=&#8221;CSS&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<style><!-- [et_pb_line_break_holder] -->\/*****Brand & Build - Advent Calendar 2021*****\/<!-- [et_pb_line_break_holder] -->\/************Day 10 - Flexible Tabs************\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/*CSS Variables*\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->:root {<!-- [et_pb_line_break_holder] -->    \/*Colour palette*\/<!-- [et_pb_line_break_holder] -->    --bb-color-1: #e9ccb1;<!-- [et_pb_line_break_holder] -->    --bb-color-2: #d3c4be;<!-- [et_pb_line_break_holder] -->    --bb-color-3: #e4dac2;<!-- [et_pb_line_break_holder] -->    --bb-color-4: #f4eee1;<!-- [et_pb_line_break_holder] -->    --bb-color-5: #c4bdac;<!-- [et_pb_line_break_holder] -->    --bb-color-6: #ebcfc4;<!-- [et_pb_line_break_holder] -->    --bb-color-7: #e8e6d9;<!-- [et_pb_line_break_holder] -->    --bb-color-8: #f3ece7;<!-- [et_pb_line_break_holder] -->    \/*Active Tab border*\/<!-- [et_pb_line_break_holder] -->    --bb-tab-border: 5px solid;<!-- [et_pb_line_break_holder] -->    \/*Tab height (when rotated)*\/<!-- [et_pb_line_break_holder] -->    --bb-tab-size: 260px;<!-- [et_pb_line_break_holder] -->    \/*Tab padding*\/<!-- [et_pb_line_break_holder] -->    --bb-tab-padding: 20px 20px 20px 20px;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/*Set items to flex*\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs ul.et_pb_tabs_controls,<!-- [et_pb_line_break_holder] -->.bb-tabs .et_pb_tabs_controls li,<!-- [et_pb_line_break_holder] -->.bb-tabs .et_pb_tabs_controls li a {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/*Remove tab control background & align*\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs ul.et_pb_tabs_controls {<!-- [et_pb_line_break_holder] -->    background: none;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/*Remove default border*\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs ul.et_pb_tabs_controls::after {<!-- [et_pb_line_break_holder] -->    border-top: none;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/*Space and align tabs*\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs .et_pb_tabs_controls li {<!-- [et_pb_line_break_holder] -->    border: none;<!-- [et_pb_line_break_holder] -->    flex: 1 1 0;<!-- [et_pb_line_break_holder] -->    height: auto !important;<!-- [et_pb_line_break_holder] -->    justify-content: space-around;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/*Align links*\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs .et_pb_tabs_controls li a {<!-- [et_pb_line_break_holder] -->    padding: var(--bb-tab-padding);<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    align-items: flex-end;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/*Tab colours*\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs ul.et_pb_tabs_controls li:nth-child(1) {<!-- [et_pb_line_break_holder] -->    background: var(--bb-color-1);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs ul.et_pb_tabs_controls li:nth-child(2) {<!-- [et_pb_line_break_holder] -->    background: var(--bb-color-2);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs ul.et_pb_tabs_controls li:nth-child(3) {<!-- [et_pb_line_break_holder] -->    background: var(--bb-color-3);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs ul.et_pb_tabs_controls li:nth-child(4) {<!-- [et_pb_line_break_holder] -->    background: var(--bb-color-4);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs ul.et_pb_tabs_controls li:nth-child(5) {<!-- [et_pb_line_break_holder] -->    background: var(--bb-color-5);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs ul.et_pb_tabs_controls li:nth-child(6) {<!-- [et_pb_line_break_holder] -->    background: var(--bb-color-6);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs ul.et_pb_tabs_controls li:nth-child(7) {<!-- [et_pb_line_break_holder] -->    background: var(--bb-color-7);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs ul.et_pb_tabs_controls li:nth-child(8) {<!-- [et_pb_line_break_holder] -->    background: var(--bb-color-8);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/*Tab border*\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs .et_pb_tab {<!-- [et_pb_line_break_holder] -->    border: var(--bb-tab-border);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/*Tab border colours*\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs .et_pb_tab:nth-child(1) {<!-- [et_pb_line_break_holder] -->    border-color: var(--bb-color-1);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs .et_pb_tab:nth-child(2) {<!-- [et_pb_line_break_holder] -->    border-color: var(--bb-color-2);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs .et_pb_tab:nth-child(3) {<!-- [et_pb_line_break_holder] -->    border-color: var(--bb-color-3);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs .et_pb_tab:nth-child(4) {<!-- [et_pb_line_break_holder] -->    border-color: var(--bb-color-4);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs .et_pb_tab:nth-child(5) {<!-- [et_pb_line_break_holder] -->    border-color: var(--bb-color-5);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs .et_pb_tab:nth-child(6) {<!-- [et_pb_line_break_holder] -->    border-color: var(--bb-color-6);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs .et_pb_tab:nth-child(7) {<!-- [et_pb_line_break_holder] -->    border-color: var(--bb-color-7);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->.bb-tabs .et_pb_tab:nth-child(8) {<!-- [et_pb_line_break_holder] -->    border-color: var(--bb-color-8);<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/*Tab breakpoint*\/<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->@media all and (max-width: 980px) {<!-- [et_pb_line_break_holder] -->    .bb-tabs ul.et_pb_tabs_controls {<!-- [et_pb_line_break_holder] -->        min-height: var(--bb-tab-size);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .bb-tabs .et_pb_tabs_controls li a {<!-- [et_pb_line_break_holder] -->        width: var(--bb-tab-size);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .bb-tabs .et_pb_tabs_controls li a {<!-- [et_pb_line_break_holder] -->        transform-origin: right;<!-- [et_pb_line_break_holder] -->        position: absolute;<!-- [et_pb_line_break_holder] -->        transform: translateX(-50%) translateY(-50%) rotate(-90deg);<!-- [et_pb_line_break_holder] -->        text-align: left;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/style>\n<p>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; background_color=&#8221;rgba(0,0,0,0)&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;5ce508b4-cdab-4a1d-80db-b5b1b0001b1e&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_tabs module_class=&#8221;bb-tabs&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; tab_text_color=&#8221;#000000&#8243; tab_font=&#8221;|||on|||||&#8221; tab_font_size=&#8221;14px&#8221; tab_letter_spacing=&#8221;2px&#8221; tab_line_height_tablet=&#8221;&#8221; tab_line_height_phone=&#8221;1.2em&#8221; tab_line_height_last_edited=&#8221;on|phone&#8221; border_width_all=&#8221;0px&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_tab title=&#8221;Co-brand Partners&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p>Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.<\/p>\n<p>[\/et_pb_tab][et_pb_tab title=&#8221;Hotels &#038; Spas&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p>Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.<\/p>\n<p>[\/et_pb_tab][et_pb_tab title=&#8221;Independent Stockists&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p>Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.<\/p>\n<p>[\/et_pb_tab][et_pb_tab title=&#8221;Hair &#038; Beauty&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p>Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.<\/p>\n<p>[\/et_pb_tab][et_pb_tab title=&#8221;Department Stores&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p>Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.<\/p>\n<p>[\/et_pb_tab][et_pb_tab title=&#8221;Corporate Partners&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<\/p>\n<p>Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.<\/p>\n<p>[\/et_pb_tab][\/et_pb_tabs][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Subscribe to our email list to download a Divi gift every day from 1st &#8211; 25th December.Click the button below and you&#8217;ll find the link to subscribe in the post for this gift.Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-57","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/comments?post=57"}],"version-history":[{"count":2,"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":246294,"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/pages\/57\/revisions\/246294"}],"wp:attachment":[{"href":"https:\/\/brandandbuildtemplates.me\/dividemos\/wp-json\/wp\/v2\/media?parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}