{
  "settings": {
    "name": "Church Stretton Table Tennis Club",
    "currentPage": "index.html",
    "theme": {
      "name": "mobirise5",
      "title": "Mobirise 5",
      "styling": {
        "primaryColor": "#22a5e5",
        "secondaryColor": "#ff6666",
        "successColor": "#034d71",
        "infoColor": "#47b5ed",
        "warningColor": "#FFE161",
        "dangerColor": "#ff9966",
        "mainFont": "Jost",
        "display1Font": "Jost",
        "display1Size": "4",
        "display2Font": "Montserrat",
        "display2Size": "2",
        "display5Font": "Montserrat",
        "display5Size": "1.5",
        "display7Font": "Jost",
        "display7Size": 1.2,
        "display4Font": "Jost",
        "display4Size": 1.1,
        "isRoundedButtons": false,
        "isGhostButtonBorder": false,
        "underlinedLinks": false,
        "isAnimatedOnScroll": false,
        "isScrollToTopButton": true
      },
      "additionalSetColors": [
        "#eeeeee",
        "#103476",
        "#034d71",
        "#fa0a0a",
        "#38aa22",
        "#c60000",
        "#cccccc"
      ]
    },
    "path": "@PROJECT_PATH@",
    "versionFirst": "5.3.10",
    "siteFonts": [
      {
        "css": "'Montserrat', sans-serif",
        "name": "Montserrat",
        "url": "https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i"
      },
      {
        "css": "'Jost', sans-serif",
        "name": "Jost",
        "url": "https://fonts.googleapis.com/css?family=Jost:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i"
      }
    ],
    "imageResize": false,
    "uniqCompNum": 286,
    "versionPublish": "6.0.6",
    "screenshot": "screenshot.png",
    "chatbutton": {},
    "favicon": false,
    "mbrsiteDomain": "qwgfnpdfss",
    "cssOptimize": false,
    "lazyLoad": false,
    "robotsSwitcher": false,
    "sitemapSwitcher": true,
    "sitemapSwitcherAuto": "on",
    "siteUrl": "https://churchstrettontabletennisclub.org.uk",
    "cookiesAlert": false,
    "gdpr": false,
    "witsec-white-label": true,
    "witsec-mailform": false,
    "pwa-switcher": false,
    "global_header_custom": "<meta property=\"og:title\" content=\"Church Stretton Table Tennis Club\">\n  <meta property=\"og:description\" content=\"Church Stretton Table Tennis Club - Founded in 2023.\">\n  <meta property=\"og:image\" content=\"https://churchstrettontabletennisclub.org.uk/master-images/fb-logo.jpg\">\n  <meta property=\"og:url\" content=\"https://churchstrettontabletennisclub.org.uk/index.html\">",
    "mcSmartCart": {
      "currency": "USD"
    },
    "usedWebp": false,
    "global_footer_custom": "<!-- Default Statcounter code for Church Stretton Table\nTennis Clu https://churchstrettontabletennisclub.org.uk -->\n<script type=\"text/javascript\">\nvar sc_project=12912429; \nvar sc_invisible=1; \nvar sc_security=\"059a2375\"; \n</script>\n<script type=\"text/javascript\"\nsrc=\"https://www.statcounter.com/counter/counter.js\"\nasync></script>\n<noscript><div class=\"statcounter\"><a title=\"Web Analytics\"\nhref=\"https://statcounter.com/\" target=\"_blank\"><img\nclass=\"statcounter\"\nsrc=\"https://c.statcounter.com/12912429/0/059a2375/1/\"\nalt=\"Web Analytics\"\nreferrerPolicy=\"no-referrer-when-downgrade\"></a></div></noscript>\n<!-- End of Statcounter Code -->",
    "publishType": "local",
    "publishPath": "@PROJECT_PATH@"
  },
  "pages": {
    "index.html": {
      "settings": {
        "main": true,
        "title": "Church Stretton Table Tennis Club",
        "meta_descr": "The official website of Church Stretton Table Tennis Club",
        "header_custom": "",
        "footer_custom": "<!-- Default Statcounter code for Rushbury Table Tennis Club\nhttps://rushburytabletennis.club -->\n<script type=\"text/javascript\">\nvar sc_project=12726598; \nvar sc_invisible=1; \nvar sc_security=\"8803261a\"; \n</script>\n<script type=\"text/javascript\"\nsrc=\"https://www.statcounter.com/counter/counter.js\"\nasync></script>\n<noscript><div class=\"statcounter\"><a title=\"Web Analytics\"\nhref=\"https://statcounter.com/\" target=\"_blank\"><img\nclass=\"statcounter\"\nsrc=\"https://c.statcounter.com/12726598/0/8803261a/1/\"\nalt=\"Web Analytics\"\nreferrerPolicy=\"no-referrer-when-downgrade\"></a></div></noscript>\n<!-- End of Statcounter Code -->",
        "html_before": "",
        "socialSharingUrl": ""
      },
      "components": [
        {
          "alias": false,
          "_styles": {
            "& when not (@sticky)": {
              ".navbar-dropdown": {
                "position": "relative !important"
              },
              "& when (@transparent)": {
                ".navbar-dropdown": {
                  "position": "absolute !important"
                }
              }
            },
            "& when (@sticky)": {
              "z-index": "1000",
              "width": "100%",
              "& when not (@transparent)": {
                "position": "relative",
                "min-height": "60px"
              },
              "nav.navbar": {
                "position": "fixed"
              }
            },
            ".dropdown-item:before": {
              "font-family": "Moririse2 !important",
              "content": "\"\\e966\"",
              "display": "inline-block",
              "width": "0",
              "position": "absolute",
              "left": "1rem",
              "top": "0.5rem",
              "margin-right": "0.5rem",
              "line-height": "1",
              "font-size": "inherit",
              "vertical-align": "middle",
              "text-align": "center",
              "overflow": "hidden",
              "transform": "scale(0, 1)",
              "transition": "all 0.25s ease-in-out"
            },
            ".dropdown-menu": {
              "padding": "0",
              "border-radius": "4px",
              "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
            },
            ".dropdown-item": {
              "border-bottom": "1px solid #e6e6e6",
              "&:hover, &:focus": {
                "background": "@primaryColor !important",
                "color": "white !important"
              },
              "&:first-child": {
                "border-top-left-radius": "4px",
                "border-top-right-radius": "4px"
              },
              "&:last-child": {
                "border-bottom": "none",
                "border-bottom-left-radius": "4px",
                "border-bottom-right-radius": "4px"
              }
            },
            ".nav-dropdown .link": {
              "padding": "0 0.3em !important",
              "margin": "0.667em 1em !important"
            },
            ".nav-dropdown .link.dropdown-toggle::after": {
              "margin-left": "0.5rem",
              "margin-top": "0.2rem"
            },
            ".nav-link": {
              "position": "relative"
            },
            ".container": {
              "display": "flex",
              "margin": "auto"
            },
            ".iconfont-wrapper": {
              "color": "@iconsColor !important",
              "font-size": "1.5rem",
              "padding-right": "0.5rem"
            },
            ".navbar-caption": {},
            ".navbar-nav": {},
            ".dropdown-menu, .navbar.opened": {
              "background": "@menuBgColor !important"
            },
            ".nav-item:focus, .nav-link:focus": {
              "outline": "none"
            },
            ".dropdown .dropdown-menu .dropdown-item": {
              "width": "auto",
              "transition": "all 0.25s ease-in-out",
              "&::after": {
                "right": "0.5rem"
              },
              ".mbr-iconfont": {
                "margin-right": "0.5rem",
                "vertical-align": "sub",
                "&:before": {
                  "display": "inline-block",
                  "transform": "scale(1, 1)",
                  "transition": "all 0.25s ease-in-out"
                }
              }
            },
            ".collapsed": {
              ".dropdown-menu .dropdown-item:before": {
                "display": "none"
              },
              ".dropdown .dropdown-menu .dropdown-item": {
                "padding": "0.235em 1.5em 0.235em 1.5em !important",
                "transition": "none",
                "margin": "0 !important"
              }
            },
            ".navbar": {
              "min-height": "70px",
              "transition": "all 0.3s",
              "border-bottom": "1px solid transparent",
              "&:not(.navbar-short)": {},
              "& when not (@transparent)": {
                "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
                "background": "@menuBgColor"
              },
              "& when (@transparent)": {
                "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)"
              },
              "&.opened": {
                "transition": "all 0.3s"
              },
              ".dropdown-item": {
                "padding": "0.5rem 1.8rem"
              },
              ".navbar-logo img": {
                "width": "auto"
              },
              ".navbar-collapse": {
                "justify-content": "flex-end",
                "z-index": "1"
              },
              "&.collapsed": {
                "justify-content": "center",
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  },
                  "@media (min-width: 992px)": {
                    "&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
                      "max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
                    }
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "41%"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem",
                  "text-align": "center"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-right": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "@media (max-width: 991px)": {
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "40%"
                  }
                },
                ".navbar-logo": {
                  "img": {
                    "height": "3rem !important"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem !important",
                  "text-align": "center"
                },
                ".navbar-brand": {
                  "flex-shrink": "initial",
                  "flex-basis": "auto",
                  "word-break": "break-word",
                  "padding-right": "2rem"
                },
                ".navbar-toggler": {
                  "flex-basis": "auto"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "&.navbar-short": {
                "min-height": "60px",
                ".navbar-logo": {
                  "img": {
                    "height": "2.5rem !important"
                  }
                },
                ".navbar-brand": {
                  "min-height": "60px",
                  "padding": "0"
                }
              }
            },
            ".navbar-brand": {
              "min-height": "70px",
              "flex-shrink": "0",
              "align-items": "center",
              "margin-right": "0",
              "padding": "10px 0",
              "transition": "all 0.3s",
              "word-break": "break-word",
              "z-index": "1",
              ".navbar-caption": {
                "line-height": "inherit !important"
              },
              ".navbar-logo a": {
                "outline": "none"
              }
            },
            ".dropdown-item.active, .dropdown-item:active": {
              "background-color": "transparent"
            },
            ".navbar-expand-lg .navbar-nav .nav-link": {
              "padding": "0"
            },
            ".nav-dropdown .link.dropdown-toggle": {
              "margin-right": "1.667em",
              "&[aria-expanded=\"true\"]": {
                "margin-right": "0",
                "padding": "0.667em 1.667em"
              }
            },
            ".navbar.navbar-expand-lg .dropdown": {
              ".dropdown-menu": {
                "background": "@menuBgColor",
                ".dropdown-submenu": {
                  "margin": "0",
                  "left": "100%"
                }
              }
            },
            "ul.navbar-nav": {
              "flex-wrap": "wrap"
            },
            ".navbar .dropdown.open > .dropdown-menu": {
              "display": "block"
            },
            ".navbar-buttons": {
              "text-align": "center",
              "min-width": "170px"
            },
            "button.navbar-toggler": {
              "outline": "none",
              "width": "31px",
              "height": "20px",
              "cursor": "pointer",
              "transition": "all 0.2s",
              "position": "relative",
              "align-self": "center",
              ".hamburger span": {
                "position": "absolute",
                "right": "0",
                "width": "30px",
                "height": "2px",
                "border-right": "5px",
                "background-color": "@hamburgerColor",
                "&:nth-child(1)": {
                  "top": "0",
                  "transition": "all 0.2s"
                },
                "&:nth-child(2)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(3)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(4)": {
                  "top": "16px",
                  "transition": "all 0.2s"
                }
              }
            },
            "nav.opened .hamburger span": {
              "&:nth-child(1)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              },
              "&:nth-child(2)": {
                "transform": "rotate(45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(3)": {
                "transform": "rotate(-45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(4)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              }
            },
            ".navbar-dropdown": {
              "padding": "0 1rem",
              "& when (@sticky)": {
                "position": "fixed"
              }
            },
            "a.nav-link": {
              "display": "flex",
              "align-items": "center",
              "justify-content": "center"
            },
            ".icons-menu": {
              "flex-wrap": "nowrap",
              "display": "flex",
              "justify-content": "center",
              "padding-left": "1rem",
              "padding-right": "1rem",
              "padding-top": "0.3rem",
              "text-align": "center"
            },
            "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
              ".navbar": {
                "height": "70px",
                "&.opened": {
                  "height": "auto"
                }
              },
              ".nav-item .nav-link:hover::before": {
                "width": "175%",
                "max-width": "calc(100% ~\"+\" 2rem)",
                "left": "-1rem"
              }
            },
            ".cid-sYmGYy3bVg .dropdown-item": {
              "border-bottom": "0px Important"
            }
          },
          "_name": "menu3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu3\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n        <input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"4.3\" condition=\"showLogo\">\n        <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\">\n        <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n        <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n        <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n            <option value=\"1\">1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\" selected>3</option>\n            <option value=\"4\">4</option>\n        </select>\n        <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n        <input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n        <header>Styles</header>\n        <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\" checked>\n        <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n        <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n        <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n        <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#000000\">\n        <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n                     'navbar-expand-lg':!collapsed,\n                     'collapsed':collapsed}\">\n        <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n            <div class=\"navbar-brand\">\n                <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n                    \n                        <a href=\"index.html\"><img src=\"@PROJECT_PATH@/assets/images/logo2.png\" alt=\"Church Stretton Table Tennis Club\" mbr-style=\"{'height': logoSize + 'rem'}\"></a>\n                    \n                </span>\n                <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-white\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"></a></span>\n            </div>\n            <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n                <div class=\"hamburger\">\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                </div>\n            </button>\n            <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n                <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Home</a></li><li class=\"nav-item dropdown\"><a class=\"nav-link link text-white dropdown-toggle\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                            About</a><div class=\"dropdown-menu\"><a class=\"text-white dropdown-item text-primary\" href=\"about-the-club.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">About the Club</a><a class=\"text-white dropdown-item text-primary\" href=\"why-play-table-tennis.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Why Play Table Tennis?</a><a class=\"text-white dropdown-item text-primary\" href=\"history.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">A Brief History of Table Tennis</a><a class=\"text-white dropdown-item text-primary\" href=\"laws.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">The Rules &amp; Laws of Table Tennis</a></div></li>\n                    <li class=\"nav-item dropdown\"><a class=\"nav-link link text-white text-primary dropdown-toggle show\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" aria-expanded=\"false\">Teams<br></a><div class=\"dropdown-menu show\" aria-labelledby=\"dropdown-374\" data-bs-popper=\"none\"><a class=\"text-white text-primary dropdown-item\" href=\"churchstretton-a.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">First Team</a><a class=\"text-white text-primary show dropdown-item\" href=\"churchstretton-b.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Second Team</a></div></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"schedule.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Schedule</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"news.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">News</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"coaching.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Coaching</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"links.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Links</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"location.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Location</a></li>\n                    <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#contact\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contact</a>\n                    </li></ul>\n                <div class=\"icons-menu\" mbr-if=\"showIcons\">\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-facebook socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-instagram socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n                    </a>\n                </div>\n                <div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">\n                        Sign up</a>\n                </div>\n            </div>\n        </div>\n    </nav>\n</section>",
          "_cid": "sYmGYy3bVg",
          "_anchor": "menu3-3",
          "_PHPplaceholders": [],
          "_JSplaceholders": [],
          "_protectedParams": [],
          "_global": true,
          "_once": "menu",
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 1rem)",
              "padding-bottom": "(@paddingBottom * 1rem)"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            ".mbr-text, .mbr-section-btn": {
              "color": "#ffffff",
              "text-align": "right"
            },
            ".mbr-section-title": {
              "color": "#ffffff",
              "text-align": "right"
            },
            ".mbr-section-subtitle": {
              "color": "#ffffff",
              "text-align": "right"
            }
          },
          "_name": "header1",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"header1\" group=\"Headers\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n    'mbr-fullscreen': fullScreen,\n    'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"10\" condition=\"fullScreen == false\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"10\" condition=\"fullScreen == false\">\n\n        <input type=\"range\" inline name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" value=\"7\" step=\"1\">\n        <select title=\"Align\" name=\"contentAlign\">\n            <option value>Left</option>\n            <option value=\"justify-content-center\">Center</option>\n            <option value=\"justify-content-end\" selected>Right</option>\n        </select>\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubitle\" checked>\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n        <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/1526728.jpg\" selected parallax>\n            <input type=\"color\" title=\"Color\" value=\"#fafafa\">\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#000000\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.4\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n    <div class mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row {{contentAlign}}\">\n            <div class=\"col-12 col-lg-{{textWidth}}\">\n                <h1 class=\"mbr-section-title mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\"><br>WELCOME TO THE WEBSITE OF</h1>\n                <h2 class=\"mbr-section-subtitle mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-1\" mbr-if=\"showSubitle\"><b>\n                        CHURCH STRETTON</b></h2>\n                <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-2\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">TABLE TENNIS CLUB<br><br></p>\n                <div mbr-buttons mbr-theme-style=\"display-4\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\"><a class=\"btn btn-secondary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">Create Website</a></div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_anchor": "header1-4v",
          "_isUserblock": true,
          "_cid": "tOx6jKRRHX",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 1rem)",
              "padding-bottom": "(@paddingBottom * 1rem)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "& when (@fullWidth)": {
              ".text-wrapper": {
                "padding": "1rem"
              }
            },
            "@media (max-width: 991px)": {
              ".image-wrapper": {
                "margin-bottom": "1rem"
              }
            },
            "img": {
              "width": "100%"
            },
            "@media (min-width: 992px)": {
              ".text-wrapper": {
                "padding": "2rem"
              }
            }
          },
          "_name": "image1",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"image1\" group=\"Images & Videos\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n                    'mbr-parallax-background': bg.parallax}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n        <input type=\"range\" name=\"textWidth\" title=\"Image\" min=\"4\" max=\"8\" step=\"1\" value=\"4\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n        <input type=\"checkbox\" title=\"Description\" name=\"showDescription\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value=\"../_images/background13.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div mbr-class=\"{'container': !fullWidth}\">\n        <div class=\"row align-items-center\">\n            <div class=\"col-12 col-lg-{{textWidth}}\">\n                <div class=\"image-wrapper\">\n                    <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt=\"Church Stretton Table Tennis Club\">\n                    <p class=\"mbr-description mbr-fonts-style pt-2 align-center\" mbr-theme-style=\"display-4\" mbr-if=\"showDescription\" data-app-selector=\".mbr-description\">\n                    Image Description</p>\n                </div>\n            </div>\n            <div class=\"col-12\" mbr-class=\"{'col-lg' : !fullWidth, 'col-lg-4' : fullWidth &amp;&amp; textWidth >= 6, 'col-lg-6' : fullWidth &amp;&amp; textWidth <= 5}\">\n                <div class=\"text-wrapper\">\n                    <h3 class=\"mbr-section-title mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n                        <b>Players Wanted</b></h3>\n                    <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n                        We are looking for players of all standards to come and join in on Thursday evenings at Silvester Horne Institute, in Church Stretton. The sessions are from 6:00pm to 8:00pm and these sessions are open to everyone.<br><br>These sessions can lead to opportunities for players to play in the Shrewsbury Table Tennis League, or it can just be for fun.<br><br>Come down and have a go!</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "ux8JZEBjzt",
          "_anchor": "image1-64",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            ".content-wrapper": {
              "background": "@cardColor",
              "@media (max-width: 991px)": {
                ".row": {
                  "flex-direction": "column-reverse"
                },
                ".image-wrapper": {
                  "margin-bottom": "2rem"
                }
              },
              "@media (max-width: 767px)": {
                "padding": "1rem"
              },
              "@media (min-width: 768px) and (max-width: 991px)": {
                "padding": "2rem"
              },
              "@media (min-width: 992px)": {
                "padding": "5rem 3rem",
                ".text-wrapper": {
                  "padding-right": "2rem"
                }
              }
            },
            ".image-wrapper img": {
              "width": "100%",
              "object-fit": "cover"
            }
          },
          "_name": "features16",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"features15\" group=\"Features\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"range\" name=\"imageWidth\" title=\"Image\" min=\"4\" max=\"8\" step=\"1\" value=\"4\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n        <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\" checked>\n        <input type=\"color\" title=\"Card Color\" name=\"cardColor\" value=\"#ffffff\" selected>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background3.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"content-wrapper\">\n            <div class=\"row align-items-center\">\n                <div class=\"col-12 col-lg\">\n                    <div class=\"text-wrapper\">\n                        <h6 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".card-title\">\n                            <b>About Us</b></h6>\n                        <p class=\"mbr-text mbr-fonts-style mb-4\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text, .mbr-section-btn\">\n                            Church Stretton Table Tennis Club is situated in the centre of Church Stretton, which is in the heart of the Shropshire Hills. The club had previously existed, but was re-established in 2023.<br><br>Our main location is at the Silvester Horne Institute where we have 4 tournament standard tables, but we also have a facility at nearby Ticklerton Village Hall, with an additional table...</p>\n                        <div mbr-buttons mbr-theme-style=\"display-4\" class=\"mbr-section-btn mt-3\" mbr-if=\"showButtons\"><a class=\"btn btn-success\" href=\"about-the-club.html\" data-app-placeholder=\"Type Text\">Read more...</a></div>\n                    </div>\n                </div>\n                <div class=\"col-12 col-lg-{{imageWidth}}\">\n                    <div class=\"image-wrapper\">\n                        <img src=\"@PROJECT_PATH@/assets/images/table-tennis-player-stylized-silhouette-ping-vector-22656788-art-width-300px-gigapixel.jpg\" alt=\"Church Stretton Table Tennis Club\">\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sYoIczYfaG",
          "_anchor": "features16-i",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "@media (min-width: 1500px)": {
              ".container": {
                "max-width": "1400px"
              }
            },
            ".mbr-iconfont": {
              "display": "block",
              "font-size": "5rem",
              "color": "@iconColor",
              "margin-bottom": "2rem"
            },
            ".row": {
              "justify-content": "center"
            },
            ".mbr-section-title": {
              "color": "#ffffff"
            },
            ".card-text": {
              "color": "#ffffff"
            },
            ".card-title, .iconfont-wrapper": {
              "color": "#ffffff"
            }
          },
          "_name": "features1",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"features25\" group=\"Features\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"9\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"9\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showMainTitle\" checked>\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showMainSubtitle\">\n        <header>Card</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n        <input type=\"checkbox\" title=\"Icons\" name=\"showIcon\" checked>\n        <input type=\"color\" title=\"Icon Color\" name=\"iconColor\" value=\"#fafafa\" selected condition=\"showIcon\">\n        <select title=\"Columns\" name=\"columns\">\n            <option value=\"3\" selected>4</option>\n            <option value=\"4\">3</option>\n            <option value=\"6\">2</option>\n            <option value=\"12\">1</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background4.jpg\" parallax>\n            <input type=\"color\" title=\"Color\" value=\"#034d71\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value=\"../_images/background13.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row mb-5\">\n            <div class=\"col-12\" mbr-if=\"showMainTitle || showMainSubtitle\">\n                <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-2\" mbr-theme-style=\"display-5\" mbr-if=\"showMainTitle\" data-app-selector=\".mbr-section-title\">\n                    <b>Our Mission</b></h3>\n                <h5 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-7\" mbr-if=\"showMainSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n                    List main features of your project in this block\n                </h5>\n            </div>\n        </div>\n        <div class=\"row\">\n            \n            \n            <div class=\"item features-without-image mb-5 col-12 col-md-{{columns}} active\">\n                <div class=\"item-wrapper align-center\">\n                    <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n                        <span mbr-icon class=\"mbr-iconfont mbrib-smile-face\"></span>\n                    </div>\n                    <h5 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\"><b>Friendly Atmosphere</b></h5>\n                    <p class=\"card-text mbr-fonts-style mb-0\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">Church Stretton Table Tennis Club has a friendly atmosphere, and offers a warm welcome to new members.</p>\n                </div>\n            </div><div class=\"item features-without-image mb-5 col-12 col-md-{{columns}}\">\n                <div class=\"item-wrapper align-center\">\n                    <div class=\"card-box\">\n                        <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n                            <span mbr-icon class=\"mbr-iconfont mobi-mbri-users mobi-mbri\"></span>\n                        </div>\n                        <h5 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\"><b>Club Environment</b></h5>\n                        <p class=\"card-text mbr-fonts-style mb-0\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">We aim to provide an environment that encourages growth, enjoyment, health and well-being through structured coaching and training for junior and senior players.</p>\n                    </div>\n                </div>\n            </div><div class=\"item features-without-image mb-5 col-12 col-md-{{columns}}\">\n                <div class=\"item-wrapper align-center\">\n                    <div class=\"iconfont-wrapper\" mbr-if=\"showIcon\">\n                        <span mbr-icon class=\"mbr-iconfont mbri-growing-chart\"></span>\n                    </div>\n                    <h5 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showTitle\" data-app-selector=\".card-title, .iconfont-wrapper\"><b>Player Development</b></h5>\n                    <p class=\"card-text mbr-fonts-style mb-0\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".card-text\">Player development at the club caters to players of all standards with group and individual coaching and support for players to compete at league level.</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "v3cfCdotov",
          "_anchor": "features1-7e",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "background-color": "@bgColor",
            "img": {
              "width": "120px",
              "margin": "auto"
            },
            ".card": {
              "transition": "all 0.3s",
              "height": "fit-content",
              "padding": "1rem 0",
              "margin-bottom": "1rem"
            },
            "@media (min-width: 992px)": {
              ".card": {
                "max-width": "12.5%"
              }
            }
          },
          "_name": "clients1",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"clients1\" group=\"Clients\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubTitle\">\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n        <input type=\"range\" inline title=\"Items\" name=\"items\" min=\"1\" max=\"8\" value=\"5\" step=\"1\">\n        <header>Background</header>\n        <input type=\"color\" title=\"Color\" name=\"bgColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <div class=\"images-container\" mbr-class=\"{'container-fluid':fullWidth, container:fullWidth==false}\">\n        <div class=\"mbr-section-head\">\n            <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\">\n                <b>Our Clients</b>\n            </h3>\n            <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubTitle\" data-app-selector=\".mbr-section-subtitle\">For a better look, use pictures of the same size in this block.\n                elit</h4>\n            <p class=\"mbr-text mbr-fonts-style align-center mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n                Click on an image in this block to replace it. Set the number of logos in Block Parameters. </p>\n        </div>\n        <div class=\"row justify-content-center mt-4\">\n            <div class=\"col-md-3 card\">\n                <a href=\"https://www.tabletennisengland.co.uk/\"><img src=\"@PROJECT_PATH@/assets/images/tt-england.png\" alt=\"Table Tennis England\"></a>\n            </div>\n            <div class=\"col-md-3 card\" mbr-if=\"items > 1\">\n                <a href=\"http://yourttcoach.com\"><img src=\"@PROJECT_PATH@/assets/images/yourttcoach-logo.png\" alt=\"yourttcoach.com\"></a>\n            </div>\n            <div class=\"col-md-3 card\" mbr-if=\"items > 2\">\n                <a href=\"https://www.tabletennis365.com/shrewsbury\"><img src=\"@PROJECT_PATH@/assets/images/shrewsbury-table-tennis-league-1.jpg\" alt=\"Shrewsbury and District Table Tennis League\"></a>\n            </div>\n            <div class=\"col-md-3 card\" mbr-if=\"items > 3\">\n                <a href=\"https://ittf.com\"><img src=\"@PROJECT_PATH@/assets/images/ittf-logo-2.jpg\" alt=\"International Table Tennis Federation\"></a>\n            </div>\n            <div class=\"col-md-3 card\" mbr-if=\"items > 4\">\n                <a href=\"https://revspin.net/\"><img src=\"@PROJECT_PATH@/assets/images/revspin-3.jpg\" alt=\"RevSpin\"></a>\n            </div>\n            <div class=\"col-md-3 card\" mbr-if=\"items > 5\">\n                <img src=\"@PROJECT_PATH@/assets/images/stiga-1.jpg\" alt=\"Stiga\">\n            </div>\n            <div class=\"col-md-3 card\" mbr-if=\"items > 6\">\n                <img src=\"../_images/clients/4.png\">\n            </div>\n            <div class=\"col-md-3 card\" mbr-if=\"items > 7\">\n                <img src=\"../_images/clients/5.png\">\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sYFgS63npp",
          "_anchor": "clients1-1i",
          "_PHPplaceholders": [],
          "_JSplaceholders": [],
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 0.5rem)",
            "& when (@bg-type = 'color')": {
              "background": "@bg-value"
            },
            ".mbr-section-title": {
              "color": "#ffffff"
            },
            ".mbr-text": {
              "color": "#f1faee"
            },
            ".card-title": {
              "color": "#e63946"
            },
            ".mbr-iconfont": {
              "color": "#e63946",
              "font-size": "2rem",
              "padding-right": "1rem"
            },
            ".card-wrapper": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "1.5rem"
            }
          },
          "_name": "contacts3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"contacts3\" group=\"Contacts\">\n    <mbr-parameters>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n        <fieldset type=\"background\" name=\"bg\">\n            <input type=\"color\" title=\"Color\" value=\"#1d3557\" selected>\n        </fieldset>\n    </mbr-parameters>\n    <div class=\"container\">\n        <div class=\"row justify-content-center mb-4\">\n            <div class=\"col-12 align-center\">\n                <h2 class=\"mbr-section-title mbr-fonts-style\" mbr-theme-style=\"display-2\"><b>Contact Us</b></h2>\n                <p class=\"mbr-text mbr-fonts-style mt-2\" mbr-theme-style=\"display-5\">We'd love to hear from you — whether you're a complete beginner or a seasoned player.</p>\n            </div>\n        </div>\n        <div class=\"row justify-content-center\">\n            <div class=\"col-12 col-md-6\">\n                <div class=\"card-wrapper\">\n                    <span class=\"mbr-iconfont ti-email\"></span>\n                    <div>\n                        <h6 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\"><b>Email</b></h6>\n                        <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\"><a href=\"mailto:churchstrettontabletennisclub@gmail.com\" class=\"text-white\">churchstrettontabletennisclub@gmail.com</a></p>\n                    </div>\n                </div>\n                <div class=\"card-wrapper\">\n                    <span class=\"mbr-iconfont ti-mobile\"></span>\n                    <div>\n                        <h6 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\"><b>Phone</b></h6>\n                        <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\"><a href=\"tel:07905671945\" class=\"text-white\">07905 671945</a></p>\n                    </div>\n                </div>\n                <div class=\"card-wrapper\">\n                    <span class=\"mbr-iconfont ti-location-pin\"></span>\n                    <div>\n                        <h6 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\"><b>Venue</b></h6>\n                        <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\">Silvester Horne Institute\n<br>60 High Street\n<br>Church Stretton\n<br>SY6 6BY</p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-12 col-md-6\">\n                <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-5\" style=\"color:#f1faee;\"><b>Come and try us out!</b></p>\n                <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\">Your first session is&nbsp;<b>free</b> — just turn up to any of our Thursday night open play sessions. No need to book in advance. Bring your own bat if you have one, but we have spare equipment available.</p>\n                <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-5\" style=\"color:#f1faee;\"><b><br>Affiliated with:</b></p>\n                <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\">Table Tennis England<br>Shrewsbury and District Table Tennis League</p>\n                \n            </div>\n        </div>\n    </div>\n</section>",
          "_anchor": "contact",
          "_isUserblock": true,
          "_cid": "vhwyoGJYPn",
          "_PHPplaceholders": [],
          "_JSplaceholders": [],
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            ".row-links": {
              "width": "100%",
              "justify-content": "center"
            },
            ".social-row": {
              "width": "100%",
              "justify-content": "center"
            },
            ".media-container-row": {
              "flex-direction": "column",
              "justify-content": "center",
              "align-items": "center",
              ".foot-menu": {
                "list-style": "none",
                "display": "flex",
                "justify-content": "center",
                "flex-wrap": "wrap",
                "padding": "0",
                "margin-bottom": "0",
                "li": {
                  "padding": "0 1rem 1rem 1rem",
                  "p": {
                    "margin": "0"
                  }
                }
              },
              ".social-list": {
                "padding-left": "0",
                "margin-bottom": "0",
                "list-style": "none",
                "display": "flex",
                "flex-wrap": "wrap",
                "justify-content": "flex-end",
                ".mbr-iconfont-social": {
                  "font-size": "1.5rem",
                  "color": "#ffffff"
                },
                ".soc-item": {
                  "margin": "0 .5rem"
                },
                "a": {
                  "margin": "0",
                  "opacity": ".5",
                  "transition": ".2s linear",
                  "&:hover": {
                    "opacity": "1"
                  }
                },
                "@media (max-width: 767px)": {
                  "-webkit-justify-content": "center",
                  "justify-content": "center"
                }
              },
              ".row-copirayt": {
                "word-break": "break-word",
                "width": "100%",
                "p": {
                  "width": "100%"
                }
              }
            }
          },
          "_name": "footer3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer3\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"range\" inline title=\"Menu Items\" name=\"menuItems\" min=\"0\" max=\"10\" step=\"1\" value=\"9\">\n        <input type=\"range\" inline title=\"Social Items\" name=\"socialItems\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background8.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#000000\" selected>\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"media-container-row align-center mbr-white\">\n            <div class=\"row row-links\" mbr-if=\"menuItems > 0\">\n                <ul class=\"foot-menu\" mbr-list mbr-list-grow=\"menuItems\">\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html\" class=\"text-white\">Home</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"about-the-club.html\" class=\"text-white\">About</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"why-play-table-tennis.html\" class=\"text-white\">Why Play Table Tennis?</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"teams.html\" class=\"text-white\">Teams</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"schedule.html\" class=\"text-white\">Schedule</a></li>\n                <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"coaching.html\" class=\"text-white\">Coaching</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"links.html\" class=\"text-white\">Links</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"location.html\" class=\"text-white text-primary\">Location</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#contact\" class=\"text-white\">Contact</a></li></ul>\n            </div>\n            <div class=\"row social-row\" mbr-if=\"socialItems > 0\">\n                <div mbr-list mbr-list-grow=\"socialItems\" class=\"social-list align-right pb-2\">\n                    <div class=\"soc-item\">\n                        <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                            <span mbr-icon class=\"socicon-twitter socicon mbr-iconfont mbr-iconfont-social\"></span>\n                        </a>\n                    </div>\n                    \n                    \n                    \n                    \n                    \n                </div>\n            </div>\n            <div class=\"row row-copirayt\">\n                <p class=\"mbr-text mb-0 mbr-fonts-style mbr-white align-center\" mbr-theme-style=\"display-4\" data-app-selector=\".media-container-row .mbr-text\">\n                    © Copyright 2023-26 Church Stretton Table Tennis Club - All Rights Reserved - Site by <a href=\"https://strettoninternet.co.uk\" class=\"text-info\">Stretton Internet</a></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sYslMxLoE5",
          "_anchor": "footer3-13",
          "_PHPplaceholders": [],
          "_JSplaceholders": [],
          "_protectedParams": [],
          "_global": true,
          "_once": "footers",
          "_params": {}
        }
      ]
    },
    "why-play-table-tennis.html": {
      "settings": {
        "title": "Why Play Table Tennis?",
        "order": "5",
        "meta_descr": "The benefits of playing table tennis.",
        "header_custom": ""
      },
      "components": [
        {
          "alias": false,
          "_styles": {
            "& when not (@sticky)": {
              ".navbar-dropdown": {
                "position": "relative !important"
              },
              "& when (@transparent)": {
                ".navbar-dropdown": {
                  "position": "absolute !important"
                }
              }
            },
            "& when (@sticky)": {
              "z-index": "1000",
              "width": "100%",
              "& when not (@transparent)": {
                "position": "relative",
                "min-height": "60px"
              },
              "nav.navbar": {
                "position": "fixed"
              }
            },
            ".dropdown-item:before": {
              "font-family": "Moririse2 !important",
              "content": "\"\\e966\"",
              "display": "inline-block",
              "width": "0",
              "position": "absolute",
              "left": "1rem",
              "top": "0.5rem",
              "margin-right": "0.5rem",
              "line-height": "1",
              "font-size": "inherit",
              "vertical-align": "middle",
              "text-align": "center",
              "overflow": "hidden",
              "transform": "scale(0, 1)",
              "transition": "all 0.25s ease-in-out"
            },
            ".dropdown-menu": {
              "padding": "0",
              "border-radius": "4px",
              "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
            },
            ".dropdown-item": {
              "border-bottom": "1px solid #e6e6e6",
              "&:hover, &:focus": {
                "background": "@primaryColor !important",
                "color": "white !important"
              },
              "&:first-child": {
                "border-top-left-radius": "4px",
                "border-top-right-radius": "4px"
              },
              "&:last-child": {
                "border-bottom": "none",
                "border-bottom-left-radius": "4px",
                "border-bottom-right-radius": "4px"
              }
            },
            ".nav-dropdown .link": {
              "padding": "0 0.3em !important",
              "margin": "0.667em 1em !important"
            },
            ".nav-dropdown .link.dropdown-toggle::after": {
              "margin-left": "0.5rem",
              "margin-top": "0.2rem"
            },
            ".nav-link": {
              "position": "relative"
            },
            ".container": {
              "display": "flex",
              "margin": "auto"
            },
            ".iconfont-wrapper": {
              "color": "@iconsColor !important",
              "font-size": "1.5rem",
              "padding-right": "0.5rem"
            },
            ".navbar-caption": {},
            ".navbar-nav": {},
            ".dropdown-menu, .navbar.opened": {
              "background": "@menuBgColor !important"
            },
            ".nav-item:focus, .nav-link:focus": {
              "outline": "none"
            },
            ".dropdown .dropdown-menu .dropdown-item": {
              "width": "auto",
              "transition": "all 0.25s ease-in-out",
              "&::after": {
                "right": "0.5rem"
              },
              ".mbr-iconfont": {
                "margin-right": "0.5rem",
                "vertical-align": "sub",
                "&:before": {
                  "display": "inline-block",
                  "transform": "scale(1, 1)",
                  "transition": "all 0.25s ease-in-out"
                }
              }
            },
            ".collapsed": {
              ".dropdown-menu .dropdown-item:before": {
                "display": "none"
              },
              ".dropdown .dropdown-menu .dropdown-item": {
                "padding": "0.235em 1.5em 0.235em 1.5em !important",
                "transition": "none",
                "margin": "0 !important"
              }
            },
            ".navbar": {
              "min-height": "70px",
              "transition": "all 0.3s",
              "border-bottom": "1px solid transparent",
              "&:not(.navbar-short)": {},
              "& when not (@transparent)": {
                "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
                "background": "@menuBgColor"
              },
              "& when (@transparent)": {
                "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)"
              },
              "&.opened": {
                "transition": "all 0.3s"
              },
              ".dropdown-item": {
                "padding": "0.5rem 1.8rem"
              },
              ".navbar-logo img": {
                "width": "auto"
              },
              ".navbar-collapse": {
                "justify-content": "flex-end",
                "z-index": "1"
              },
              "&.collapsed": {
                "justify-content": "center",
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  },
                  "@media (min-width: 992px)": {
                    "&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
                      "max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
                    }
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "41%"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem",
                  "text-align": "center"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-right": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "@media (max-width: 991px)": {
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "40%"
                  }
                },
                ".navbar-logo": {
                  "img": {
                    "height": "3rem !important"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem !important",
                  "text-align": "center"
                },
                ".navbar-brand": {
                  "flex-shrink": "initial",
                  "flex-basis": "auto",
                  "word-break": "break-word",
                  "padding-right": "2rem"
                },
                ".navbar-toggler": {
                  "flex-basis": "auto"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "&.navbar-short": {
                "min-height": "60px",
                ".navbar-logo": {
                  "img": {
                    "height": "2.5rem !important"
                  }
                },
                ".navbar-brand": {
                  "min-height": "60px",
                  "padding": "0"
                }
              }
            },
            ".navbar-brand": {
              "min-height": "70px",
              "flex-shrink": "0",
              "align-items": "center",
              "margin-right": "0",
              "padding": "10px 0",
              "transition": "all 0.3s",
              "word-break": "break-word",
              "z-index": "1",
              ".navbar-caption": {
                "line-height": "inherit !important"
              },
              ".navbar-logo a": {
                "outline": "none"
              }
            },
            ".dropdown-item.active, .dropdown-item:active": {
              "background-color": "transparent"
            },
            ".navbar-expand-lg .navbar-nav .nav-link": {
              "padding": "0"
            },
            ".nav-dropdown .link.dropdown-toggle": {
              "margin-right": "1.667em",
              "&[aria-expanded=\"true\"]": {
                "margin-right": "0",
                "padding": "0.667em 1.667em"
              }
            },
            ".navbar.navbar-expand-lg .dropdown": {
              ".dropdown-menu": {
                "background": "@menuBgColor",
                ".dropdown-submenu": {
                  "margin": "0",
                  "left": "100%"
                }
              }
            },
            "ul.navbar-nav": {
              "flex-wrap": "wrap"
            },
            ".navbar .dropdown.open > .dropdown-menu": {
              "display": "block"
            },
            ".navbar-buttons": {
              "text-align": "center",
              "min-width": "170px"
            },
            "button.navbar-toggler": {
              "outline": "none",
              "width": "31px",
              "height": "20px",
              "cursor": "pointer",
              "transition": "all 0.2s",
              "position": "relative",
              "align-self": "center",
              ".hamburger span": {
                "position": "absolute",
                "right": "0",
                "width": "30px",
                "height": "2px",
                "border-right": "5px",
                "background-color": "@hamburgerColor",
                "&:nth-child(1)": {
                  "top": "0",
                  "transition": "all 0.2s"
                },
                "&:nth-child(2)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(3)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(4)": {
                  "top": "16px",
                  "transition": "all 0.2s"
                }
              }
            },
            "nav.opened .hamburger span": {
              "&:nth-child(1)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              },
              "&:nth-child(2)": {
                "transform": "rotate(45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(3)": {
                "transform": "rotate(-45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(4)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              }
            },
            ".navbar-dropdown": {
              "padding": "0 1rem",
              "& when (@sticky)": {
                "position": "fixed"
              }
            },
            "a.nav-link": {
              "display": "flex",
              "align-items": "center",
              "justify-content": "center"
            },
            ".icons-menu": {
              "flex-wrap": "nowrap",
              "display": "flex",
              "justify-content": "center",
              "padding-left": "1rem",
              "padding-right": "1rem",
              "padding-top": "0.3rem",
              "text-align": "center"
            },
            "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
              ".navbar": {
                "height": "70px",
                "&.opened": {
                  "height": "auto"
                }
              },
              ".nav-item .nav-link:hover::before": {
                "width": "175%",
                "max-width": "calc(100% ~\"+\" 2rem)",
                "left": "-1rem"
              }
            },
            ".cid-sYmGYy3bVg .dropdown-item": {
              "border-bottom": "0px Important"
            }
          },
          "_name": "menu3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu3\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n        <input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"4.3\" condition=\"showLogo\">\n        <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\">\n        <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n        <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n        <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n            <option value=\"1\">1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\" selected>3</option>\n            <option value=\"4\">4</option>\n        </select>\n        <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n        <input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n        <header>Styles</header>\n        <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\" checked>\n        <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n        <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n        <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n        <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#000000\">\n        <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n                     'navbar-expand-lg':!collapsed,\n                     'collapsed':collapsed}\">\n        <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n            <div class=\"navbar-brand\">\n                <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n                    \n                        <a href=\"index.html\"><img src=\"@PROJECT_PATH@/assets/images/logo2.png\" alt=\"Church Stretton Table Tennis Club\" mbr-style=\"{'height': logoSize + 'rem'}\"></a>\n                    \n                </span>\n                <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-white\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"></a></span>\n            </div>\n            <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n                <div class=\"hamburger\">\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                </div>\n            </button>\n            <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n                <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Home</a></li><li class=\"nav-item dropdown\"><a class=\"nav-link link text-white dropdown-toggle\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                            About</a><div class=\"dropdown-menu\"><a class=\"text-white dropdown-item text-primary\" href=\"about-the-club.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">About the Club</a><a class=\"text-white dropdown-item text-primary\" href=\"why-play-table-tennis.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Why Play Table Tennis?</a><a class=\"text-white dropdown-item text-primary\" href=\"history.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">A Brief History of Table Tennis</a><a class=\"text-white dropdown-item text-primary\" href=\"laws.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">The Rules &amp; Laws of Table Tennis</a></div></li>\n                    <li class=\"nav-item dropdown\"><a class=\"nav-link link text-white text-primary dropdown-toggle show\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" aria-expanded=\"false\">Teams<br></a><div class=\"dropdown-menu show\" aria-labelledby=\"dropdown-374\" data-bs-popper=\"none\"><a class=\"text-white text-primary dropdown-item\" href=\"churchstretton-a.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">First Team</a><a class=\"text-white text-primary show dropdown-item\" href=\"churchstretton-b.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Second Team</a></div></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"schedule.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Schedule</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"news.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">News</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"coaching.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Coaching</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"links.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Links</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"location.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Location</a></li>\n                    <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#contact\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contact</a>\n                    </li></ul>\n                <div class=\"icons-menu\" mbr-if=\"showIcons\">\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-facebook socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-instagram socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n                    </a>\n                </div>\n                <div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">\n                        Sign up</a>\n                </div>\n            </div>\n        </div>\n    </nav>\n</section>",
          "_cid": "sYmGYy3bVg",
          "_anchor": "menu3-14",
          "_protectedParams": [],
          "_global": true,
          "_once": "menu",
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            ".video-wrapper iframe": {
              "width": "100%"
            },
            ".mbr-section-title, .mbr-description": {
              "text-align": "center"
            },
            ".text-wrapper when (@fullWidth)": {
              "padding": "1rem"
            },
            "@media (min-width: 992px)": {
              ".text-wrapper": {
                "padding": "2rem",
                "& when (@fullWidth)": {
                  "padding-right": "4rem"
                }
              }
            }
          },
          "_name": "video4",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"video4\" group=\"Images & Videos\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" plugins=\"PlayerVimeo\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" value=\"1\" step=\"1\" condition=\"fullWidth==false\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" value=\"0\" step=\"1\" condition=\"fullWidth==false\">\n        <input type=\"range\" name=\"videoWidth\" title=\"Video\" min=\"4\" max=\"8\" step=\"1\" value=\"6\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\" checked>\n        <input type=\"checkbox\" title=\"Description\" name=\"showDescription\" checked>\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" value=\"../_images/background1.jpg\" title=\"Image\">\n            <input type=\"color\" value=\"#ffffff\" title=\"Color\" selected>\n            <input type=\"video\" value=\"https://vimeo.com/428046504\" title=\"Video\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.4\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n    <div mbr-class=\"{'container': !fullWidth}\">\n        <div class=\"title-wrapper mb-5\">\n            <h4 class=\"mbr-section-title mbr-fonts-style mb-0\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\">\n                <b>Watch Video</b>\n            </h4>\n        </div>\n        <div class=\"row align-items-center\">\n            <div class=\"col-12 col-lg-{{videoWidth}} video-block\">\n                <div mbr-video class=\"video-wrapper\">\n                    <iframe src=\"https://www.youtube.com/watch?v=dvbWd9O4vZc&loop=0&autoplay=0\"></iframe>\n                </div>\n                <p class=\"mbr-description pt-2 mbr-fonts-style\" mbr-theme-style=\"display-4\" mbr-if=\"showDescription\" data-app-selector=\".mbr-description\">\n                    Possibly one of the greatest table tennis rallies ever?</p>\n            </div>\n            <div class=\"col-12 col-lg\">\n                <div class=\"text-wrapper\">\n                    <h5 class=\"mbr-section-subtitle mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\">\n                        <b>Why Play Table Tennis</b></h5>\n                    <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">All over the world millions of people play table tennis, and with good reason. It is entertaining, fun, fast and also has great health benefits. Table tennis is enjoyed by people of all ages and fitness levels. When played regularly it improves reflexes, hand-eye coordination and balance, while toning and strengthening the core muscles of the upper and lower body.\n<br>\n<br>It’s great for working up a sweat and increasing your heart rate, helping to keep your heart strong and healthy. Not only is it a good cardiovascular exercise, it is also a great aerobic workout.</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "t22Rn33KkK",
          "_anchor": "video4-3a",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 1rem)",
              "padding-bottom": "(@paddingBottom * 1rem)"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "ul": {
              "list-style": "none",
              "margin": "0",
              "padding-left": "2.5rem"
            },
            "li": {
              "position": "relative",
              "margin-bottom": "1rem"
            },
            "ul li::before": {
              "position": "absolute",
              "left": "-1.6rem",
              "content": "\"\\2022\"",
              "color": "@primaryColor",
              "font-weight": "bold",
              "font-size": "2rem",
              "width": "1.6rem"
            }
          },
          "_name": "content14",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" group=\"Content\" class=\"content14\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{\n    'mbr-fullscreen': fullScreen,\n    'mbr-parallax-background': bg.parallax}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"1\" condition=\"fullScreen == false\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"1\" condition=\"fullScreen == false\">\n        <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" value=\"12\" step=\"1\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\" parallax>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n    \n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-md-12 col-lg-{{textWidth}}\">\n                    <h3 class=\"mbr-section-title mbr-fonts-style mb-4\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n                        <b>Frequently asked questions</b>\n                    </h3>\n                <ul class=\"list mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".list\" data-multiline mbr-article>\n                    <li><b>1. Health and Fitness</b><br>Table tennis is good for your health – it’s great for getting up a sweat and getting the heart rate up. Played at the higher levels, it’s one of the fastest sports around. But you don’t have to be a pro to get a good workout. Just a couple of hours a week playing table tennis can do wonders for your fitness.<br>It improves reflexes and due to the fast-paced, short-distance nature of the sport, both gross and fine muscle movements are improved. The game is distinguished by bursts of exertion and recovery, leading to fast-twitch muscle development.<br>Table tennis helps you build strength, speed, and agility without risking serious injury.<br>It improves balance. Staying balanced and being able to quickly change direction is key to being a good table tennis player. The more you play, the more you can improve your sense of balance.<br>It burns calories: A 68kg person can burn 272 calories by playing table tennis for an hour. Considering the fact that the sport is entertaining and addictive, it can be a fun and easy way to burn calories.</li><li><b>2. Gentle on Your Body<br></b>It’s easy on the body. You can play table tennis according to your own capabilities and limitations and still be competitive. Being a non-contact sport, you don’t have to worry about the injuries that you can get in contact sports.</li><li><b>3. Everyone Can Play<br></b>Table tennis is a sport for all ages. There’s no age or gender barriers – it’s common at clubs for 60 year old veterans to be playing 15 year old juniors, or men playing against women, and with everyone having a great time and a close match. Families can all play each other without having to worry about the bigger or stronger members dominating the game. In fact, many athletes with disabilities can compete on equal terms with able-bodied athletes at table tennis, since there is much more to the game than sheer power or strength.</li><li><b>4. A Sport for Life<br></b>Table tennis is a lifelong sport, that can be played competitively right up to your eighties and beyond. It’s never too late to start, and you won’t have to hang up your bat later on because you are getting too old for the sport. As you get older, better use of tactics, and bat technology such as long pimples or antispin, can compensate for slowing reflexes or slowing speed around the table.</li><li><b>5. Keeps You Mentally Sharp<br></b>Table Tennis is good for the brain. There is an awful lot of thinking, planning, and strategising about the speed, spin and placement of the ball, all of which helps keep the brain active. An intense game of table tennis stimulates mental alertness and concentration and develops mental sharpness. Table tennis also utilizes many different areas of the brain simultaneously as you are tracking the ball, planning shots and strategies, and figuring out spins.<br>It also improves hand-eye coordination.</li><li><b>6. You Can Play Anytime<br></b>Table tennis is an indoor, non-seasonal sport. You can play it all year round, day or night.</li><li><b>7. You Can Play Anywhere<br></b>It’s space efficient. You don’t need a huge amount of space to have fun playing table tennis at home, and a foldaway table can be put away when you aren’t using it. By the time you really need to stretch out and move around the court, you should be ready to go play at your local club, which should have plenty of space to run around in. Clubs usually have more than one table, so you will be able to play against different people.</li><li><b>8. Make New Friends<br></b>Table tennis is a great social sport. You’ll get to meet plenty of people and make new friends at your local clubs. Play a competition once in a while and you’ll be able to compete and make friends with a whole bunch of fellow table tennis enthusiasts.</li><li><span style=\"font-size: 1.2rem;\"><b>9. You Don’t Have to Spend a Fortune<br></b></span>You don’t have to spend a lot of money to play table tennis. A basic bat can be bought for around £30, and will give good service while learning the game. A good racket for intermediate and advanced play would usually be around £50-£100. Even the most expensive professional rackets wouldn’t be much more than a couple of hundred pounds. The cost of joining a club and the weekly club fees are usually quite low compared to sports such as golf or tennis.</li><li><b>10. It's Fun to Play<br></b>Table tennis is great fun to play and can be quite addictive. It is a wonderful sport to take up for life, with no age restrictions. It’s easy to play, but difficult to master. You will always have another challenge to look forward to, and another mountain to climb.</li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sYF3tdxBQD",
          "_anchor": "content14-17",
          "_PHPplaceholders": [],
          "_JSplaceholders": [],
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            ".row-links": {
              "width": "100%",
              "justify-content": "center"
            },
            ".social-row": {
              "width": "100%",
              "justify-content": "center"
            },
            ".media-container-row": {
              "flex-direction": "column",
              "justify-content": "center",
              "align-items": "center",
              ".foot-menu": {
                "list-style": "none",
                "display": "flex",
                "justify-content": "center",
                "flex-wrap": "wrap",
                "padding": "0",
                "margin-bottom": "0",
                "li": {
                  "padding": "0 1rem 1rem 1rem",
                  "p": {
                    "margin": "0"
                  }
                }
              },
              ".social-list": {
                "padding-left": "0",
                "margin-bottom": "0",
                "list-style": "none",
                "display": "flex",
                "flex-wrap": "wrap",
                "justify-content": "flex-end",
                ".mbr-iconfont-social": {
                  "font-size": "1.5rem",
                  "color": "#ffffff"
                },
                ".soc-item": {
                  "margin": "0 .5rem"
                },
                "a": {
                  "margin": "0",
                  "opacity": ".5",
                  "transition": ".2s linear",
                  "&:hover": {
                    "opacity": "1"
                  }
                },
                "@media (max-width: 767px)": {
                  "-webkit-justify-content": "center",
                  "justify-content": "center"
                }
              },
              ".row-copirayt": {
                "word-break": "break-word",
                "width": "100%",
                "p": {
                  "width": "100%"
                }
              }
            }
          },
          "_name": "footer3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer3\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"range\" inline title=\"Menu Items\" name=\"menuItems\" min=\"0\" max=\"10\" step=\"1\" value=\"9\">\n        <input type=\"range\" inline title=\"Social Items\" name=\"socialItems\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background8.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#000000\" selected>\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"media-container-row align-center mbr-white\">\n            <div class=\"row row-links\" mbr-if=\"menuItems > 0\">\n                <ul class=\"foot-menu\" mbr-list mbr-list-grow=\"menuItems\">\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html\" class=\"text-white\">Home</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"about-the-club.html\" class=\"text-white\">About</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"why-play-table-tennis.html\" class=\"text-white\">Why Play Table Tennis?</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"teams.html\" class=\"text-white\">Teams</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"schedule.html\" class=\"text-white\">Schedule</a></li>\n                <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"coaching.html\" class=\"text-white\">Coaching</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"links.html\" class=\"text-white\">Links</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"location.html\" class=\"text-white text-primary\">Location</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#contact\" class=\"text-white\">Contact</a></li></ul>\n            </div>\n            <div class=\"row social-row\" mbr-if=\"socialItems > 0\">\n                <div mbr-list mbr-list-grow=\"socialItems\" class=\"social-list align-right pb-2\">\n                    <div class=\"soc-item\">\n                        <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                            <span mbr-icon class=\"socicon-twitter socicon mbr-iconfont mbr-iconfont-social\"></span>\n                        </a>\n                    </div>\n                    \n                    \n                    \n                    \n                    \n                </div>\n            </div>\n            <div class=\"row row-copirayt\">\n                <p class=\"mbr-text mb-0 mbr-fonts-style mbr-white align-center\" mbr-theme-style=\"display-4\" data-app-selector=\".media-container-row .mbr-text\">\n                    © Copyright 2023-26 Church Stretton Table Tennis Club - All Rights Reserved - Site by <a href=\"https://strettoninternet.co.uk\" class=\"text-info\">Stretton Internet</a></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sYslMxLoE5",
          "_anchor": "footer3-15",
          "_protectedParams": [],
          "_global": true,
          "_once": "footers",
          "_params": {}
        }
      ]
    },
    "about-the-club.html": {
      "settings": {
        "title": "About the Club",
        "order": "9",
        "meta_descr": "About Church Stretton Table Tennis Club",
        "header_custom": ""
      },
      "components": [
        {
          "alias": false,
          "_styles": {
            "& when not (@sticky)": {
              ".navbar-dropdown": {
                "position": "relative !important"
              },
              "& when (@transparent)": {
                ".navbar-dropdown": {
                  "position": "absolute !important"
                }
              }
            },
            "& when (@sticky)": {
              "z-index": "1000",
              "width": "100%",
              "& when not (@transparent)": {
                "position": "relative",
                "min-height": "60px"
              },
              "nav.navbar": {
                "position": "fixed"
              }
            },
            ".dropdown-item:before": {
              "font-family": "Moririse2 !important",
              "content": "\"\\e966\"",
              "display": "inline-block",
              "width": "0",
              "position": "absolute",
              "left": "1rem",
              "top": "0.5rem",
              "margin-right": "0.5rem",
              "line-height": "1",
              "font-size": "inherit",
              "vertical-align": "middle",
              "text-align": "center",
              "overflow": "hidden",
              "transform": "scale(0, 1)",
              "transition": "all 0.25s ease-in-out"
            },
            ".dropdown-menu": {
              "padding": "0",
              "border-radius": "4px",
              "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
            },
            ".dropdown-item": {
              "border-bottom": "1px solid #e6e6e6",
              "&:hover, &:focus": {
                "background": "@primaryColor !important",
                "color": "white !important"
              },
              "&:first-child": {
                "border-top-left-radius": "4px",
                "border-top-right-radius": "4px"
              },
              "&:last-child": {
                "border-bottom": "none",
                "border-bottom-left-radius": "4px",
                "border-bottom-right-radius": "4px"
              }
            },
            ".nav-dropdown .link": {
              "padding": "0 0.3em !important",
              "margin": "0.667em 1em !important"
            },
            ".nav-dropdown .link.dropdown-toggle::after": {
              "margin-left": "0.5rem",
              "margin-top": "0.2rem"
            },
            ".nav-link": {
              "position": "relative"
            },
            ".container": {
              "display": "flex",
              "margin": "auto"
            },
            ".iconfont-wrapper": {
              "color": "@iconsColor !important",
              "font-size": "1.5rem",
              "padding-right": "0.5rem"
            },
            ".navbar-caption": {},
            ".navbar-nav": {},
            ".dropdown-menu, .navbar.opened": {
              "background": "@menuBgColor !important"
            },
            ".nav-item:focus, .nav-link:focus": {
              "outline": "none"
            },
            ".dropdown .dropdown-menu .dropdown-item": {
              "width": "auto",
              "transition": "all 0.25s ease-in-out",
              "&::after": {
                "right": "0.5rem"
              },
              ".mbr-iconfont": {
                "margin-right": "0.5rem",
                "vertical-align": "sub",
                "&:before": {
                  "display": "inline-block",
                  "transform": "scale(1, 1)",
                  "transition": "all 0.25s ease-in-out"
                }
              }
            },
            ".collapsed": {
              ".dropdown-menu .dropdown-item:before": {
                "display": "none"
              },
              ".dropdown .dropdown-menu .dropdown-item": {
                "padding": "0.235em 1.5em 0.235em 1.5em !important",
                "transition": "none",
                "margin": "0 !important"
              }
            },
            ".navbar": {
              "min-height": "70px",
              "transition": "all 0.3s",
              "border-bottom": "1px solid transparent",
              "&:not(.navbar-short)": {},
              "& when not (@transparent)": {
                "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
                "background": "@menuBgColor"
              },
              "& when (@transparent)": {
                "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)"
              },
              "&.opened": {
                "transition": "all 0.3s"
              },
              ".dropdown-item": {
                "padding": "0.5rem 1.8rem"
              },
              ".navbar-logo img": {
                "width": "auto"
              },
              ".navbar-collapse": {
                "justify-content": "flex-end",
                "z-index": "1"
              },
              "&.collapsed": {
                "justify-content": "center",
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  },
                  "@media (min-width: 992px)": {
                    "&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
                      "max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
                    }
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "41%"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem",
                  "text-align": "center"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-right": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "@media (max-width: 991px)": {
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "40%"
                  }
                },
                ".navbar-logo": {
                  "img": {
                    "height": "3rem !important"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem !important",
                  "text-align": "center"
                },
                ".navbar-brand": {
                  "flex-shrink": "initial",
                  "flex-basis": "auto",
                  "word-break": "break-word",
                  "padding-right": "2rem"
                },
                ".navbar-toggler": {
                  "flex-basis": "auto"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "&.navbar-short": {
                "min-height": "60px",
                ".navbar-logo": {
                  "img": {
                    "height": "2.5rem !important"
                  }
                },
                ".navbar-brand": {
                  "min-height": "60px",
                  "padding": "0"
                }
              }
            },
            ".navbar-brand": {
              "min-height": "70px",
              "flex-shrink": "0",
              "align-items": "center",
              "margin-right": "0",
              "padding": "10px 0",
              "transition": "all 0.3s",
              "word-break": "break-word",
              "z-index": "1",
              ".navbar-caption": {
                "line-height": "inherit !important"
              },
              ".navbar-logo a": {
                "outline": "none"
              }
            },
            ".dropdown-item.active, .dropdown-item:active": {
              "background-color": "transparent"
            },
            ".navbar-expand-lg .navbar-nav .nav-link": {
              "padding": "0"
            },
            ".nav-dropdown .link.dropdown-toggle": {
              "margin-right": "1.667em",
              "&[aria-expanded=\"true\"]": {
                "margin-right": "0",
                "padding": "0.667em 1.667em"
              }
            },
            ".navbar.navbar-expand-lg .dropdown": {
              ".dropdown-menu": {
                "background": "@menuBgColor",
                ".dropdown-submenu": {
                  "margin": "0",
                  "left": "100%"
                }
              }
            },
            "ul.navbar-nav": {
              "flex-wrap": "wrap"
            },
            ".navbar .dropdown.open > .dropdown-menu": {
              "display": "block"
            },
            ".navbar-buttons": {
              "text-align": "center",
              "min-width": "170px"
            },
            "button.navbar-toggler": {
              "outline": "none",
              "width": "31px",
              "height": "20px",
              "cursor": "pointer",
              "transition": "all 0.2s",
              "position": "relative",
              "align-self": "center",
              ".hamburger span": {
                "position": "absolute",
                "right": "0",
                "width": "30px",
                "height": "2px",
                "border-right": "5px",
                "background-color": "@hamburgerColor",
                "&:nth-child(1)": {
                  "top": "0",
                  "transition": "all 0.2s"
                },
                "&:nth-child(2)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(3)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(4)": {
                  "top": "16px",
                  "transition": "all 0.2s"
                }
              }
            },
            "nav.opened .hamburger span": {
              "&:nth-child(1)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              },
              "&:nth-child(2)": {
                "transform": "rotate(45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(3)": {
                "transform": "rotate(-45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(4)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              }
            },
            ".navbar-dropdown": {
              "padding": "0 1rem",
              "& when (@sticky)": {
                "position": "fixed"
              }
            },
            "a.nav-link": {
              "display": "flex",
              "align-items": "center",
              "justify-content": "center"
            },
            ".icons-menu": {
              "flex-wrap": "nowrap",
              "display": "flex",
              "justify-content": "center",
              "padding-left": "1rem",
              "padding-right": "1rem",
              "padding-top": "0.3rem",
              "text-align": "center"
            },
            "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
              ".navbar": {
                "height": "70px",
                "&.opened": {
                  "height": "auto"
                }
              },
              ".nav-item .nav-link:hover::before": {
                "width": "175%",
                "max-width": "calc(100% ~\"+\" 2rem)",
                "left": "-1rem"
              }
            },
            ".cid-sYmGYy3bVg .dropdown-item": {
              "border-bottom": "0px Important"
            }
          },
          "_name": "menu3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu3\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n        <input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"4.3\" condition=\"showLogo\">\n        <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\">\n        <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n        <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n        <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n            <option value=\"1\">1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\" selected>3</option>\n            <option value=\"4\">4</option>\n        </select>\n        <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n        <input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n        <header>Styles</header>\n        <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\" checked>\n        <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n        <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n        <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n        <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#000000\">\n        <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n                     'navbar-expand-lg':!collapsed,\n                     'collapsed':collapsed}\">\n        <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n            <div class=\"navbar-brand\">\n                <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n                    \n                        <a href=\"index.html\"><img src=\"@PROJECT_PATH@/assets/images/logo2.png\" alt=\"Church Stretton Table Tennis Club\" mbr-style=\"{'height': logoSize + 'rem'}\"></a>\n                    \n                </span>\n                <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-white\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"></a></span>\n            </div>\n            <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n                <div class=\"hamburger\">\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                </div>\n            </button>\n            <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n                <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Home</a></li><li class=\"nav-item dropdown\"><a class=\"nav-link link text-white dropdown-toggle\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                            About</a><div class=\"dropdown-menu\"><a class=\"text-white dropdown-item text-primary\" href=\"about-the-club.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">About the Club</a><a class=\"text-white dropdown-item text-primary\" href=\"why-play-table-tennis.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Why Play Table Tennis?</a><a class=\"text-white dropdown-item text-primary\" href=\"history.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">A Brief History of Table Tennis</a><a class=\"text-white dropdown-item text-primary\" href=\"laws.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">The Rules &amp; Laws of Table Tennis</a></div></li>\n                    <li class=\"nav-item dropdown\"><a class=\"nav-link link text-white text-primary dropdown-toggle show\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" aria-expanded=\"false\">Teams<br></a><div class=\"dropdown-menu show\" aria-labelledby=\"dropdown-374\" data-bs-popper=\"none\"><a class=\"text-white text-primary dropdown-item\" href=\"churchstretton-a.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">First Team</a><a class=\"text-white text-primary show dropdown-item\" href=\"churchstretton-b.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Second Team</a></div></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"schedule.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Schedule</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"news.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">News</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"coaching.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Coaching</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"links.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Links</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"location.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Location</a></li>\n                    <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#contact\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contact</a>\n                    </li></ul>\n                <div class=\"icons-menu\" mbr-if=\"showIcons\">\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-facebook socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-instagram socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n                    </a>\n                </div>\n                <div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">\n                        Sign up</a>\n                </div>\n            </div>\n        </div>\n    </nav>\n</section>",
          "_cid": "sYFeRpdgYh",
          "_anchor": "menu3-1b",
          "_protectedParams": [],
          "_global": true,
          "_once": "menu",
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "background-color": "@bgColor"
          },
          "_name": "content5",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"content5\" group=\"Content\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"4\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n        <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" value=\"12\" step=\"1\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <header>Background</header>\n        <input type=\"color\" title=\"Color\" name=\"bgColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-md-12 col-lg-{{textWidth}}\">\n                <h3 class=\"mbr-section-title mbr-fonts-style mb-4\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-5\">\n                    <b>About the Club</b></h3>\n                <h4 class=\"mbr-section-subtitle mbr-fonts-style mb-4\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\">\n                    Enter your subtitle here\n                </h4>\n                <p class=\"mbr-text mbr-fonts-style\" data-app-selector=\".mbr-text\" mbr-theme-style=\"display-7\">Church Stretton Table Tennis Club is situated in the centre of Church Stretton, which is in the heart of the Shropshire Hills. The club was was re-stablished in 2023, after having been dormant for several years.<br>\n<br>Our main location is at the Silvester Horne Institute in Church Stretton, where we have 4 tournament quality tables, but we also have a facility at nearby Ticklerton Village Hall, with an additional table.<br><br>We run training/practice sessions every week and cater for all abilities.<br><br> We have 2 teams in the Shrewsbury and District Table Tennis League for the 2025-2026 season.<br></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sYFfuEn02i",
          "_anchor": "content5-1g",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            ".row": {
              "align-items": "stretch",
              "justify-content": "center",
              ".img-item": {
                "display": "-webkit-flex",
                "flex-direction": "column",
                "justify-content": "center",
                "width": "100%",
                "img": {
                  "width": "100%",
                  "object-fit": "cover",
                  "min-height": "1px"
                }
              }
            }
          },
          "_name": "image5",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"image5\" group=\"Images & Videos\" mbr-class=\"{'mbr-parallax-background':bg.parallax}\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Width\" name=\"contentWidth\" min=\"6\" max=\"12\" value=\"12\" step=\"1\">\n        <input type=\"range\" inline title=\"Sizes\" name=\"proportions\" min=\"4\" max=\"8\" value=\"6\" step=\"1\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Description\" name=\"showDescription\" checked>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value=\"../_images/background13.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.4\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row\">\n            <div class=\"col-12 col-md-{{contentWidth}}\">\n                <div class=\"row\">\n                    <div class=\"col-12 col-lg-{{proportions}}\">\n                        <div class=\"img-item mb-3\">\n                            <img src=\"@PROJECT_PATH@/assets/images/sylvester-horne-institute-1.jpg\" alt=\"Mobirise Website Builder\">\n                            <p class=\"mbr-fonts-style align-center mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showDescription\">Silvester Horne Institute, High Street, Church Stretton, SY6 6BY</p>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-lg\">\n                        <div class=\"img-item mb-3\">\n                            <img src=\"@PROJECT_PATH@/assets/images/ticklerton-village-hall.jpg\" alt=\"Ticklerton Village Hall\">\n                            <p class=\"mbr-fonts-style align-center mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showDescription\">Ticklerton Village Hall, Ticklerton, SY6 7DQ</p>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "tNR3HCPcyN",
          "_anchor": "image5-4l",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "background-color": "@bgColor"
          },
          "_name": "content5",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"content5\" group=\"Content\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n        <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" value=\"12\" step=\"1\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <header>Background</header>\n        <input type=\"color\" title=\"Color\" name=\"bgColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-md-12 col-lg-{{textWidth}}\">\n                <h3 class=\"mbr-section-title mbr-fonts-style mb-4\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-5\">\n                    <b>About the Club</b></h3>\n                <h4 class=\"mbr-section-subtitle mbr-fonts-style mb-4\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\">\n                    Enter your subtitle here\n                </h4>\n                <p class=\"mbr-text mbr-fonts-style\" data-app-selector=\".mbr-text\" mbr-theme-style=\"display-7\">We are committed to being a table tennis club that supports the local area, offering a welcoming and friendly environment, making table tennis accessible to all ages and abilities.<br><br>For our younger players, we offer a progressive coaching pathway with players starting in beginners' sessions. These sessions have been designed to be more fun and enjoyable.<br><br>For senior players, we have open sessions for social play or training with other players and we also offer coaching for those who want to learn more and improve their own game.<br><br>All sessions will lead into opportunities to play for the club in the Shrewsbury and District Table Tennis League.<br><br>We are affiliated to \"<a href=\"https://www.yourttcoach.com\" class=\"text-primary\">YOURTTCOACH</a>\" and employ a professional coach to provide 1 to 1 coaching at our Ticklerton base.<br><br>The club is seeking to attract anyone with an interest in table tennis to get involved, whether it is for a casual game at one of our open sessions, taking part in more competitive matches, or simply to help out in making our thriving club bigger and better. If you would be interested in getting involved, please do not hesitate to get in touch!<br></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_anchor": "content5-2l",
          "_isUserblock": true,
          "_cid": "sYVJhEFeCJ",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            ".row-links": {
              "width": "100%",
              "justify-content": "center"
            },
            ".social-row": {
              "width": "100%",
              "justify-content": "center"
            },
            ".media-container-row": {
              "flex-direction": "column",
              "justify-content": "center",
              "align-items": "center",
              ".foot-menu": {
                "list-style": "none",
                "display": "flex",
                "justify-content": "center",
                "flex-wrap": "wrap",
                "padding": "0",
                "margin-bottom": "0",
                "li": {
                  "padding": "0 1rem 1rem 1rem",
                  "p": {
                    "margin": "0"
                  }
                }
              },
              ".social-list": {
                "padding-left": "0",
                "margin-bottom": "0",
                "list-style": "none",
                "display": "flex",
                "flex-wrap": "wrap",
                "justify-content": "flex-end",
                ".mbr-iconfont-social": {
                  "font-size": "1.5rem",
                  "color": "#ffffff"
                },
                ".soc-item": {
                  "margin": "0 .5rem"
                },
                "a": {
                  "margin": "0",
                  "opacity": ".5",
                  "transition": ".2s linear",
                  "&:hover": {
                    "opacity": "1"
                  }
                },
                "@media (max-width: 767px)": {
                  "-webkit-justify-content": "center",
                  "justify-content": "center"
                }
              },
              ".row-copirayt": {
                "word-break": "break-word",
                "width": "100%",
                "p": {
                  "width": "100%"
                }
              }
            }
          },
          "_name": "footer3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer3\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"range\" inline title=\"Menu Items\" name=\"menuItems\" min=\"0\" max=\"10\" step=\"1\" value=\"9\">\n        <input type=\"range\" inline title=\"Social Items\" name=\"socialItems\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background8.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#000000\" selected>\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"media-container-row align-center mbr-white\">\n            <div class=\"row row-links\" mbr-if=\"menuItems > 0\">\n                <ul class=\"foot-menu\" mbr-list mbr-list-grow=\"menuItems\">\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html\" class=\"text-white\">Home</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"about-the-club.html\" class=\"text-white\">About</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"why-play-table-tennis.html\" class=\"text-white\">Why Play Table Tennis?</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"teams.html\" class=\"text-white\">Teams</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"schedule.html\" class=\"text-white\">Schedule</a></li>\n                <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"coaching.html\" class=\"text-white\">Coaching</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"links.html\" class=\"text-white\">Links</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"location.html\" class=\"text-white text-primary\">Location</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#contact\" class=\"text-white\">Contact</a></li></ul>\n            </div>\n            <div class=\"row social-row\" mbr-if=\"socialItems > 0\">\n                <div mbr-list mbr-list-grow=\"socialItems\" class=\"social-list align-right pb-2\">\n                    <div class=\"soc-item\">\n                        <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                            <span mbr-icon class=\"socicon-twitter socicon mbr-iconfont mbr-iconfont-social\"></span>\n                        </a>\n                    </div>\n                    \n                    \n                    \n                    \n                    \n                </div>\n            </div>\n            <div class=\"row row-copirayt\">\n                <p class=\"mbr-text mb-0 mbr-fonts-style mbr-white align-center\" mbr-theme-style=\"display-4\" data-app-selector=\".media-container-row .mbr-text\">\n                    © Copyright 2023-26 Church Stretton Table Tennis Club - All Rights Reserved - Site by <a href=\"https://strettoninternet.co.uk\" class=\"text-info\">Stretton Internet</a></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sYFeRq7IxM",
          "_anchor": "footer3-1e",
          "_protectedParams": [],
          "_global": true,
          "_once": "footers",
          "_params": {}
        }
      ]
    },
    "schedule.html": {
      "settings": {
        "title": "Schedule",
        "order": "12",
        "meta_descr": "Church Stretton Table Tennis Club - Latest News",
        "header_custom": ""
      },
      "components": [
        {
          "alias": false,
          "_styles": {
            "& when not (@sticky)": {
              ".navbar-dropdown": {
                "position": "relative !important"
              },
              "& when (@transparent)": {
                ".navbar-dropdown": {
                  "position": "absolute !important"
                }
              }
            },
            "& when (@sticky)": {
              "z-index": "1000",
              "width": "100%",
              "& when not (@transparent)": {
                "position": "relative",
                "min-height": "60px"
              },
              "nav.navbar": {
                "position": "fixed"
              }
            },
            ".dropdown-item:before": {
              "font-family": "Moririse2 !important",
              "content": "\"\\e966\"",
              "display": "inline-block",
              "width": "0",
              "position": "absolute",
              "left": "1rem",
              "top": "0.5rem",
              "margin-right": "0.5rem",
              "line-height": "1",
              "font-size": "inherit",
              "vertical-align": "middle",
              "text-align": "center",
              "overflow": "hidden",
              "transform": "scale(0, 1)",
              "transition": "all 0.25s ease-in-out"
            },
            ".dropdown-menu": {
              "padding": "0",
              "border-radius": "4px",
              "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
            },
            ".dropdown-item": {
              "border-bottom": "1px solid #e6e6e6",
              "&:hover, &:focus": {
                "background": "@primaryColor !important",
                "color": "white !important"
              },
              "&:first-child": {
                "border-top-left-radius": "4px",
                "border-top-right-radius": "4px"
              },
              "&:last-child": {
                "border-bottom": "none",
                "border-bottom-left-radius": "4px",
                "border-bottom-right-radius": "4px"
              }
            },
            ".nav-dropdown .link": {
              "padding": "0 0.3em !important",
              "margin": "0.667em 1em !important"
            },
            ".nav-dropdown .link.dropdown-toggle::after": {
              "margin-left": "0.5rem",
              "margin-top": "0.2rem"
            },
            ".nav-link": {
              "position": "relative"
            },
            ".container": {
              "display": "flex",
              "margin": "auto"
            },
            ".iconfont-wrapper": {
              "color": "@iconsColor !important",
              "font-size": "1.5rem",
              "padding-right": "0.5rem"
            },
            ".navbar-caption": {},
            ".navbar-nav": {},
            ".dropdown-menu, .navbar.opened": {
              "background": "@menuBgColor !important"
            },
            ".nav-item:focus, .nav-link:focus": {
              "outline": "none"
            },
            ".dropdown .dropdown-menu .dropdown-item": {
              "width": "auto",
              "transition": "all 0.25s ease-in-out",
              "&::after": {
                "right": "0.5rem"
              },
              ".mbr-iconfont": {
                "margin-right": "0.5rem",
                "vertical-align": "sub",
                "&:before": {
                  "display": "inline-block",
                  "transform": "scale(1, 1)",
                  "transition": "all 0.25s ease-in-out"
                }
              }
            },
            ".collapsed": {
              ".dropdown-menu .dropdown-item:before": {
                "display": "none"
              },
              ".dropdown .dropdown-menu .dropdown-item": {
                "padding": "0.235em 1.5em 0.235em 1.5em !important",
                "transition": "none",
                "margin": "0 !important"
              }
            },
            ".navbar": {
              "min-height": "70px",
              "transition": "all 0.3s",
              "border-bottom": "1px solid transparent",
              "&:not(.navbar-short)": {},
              "& when not (@transparent)": {
                "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
                "background": "@menuBgColor"
              },
              "& when (@transparent)": {
                "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)"
              },
              "&.opened": {
                "transition": "all 0.3s"
              },
              ".dropdown-item": {
                "padding": "0.5rem 1.8rem"
              },
              ".navbar-logo img": {
                "width": "auto"
              },
              ".navbar-collapse": {
                "justify-content": "flex-end",
                "z-index": "1"
              },
              "&.collapsed": {
                "justify-content": "center",
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  },
                  "@media (min-width: 992px)": {
                    "&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
                      "max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
                    }
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "41%"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem",
                  "text-align": "center"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-right": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "@media (max-width: 991px)": {
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "40%"
                  }
                },
                ".navbar-logo": {
                  "img": {
                    "height": "3rem !important"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem !important",
                  "text-align": "center"
                },
                ".navbar-brand": {
                  "flex-shrink": "initial",
                  "flex-basis": "auto",
                  "word-break": "break-word",
                  "padding-right": "2rem"
                },
                ".navbar-toggler": {
                  "flex-basis": "auto"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "&.navbar-short": {
                "min-height": "60px",
                ".navbar-logo": {
                  "img": {
                    "height": "2.5rem !important"
                  }
                },
                ".navbar-brand": {
                  "min-height": "60px",
                  "padding": "0"
                }
              }
            },
            ".navbar-brand": {
              "min-height": "70px",
              "flex-shrink": "0",
              "align-items": "center",
              "margin-right": "0",
              "padding": "10px 0",
              "transition": "all 0.3s",
              "word-break": "break-word",
              "z-index": "1",
              ".navbar-caption": {
                "line-height": "inherit !important"
              },
              ".navbar-logo a": {
                "outline": "none"
              }
            },
            ".dropdown-item.active, .dropdown-item:active": {
              "background-color": "transparent"
            },
            ".navbar-expand-lg .navbar-nav .nav-link": {
              "padding": "0"
            },
            ".nav-dropdown .link.dropdown-toggle": {
              "margin-right": "1.667em",
              "&[aria-expanded=\"true\"]": {
                "margin-right": "0",
                "padding": "0.667em 1.667em"
              }
            },
            ".navbar.navbar-expand-lg .dropdown": {
              ".dropdown-menu": {
                "background": "@menuBgColor",
                ".dropdown-submenu": {
                  "margin": "0",
                  "left": "100%"
                }
              }
            },
            "ul.navbar-nav": {
              "flex-wrap": "wrap"
            },
            ".navbar .dropdown.open > .dropdown-menu": {
              "display": "block"
            },
            ".navbar-buttons": {
              "text-align": "center",
              "min-width": "170px"
            },
            "button.navbar-toggler": {
              "outline": "none",
              "width": "31px",
              "height": "20px",
              "cursor": "pointer",
              "transition": "all 0.2s",
              "position": "relative",
              "align-self": "center",
              ".hamburger span": {
                "position": "absolute",
                "right": "0",
                "width": "30px",
                "height": "2px",
                "border-right": "5px",
                "background-color": "@hamburgerColor",
                "&:nth-child(1)": {
                  "top": "0",
                  "transition": "all 0.2s"
                },
                "&:nth-child(2)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(3)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(4)": {
                  "top": "16px",
                  "transition": "all 0.2s"
                }
              }
            },
            "nav.opened .hamburger span": {
              "&:nth-child(1)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              },
              "&:nth-child(2)": {
                "transform": "rotate(45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(3)": {
                "transform": "rotate(-45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(4)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              }
            },
            ".navbar-dropdown": {
              "padding": "0 1rem",
              "& when (@sticky)": {
                "position": "fixed"
              }
            },
            "a.nav-link": {
              "display": "flex",
              "align-items": "center",
              "justify-content": "center"
            },
            ".icons-menu": {
              "flex-wrap": "nowrap",
              "display": "flex",
              "justify-content": "center",
              "padding-left": "1rem",
              "padding-right": "1rem",
              "padding-top": "0.3rem",
              "text-align": "center"
            },
            "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
              ".navbar": {
                "height": "70px",
                "&.opened": {
                  "height": "auto"
                }
              },
              ".nav-item .nav-link:hover::before": {
                "width": "175%",
                "max-width": "calc(100% ~\"+\" 2rem)",
                "left": "-1rem"
              }
            },
            ".cid-sYmGYy3bVg .dropdown-item": {
              "border-bottom": "0px Important"
            }
          },
          "_name": "menu3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu3\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n        <input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"4.3\" condition=\"showLogo\">\n        <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\">\n        <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n        <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n        <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n            <option value=\"1\">1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\" selected>3</option>\n            <option value=\"4\">4</option>\n        </select>\n        <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n        <input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n        <header>Styles</header>\n        <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\" checked>\n        <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n        <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n        <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n        <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#000000\">\n        <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n                     'navbar-expand-lg':!collapsed,\n                     'collapsed':collapsed}\">\n        <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n            <div class=\"navbar-brand\">\n                <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n                    \n                        <a href=\"index.html\"><img src=\"@PROJECT_PATH@/assets/images/logo2.png\" alt=\"Church Stretton Table Tennis Club\" mbr-style=\"{'height': logoSize + 'rem'}\"></a>\n                    \n                </span>\n                <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-white\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"></a></span>\n            </div>\n            <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n                <div class=\"hamburger\">\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                </div>\n            </button>\n            <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n                <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Home</a></li><li class=\"nav-item dropdown\"><a class=\"nav-link link text-white dropdown-toggle\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                            About</a><div class=\"dropdown-menu\"><a class=\"text-white dropdown-item text-primary\" href=\"about-the-club.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">About the Club</a><a class=\"text-white dropdown-item text-primary\" href=\"why-play-table-tennis.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Why Play Table Tennis?</a><a class=\"text-white dropdown-item text-primary\" href=\"history.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">A Brief History of Table Tennis</a><a class=\"text-white dropdown-item text-primary\" href=\"laws.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">The Rules &amp; Laws of Table Tennis</a></div></li>\n                    <li class=\"nav-item dropdown\"><a class=\"nav-link link text-white text-primary dropdown-toggle show\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" aria-expanded=\"false\">Teams<br></a><div class=\"dropdown-menu show\" aria-labelledby=\"dropdown-374\" data-bs-popper=\"none\"><a class=\"text-white text-primary dropdown-item\" href=\"churchstretton-a.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">First Team</a><a class=\"text-white text-primary show dropdown-item\" href=\"churchstretton-b.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Second Team</a></div></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"schedule.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Schedule</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"news.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">News</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"coaching.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Coaching</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"links.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Links</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"location.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Location</a></li>\n                    <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#contact\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contact</a>\n                    </li></ul>\n                <div class=\"icons-menu\" mbr-if=\"showIcons\">\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-facebook socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-instagram socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n                    </a>\n                </div>\n                <div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">\n                        Sign up</a>\n                </div>\n            </div>\n        </div>\n    </nav>\n</section>",
          "_cid": "sYKxOKz7Fo",
          "_anchor": "menu3-1x",
          "_protectedParams": [],
          "_global": true,
          "_once": "menu",
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 1rem)",
              "padding-bottom": "(@paddingBottom * 1rem)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@fullWidth)": {
              ".text-wrapper": {
                "padding": "1rem"
              }
            },
            "@media (max-width: 991px)": {
              ".image-wrapper": {
                "margin-bottom": "1rem"
              }
            },
            "img": {
              "width": "100%"
            },
            "@media (min-width: 992px)": {
              ".text-wrapper": {
                "padding": "2rem"
              }
            }
          },
          "_name": "image1",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"image1\" group=\"Images & Videos\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n                    'mbr-parallax-background': bg.parallax}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"2\" condition=\"fullScreen == false\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n        <input type=\"range\" name=\"textWidth\" title=\"Image\" min=\"4\" max=\"8\" step=\"1\" value=\"4\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n        <input type=\"checkbox\" title=\"Description\" name=\"showDescription\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div mbr-class=\"{'container': !fullWidth}\">\n        <div class=\"row align-items-center\">\n            <div class=\"col-12 col-lg-{{textWidth}}\">\n                <div class=\"image-wrapper\">\n                    <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt=\"Schedule of Practice\">\n                    <p class=\"mbr-description mbr-fonts-style pt-2 align-center\" mbr-theme-style=\"display-4\" mbr-if=\"showDescription\" data-app-selector=\".mbr-description\">\n                    Image Description</p>\n                </div>\n            </div>\n            <div class=\"col-12\" mbr-class=\"{'col-lg' : !fullWidth, 'col-lg-4' : fullWidth &amp;&amp; textWidth >= 6, 'col-lg-6' : fullWidth &amp;&amp; textWidth <= 5}\">\n                <div class=\"text-wrapper\">\n                    <h3 class=\"mbr-section-title mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n                        <b>Schedule</b></h3>\n                    <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n                        As a club, our aim is provide opportunities for people of all ages and abilities to play table tennis and our playing schedule is designed to offer everyone a suitable session to attend.&nbsp;We want you to feel you can come to a session no matter your age or level.<br><br>The club currently runs sessions every week, either at the Silvester Horne Institute or at Ticklerton Village Hall. The sessions are aimed at different abilities and are run slightly differently, so it is suggested that you email the club, if you are interested in coming along. <a href=\"mailto:churchstrettontabletennisclub@gmail.com\" class=\"text-primary\">churchstrettontabletennisclub@gmail.com</a><br></p>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sYOB73Qmvz",
          "_anchor": "image1-2k",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            ".card-wrapper": {
              "background-color": "@cardsBg",
              "margin-bottom": "2rem",
              "border-radius": "4px",
              "background": "@cardsBg",
              "transition": "all 0.3s",
              "padding": "2rem",
              "padding-top": "3rem"
            },
            ".mbr-section-title, .mbr-section-subtitle": {
              "text-align": "center"
            },
            "@media (min-width: 992px)": {
              ".card-wrapper": {
                "padding-left": "4rem",
                "padding-right": "4rem"
              }
            },
            "@media (max-width: 767px)": {
              ".card-wrapper": {
                "padding": "1rem",
                "padding-top": "2rem"
              }
            },
            ".card-title": {
              "color": "#fafafa"
            },
            ".mbr-text": {
              "color": "#fafafa"
            },
            ".price": {
              "color": "#fafafa"
            }
          },
          "_name": "features10",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"features9\" group=\"Features\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n    <!---->\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <header>Cards</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitleCard\" checked>\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n        <select title=\"Amount\" name=\"cardsAmount\">\n            <option value=\"1\">1</option>\n            <option value=\"2\" selected>2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <input type=\"color\" title=\"Background\" name=\"cardsBg\" value=\"#034d71\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/tt-header.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#bed3f9\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n            <h3 mbr-if=\"showTitle\" class=\"mbr-section-title mbr-fonts-style mb-0\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-2\">\n                <b>Product List</b>\n            </h3>\n            <h4 mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" class=\"mbr-section-subtitle mbr-fonts-style mb-0 mt-2\" mbr-theme-style=\"display-5\">\n                Subtitle\n            </h4>\n        </div>\n        <div class=\"row mt-4\">\n            <div class=\"card col-12\">\n                <div class=\"card-wrapper\">\n                    <div class=\"top-line row\" mbr-if=\"showTitleCard\">\n                        <div class=\"col\">\n                            <h4 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\"><b>Thursday 6:00pm - 8:00pm<br>Mixed Level Improvement Session - All Welcome!</b></h4>\n                        </div>\n                        <div class=\"col-auto\">\n                            <p class=\"price mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".price\">£4.00 per session</p>\n                        </div>\n                    </div>\n                    <div class=\"bottom-line\">\n                        <p class=\"mbr-text mbr-fonts-style \" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">Location - Silvester Horne Institute<br><br>Our Thursday night session is aimed at all players of any ability who want to improve their game, or beginners who want to see what the game is about. These sessions are informal and friendly and everyone is welcome. Please note that under 16s must be accompanied by a responsible adult at all times.<br><br><b>Dates for Jan - Dec 2026</b><br>\n<br><b>January</b> - 8th, 22nd, 29th (1st &amp; 15th not available)<br><b>February</b> - 5th, 12th, 26th (19th not available)\n<br><b>March</b> - 5th, 12th, 26th (19th not available)\n<br><b>April</b> - 2nd, 9th, 23rd, 30th (16th not available)\n<br><b>May</b> - 7th, 28th (14th &amp; 21st not available)\n<br><b>June</b> - 4th, 11th, 18th, 25th\n<br><b>July</b> - 2nd, 9th, 16th, 23rd (30th not available)\n<br><b>August</b> - 13th, 20th, 27th (6th not available)<br><b>September</b> - 3rd, 10th, 24th (17th not available)<br><b>October</b> - 2st, 8th, 22nd, 29th (15th not available)<br><b>November</b> - 5th, 12th, 26th (19th not available)<br><b>December</b> - 3rd, 17th (10th, 24th, 31st not available)<br><br><b>Dates for Jan - Dec 2025</b><br><br><b>January</b> - Thursday 9th, 23rd, 30th (16th January not available)\n<br><b>February</b> - Thursday 6th, 13th, 27th (20th February not available)\n<br><b>March</b> - Thursday 6th, 13th, 27th (20th March not available)\n<br><b>April</b> - Thursday 3rd, 10th, 17th (24th April not available)<br><b>May</b> - Thursday 1st, 8th, 29th (15th &amp; 22nd May not available)<br><b>June</b> - Thursday 5th, 12th, 19th, 26th<br><b>July</b> - Thursday 3rd, 10th, 17th, 24th, 31st<br><b>August</b> - Thursday 7th, 14th, 21st, 28th<br><b>September</b> - Thursday 4th, 11th, 25th (18th September not available)<br><b>October</b> - Thursday 2nd, 9th, 23rd, 30th (16th October not available)<br><b>November</b> - Thursday 6th, 27th (13th, 20th November not available)<br><b>December</b> - Thursday 4th (11th, 18th &amp; 25th December not available)<br></p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"card col-12\" mbr-if=\"cardsAmount>1\">\n                <div class=\"card-wrapper\">\n                    <div class=\"top-line row\" mbr-if=\"showTitleCard\">\n                        <div class=\"col\">\n                            <h4 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\"><b>Saturday 9:30am - 12:00pm<br>League Team Practice Session</b></h4>\n                        </div>\n                        <div class=\"col-auto\">\n                            <p class=\"price mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".price\">\n                                £5.00 per session</p>\n                        </div>\n                    </div>\n                    <div class=\"bottom-line\">\n                        <p class=\"mbr-text mbr-fonts-style \" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n                            Location - Silvester Horne Institute<br><br>This session is for players who play in a league team. Anyone interested in playing in the league should, in the first instance, contact the club for more information.<br><br><b>Dates for Jan - Dec 2026</b><br><br>January – 10th, 17th, 24th, 31st (3rd not available)<br>February – 7th, 14th, 21st, 28th<br>March – 7th, 14th, 21st, 28th<br>April – 4th, 11th, 18th, 25th<br>May – 2nd, 30th (9th, 16th &amp; 23rd not available)<br>June – 6th, 13th, 20th, 27th<br>July – 4th, 11th, 18th (25th not available)<br>August – 15th, 22nd, 29th (1st &amp; 8th not available)<br>September – 5th, 12th, 19th, 26th<br>October – 3rd, 10th, 17th, 24th, 31st<br>November – 21st (7th, 14th &amp; 28th not available)<br>December – 5th, 19th (12th &amp; 26th not available)<b><br></b><br><b>Dates for Jan - Dec 2025</b><br><br><b>January</b> - Saturday 4th, 11th, 18th &amp; 25th<br><b>February</b> - Saturday 1st, 8th, 15th, 22nd<br><b>March</b> - Saturday 1st, 8th, 15th, 22nd, 29th<br><b>April</b> - Saturday 5th, 12th, 19th, 26th<br><b>May</b> - Saturday 3rd (10th, 17th &amp; 24th not available)<br><b>June</b> - Saturday 7th, 14th, 21st, 28th<br><b>July</b> - Saturday 5th, 12th, 19th, 26th\n<br><b>August</b> - Saturday 9th, 16th, 23rd, 30th (2nd August not available)<br><b>September</b> - Saturday 6th, 13th, 20th, 27th<br><b>October</b> - Saturday 4th, 11th, 18th, 25th<br><b>November</b> - Saturday 1st, 8th (15th, 22nd &amp; 29th November not available)\n<br><b>December</b> - Saturday 6th, 20th (13th &amp; 27th December not available)<br></p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"card col-12\" mbr-if=\"cardsAmount>2\">\n                <div class=\"card-wrapper\">\n                    <div class=\"top-line row\" mbr-if=\"showTitleCard\">\n                        <div class=\"col\">\n                            <h4 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\"></h4>\n                        </div>\n                        <div class=\"col-auto\">\n                            <p class=\"price mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".price\"></p>\n                        </div>\n                    </div>\n                    <div class=\"bottom-line\">\n                        <p class=\"mbr-text mbr-fonts-style \" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\"></p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"card col-12\" mbr-if=\"cardsAmount>3\">\n                <div class=\"card-wrapper\">\n                    <div class=\"top-line row\" mbr-if=\"showTitleCard\">\n                        <div class=\"col\">\n                            <h4 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\"><b>Saturday 9:30am - 12:00pm</b><br><b>Intermediate and Above Players</b></h4>\n                        </div>\n                        <div class=\"col-auto\">\n                            <p class=\"price mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".price\">\n                                £3.00 per session</p>\n                        </div>\n                    </div>\n                    <div class=\"bottom-line\">\n                        <p class=\"mbr-text mbr-fonts-style \" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n                            Location - Rushbury Village Hall<br><br>This session is run by the Shrewsbury Academy and is aimed at players of at least an intermediate level. Anyone interested in joining should, in the first instance, contact Bill Howarth at&nbsp;<a href=\"mailto:bhowarth@int-comp.org\" class=\"text-primary\">bhowarth@int-comp.org</a></p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"card col-12\" mbr-if=\"cardsAmount>4\">\n                <div class=\"card-wrapper\">\n                    <div class=\"top-line row\" mbr-if=\"showTitleCard\">\n                        <div class=\"col\">\n                            <h4 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\"><b>Special Issue</b></h4>\n                        </div>\n                        <div class=\"col-auto\">\n                            <p class=\"price mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".price\">\n                                $39</p>\n                        </div>\n                    </div>\n                    <div class=\"bottom-line\">\n                        <p class=\"mbr-text mbr-fonts-style \" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n                            Themes in the Mobirise website builder offer multiple blocks: intros, sliders, galleries,\n                            forms, articles, and so on. Start a project and click on the red plus buttons to see the\n                            blocks available for your theme.\n                        </p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"card col-12\" mbr-if=\"cardsAmount>5\">\n                <div class=\"card-wrapper\">\n                    <div class=\"top-line row\" mbr-if=\"showTitleCard\">\n                        <div class=\"col\">\n                            <h4 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\"><b>Special Issue</b></h4>\n                        </div>\n                        <div class=\"col-auto\">\n                            <p class=\"price mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".price\">\n                                $39</p>\n                        </div>\n                    </div>\n                    <div class=\"bottom-line\">\n                        <p class=\"mbr-text mbr-fonts-style \" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n                            Themes in the Mobirise website builder offer multiple blocks: intros, sliders, galleries,\n                            forms, articles, and so on. Start a project and click on the red plus buttons to see the\n                            blocks available for your theme.\n                        </p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"card col-12\" mbr-if=\"cardsAmount>6\">\n                <div class=\"card-wrapper\">\n                    <div class=\"top-line row\" mbr-if=\"showTitleCard\">\n                        <div class=\"col\">\n                            <h4 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\"><b>Special Issue</b></h4>\n                        </div>\n                        <div class=\"col-auto\">\n                            <p class=\"price mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".price\">\n                                $39</p>\n                        </div>\n                    </div>\n                    <div class=\"bottom-line\">\n                        <p class=\"mbr-text mbr-fonts-style \" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n                            Themes in the Mobirise website builder offer multiple blocks: intros, sliders, galleries,\n                            forms, articles, and so on. Start a project and click on the red plus buttons to see the\n                            blocks available for your theme.\n                        </p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"card col-12\" mbr-if=\"cardsAmount>7\">\n                <div class=\"card-wrapper\">\n                    <div class=\"top-line row\" mbr-if=\"showTitleCard\">\n                        <div class=\"col\">\n                            <h4 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\"><b>Special Issue</b></h4>\n                        </div>\n                        <div class=\"col-auto\">\n                            <p class=\"price mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".price\">\n                                $39</p>\n                        </div>\n                    </div>\n                    <div class=\"bottom-line\">\n                        <p class=\"mbr-text mbr-fonts-style \" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n                            Themes in the Mobirise website builder offer multiple blocks: intros, sliders, galleries,\n                            forms, articles, and so on. Start a project and click on the red plus buttons to see the\n                            blocks available for your theme.\n                        </p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"card col-12\" mbr-if=\"cardsAmount>8\">\n                <div class=\"card-wrapper\">\n                    <div class=\"top-line row\" mbr-if=\"showTitleCard\">\n                        <div class=\"col\">\n                            <h4 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\"><b>Special Issue</b></h4>\n                        </div>\n                        <div class=\"col-auto\">\n                            <p class=\"price mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".price\">\n                                $39</p>\n                        </div>\n                    </div>\n                    <div class=\"bottom-line\">\n                        <p class=\"mbr-text mbr-fonts-style \" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n                            Themes in the Mobirise website builder offer multiple blocks: intros, sliders, galleries,\n                            forms, articles, and so on. Start a project and click on the red plus buttons to see the\n                            blocks available for your theme.\n                        </p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"card col-12\" mbr-if=\"cardsAmount>9\">\n                <div class=\"card-wrapper\">\n                    <div class=\"top-line row\" mbr-if=\"showTitleCard\">\n                        <div class=\"col\">\n                            <h4 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\"><b>Special Issue</b></h4>\n                        </div>\n                        <div class=\"col-auto\">\n                            <p class=\"price mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".price\">\n                                $39</p>\n                        </div>\n                    </div>\n                    <div class=\"bottom-line\">\n                        <p class=\"mbr-text mbr-fonts-style \" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n                            Themes in the Mobirise website builder offer multiple blocks: intros, sliders, galleries,\n                            forms, articles, and so on. Start a project and click on the red plus buttons to see the\n                            blocks available for your theme.\n                        </p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"card col-12\" mbr-if=\"cardsAmount>10\">\n                <div class=\"card-wrapper\">\n                    <div class=\"top-line row\" mbr-if=\"showTitleCard\">\n                        <div class=\"col\">\n                            <h4 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\"><b>Special Issue</b></h4>\n                        </div>\n                        <div class=\"col-auto\">\n                            <p class=\"price mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".price\">\n                                $39</p>\n                        </div>\n                    </div>\n                    <div class=\"bottom-line\">\n                        <p class=\"mbr-text mbr-fonts-style \" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n                            Themes in the Mobirise website builder offer multiple blocks: intros, sliders, galleries,\n                            forms, articles, and so on. Start a project and click on the red plus buttons to see the\n                            blocks available for your theme.\n                        </p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"card col-12\" mbr-if=\"cardsAmount>11\">\n                <div class=\"card-wrapper\">\n                    <div class=\"top-line row\" mbr-if=\"showTitleCard\">\n                        <div class=\"col\">\n                            <h4 class=\"card-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".card-title\"><b>Special Issue</b></h4>\n                        </div>\n                        <div class=\"col-auto\">\n                            <p class=\"price mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".price\">\n                                $39</p>\n                        </div>\n                    </div>\n                    <div class=\"bottom-line\">\n                        <p class=\"mbr-text mbr-fonts-style \" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n                            Themes in the Mobirise website builder offer multiple blocks: intros, sliders, galleries,\n                            forms, articles, and so on. Start a project and click on the red plus buttons to see the\n                            blocks available for your theme.\n                        </p>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sYKzdwrsmi",
          "_anchor": "features10-22",
          "_PHPplaceholders": [],
          "_JSplaceholders": [],
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            ".row-links": {
              "width": "100%",
              "justify-content": "center"
            },
            ".social-row": {
              "width": "100%",
              "justify-content": "center"
            },
            ".media-container-row": {
              "flex-direction": "column",
              "justify-content": "center",
              "align-items": "center",
              ".foot-menu": {
                "list-style": "none",
                "display": "flex",
                "justify-content": "center",
                "flex-wrap": "wrap",
                "padding": "0",
                "margin-bottom": "0",
                "li": {
                  "padding": "0 1rem 1rem 1rem",
                  "p": {
                    "margin": "0"
                  }
                }
              },
              ".social-list": {
                "padding-left": "0",
                "margin-bottom": "0",
                "list-style": "none",
                "display": "flex",
                "flex-wrap": "wrap",
                "justify-content": "flex-end",
                ".mbr-iconfont-social": {
                  "font-size": "1.5rem",
                  "color": "#ffffff"
                },
                ".soc-item": {
                  "margin": "0 .5rem"
                },
                "a": {
                  "margin": "0",
                  "opacity": ".5",
                  "transition": ".2s linear",
                  "&:hover": {
                    "opacity": "1"
                  }
                },
                "@media (max-width: 767px)": {
                  "-webkit-justify-content": "center",
                  "justify-content": "center"
                }
              },
              ".row-copirayt": {
                "word-break": "break-word",
                "width": "100%",
                "p": {
                  "width": "100%"
                }
              }
            }
          },
          "_name": "footer3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer3\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"range\" inline title=\"Menu Items\" name=\"menuItems\" min=\"0\" max=\"10\" step=\"1\" value=\"9\">\n        <input type=\"range\" inline title=\"Social Items\" name=\"socialItems\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background8.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#000000\" selected>\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"media-container-row align-center mbr-white\">\n            <div class=\"row row-links\" mbr-if=\"menuItems > 0\">\n                <ul class=\"foot-menu\" mbr-list mbr-list-grow=\"menuItems\">\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html\" class=\"text-white\">Home</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"about-the-club.html\" class=\"text-white\">About</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"why-play-table-tennis.html\" class=\"text-white\">Why Play Table Tennis?</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"teams.html\" class=\"text-white\">Teams</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"schedule.html\" class=\"text-white\">Schedule</a></li>\n                <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"coaching.html\" class=\"text-white\">Coaching</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"links.html\" class=\"text-white\">Links</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"location.html\" class=\"text-white text-primary\">Location</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#contact\" class=\"text-white\">Contact</a></li></ul>\n            </div>\n            <div class=\"row social-row\" mbr-if=\"socialItems > 0\">\n                <div mbr-list mbr-list-grow=\"socialItems\" class=\"social-list align-right pb-2\">\n                    <div class=\"soc-item\">\n                        <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                            <span mbr-icon class=\"socicon-twitter socicon mbr-iconfont mbr-iconfont-social\"></span>\n                        </a>\n                    </div>\n                    \n                    \n                    \n                    \n                    \n                </div>\n            </div>\n            <div class=\"row row-copirayt\">\n                <p class=\"mbr-text mb-0 mbr-fonts-style mbr-white align-center\" mbr-theme-style=\"display-4\" data-app-selector=\".media-container-row .mbr-text\">\n                    © Copyright 2023-26 Church Stretton Table Tennis Club - All Rights Reserved - Site by <a href=\"https://strettoninternet.co.uk\" class=\"text-info\">Stretton Internet</a></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sYKxOLbsFd",
          "_anchor": "footer3-20",
          "_protectedParams": [],
          "_global": true,
          "_once": "footers",
          "_params": {}
        }
      ]
    },
    "coaching.html": {
      "settings": {
        "title": "Coaching",
        "order": "11",
        "meta_descr": "Coaching at Church Stretton Table Tennis Club",
        "header_custom": ""
      },
      "components": [
        {
          "alias": false,
          "_styles": {
            "& when not (@sticky)": {
              ".navbar-dropdown": {
                "position": "relative !important"
              },
              "& when (@transparent)": {
                ".navbar-dropdown": {
                  "position": "absolute !important"
                }
              }
            },
            "& when (@sticky)": {
              "z-index": "1000",
              "width": "100%",
              "& when not (@transparent)": {
                "position": "relative",
                "min-height": "60px"
              },
              "nav.navbar": {
                "position": "fixed"
              }
            },
            ".dropdown-item:before": {
              "font-family": "Moririse2 !important",
              "content": "\"\\e966\"",
              "display": "inline-block",
              "width": "0",
              "position": "absolute",
              "left": "1rem",
              "top": "0.5rem",
              "margin-right": "0.5rem",
              "line-height": "1",
              "font-size": "inherit",
              "vertical-align": "middle",
              "text-align": "center",
              "overflow": "hidden",
              "transform": "scale(0, 1)",
              "transition": "all 0.25s ease-in-out"
            },
            ".dropdown-menu": {
              "padding": "0",
              "border-radius": "4px",
              "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
            },
            ".dropdown-item": {
              "border-bottom": "1px solid #e6e6e6",
              "&:hover, &:focus": {
                "background": "@primaryColor !important",
                "color": "white !important"
              },
              "&:first-child": {
                "border-top-left-radius": "4px",
                "border-top-right-radius": "4px"
              },
              "&:last-child": {
                "border-bottom": "none",
                "border-bottom-left-radius": "4px",
                "border-bottom-right-radius": "4px"
              }
            },
            ".nav-dropdown .link": {
              "padding": "0 0.3em !important",
              "margin": "0.667em 1em !important"
            },
            ".nav-dropdown .link.dropdown-toggle::after": {
              "margin-left": "0.5rem",
              "margin-top": "0.2rem"
            },
            ".nav-link": {
              "position": "relative"
            },
            ".container": {
              "display": "flex",
              "margin": "auto"
            },
            ".iconfont-wrapper": {
              "color": "@iconsColor !important",
              "font-size": "1.5rem",
              "padding-right": "0.5rem"
            },
            ".navbar-caption": {},
            ".navbar-nav": {},
            ".dropdown-menu, .navbar.opened": {
              "background": "@menuBgColor !important"
            },
            ".nav-item:focus, .nav-link:focus": {
              "outline": "none"
            },
            ".dropdown .dropdown-menu .dropdown-item": {
              "width": "auto",
              "transition": "all 0.25s ease-in-out",
              "&::after": {
                "right": "0.5rem"
              },
              ".mbr-iconfont": {
                "margin-right": "0.5rem",
                "vertical-align": "sub",
                "&:before": {
                  "display": "inline-block",
                  "transform": "scale(1, 1)",
                  "transition": "all 0.25s ease-in-out"
                }
              }
            },
            ".collapsed": {
              ".dropdown-menu .dropdown-item:before": {
                "display": "none"
              },
              ".dropdown .dropdown-menu .dropdown-item": {
                "padding": "0.235em 1.5em 0.235em 1.5em !important",
                "transition": "none",
                "margin": "0 !important"
              }
            },
            ".navbar": {
              "min-height": "70px",
              "transition": "all 0.3s",
              "border-bottom": "1px solid transparent",
              "&:not(.navbar-short)": {},
              "& when not (@transparent)": {
                "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
                "background": "@menuBgColor"
              },
              "& when (@transparent)": {
                "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)"
              },
              "&.opened": {
                "transition": "all 0.3s"
              },
              ".dropdown-item": {
                "padding": "0.5rem 1.8rem"
              },
              ".navbar-logo img": {
                "width": "auto"
              },
              ".navbar-collapse": {
                "justify-content": "flex-end",
                "z-index": "1"
              },
              "&.collapsed": {
                "justify-content": "center",
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  },
                  "@media (min-width: 992px)": {
                    "&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
                      "max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
                    }
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "41%"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem",
                  "text-align": "center"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-right": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "@media (max-width: 991px)": {
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "40%"
                  }
                },
                ".navbar-logo": {
                  "img": {
                    "height": "3rem !important"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem !important",
                  "text-align": "center"
                },
                ".navbar-brand": {
                  "flex-shrink": "initial",
                  "flex-basis": "auto",
                  "word-break": "break-word",
                  "padding-right": "2rem"
                },
                ".navbar-toggler": {
                  "flex-basis": "auto"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "&.navbar-short": {
                "min-height": "60px",
                ".navbar-logo": {
                  "img": {
                    "height": "2.5rem !important"
                  }
                },
                ".navbar-brand": {
                  "min-height": "60px",
                  "padding": "0"
                }
              }
            },
            ".navbar-brand": {
              "min-height": "70px",
              "flex-shrink": "0",
              "align-items": "center",
              "margin-right": "0",
              "padding": "10px 0",
              "transition": "all 0.3s",
              "word-break": "break-word",
              "z-index": "1",
              ".navbar-caption": {
                "line-height": "inherit !important"
              },
              ".navbar-logo a": {
                "outline": "none"
              }
            },
            ".dropdown-item.active, .dropdown-item:active": {
              "background-color": "transparent"
            },
            ".navbar-expand-lg .navbar-nav .nav-link": {
              "padding": "0"
            },
            ".nav-dropdown .link.dropdown-toggle": {
              "margin-right": "1.667em",
              "&[aria-expanded=\"true\"]": {
                "margin-right": "0",
                "padding": "0.667em 1.667em"
              }
            },
            ".navbar.navbar-expand-lg .dropdown": {
              ".dropdown-menu": {
                "background": "@menuBgColor",
                ".dropdown-submenu": {
                  "margin": "0",
                  "left": "100%"
                }
              }
            },
            "ul.navbar-nav": {
              "flex-wrap": "wrap"
            },
            ".navbar .dropdown.open > .dropdown-menu": {
              "display": "block"
            },
            ".navbar-buttons": {
              "text-align": "center",
              "min-width": "170px"
            },
            "button.navbar-toggler": {
              "outline": "none",
              "width": "31px",
              "height": "20px",
              "cursor": "pointer",
              "transition": "all 0.2s",
              "position": "relative",
              "align-self": "center",
              ".hamburger span": {
                "position": "absolute",
                "right": "0",
                "width": "30px",
                "height": "2px",
                "border-right": "5px",
                "background-color": "@hamburgerColor",
                "&:nth-child(1)": {
                  "top": "0",
                  "transition": "all 0.2s"
                },
                "&:nth-child(2)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(3)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(4)": {
                  "top": "16px",
                  "transition": "all 0.2s"
                }
              }
            },
            "nav.opened .hamburger span": {
              "&:nth-child(1)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              },
              "&:nth-child(2)": {
                "transform": "rotate(45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(3)": {
                "transform": "rotate(-45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(4)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              }
            },
            ".navbar-dropdown": {
              "padding": "0 1rem",
              "& when (@sticky)": {
                "position": "fixed"
              }
            },
            "a.nav-link": {
              "display": "flex",
              "align-items": "center",
              "justify-content": "center"
            },
            ".icons-menu": {
              "flex-wrap": "nowrap",
              "display": "flex",
              "justify-content": "center",
              "padding-left": "1rem",
              "padding-right": "1rem",
              "padding-top": "0.3rem",
              "text-align": "center"
            },
            "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
              ".navbar": {
                "height": "70px",
                "&.opened": {
                  "height": "auto"
                }
              },
              ".nav-item .nav-link:hover::before": {
                "width": "175%",
                "max-width": "calc(100% ~\"+\" 2rem)",
                "left": "-1rem"
              }
            },
            ".cid-sYmGYy3bVg .dropdown-item": {
              "border-bottom": "0px Important"
            }
          },
          "_name": "menu3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu3\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n        <input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"4.3\" condition=\"showLogo\">\n        <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\">\n        <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n        <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n        <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n            <option value=\"1\">1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\" selected>3</option>\n            <option value=\"4\">4</option>\n        </select>\n        <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n        <input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n        <header>Styles</header>\n        <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\" checked>\n        <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n        <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n        <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n        <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#000000\">\n        <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n                     'navbar-expand-lg':!collapsed,\n                     'collapsed':collapsed}\">\n        <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n            <div class=\"navbar-brand\">\n                <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n                    \n                        <a href=\"index.html\"><img src=\"@PROJECT_PATH@/assets/images/logo2.png\" alt=\"Church Stretton Table Tennis Club\" mbr-style=\"{'height': logoSize + 'rem'}\"></a>\n                    \n                </span>\n                <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-white\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"></a></span>\n            </div>\n            <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n                <div class=\"hamburger\">\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                </div>\n            </button>\n            <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n                <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Home</a></li><li class=\"nav-item dropdown\"><a class=\"nav-link link text-white dropdown-toggle\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                            About</a><div class=\"dropdown-menu\"><a class=\"text-white dropdown-item text-primary\" href=\"about-the-club.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">About the Club</a><a class=\"text-white dropdown-item text-primary\" href=\"why-play-table-tennis.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Why Play Table Tennis?</a><a class=\"text-white dropdown-item text-primary\" href=\"history.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">A Brief History of Table Tennis</a><a class=\"text-white dropdown-item text-primary\" href=\"laws.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">The Rules &amp; Laws of Table Tennis</a></div></li>\n                    <li class=\"nav-item dropdown\"><a class=\"nav-link link text-white text-primary dropdown-toggle show\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" aria-expanded=\"false\">Teams<br></a><div class=\"dropdown-menu show\" aria-labelledby=\"dropdown-374\" data-bs-popper=\"none\"><a class=\"text-white text-primary dropdown-item\" href=\"churchstretton-a.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">First Team</a><a class=\"text-white text-primary show dropdown-item\" href=\"churchstretton-b.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Second Team</a></div></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"schedule.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Schedule</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"news.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">News</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"coaching.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Coaching</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"links.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Links</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"location.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Location</a></li>\n                    <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#contact\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contact</a>\n                    </li></ul>\n                <div class=\"icons-menu\" mbr-if=\"showIcons\">\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-facebook socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-instagram socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n                    </a>\n                </div>\n                <div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">\n                        Sign up</a>\n                </div>\n            </div>\n        </div>\n    </nav>\n</section>",
          "_cid": "sYKOH3qJhZ",
          "_anchor": "menu3-28",
          "_protectedParams": [],
          "_global": true,
          "_once": "menu",
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 1rem)",
              "padding-bottom": "(@paddingBottom * 1rem)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "@media (max-width: 991px)": {
              ".image-wrapper": {
                "margin-bottom": "1rem"
              }
            },
            ".row": {
              "flex-direction": "row-reverse"
            },
            "img": {
              "width": "100%"
            }
          },
          "_name": "image3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"image3\" group=\"Images & Videos\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n                    'mbr-parallax-background': bg.parallax}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"4\" condition=\"fullScreen == false\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n        <input type=\"range\" name=\"textWidth\" title=\"Image\" min=\"4\" max=\"12\" step=\"1\" value=\"4\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-12 col-lg-{{textWidth}}\">\n                <div class=\"image-wrapper\">\n                    <a href=\"https://yourttcoach.com/\"><img src=\"@PROJECT_PATH@/assets/images/yourttcoach-logo-rectangular.jpg\" alt=\"yourttcoach.com\"></a>\n                    <p class=\"mbr-description mbr-fonts-style mt-2 align-center\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-description\">\n                        Image Description</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sYKVeV4Ink",
          "_anchor": "image3-2c",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 1rem)",
              "padding-bottom": "(@paddingBottom * 1rem)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@fullWidth)": {
              ".text-wrapper": {
                "padding": "1rem"
              }
            },
            "@media (max-width: 991px)": {
              ".image-wrapper": {
                "margin-bottom": "1rem"
              }
            },
            ".row": {
              "flex-direction": "row-reverse"
            },
            "img": {
              "width": "100%"
            },
            "@media (min-width: 992px)": {
              ".text-wrapper": {
                "padding": "2rem"
              }
            }
          },
          "_name": "image2",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"image2\" group=\"Images & Videos\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n                    'mbr-parallax-background': bg.parallax}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"2\" condition=\"fullScreen == false\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n        <input type=\"range\" name=\"textWidth\" title=\"Image\" min=\"4\" max=\"8\" step=\"1\" value=\"5\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n        <input type=\"checkbox\" title=\"Description\" name=\"showDescription\" checked>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\" parallax>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div mbr-class=\"{'container': !fullWidth}\">\n        <div class=\"row align-items-center\">\n            <div class=\"col-12 col-lg-{{textWidth}}\">\n                <div class=\"image-wrapper\">\n                    <img src=\"@PROJECT_PATH@/assets/images/tony-west.jpg\" alt=\"yourttcoaching.com\">\n                    <p class=\"mbr-description mbr-fonts-style mt-2 align-center\" mbr-theme-style=\"display-4\" mbr-if=\"showDescription\" data-app-selector=\".mbr-description\">\n                        Coach - Tony West</p>\n                </div>\n            </div>\n            <div class=\"col-12\" mbr-class=\"{'col-lg' : !fullWidth, 'col-lg-4' : fullWidth &amp;&amp; textWidth >= 6, 'col-lg-6' : fullWidth &amp;&amp; textWidth <= 5}\">\n                <div class=\"text-wrapper\">\n                    <h3 class=\"mbr-section-title mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n                        <b>Coaching</b></h3>\n                    <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">As well as the practice sessions outlined on the \"Schedule\" page, we have a professional coach who visits the club on a weekly basis, usually on a Wednesday. These private 1 to 1 coaching sessions take place at Ticklerton Village Hall.<br>\n<br>Tony West is a full time table tennis coach based in Warwickshire. He is also a Sky Sports commentator. Tony represented England as a junior and is still a current British League and Veterans British League player.<br><br>He is a table tennis coach who can give you a consistent feed, analyse your technique, use multi-ball and coaching aids, which can really accelerate your improvement\n<br>\n<br>His company, \"<a href=\"https://yourttcoach.com/\" class=\"text-primary\">YOURTTCOACH</a>\" are vastly experienced and have  have recommended coaches available all over the UK.<br></p>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sYKQNT800p",
          "_anchor": "image2-2a",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            ".mbr-iconfont": {
              "display": "block",
              "font-size": "5rem",
              "color": "@primaryColor",
              "margin-bottom": "2rem"
            },
            ".card-wrapper": {
              "padding": "3rem",
              "background": "@cardColor",
              "border-radius": "4px"
            },
            "@media (max-width: 992px)": {
              ".card-wrapper": {
                "margin-bottom": "2rem"
              }
            },
            "@media (max-width: 767px)": {
              ".card-wrapper": {
                "padding": "3rem 1rem"
              }
            }
          },
          "_name": "contacts1",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"contacts1\" group=\"Contacts\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\" plugins=\"mobirise-icons2\">\n\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\" checked>\n        <header>Cards</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showCardTitle\" checked>\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n        <input type=\"checkbox\" title=\"Link\" name=\"showLink\">\n        <input type=\"color\" title=\"BG\" name=\"cardColor\" value=\"#fafafa\" selected>\n        <input type=\"checkbox\" title=\"Icon\" name=\"showIcon\" checked>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"mbr-section-head\" mbr-if=\"showTitle || showSubtitle\">\n            <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-0\" mbr-theme-style=\"display-2\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\">\n                <b>Contacts</b>\n            </h3>\n            <h4 class=\"mbr-section-subtitle mbr-fonts-style align-center mb-0 mt-2\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\"><b>\n                Contact YourTTCoach.com</b></h4>\n        </div>\n        <div class=\"row justify-content-center mt-4\">\n            <div class=\"card col-12 col-lg-6\">\n                <div class=\"card-wrapper\">\n                    <div class=\"card-box align-center\">\n                        <div class=\"image-wrapper\">\n                            <span mbr-icon class=\"mbr-iconfont mobi-mbri-letter mobi-mbri\" mbr-if=\"showIcon\" style=\"font-size: 80px;\"></span>\n                        </div>\n                        <h4 class=\"card-title mbr-fonts-style mb-2\" mbr-theme-style=\"display-5\" mbr-if=\"showCardTitle\" data-app-selector=\".card-title\">\n                            <b>Email</b>\n                        </h4>\n                        <p class=\"mbr-text mbr-fonts-style mb-2\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n                            <a href=\"mailto:hello@yourttcoach.com\" class=\"text-primary\">hello@yourttcoach.com</a></p>\n                        <h5 class=\"link mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showLink\" data-app-selector=\".link\"><a href=\"mailto:info@site.com\" class=\"text-primary\">Send us an\n                                email</a>\n                        </h5>\n                    </div>\n                </div>\n            </div>\n            <div class=\"card col-12 col-lg-6\">\n                <div class=\"card-wrapper\">\n                    <div class=\"card-box align-center\">\n                        <div class=\"image-wrapper\">\n                            <span mbr-icon class=\"mbr-iconfont mobi-mbri-mobile-2 mobi-mbri\" mbr-if=\"showIcon\"></span>\n                        </div>\n                        <h4 class=\"card-title mbr-fonts-style align-center mb-2\" mbr-theme-style=\"display-5\" mbr-if=\"showCardTitle\" data-app-selector=\".card-title\">\n                            <b>Phone</b>\n                        </h4>\n                        <p class=\"mbr-text mbr-fonts-style mb-2\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">\n                            07949 164608</p>\n                        <h5 class=\"link mbr-black mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showLink\" data-app-selector=\".link\"></h5>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sYKStWKHle",
          "_anchor": "contacts1-2b",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            ".row-links": {
              "width": "100%",
              "justify-content": "center"
            },
            ".social-row": {
              "width": "100%",
              "justify-content": "center"
            },
            ".media-container-row": {
              "flex-direction": "column",
              "justify-content": "center",
              "align-items": "center",
              ".foot-menu": {
                "list-style": "none",
                "display": "flex",
                "justify-content": "center",
                "flex-wrap": "wrap",
                "padding": "0",
                "margin-bottom": "0",
                "li": {
                  "padding": "0 1rem 1rem 1rem",
                  "p": {
                    "margin": "0"
                  }
                }
              },
              ".social-list": {
                "padding-left": "0",
                "margin-bottom": "0",
                "list-style": "none",
                "display": "flex",
                "flex-wrap": "wrap",
                "justify-content": "flex-end",
                ".mbr-iconfont-social": {
                  "font-size": "1.5rem",
                  "color": "#ffffff"
                },
                ".soc-item": {
                  "margin": "0 .5rem"
                },
                "a": {
                  "margin": "0",
                  "opacity": ".5",
                  "transition": ".2s linear",
                  "&:hover": {
                    "opacity": "1"
                  }
                },
                "@media (max-width: 767px)": {
                  "-webkit-justify-content": "center",
                  "justify-content": "center"
                }
              },
              ".row-copirayt": {
                "word-break": "break-word",
                "width": "100%",
                "p": {
                  "width": "100%"
                }
              }
            }
          },
          "_name": "footer3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer3\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"range\" inline title=\"Menu Items\" name=\"menuItems\" min=\"0\" max=\"10\" step=\"1\" value=\"9\">\n        <input type=\"range\" inline title=\"Social Items\" name=\"socialItems\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background8.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#000000\" selected>\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"media-container-row align-center mbr-white\">\n            <div class=\"row row-links\" mbr-if=\"menuItems > 0\">\n                <ul class=\"foot-menu\" mbr-list mbr-list-grow=\"menuItems\">\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html\" class=\"text-white\">Home</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"about-the-club.html\" class=\"text-white\">About</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"why-play-table-tennis.html\" class=\"text-white\">Why Play Table Tennis?</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"teams.html\" class=\"text-white\">Teams</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"schedule.html\" class=\"text-white\">Schedule</a></li>\n                <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"coaching.html\" class=\"text-white\">Coaching</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"links.html\" class=\"text-white\">Links</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"location.html\" class=\"text-white text-primary\">Location</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#contact\" class=\"text-white\">Contact</a></li></ul>\n            </div>\n            <div class=\"row social-row\" mbr-if=\"socialItems > 0\">\n                <div mbr-list mbr-list-grow=\"socialItems\" class=\"social-list align-right pb-2\">\n                    <div class=\"soc-item\">\n                        <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                            <span mbr-icon class=\"socicon-twitter socicon mbr-iconfont mbr-iconfont-social\"></span>\n                        </a>\n                    </div>\n                    \n                    \n                    \n                    \n                    \n                </div>\n            </div>\n            <div class=\"row row-copirayt\">\n                <p class=\"mbr-text mb-0 mbr-fonts-style mbr-white align-center\" mbr-theme-style=\"display-4\" data-app-selector=\".media-container-row .mbr-text\">\n                    © Copyright 2023-26 Church Stretton Table Tennis Club - All Rights Reserved - Site by <a href=\"https://strettoninternet.co.uk\" class=\"text-info\">Stretton Internet</a></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sYKOH3Np8s",
          "_anchor": "footer3-29",
          "_protectedParams": [],
          "_global": true,
          "_once": "footers",
          "_params": {}
        }
      ]
    },
    "links.html": {
      "settings": {
        "title": "Links",
        "order": "8",
        "meta_descr": "Useful Table Tennis Links",
        "header_custom": ""
      },
      "components": [
        {
          "alias": false,
          "_styles": {
            "& when not (@sticky)": {
              ".navbar-dropdown": {
                "position": "relative !important"
              },
              "& when (@transparent)": {
                ".navbar-dropdown": {
                  "position": "absolute !important"
                }
              }
            },
            "& when (@sticky)": {
              "z-index": "1000",
              "width": "100%",
              "& when not (@transparent)": {
                "position": "relative",
                "min-height": "60px"
              },
              "nav.navbar": {
                "position": "fixed"
              }
            },
            ".dropdown-item:before": {
              "font-family": "Moririse2 !important",
              "content": "\"\\e966\"",
              "display": "inline-block",
              "width": "0",
              "position": "absolute",
              "left": "1rem",
              "top": "0.5rem",
              "margin-right": "0.5rem",
              "line-height": "1",
              "font-size": "inherit",
              "vertical-align": "middle",
              "text-align": "center",
              "overflow": "hidden",
              "transform": "scale(0, 1)",
              "transition": "all 0.25s ease-in-out"
            },
            ".dropdown-menu": {
              "padding": "0",
              "border-radius": "4px",
              "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
            },
            ".dropdown-item": {
              "border-bottom": "1px solid #e6e6e6",
              "&:hover, &:focus": {
                "background": "@primaryColor !important",
                "color": "white !important"
              },
              "&:first-child": {
                "border-top-left-radius": "4px",
                "border-top-right-radius": "4px"
              },
              "&:last-child": {
                "border-bottom": "none",
                "border-bottom-left-radius": "4px",
                "border-bottom-right-radius": "4px"
              }
            },
            ".nav-dropdown .link": {
              "padding": "0 0.3em !important",
              "margin": "0.667em 1em !important"
            },
            ".nav-dropdown .link.dropdown-toggle::after": {
              "margin-left": "0.5rem",
              "margin-top": "0.2rem"
            },
            ".nav-link": {
              "position": "relative"
            },
            ".container": {
              "display": "flex",
              "margin": "auto"
            },
            ".iconfont-wrapper": {
              "color": "@iconsColor !important",
              "font-size": "1.5rem",
              "padding-right": "0.5rem"
            },
            ".navbar-caption": {},
            ".navbar-nav": {},
            ".dropdown-menu, .navbar.opened": {
              "background": "@menuBgColor !important"
            },
            ".nav-item:focus, .nav-link:focus": {
              "outline": "none"
            },
            ".dropdown .dropdown-menu .dropdown-item": {
              "width": "auto",
              "transition": "all 0.25s ease-in-out",
              "&::after": {
                "right": "0.5rem"
              },
              ".mbr-iconfont": {
                "margin-right": "0.5rem",
                "vertical-align": "sub",
                "&:before": {
                  "display": "inline-block",
                  "transform": "scale(1, 1)",
                  "transition": "all 0.25s ease-in-out"
                }
              }
            },
            ".collapsed": {
              ".dropdown-menu .dropdown-item:before": {
                "display": "none"
              },
              ".dropdown .dropdown-menu .dropdown-item": {
                "padding": "0.235em 1.5em 0.235em 1.5em !important",
                "transition": "none",
                "margin": "0 !important"
              }
            },
            ".navbar": {
              "min-height": "70px",
              "transition": "all 0.3s",
              "border-bottom": "1px solid transparent",
              "&:not(.navbar-short)": {},
              "& when not (@transparent)": {
                "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
                "background": "@menuBgColor"
              },
              "& when (@transparent)": {
                "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)"
              },
              "&.opened": {
                "transition": "all 0.3s"
              },
              ".dropdown-item": {
                "padding": "0.5rem 1.8rem"
              },
              ".navbar-logo img": {
                "width": "auto"
              },
              ".navbar-collapse": {
                "justify-content": "flex-end",
                "z-index": "1"
              },
              "&.collapsed": {
                "justify-content": "center",
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  },
                  "@media (min-width: 992px)": {
                    "&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
                      "max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
                    }
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "41%"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem",
                  "text-align": "center"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-right": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "@media (max-width: 991px)": {
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "40%"
                  }
                },
                ".navbar-logo": {
                  "img": {
                    "height": "3rem !important"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem !important",
                  "text-align": "center"
                },
                ".navbar-brand": {
                  "flex-shrink": "initial",
                  "flex-basis": "auto",
                  "word-break": "break-word",
                  "padding-right": "2rem"
                },
                ".navbar-toggler": {
                  "flex-basis": "auto"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "&.navbar-short": {
                "min-height": "60px",
                ".navbar-logo": {
                  "img": {
                    "height": "2.5rem !important"
                  }
                },
                ".navbar-brand": {
                  "min-height": "60px",
                  "padding": "0"
                }
              }
            },
            ".navbar-brand": {
              "min-height": "70px",
              "flex-shrink": "0",
              "align-items": "center",
              "margin-right": "0",
              "padding": "10px 0",
              "transition": "all 0.3s",
              "word-break": "break-word",
              "z-index": "1",
              ".navbar-caption": {
                "line-height": "inherit !important"
              },
              ".navbar-logo a": {
                "outline": "none"
              }
            },
            ".dropdown-item.active, .dropdown-item:active": {
              "background-color": "transparent"
            },
            ".navbar-expand-lg .navbar-nav .nav-link": {
              "padding": "0"
            },
            ".nav-dropdown .link.dropdown-toggle": {
              "margin-right": "1.667em",
              "&[aria-expanded=\"true\"]": {
                "margin-right": "0",
                "padding": "0.667em 1.667em"
              }
            },
            ".navbar.navbar-expand-lg .dropdown": {
              ".dropdown-menu": {
                "background": "@menuBgColor",
                ".dropdown-submenu": {
                  "margin": "0",
                  "left": "100%"
                }
              }
            },
            "ul.navbar-nav": {
              "flex-wrap": "wrap"
            },
            ".navbar .dropdown.open > .dropdown-menu": {
              "display": "block"
            },
            ".navbar-buttons": {
              "text-align": "center",
              "min-width": "170px"
            },
            "button.navbar-toggler": {
              "outline": "none",
              "width": "31px",
              "height": "20px",
              "cursor": "pointer",
              "transition": "all 0.2s",
              "position": "relative",
              "align-self": "center",
              ".hamburger span": {
                "position": "absolute",
                "right": "0",
                "width": "30px",
                "height": "2px",
                "border-right": "5px",
                "background-color": "@hamburgerColor",
                "&:nth-child(1)": {
                  "top": "0",
                  "transition": "all 0.2s"
                },
                "&:nth-child(2)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(3)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(4)": {
                  "top": "16px",
                  "transition": "all 0.2s"
                }
              }
            },
            "nav.opened .hamburger span": {
              "&:nth-child(1)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              },
              "&:nth-child(2)": {
                "transform": "rotate(45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(3)": {
                "transform": "rotate(-45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(4)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              }
            },
            ".navbar-dropdown": {
              "padding": "0 1rem",
              "& when (@sticky)": {
                "position": "fixed"
              }
            },
            "a.nav-link": {
              "display": "flex",
              "align-items": "center",
              "justify-content": "center"
            },
            ".icons-menu": {
              "flex-wrap": "nowrap",
              "display": "flex",
              "justify-content": "center",
              "padding-left": "1rem",
              "padding-right": "1rem",
              "padding-top": "0.3rem",
              "text-align": "center"
            },
            "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
              ".navbar": {
                "height": "70px",
                "&.opened": {
                  "height": "auto"
                }
              },
              ".nav-item .nav-link:hover::before": {
                "width": "175%",
                "max-width": "calc(100% ~\"+\" 2rem)",
                "left": "-1rem"
              }
            },
            ".cid-sYmGYy3bVg .dropdown-item": {
              "border-bottom": "0px Important"
            }
          },
          "_name": "menu3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu3\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n        <input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"4.3\" condition=\"showLogo\">\n        <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\">\n        <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n        <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n        <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n            <option value=\"1\">1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\" selected>3</option>\n            <option value=\"4\">4</option>\n        </select>\n        <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n        <input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n        <header>Styles</header>\n        <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\" checked>\n        <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n        <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n        <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n        <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#000000\">\n        <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n                     'navbar-expand-lg':!collapsed,\n                     'collapsed':collapsed}\">\n        <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n            <div class=\"navbar-brand\">\n                <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n                    \n                        <a href=\"index.html\"><img src=\"@PROJECT_PATH@/assets/images/logo2.png\" alt=\"Church Stretton Table Tennis Club\" mbr-style=\"{'height': logoSize + 'rem'}\"></a>\n                    \n                </span>\n                <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-white\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"></a></span>\n            </div>\n            <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n                <div class=\"hamburger\">\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                </div>\n            </button>\n            <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n                <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Home</a></li><li class=\"nav-item dropdown\"><a class=\"nav-link link text-white dropdown-toggle\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                            About</a><div class=\"dropdown-menu\"><a class=\"text-white dropdown-item text-primary\" href=\"about-the-club.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">About the Club</a><a class=\"text-white dropdown-item text-primary\" href=\"why-play-table-tennis.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Why Play Table Tennis?</a><a class=\"text-white dropdown-item text-primary\" href=\"history.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">A Brief History of Table Tennis</a><a class=\"text-white dropdown-item text-primary\" href=\"laws.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">The Rules &amp; Laws of Table Tennis</a></div></li>\n                    <li class=\"nav-item dropdown\"><a class=\"nav-link link text-white text-primary dropdown-toggle show\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" aria-expanded=\"false\">Teams<br></a><div class=\"dropdown-menu show\" aria-labelledby=\"dropdown-374\" data-bs-popper=\"none\"><a class=\"text-white text-primary dropdown-item\" href=\"churchstretton-a.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">First Team</a><a class=\"text-white text-primary show dropdown-item\" href=\"churchstretton-b.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Second Team</a></div></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"schedule.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Schedule</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"news.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">News</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"coaching.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Coaching</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"links.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Links</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"location.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Location</a></li>\n                    <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#contact\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contact</a>\n                    </li></ul>\n                <div class=\"icons-menu\" mbr-if=\"showIcons\">\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-facebook socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-instagram socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n                    </a>\n                </div>\n                <div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">\n                        Sign up</a>\n                </div>\n            </div>\n        </div>\n    </nav>\n</section>",
          "_cid": "sZ2iEApSio",
          "_anchor": "menu3-2m",
          "_protectedParams": [],
          "_global": true,
          "_once": "menu",
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 1rem)",
              "padding-bottom": "(@paddingBottom * 1rem)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            }
          },
          "_name": "content4",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"content4\" group=\"Content\" data-bg-video=\"{{bg.type == 'video'&&bg.value.url}}\" mbr-class=\"{\n    'mbr-fullscreen': fullScreen,\n    'mbr-parallax-background': bg.parallax}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"3\" condition=\"fullScreen == false\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n        <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" step=\"1\" value=\"10\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\" checked>\n        <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row justify-content-center\">\n            <div class=\"title col-md-12 col-lg-{{textWidth}}\">\n                <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-4\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-5\">\n                    <b>Links</b></h3>\n                <h4 class=\"mbr-section-subtitle align-center mbr-fonts-style mb-4\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\"><b>Organisations</b></h4>\n                <div class=\"mbr-section-btn align-center\" mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\">LEARN MORE</a>\n                    <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\">LIVE DEMO</a>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sZ2jP5BmHf",
          "_anchor": "content4-2s",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            ".card:not(:nth-last-child(1))": {
              "margin-bottom": "2rem"
            },
            ".card-wrapper": {
              "background-color": "@cardBg",
              "border-radius": "4px",
              "& when (@transparentCard)": {
                "background-color": "transparent"
              }
            },
            ".image-wrapper img": {
              "width": "100%",
              "object-fit": "cover"
            },
            ".social-row": {
              ".soc-item": {
                "display": "inline-block",
                "text-align": "center",
                "border-radius": "50%",
                "margin-right": "0.6rem",
                "margin-bottom": "1rem",
                "padding": "0.5rem",
                "border": "2px solid @socialIconColor",
                "transition": "all 0.3s",
                ".mbr-iconfont": {
                  "display": "flex",
                  "justify-content": "center",
                  "align-content": "center",
                  "color": "@socialIconColor",
                  "font-size": "1.5rem",
                  "transition": "all 0.3s"
                },
                "&:hover": {
                  "background-color": "@socialIconColor",
                  ".mbr-iconfont": {
                    "color": "contrast(@socialIconColor)"
                  }
                }
              }
            },
            "@media (max-width: 767px)": {
              ".card-box": {
                "padding": "1rem"
              }
            },
            "@media (min-width: 768px)": {
              ".card-box": {
                "padding-right": "2rem"
              }
            },
            "@media (min-width: 992px)": {
              ".card-box": {
                "padding-left": "2rem",
                "padding-right": "4rem"
              }
            }
          },
          "_name": "team2",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"team2\" group=\"Team\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\" xmlns=\"http://www.w3.org/1999/html\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n        <input type=\"range\" name=\"imageWidth\" title=\"Image\" min=\"2\" max=\"6\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n        <header>Card</header>\n        <input type=\"checkbox\" title=\"Transparent\" name=\"transparentCard\">\n        <input type=\"color\" title=\"Color\" name=\"cardBg\" value=\"#ffffff\" condition=\"!transparentCard\">\n        <select title=\"Amount\" name=\"cardsAmount\">\n            <option value=\"1\">1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\" selected>3</option>\n        </select>\n        <header condition=\"showSocial\">Social</header>\n        <input type=\"checkbox\" title=\"Social\" name=\"showSocial\">\n        <input type=\"range\" name=\"socialCount\" title=\"Count\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"showSocial\">\n        <input type=\"color\" title=\"Color\" name=\"socialIconColor\" value=\"#6592e6\" condition=\"showSocial\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#fafafa\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cebfaf\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n    <div mbr-class=\"{'container': !fullWidth}\">\n        <div class=\"card\">\n            <div class=\"card-wrapper\">\n                <div class=\"row align-items-center\">\n                    <div class=\"col-12 col-md-{{imageWidth}}\">\n                        <div class=\"image-wrapper\">\n                            <a href=\"https://www.ittf.com/\"><img src=\"@PROJECT_PATH@/assets/images/ittf-logo-2.jpg\" alt=\"International Table Tennis Federation\"></a>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md\">\n                        <div class=\"card-box\">\n                           \n                            <h6 class=\"mbr-fonts-style mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showTitle\" data-app-selector=\".card-subtitle\">\n                                <b>International Table Tennis Federation</b></h6>\n                            <p class=\"mbr-text mbr-fonts-style\" data-app-selector=\".mbr-text, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">\n                                The International Table Tennis Federation is the governing body for all national table tennis associations. The role of the ITTF includes overseeing rules and regulations and seeking technological improvement for the sport of table tennis. The ITTF is also responsible for the organization of many international competitions, including the World Table Tennis Championships.<br><br><a href=\"https://www.ittf.com\" class=\"text-primary\">https://www.ittf.com</a></p>\n                            <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n                                <div class=\"soc-item\">\n                                    <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n                                    <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n                                    <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n                                    </a>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"card\" mbr-if=\"cardsAmount>1\">\n            <div class=\"card-wrapper\">\n                <div class=\"row align-items-center\">\n                    <div class=\"col-12 col-md-{{imageWidth}}\">\n                        <div class=\"image-wrapper\">\n                            <a href=\"https://www.tabletennisengland.co.uk\"><img src=\"@PROJECT_PATH@/assets/images/tt-england.png\" alt=\"Table Tennis England\"></a>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md\">\n                        <div class=\"card-box\">\n                            \n                            <h6 class=\"mbr-fonts-style mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showTitle\" data-app-selector=\".card-subtitle\">\n                                <b>Table Tennis England</b></h6>\n                            <p class=\"mbr-text mbr-fonts-style\" data-app-selector=\".mbr-text, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">\n                                Table Tennis England, formerly the English Table Tennis Association, is the national governing body for table tennis in England, responsible for representing, coordinating, administering, marketing and developing the sport.<br><br><a href=\"https://www.tabletennisengland.co.uk/\" class=\"text-primary\">https://www.tabletennisengland.co.uk</a></p>\n                            <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n                                <div class=\"soc-item\">\n                                    <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n                                    <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n                                    <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n                                    </a>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"card\" mbr-if=\"cardsAmount>2\">\n            <div class=\"card-wrapper\">\n                <div class=\"row align-items-center\">\n                    <div class=\"col-12 col-md-{{imageWidth}}\">\n                        <div class=\"image-wrapper\">\n                            <a href=\"https://www.tabletennis365.com/shrewsbury\"><img src=\"@PROJECT_PATH@/assets/images/shrewsbury-table-tennis-league-1.jpg\" alt=\"Shrewsbury Table Tennis League\"></a>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md\">\n                        <div class=\"card-box\">\n                            \n                            <h6 class=\"mbr-fonts-style mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showTitle\" data-app-selector=\".card-subtitle\"><b>Shrewsbury and District Table Tennis League</b></h6>\n                            <p class=\"mbr-text mbr-fonts-style\" data-app-selector=\".mbr-text, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">\n                                The league in which Church Stretton Table Tennis Club compete.<br><br><a href=\"https://www.tabletennis365.com/shrewsbury\" class=\"text-primary\">https://www.tabletennis365.com/shrewsbury</a><br></p>\n                            <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n                                <div class=\"soc-item\">\n                                    <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n                                    <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n                                    <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n                                    </a>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sZ2jvrWSPB",
          "_anchor": "team2-2r",
          "_PHPplaceholders": [],
          "_JSplaceholders": [],
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 1rem)",
              "padding-bottom": "(@paddingBottom * 1rem)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            ".mbr-section-title": {
              "text-align": "center"
            }
          },
          "_name": "content4",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"content4\" group=\"Content\" data-bg-video=\"{{bg.type == 'video'&&bg.value.url}}\" mbr-class=\"{\n    'mbr-fullscreen': fullScreen,\n    'mbr-parallax-background': bg.parallax}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"1\" condition=\"fullScreen == false\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n        <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" step=\"1\" value=\"10\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row justify-content-center\">\n            <div class=\"title col-md-12 col-lg-{{textWidth}}\">\n                <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-4\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-5\">\n                    <b>Retail</b></h3>\n                <h4 class=\"mbr-section-subtitle align-center mbr-fonts-style mb-4\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\">\n                    You can arrange your articles with the Mobirise website design software.\n                </h4>\n                <div class=\"mbr-section-btn align-center\" mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\">LEARN MORE</a>\n                    <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\">LIVE DEMO</a>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_anchor": "content4-3f",
          "_isUserblock": true,
          "_cid": "t2emkvHQWW",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            ".card:not(:nth-last-child(1))": {
              "margin-bottom": "2rem"
            },
            ".card-wrapper": {
              "background-color": "@cardBg",
              "border-radius": "4px",
              "& when (@transparentCard)": {
                "background-color": "transparent"
              }
            },
            ".image-wrapper img": {
              "width": "100%",
              "object-fit": "cover"
            },
            ".social-row": {
              ".soc-item": {
                "display": "inline-block",
                "text-align": "center",
                "border-radius": "50%",
                "margin-right": "0.6rem",
                "margin-bottom": "1rem",
                "padding": "0.5rem",
                "border": "2px solid @socialIconColor",
                "transition": "all 0.3s",
                ".mbr-iconfont": {
                  "display": "flex",
                  "justify-content": "center",
                  "align-content": "center",
                  "color": "@socialIconColor",
                  "font-size": "1.5rem",
                  "transition": "all 0.3s"
                },
                "&:hover": {
                  "background-color": "@socialIconColor",
                  ".mbr-iconfont": {
                    "color": "contrast(@socialIconColor)"
                  }
                }
              }
            },
            "@media (max-width: 767px)": {
              ".card-box": {
                "padding": "1rem"
              }
            },
            "@media (min-width: 768px)": {
              ".card-box": {
                "padding-right": "2rem"
              }
            },
            "@media (min-width: 992px)": {
              ".card-box": {
                "padding-left": "2rem",
                "padding-right": "4rem"
              }
            }
          },
          "_name": "team2",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"team2\" group=\"Team\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\" xmlns=\"http://www.w3.org/1999/html\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n        <input type=\"range\" name=\"imageWidth\" title=\"Image\" min=\"2\" max=\"6\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n        <header>Card</header>\n        <input type=\"checkbox\" title=\"Transparent\" name=\"transparentCard\">\n        <input type=\"color\" title=\"Color\" name=\"cardBg\" value=\"#ffffff\" condition=\"!transparentCard\">\n        <select title=\"Amount\" name=\"cardsAmount\">\n            <option value=\"1\">1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\" selected>3</option>\n        </select>\n        <header condition=\"showSocial\">Social</header>\n        <input type=\"checkbox\" title=\"Social\" name=\"showSocial\">\n        <input type=\"range\" name=\"socialCount\" title=\"Count\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"showSocial\">\n        <input type=\"color\" title=\"Color\" name=\"socialIconColor\" value=\"#6592e6\" condition=\"showSocial\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#fafafa\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cebfaf\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n    <div mbr-class=\"{'container': !fullWidth}\">\n        <div class=\"card\">\n            <div class=\"card-wrapper\">\n                <div class=\"row align-items-center\">\n                    <div class=\"col-12 col-md-{{imageWidth}}\">\n                        <div class=\"image-wrapper\">\n                            <a href=\"https://www.teessport.com/\"><img src=\"@PROJECT_PATH@/assets/images/teessport.jpg\" alt=\"Tees Sport\"></a>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md\">\n                        <div class=\"card-box\">\n                           \n                            <h6 class=\"mbr-fonts-style mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showTitle\" data-app-selector=\".card-subtitle\">\n                                <b>Tees Sports</b></h6>\n                            <p class=\"mbr-text mbr-fonts-style\" data-app-selector=\".mbr-text, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">\n                                Tees Sport was launched in September 1976 and was the first specialist mail order supplier of table tennis equipment in the United Kingdom. The main objective from the outset was to provide a first-class service for the supply of specialist table tennis equipment.<br><br><a href=\"https://www.teessport.com/\" class=\"text-primary\">https://www.teessport.com/</a></p>\n                            <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n                                <div class=\"soc-item\">\n                                    <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n                                    <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n                                    <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n                                    </a>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"card\" mbr-if=\"cardsAmount>1\">\n            <div class=\"card-wrapper\">\n                <div class=\"row align-items-center\">\n                    <div class=\"col-12 col-md-{{imageWidth}}\">\n                        <div class=\"image-wrapper\">\n                            <a href=\"https://www.donic.com/donic/en/\"><img src=\"@PROJECT_PATH@/assets/images/donic-1.jpg\" alt=\"Donic\"></a>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md\">\n                        <div class=\"card-box\">\n                            \n                            <h6 class=\"mbr-fonts-style mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showTitle\" data-app-selector=\".card-subtitle\">\n                                <b>Donic</b></h6>\n                            <p class=\"mbr-text mbr-fonts-style\" data-app-selector=\".mbr-text, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">\n                                Donic is a German company, which has become one of the world's most important manufacturers of wooden blades, rubber sheets, tables, textiles and other table tennis equipment.<br><br>Church Stretton Table Tennis Club members can get a discount, when ordering Donic products through YOURTTCOACH.<br><br><a href=\"https://www.donic.com/donic/en/\" class=\"text-primary\">https://www.donic.com/donic/en/</a></p>\n                            <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n                                <div class=\"soc-item\">\n                                    <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n                                    <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n                                    <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n                                    </a>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"card\" mbr-if=\"cardsAmount>2\">\n            <div class=\"card-wrapper\">\n                <div class=\"row align-items-center\">\n                    <div class=\"col-12 col-md-{{imageWidth}}\">\n                        <div class=\"image-wrapper\">\n                            <a href=\"https://www.bribartt.co.uk\"><img src=\"@PROJECT_PATH@/assets/images/bribar.jpg\" alt=\"Bribar Table Tennis Equipment\"></a>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md\">\n                        <div class=\"card-box\">\n                            \n                            <h6 class=\"mbr-fonts-style mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showTitle\" data-app-selector=\".card-subtitle\"><b>Bribar Table Tennis Equipment</b></h6>\n                            <p class=\"mbr-text mbr-fonts-style\" data-app-selector=\".mbr-text, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">Supplier of Table Tennis equipment for over 30 years with a massive range of Table Tennis Bats, Tables, Balls and all with excellent customer service.\n<br>\n<br><a href=\"https://www.bribartt.co.uk\" class=\"text-primary\">https://www.bribartt.co.uk</a></p>\n                            <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n                                <div class=\"soc-item\">\n                                    <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n                                    <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n                                    <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n                                    </a>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_anchor": "team2-2u",
          "_isUserblock": true,
          "_cid": "sZ2sA0YJiX",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 1rem)",
              "padding-bottom": "(@paddingBottom * 1rem)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            ".mbr-section-title": {
              "text-align": "center"
            }
          },
          "_name": "content4",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"content4\" group=\"Content\" data-bg-video=\"{{bg.type == 'video'&&bg.value.url}}\" mbr-class=\"{\n    'mbr-fullscreen': fullScreen,\n    'mbr-parallax-background': bg.parallax}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"1\" condition=\"fullScreen == false\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n        <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" step=\"1\" value=\"10\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row justify-content-center\">\n            <div class=\"title col-md-12 col-lg-{{textWidth}}\">\n                <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-4\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-5\">\n                    <b>Coaching</b></h3>\n                <h4 class=\"mbr-section-subtitle align-center mbr-fonts-style mb-4\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\">\n                    You can arrange your articles with the Mobirise website design software.\n                </h4>\n                <div class=\"mbr-section-btn align-center\" mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\">LEARN MORE</a>\n                    <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\">LIVE DEMO</a>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_anchor": "content4-3i",
          "_isUserblock": true,
          "_cid": "t2enRGLgDB",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            ".card:not(:nth-last-child(1))": {
              "margin-bottom": "2rem"
            },
            ".card-wrapper": {
              "background-color": "@cardBg",
              "border-radius": "4px",
              "& when (@transparentCard)": {
                "background-color": "transparent"
              }
            },
            ".image-wrapper img": {
              "width": "100%",
              "object-fit": "cover"
            },
            ".social-row": {
              ".soc-item": {
                "display": "inline-block",
                "text-align": "center",
                "border-radius": "50%",
                "margin-right": "0.6rem",
                "margin-bottom": "1rem",
                "padding": "0.5rem",
                "border": "2px solid @socialIconColor",
                "transition": "all 0.3s",
                ".mbr-iconfont": {
                  "display": "flex",
                  "justify-content": "center",
                  "align-content": "center",
                  "color": "@socialIconColor",
                  "font-size": "1.5rem",
                  "transition": "all 0.3s"
                },
                "&:hover": {
                  "background-color": "@socialIconColor",
                  ".mbr-iconfont": {
                    "color": "contrast(@socialIconColor)"
                  }
                }
              }
            },
            "@media (max-width: 767px)": {
              ".card-box": {
                "padding": "1rem"
              }
            },
            "@media (min-width: 768px)": {
              ".card-box": {
                "padding-right": "2rem"
              }
            },
            "@media (min-width: 992px)": {
              ".card-box": {
                "padding-left": "2rem",
                "padding-right": "4rem"
              }
            }
          },
          "_name": "team2",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"team2\" group=\"Team\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\" xmlns=\"http://www.w3.org/1999/html\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n        <input type=\"range\" name=\"imageWidth\" title=\"Image\" min=\"2\" max=\"6\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n        <header>Card</header>\n        <input type=\"checkbox\" title=\"Transparent\" name=\"transparentCard\">\n        <input type=\"color\" title=\"Color\" name=\"cardBg\" value=\"#ffffff\" condition=\"!transparentCard\">\n        <select title=\"Amount\" name=\"cardsAmount\">\n            <option value=\"1\">1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\" selected>3</option>\n        </select>\n        <header condition=\"showSocial\">Social</header>\n        <input type=\"checkbox\" title=\"Social\" name=\"showSocial\">\n        <input type=\"range\" name=\"socialCount\" title=\"Count\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"showSocial\">\n        <input type=\"color\" title=\"Color\" name=\"socialIconColor\" value=\"#6592e6\" condition=\"showSocial\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#fafafa\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cebfaf\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n    <div mbr-class=\"{'container': !fullWidth}\">\n        <div class=\"card\">\n            <div class=\"card-wrapper\">\n                <div class=\"row align-items-center\">\n                    <div class=\"col-12 col-md-{{imageWidth}}\">\n                        <div class=\"image-wrapper\">\n                            <a href=\"https://www.yourttcoach.com\"><img src=\"@PROJECT_PATH@/assets/images/yourttcoach-logo.png\" alt=\"YOURTTCOACH\"></a>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md\">\n                        <div class=\"card-box\">\n                           \n                            <h6 class=\"mbr-fonts-style mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showTitle\" data-app-selector=\".card-subtitle\">\n                                <b>YOURTTCOACH</b></h6>\n                            <p class=\"mbr-text mbr-fonts-style\" data-app-selector=\".mbr-text, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">Church Stretton Table Tennis has an affiliation to YOURTTCOACH, one of the leading table tennis coaching companies in the UK. They provide tailored 1 to 1 coaching sessions, as well as group sessions.\n<br>\n<br><a href=\"https://www.yourttcoach.com\" class=\"text-primary\">https://www.yourttcoach.com</a><br></p>\n                            <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n                                <div class=\"soc-item\">\n                                    <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n                                    <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n                                    <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n                                    </a>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"card\" mbr-if=\"cardsAmount>1\">\n            <div class=\"card-wrapper\">\n                <div class=\"row align-items-center\">\n                    <div class=\"col-12 col-md-{{imageWidth}}\">\n                        <div class=\"image-wrapper\">\n                            <a href=\"https://www.tabletenniscoach.me.uk/\"><img src=\"@PROJECT_PATH@/assets/images/tom-lodziak.jpg\" alt=\"Tom Lodziak Table Tennis Coaching\"></a>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md\">\n                        <div class=\"card-box\">\n                            \n                            <h6 class=\"mbr-fonts-style mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showTitle\" data-app-selector=\".card-subtitle\">\n                                <b>Tom Lodziak Table Tennis Coaching</b></h6>\n                            <p class=\"mbr-text mbr-fonts-style\" data-app-selector=\".mbr-text, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">Tom's content, consisting of online videos and articles, is all free to access and he provides a great resource on a wide range of topics. He also hosts training camps, usually in Cambridge.<br><br><a href=\"https://www.tabletenniscoach.me.uk/\" class=\"text-primary\">https://www.tabletenniscoach.me.uk/</a></p>\n                            <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n                                <div class=\"soc-item\">\n                                    <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n                                    <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n                                    <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n                                    </a>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"card\" mbr-if=\"cardsAmount>2\">\n            <div class=\"card-wrapper\">\n                <div class=\"row align-items-center\">\n                    <div class=\"col-12 col-md-{{imageWidth}}\">\n                        <div class=\"image-wrapper\">\n                            <a href=\"https://pingskills.com\"><img src=\"@PROJECT_PATH@/assets/images/ping-skills.jpg\" alt=\"Ping Skills Online Coaching\"></a>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md\">\n                        <div class=\"card-box\">\n                            \n                            <h6 class=\"mbr-fonts-style mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showTitle\" data-app-selector=\".card-subtitle\"><b>Ping Skills</b></h6>\n                            <p class=\"mbr-text mbr-fonts-style\" data-app-selector=\".mbr-text, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">PingSkills is purported to have the best table tennis tutorials on the Internet. It is free to register and you will receive free videos, podcasts and other media to help you improve your game. There is also a premium subscription which give you access to premium content.\n<br>\n<br><a href=\"https://www.pingskills.com/\" class=\"text-primary\">https://www.pingskills.com/</a><br></p>\n                            <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n                                <div class=\"soc-item\">\n                                    <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n                                    <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n                                    <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n                                    </a>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_anchor": "team2-3h",
          "_isUserblock": true,
          "_cid": "t2en0QduK1",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 1rem)",
              "padding-bottom": "(@paddingBottom * 1rem)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            ".mbr-section-title": {
              "text-align": "center"
            }
          },
          "_name": "content4",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"content4\" group=\"Content\" data-bg-video=\"{{bg.type == 'video'&&bg.value.url}}\" mbr-class=\"{\n    'mbr-fullscreen': fullScreen,\n    'mbr-parallax-background': bg.parallax}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"1\" condition=\"fullScreen == false\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n        <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" step=\"1\" value=\"10\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row justify-content-center\">\n            <div class=\"title col-md-12 col-lg-{{textWidth}}\">\n                <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-4\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-5\">\n                    <b>Reference</b></h3>\n                <h4 class=\"mbr-section-subtitle align-center mbr-fonts-style mb-4\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\">\n                    You can arrange your articles with the Mobirise website design software.\n                </h4>\n                <div class=\"mbr-section-btn align-center\" mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\">LEARN MORE</a>\n                    <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\">LIVE DEMO</a>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_anchor": "content4-3j",
          "_isUserblock": true,
          "_cid": "t2eqqNNtzv",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            ".card:not(:nth-last-child(1))": {
              "margin-bottom": "2rem"
            },
            ".card-wrapper": {
              "background-color": "@cardBg",
              "border-radius": "4px",
              "& when (@transparentCard)": {
                "background-color": "transparent"
              }
            },
            ".image-wrapper img": {
              "width": "100%",
              "object-fit": "cover"
            },
            ".social-row": {
              ".soc-item": {
                "display": "inline-block",
                "text-align": "center",
                "border-radius": "50%",
                "margin-right": "0.6rem",
                "margin-bottom": "1rem",
                "padding": "0.5rem",
                "border": "2px solid @socialIconColor",
                "transition": "all 0.3s",
                ".mbr-iconfont": {
                  "display": "flex",
                  "justify-content": "center",
                  "align-content": "center",
                  "color": "@socialIconColor",
                  "font-size": "1.5rem",
                  "transition": "all 0.3s"
                },
                "&:hover": {
                  "background-color": "@socialIconColor",
                  ".mbr-iconfont": {
                    "color": "contrast(@socialIconColor)"
                  }
                }
              }
            },
            "@media (max-width: 767px)": {
              ".card-box": {
                "padding": "1rem"
              }
            },
            "@media (min-width: 768px)": {
              ".card-box": {
                "padding-right": "2rem"
              }
            },
            "@media (min-width: 992px)": {
              ".card-box": {
                "padding-left": "2rem",
                "padding-right": "4rem"
              }
            }
          },
          "_name": "team2",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"team2\" group=\"Team\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\" xmlns=\"http://www.w3.org/1999/html\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"3\">\n        <input type=\"range\" name=\"imageWidth\" title=\"Image\" min=\"2\" max=\"6\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n        <header>Card</header>\n        <input type=\"checkbox\" title=\"Transparent\" name=\"transparentCard\">\n        <input type=\"color\" title=\"Color\" name=\"cardBg\" value=\"#ffffff\" condition=\"!transparentCard\">\n        <select title=\"Amount\" name=\"cardsAmount\">\n            <option value=\"1\">1</option>\n            <option value=\"2\" selected>2</option>\n            <option value=\"3\">3</option>\n        </select>\n        <header condition=\"showSocial\">Social</header>\n        <input type=\"checkbox\" title=\"Social\" name=\"showSocial\">\n        <input type=\"range\" name=\"socialCount\" title=\"Count\" min=\"1\" max=\"5\" step=\"1\" value=\"3\" condition=\"showSocial\">\n        <input type=\"color\" title=\"Color\" name=\"socialIconColor\" value=\"#6592e6\" condition=\"showSocial\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#fafafa\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cebfaf\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.5\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n    <div mbr-class=\"{'container': !fullWidth}\">\n        <div class=\"card\">\n            <div class=\"card-wrapper\">\n                <div class=\"row align-items-center\">\n                    <div class=\"col-12 col-md-{{imageWidth}}\">\n                        <div class=\"image-wrapper\">\n                            <a href=\"https://www.revspin.net\"><img src=\"@PROJECT_PATH@/assets/images/revspin-logo-1.png\" alt=\"RevSpin\"></a>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md\">\n                        <div class=\"card-box\">\n                            \n                            <h6 class=\"mbr-fonts-style mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showTitle\" data-app-selector=\".card-subtitle\">\n                                <b>RevSpin</b></h6>\n                            <p class=\"mbr-text mbr-fonts-style\" data-app-selector=\".mbr-text, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">\n                                Revspin.net is the leading platform for table tennis equipment reviews. Read what people think of virtually every piece of table tennis equipment out there.<br><br><a href=\"https://revspin.net\" class=\"text-primary\">https://www.revspin.net</a></p>\n                            <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n                                <div class=\"soc-item\">\n                                    <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n                                    <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n                                    <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n                                    </a>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"card\" mbr-if=\"cardsAmount>1\">\n            <div class=\"card-wrapper\">\n                <div class=\"row align-items-center\">\n                    <div class=\"col-12 col-md-{{imageWidth}}\">\n                        <div class=\"image-wrapper\">\n                            <a href=\"https://archive.tabletennisengland.co.uk/Table%20Tennis%20News%20magazines/\"><img src=\"@PROJECT_PATH@/assets/images/table-tennis-news.jpg\" alt=\"Table Tennis News Magazine Archive\"></a>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md\">\n                        <div class=\"card-box\">\n                            \n                            <h6 class=\"mbr-fonts-style mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showTitle\" data-app-selector=\".card-subtitle\">\n                                <b>Table Tennis News Magazine Archive</b></h6>\n                            <p class=\"mbr-text mbr-fonts-style\" data-app-selector=\".mbr-text, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">\n                                Revspin.net is the leading platform for table tennis equipment reviews. Read what people think of virtually every piece of table tennis equipment out there.<br><br><a href=\"https://archive.tabletennisengland.co.uk/Table%20Tennis%20News%20magazines/\" class=\"text-primary\">https://archive.tabletennisengland.co.uk/Table%20Tennis%20News%20magazines/</a></p>\n                            <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n                                <div class=\"soc-item\">\n                                    <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n                                    <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n                                    <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n                                    </a>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"card\" mbr-if=\"cardsAmount>2\">\n            <div class=\"card-wrapper\">\n                <div class=\"row align-items-center\">\n                    <div class=\"col-12 col-md-{{imageWidth}}\">\n                        <div class=\"image-wrapper\">\n                            <a href=\"https://www.bribartt.co.uk\"><img src=\"@PROJECT_PATH@/assets/images/bribar.jpg\" alt=\"Bribar Table Tennis Equipment\"></a>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-md\">\n                        <div class=\"card-box\">\n                            \n                            <h6 class=\"mbr-fonts-style mb-3\" mbr-theme-style=\"display-4\" mbr-if=\"showTitle\" data-app-selector=\".card-subtitle\"><b>Bribar Table Tennis Equipment</b></h6>\n                            <p class=\"mbr-text mbr-fonts-style\" data-app-selector=\".mbr-text, .social-row\" mbr-theme-style=\"display-7\" mbr-if=\"showText\">\n                                Supplier of Table Tennis equipment for over 30 years with a massive range of Table Tennis Bats, Tables, Balls and all with excellent customer service.<br><br><a href=\"https://www.tabletennis365.com/shrewsbury\" class=\"text-primary\">https://www.bribartt.co.uk</a><br></p>\n                            <div class=\"social-row display-7\" mbr-if=\"showSocial\">\n                                <div class=\"soc-item\">\n                                    <a href=\"https://www.facebook.com/Mobirise/\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-facebook\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>1\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-twitter\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>2\">\n                                    <a href=\"https://instagram.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-instagram\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>3\">\n                                    <a href=\"https://www.youtube.com/c/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-youtube\"></span>\n                                    </a>\n                                </div>\n                                <div class=\"soc-item\" mbr-if=\"socialCount>4\">\n                                    <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                                        <span mbr-icon class=\"mbr-iconfont socicon socicon-telegram\"></span>\n                                    </a>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_anchor": "team2-2t",
          "_isUserblock": true,
          "_cid": "sZ2otlLUoC",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            ".row-links": {
              "width": "100%",
              "justify-content": "center"
            },
            ".social-row": {
              "width": "100%",
              "justify-content": "center"
            },
            ".media-container-row": {
              "flex-direction": "column",
              "justify-content": "center",
              "align-items": "center",
              ".foot-menu": {
                "list-style": "none",
                "display": "flex",
                "justify-content": "center",
                "flex-wrap": "wrap",
                "padding": "0",
                "margin-bottom": "0",
                "li": {
                  "padding": "0 1rem 1rem 1rem",
                  "p": {
                    "margin": "0"
                  }
                }
              },
              ".social-list": {
                "padding-left": "0",
                "margin-bottom": "0",
                "list-style": "none",
                "display": "flex",
                "flex-wrap": "wrap",
                "justify-content": "flex-end",
                ".mbr-iconfont-social": {
                  "font-size": "1.5rem",
                  "color": "#ffffff"
                },
                ".soc-item": {
                  "margin": "0 .5rem"
                },
                "a": {
                  "margin": "0",
                  "opacity": ".5",
                  "transition": ".2s linear",
                  "&:hover": {
                    "opacity": "1"
                  }
                },
                "@media (max-width: 767px)": {
                  "-webkit-justify-content": "center",
                  "justify-content": "center"
                }
              },
              ".row-copirayt": {
                "word-break": "break-word",
                "width": "100%",
                "p": {
                  "width": "100%"
                }
              }
            }
          },
          "_name": "footer3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer3\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"range\" inline title=\"Menu Items\" name=\"menuItems\" min=\"0\" max=\"10\" step=\"1\" value=\"9\">\n        <input type=\"range\" inline title=\"Social Items\" name=\"socialItems\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background8.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#000000\" selected>\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"media-container-row align-center mbr-white\">\n            <div class=\"row row-links\" mbr-if=\"menuItems > 0\">\n                <ul class=\"foot-menu\" mbr-list mbr-list-grow=\"menuItems\">\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html\" class=\"text-white\">Home</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"about-the-club.html\" class=\"text-white\">About</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"why-play-table-tennis.html\" class=\"text-white\">Why Play Table Tennis?</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"teams.html\" class=\"text-white\">Teams</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"schedule.html\" class=\"text-white\">Schedule</a></li>\n                <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"coaching.html\" class=\"text-white\">Coaching</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"links.html\" class=\"text-white\">Links</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"location.html\" class=\"text-white text-primary\">Location</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#contact\" class=\"text-white\">Contact</a></li></ul>\n            </div>\n            <div class=\"row social-row\" mbr-if=\"socialItems > 0\">\n                <div mbr-list mbr-list-grow=\"socialItems\" class=\"social-list align-right pb-2\">\n                    <div class=\"soc-item\">\n                        <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                            <span mbr-icon class=\"socicon-twitter socicon mbr-iconfont mbr-iconfont-social\"></span>\n                        </a>\n                    </div>\n                    \n                    \n                    \n                    \n                    \n                </div>\n            </div>\n            <div class=\"row row-copirayt\">\n                <p class=\"mbr-text mb-0 mbr-fonts-style mbr-white align-center\" mbr-theme-style=\"display-4\" data-app-selector=\".media-container-row .mbr-text\">\n                    © Copyright 2023-26 Church Stretton Table Tennis Club - All Rights Reserved - Site by <a href=\"https://strettoninternet.co.uk\" class=\"text-info\">Stretton Internet</a></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sZ2iEBeVCY",
          "_anchor": "footer3-2p",
          "_protectedParams": [],
          "_global": true,
          "_once": "footers",
          "_params": {}
        }
      ]
    },
    "history.html": {
      "settings": {
        "title": "A Brief History of Table Tennis",
        "order": "6",
        "meta_descr": "A Brief History of Table Tennis"
      },
      "components": [
        {
          "alias": false,
          "_styles": {
            "& when not (@sticky)": {
              ".navbar-dropdown": {
                "position": "relative !important"
              },
              "& when (@transparent)": {
                ".navbar-dropdown": {
                  "position": "absolute !important"
                }
              }
            },
            "& when (@sticky)": {
              "z-index": "1000",
              "width": "100%",
              "& when not (@transparent)": {
                "position": "relative",
                "min-height": "60px"
              },
              "nav.navbar": {
                "position": "fixed"
              }
            },
            ".dropdown-item:before": {
              "font-family": "Moririse2 !important",
              "content": "\"\\e966\"",
              "display": "inline-block",
              "width": "0",
              "position": "absolute",
              "left": "1rem",
              "top": "0.5rem",
              "margin-right": "0.5rem",
              "line-height": "1",
              "font-size": "inherit",
              "vertical-align": "middle",
              "text-align": "center",
              "overflow": "hidden",
              "transform": "scale(0, 1)",
              "transition": "all 0.25s ease-in-out"
            },
            ".dropdown-menu": {
              "padding": "0",
              "border-radius": "4px",
              "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
            },
            ".dropdown-item": {
              "border-bottom": "1px solid #e6e6e6",
              "&:hover, &:focus": {
                "background": "@primaryColor !important",
                "color": "white !important"
              },
              "&:first-child": {
                "border-top-left-radius": "4px",
                "border-top-right-radius": "4px"
              },
              "&:last-child": {
                "border-bottom": "none",
                "border-bottom-left-radius": "4px",
                "border-bottom-right-radius": "4px"
              }
            },
            ".nav-dropdown .link": {
              "padding": "0 0.3em !important",
              "margin": "0.667em 1em !important"
            },
            ".nav-dropdown .link.dropdown-toggle::after": {
              "margin-left": "0.5rem",
              "margin-top": "0.2rem"
            },
            ".nav-link": {
              "position": "relative"
            },
            ".container": {
              "display": "flex",
              "margin": "auto"
            },
            ".iconfont-wrapper": {
              "color": "@iconsColor !important",
              "font-size": "1.5rem",
              "padding-right": "0.5rem"
            },
            ".navbar-caption": {},
            ".navbar-nav": {},
            ".dropdown-menu, .navbar.opened": {
              "background": "@menuBgColor !important"
            },
            ".nav-item:focus, .nav-link:focus": {
              "outline": "none"
            },
            ".dropdown .dropdown-menu .dropdown-item": {
              "width": "auto",
              "transition": "all 0.25s ease-in-out",
              "&::after": {
                "right": "0.5rem"
              },
              ".mbr-iconfont": {
                "margin-right": "0.5rem",
                "vertical-align": "sub",
                "&:before": {
                  "display": "inline-block",
                  "transform": "scale(1, 1)",
                  "transition": "all 0.25s ease-in-out"
                }
              }
            },
            ".collapsed": {
              ".dropdown-menu .dropdown-item:before": {
                "display": "none"
              },
              ".dropdown .dropdown-menu .dropdown-item": {
                "padding": "0.235em 1.5em 0.235em 1.5em !important",
                "transition": "none",
                "margin": "0 !important"
              }
            },
            ".navbar": {
              "min-height": "70px",
              "transition": "all 0.3s",
              "border-bottom": "1px solid transparent",
              "&:not(.navbar-short)": {},
              "& when not (@transparent)": {
                "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
                "background": "@menuBgColor"
              },
              "& when (@transparent)": {
                "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)"
              },
              "&.opened": {
                "transition": "all 0.3s"
              },
              ".dropdown-item": {
                "padding": "0.5rem 1.8rem"
              },
              ".navbar-logo img": {
                "width": "auto"
              },
              ".navbar-collapse": {
                "justify-content": "flex-end",
                "z-index": "1"
              },
              "&.collapsed": {
                "justify-content": "center",
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  },
                  "@media (min-width: 992px)": {
                    "&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
                      "max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
                    }
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "41%"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem",
                  "text-align": "center"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-right": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "@media (max-width: 991px)": {
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "40%"
                  }
                },
                ".navbar-logo": {
                  "img": {
                    "height": "3rem !important"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem !important",
                  "text-align": "center"
                },
                ".navbar-brand": {
                  "flex-shrink": "initial",
                  "flex-basis": "auto",
                  "word-break": "break-word",
                  "padding-right": "2rem"
                },
                ".navbar-toggler": {
                  "flex-basis": "auto"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "&.navbar-short": {
                "min-height": "60px",
                ".navbar-logo": {
                  "img": {
                    "height": "2.5rem !important"
                  }
                },
                ".navbar-brand": {
                  "min-height": "60px",
                  "padding": "0"
                }
              }
            },
            ".navbar-brand": {
              "min-height": "70px",
              "flex-shrink": "0",
              "align-items": "center",
              "margin-right": "0",
              "padding": "10px 0",
              "transition": "all 0.3s",
              "word-break": "break-word",
              "z-index": "1",
              ".navbar-caption": {
                "line-height": "inherit !important"
              },
              ".navbar-logo a": {
                "outline": "none"
              }
            },
            ".dropdown-item.active, .dropdown-item:active": {
              "background-color": "transparent"
            },
            ".navbar-expand-lg .navbar-nav .nav-link": {
              "padding": "0"
            },
            ".nav-dropdown .link.dropdown-toggle": {
              "margin-right": "1.667em",
              "&[aria-expanded=\"true\"]": {
                "margin-right": "0",
                "padding": "0.667em 1.667em"
              }
            },
            ".navbar.navbar-expand-lg .dropdown": {
              ".dropdown-menu": {
                "background": "@menuBgColor",
                ".dropdown-submenu": {
                  "margin": "0",
                  "left": "100%"
                }
              }
            },
            "ul.navbar-nav": {
              "flex-wrap": "wrap"
            },
            ".navbar .dropdown.open > .dropdown-menu": {
              "display": "block"
            },
            ".navbar-buttons": {
              "text-align": "center",
              "min-width": "170px"
            },
            "button.navbar-toggler": {
              "outline": "none",
              "width": "31px",
              "height": "20px",
              "cursor": "pointer",
              "transition": "all 0.2s",
              "position": "relative",
              "align-self": "center",
              ".hamburger span": {
                "position": "absolute",
                "right": "0",
                "width": "30px",
                "height": "2px",
                "border-right": "5px",
                "background-color": "@hamburgerColor",
                "&:nth-child(1)": {
                  "top": "0",
                  "transition": "all 0.2s"
                },
                "&:nth-child(2)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(3)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(4)": {
                  "top": "16px",
                  "transition": "all 0.2s"
                }
              }
            },
            "nav.opened .hamburger span": {
              "&:nth-child(1)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              },
              "&:nth-child(2)": {
                "transform": "rotate(45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(3)": {
                "transform": "rotate(-45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(4)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              }
            },
            ".navbar-dropdown": {
              "padding": "0 1rem",
              "& when (@sticky)": {
                "position": "fixed"
              }
            },
            "a.nav-link": {
              "display": "flex",
              "align-items": "center",
              "justify-content": "center"
            },
            ".icons-menu": {
              "flex-wrap": "nowrap",
              "display": "flex",
              "justify-content": "center",
              "padding-left": "1rem",
              "padding-right": "1rem",
              "padding-top": "0.3rem",
              "text-align": "center"
            },
            "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
              ".navbar": {
                "height": "70px",
                "&.opened": {
                  "height": "auto"
                }
              },
              ".nav-item .nav-link:hover::before": {
                "width": "175%",
                "max-width": "calc(100% ~\"+\" 2rem)",
                "left": "-1rem"
              }
            },
            ".cid-sYmGYy3bVg .dropdown-item": {
              "border-bottom": "0px Important"
            }
          },
          "_name": "menu3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu3\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n        <input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"4.3\" condition=\"showLogo\">\n        <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\">\n        <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n        <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n        <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n            <option value=\"1\">1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\" selected>3</option>\n            <option value=\"4\">4</option>\n        </select>\n        <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n        <input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n        <header>Styles</header>\n        <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\" checked>\n        <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n        <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n        <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n        <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#000000\">\n        <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n                     'navbar-expand-lg':!collapsed,\n                     'collapsed':collapsed}\">\n        <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n            <div class=\"navbar-brand\">\n                <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n                    \n                        <a href=\"index.html\"><img src=\"@PROJECT_PATH@/assets/images/logo2.png\" alt=\"Church Stretton Table Tennis Club\" mbr-style=\"{'height': logoSize + 'rem'}\"></a>\n                    \n                </span>\n                <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-white\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"></a></span>\n            </div>\n            <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n                <div class=\"hamburger\">\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                </div>\n            </button>\n            <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n                <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Home</a></li><li class=\"nav-item dropdown\"><a class=\"nav-link link text-white dropdown-toggle\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                            About</a><div class=\"dropdown-menu\"><a class=\"text-white dropdown-item text-primary\" href=\"about-the-club.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">About the Club</a><a class=\"text-white dropdown-item text-primary\" href=\"why-play-table-tennis.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Why Play Table Tennis?</a><a class=\"text-white dropdown-item text-primary\" href=\"history.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">A Brief History of Table Tennis</a><a class=\"text-white dropdown-item text-primary\" href=\"laws.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">The Rules &amp; Laws of Table Tennis</a></div></li>\n                    <li class=\"nav-item dropdown\"><a class=\"nav-link link text-white text-primary dropdown-toggle show\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" aria-expanded=\"false\">Teams<br></a><div class=\"dropdown-menu show\" aria-labelledby=\"dropdown-374\" data-bs-popper=\"none\"><a class=\"text-white text-primary dropdown-item\" href=\"churchstretton-a.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">First Team</a><a class=\"text-white text-primary show dropdown-item\" href=\"churchstretton-b.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Second Team</a></div></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"schedule.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Schedule</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"news.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">News</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"coaching.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Coaching</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"links.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Links</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"location.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Location</a></li>\n                    <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#contact\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contact</a>\n                    </li></ul>\n                <div class=\"icons-menu\" mbr-if=\"showIcons\">\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-facebook socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-instagram socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n                    </a>\n                </div>\n                <div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">\n                        Sign up</a>\n                </div>\n            </div>\n        </div>\n    </nav>\n</section>",
          "_cid": "t1iPJKJPiY",
          "_anchor": "menu3-2x",
          "_protectedParams": [],
          "_global": true,
          "_once": "menu",
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 1rem)",
              "padding-bottom": "(@paddingBottom * 1rem)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@fullWidth)": {
              ".text-wrapper": {
                "padding": "1rem"
              }
            },
            "@media (max-width: 991px)": {
              ".image-wrapper": {
                "margin-bottom": "1rem"
              }
            },
            "img": {
              "width": "100%"
            },
            "@media (min-width: 992px)": {
              ".text-wrapper": {
                "padding": "2rem"
              }
            }
          },
          "_name": "image1",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"image1\" group=\"Images & Videos\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n                    'mbr-parallax-background': bg.parallax}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"4\" condition=\"fullScreen == false\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n        <input type=\"range\" name=\"textWidth\" title=\"Image\" min=\"4\" max=\"8\" step=\"1\" value=\"6\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\" checked>\n        <input type=\"checkbox\" title=\"Description\" name=\"showDescription\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div mbr-class=\"{'container': !fullWidth}\">\n        <div class=\"row align-items-center\">\n            <div class=\"col-12 col-lg-{{textWidth}}\">\n                <div class=\"image-wrapper\">\n                    <img src=\"@PROJECT_PATH@/assets/images/parker-brothers-ping-pong-game.jpg\" alt=\"Parker Brothers Ping Pong Game\">\n                    <p class=\"mbr-description mbr-fonts-style pt-2 align-center\" mbr-theme-style=\"display-4\" mbr-if=\"showDescription\" data-app-selector=\".mbr-description\">\n                    Image Description</p>\n                </div>\n            </div>\n            <div class=\"col-12\" mbr-class=\"{'col-lg' : !fullWidth, 'col-lg-4' : fullWidth &amp;&amp; textWidth >= 6, 'col-lg-6' : fullWidth &amp;&amp; textWidth <= 5}\">\n                <div class=\"text-wrapper\">\n                    <h3 class=\"mbr-section-title mbr-fonts-style mb-3\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\">\n                        <b>A Brief History of Table Tennis</b></h3>\n                    <p class=\"mbr-text mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showText\" data-app-selector=\".mbr-text\">Table tennis began in the 1880s, when lawn tennis players adapted their game so it could be played during the winter months. It started as a “parlour game,” mainly played by upper class Victorians but quickly expanded to anyone with access to a table, paddle, and ball.<br><br>The game has had several other names over the years including; Ping-Pong, Gossima,&nbsp;Whiff Waff,&nbsp;Pom-Pom and<br>Pim-Pam. Table tennis is now the recognised name for the sport.</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "t1iPJL0o2c",
          "_anchor": "image1-2y",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "background-color": "@bgColor"
          },
          "_name": "content5",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"content5\" group=\"Content\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n        <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" value=\"12\" step=\"1\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <header>Background</header>\n        <input type=\"color\" title=\"Color\" name=\"bgColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-md-12 col-lg-{{textWidth}}\">\n                <h3 class=\"mbr-section-title mbr-fonts-style mb-4\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-2\">\n                    <b>Article Title</b>\n                </h3>\n                <h4 class=\"mbr-section-subtitle mbr-fonts-style mb-4\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\">\n                    Enter your subtitle here\n                </h4>\n                <p class=\"mbr-text mbr-fonts-style\" data-app-selector=\".mbr-text\" mbr-theme-style=\"display-7\"><br>It has been suggested that the game was developed by British military officers in India around the 1860s or 1870s, who brought it back with them. A row of books stood up along the center of the table as a net, two more books served as rackets and were used to continuously hit a golf-ball.<br>\n<br>The game was widely known as \"ping-pong\" until before British manufacturer John Jaques &amp; Son Ltd trademarked it in 1901. The name \"ping-pong\" then came to describe the game played using Jaques's own equipment, so other manufacturers called it table tennis.<br><br> A similar situation arose in the United States, where Jaques sold the rights to the \"ping-pong\" name to Parker Brothers. Parker Brothers then enforced its trademark for the term in the 1920s, making the various associations change their names to \"table tennis\" instead of the more common, but trademarked, term.<br>\n<br>The next major innovation was by James W. Gibb, a British enthusiast of table tennis, who discovered novelty celluloid balls on a trip to the US in 1901 and found them to be ideal for the game. This was followed by E.C. Goode who, in 1901, invented the modern version of the racket by fixing a sheet of pimpled, or stippled, rubber to the wooden blade. Table tennis was growing in popularity by 1901 to the extent that tournaments were being organized, books being written on the subject, and an unofficial world championship was held in 1902. In those early days, the scoring system was the same as in lawn tennis.<br><br>In 1902 a visiting Japanese university professor took the game back to Japan, where he introduced it to university students. Shortly after, a British salesman, Edward Shires, introduced it to the people of Vienna and Budapest, and the seeds were sown for a sport that now enjoys popularity all over the world.&nbsp;<br>\n<br>Although both a \"Table Tennis Association\" and a \"Ping Pong Association\" existed by 1910, a new Table Tennis Association was founded in 1921, and renamed the English Table Tennis Association in 1926. The International Table Tennis Federation (ITTF) followed in 1926. <br><br>London hosted the first official World Championships in 1926. In 1933, the United States Table Tennis Association, now called USA Table Tennis, was formed.\n<br><br>The 1950s saw the game turned upside down by the invention of the sponge or sandwich rubber, this new material for bats, which, up until now, had been a relatively simple affair with a universal thin covering of pimpled rubber.<br><br>Until this time, spin had played only a minor part in a game that had been dominated by the defensive style of play, but these new bats or paddles, introduced by the Japanese, had the capacity to move the ball around in an almost magical way.<br><br> The ITTF, the game’s governing body, was quick to legislate in a bid to control this new development, seen in some quarters as equipping players with an unfair advantage. The thickness of the sponge and rubber sandwich was controlled and remains so to this day. But the nature of the game had been changed, establishing the fast attacking speed and spin style of the modern game.<br><br>Today, the sport is very well established both in England and abroad and is growing each year. The culmination of this has been its recognition as an Olympic Games sport, being featured for the first time in the 1988 games in Seoul.<br><br> Television coverage of the men’s singles final attracted an incredible worldwide audience of 2 billion. In China, the game is played by literally millions at work, in school, and in community parks. Chinese top players are regarded as national heroes with pop star statuses.<br>\n<br><b>Notable Rule Changes\n</b><br>\n<br>After the 2000 Olympics in Sydney, the ITTF instituted several rule changes that were aimed at making table tennis more viable as a televised spectator sport.<br> First, the older 38 mm (1.50 in) balls were officially replaced by 40 mm (1.57 in) balls in October 2000. This increased the ball's air resistance and effectively slowed down the game. By that time, players had begun increasing the thickness of the fast sponge layer on their paddles, which made the game excessively fast and difficult to watch on television.<br><br> A few months later, the ITTF changed from a 21-point to an 11-point scoring system (and the serve rotation was reduced from five points to two), effective in September 2001. This was intended to make games more fast-paced and exciting.<br><br> The ITTF also changed the rules on service to prevent a player from hiding the ball during service, in order to increase the average length of rallies and to reduce the server's advantage, effective in 2002.<br><br> For the opponent to have time to realize a serve is taking place, the ball must be tossed a minimum of 16 centimetres (6.3 in) in the air. <br><br>The ITTF states that all events after July 2014 are played with a new plastic ball, instead of the previously used celluloid ball. This was because&nbsp;celluloid is an extremely flammable material, making it difficult and rather expensive to transport and store the balls.<br></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "t1iQcqPrfu",
          "_anchor": "content5-31",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            ".row-links": {
              "width": "100%",
              "justify-content": "center"
            },
            ".social-row": {
              "width": "100%",
              "justify-content": "center"
            },
            ".media-container-row": {
              "flex-direction": "column",
              "justify-content": "center",
              "align-items": "center",
              ".foot-menu": {
                "list-style": "none",
                "display": "flex",
                "justify-content": "center",
                "flex-wrap": "wrap",
                "padding": "0",
                "margin-bottom": "0",
                "li": {
                  "padding": "0 1rem 1rem 1rem",
                  "p": {
                    "margin": "0"
                  }
                }
              },
              ".social-list": {
                "padding-left": "0",
                "margin-bottom": "0",
                "list-style": "none",
                "display": "flex",
                "flex-wrap": "wrap",
                "justify-content": "flex-end",
                ".mbr-iconfont-social": {
                  "font-size": "1.5rem",
                  "color": "#ffffff"
                },
                ".soc-item": {
                  "margin": "0 .5rem"
                },
                "a": {
                  "margin": "0",
                  "opacity": ".5",
                  "transition": ".2s linear",
                  "&:hover": {
                    "opacity": "1"
                  }
                },
                "@media (max-width: 767px)": {
                  "-webkit-justify-content": "center",
                  "justify-content": "center"
                }
              },
              ".row-copirayt": {
                "word-break": "break-word",
                "width": "100%",
                "p": {
                  "width": "100%"
                }
              }
            }
          },
          "_name": "footer3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer3\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"range\" inline title=\"Menu Items\" name=\"menuItems\" min=\"0\" max=\"10\" step=\"1\" value=\"9\">\n        <input type=\"range\" inline title=\"Social Items\" name=\"socialItems\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background8.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#000000\" selected>\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"media-container-row align-center mbr-white\">\n            <div class=\"row row-links\" mbr-if=\"menuItems > 0\">\n                <ul class=\"foot-menu\" mbr-list mbr-list-grow=\"menuItems\">\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html\" class=\"text-white\">Home</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"about-the-club.html\" class=\"text-white\">About</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"why-play-table-tennis.html\" class=\"text-white\">Why Play Table Tennis?</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"teams.html\" class=\"text-white\">Teams</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"schedule.html\" class=\"text-white\">Schedule</a></li>\n                <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"coaching.html\" class=\"text-white\">Coaching</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"links.html\" class=\"text-white\">Links</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"location.html\" class=\"text-white text-primary\">Location</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#contact\" class=\"text-white\">Contact</a></li></ul>\n            </div>\n            <div class=\"row social-row\" mbr-if=\"socialItems > 0\">\n                <div mbr-list mbr-list-grow=\"socialItems\" class=\"social-list align-right pb-2\">\n                    <div class=\"soc-item\">\n                        <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                            <span mbr-icon class=\"socicon-twitter socicon mbr-iconfont mbr-iconfont-social\"></span>\n                        </a>\n                    </div>\n                    \n                    \n                    \n                    \n                    \n                </div>\n            </div>\n            <div class=\"row row-copirayt\">\n                <p class=\"mbr-text mb-0 mbr-fonts-style mbr-white align-center\" mbr-theme-style=\"display-4\" data-app-selector=\".media-container-row .mbr-text\">\n                    © Copyright 2023-26 Church Stretton Table Tennis Club - All Rights Reserved - Site by <a href=\"https://strettoninternet.co.uk\" class=\"text-info\">Stretton Internet</a></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "t1iPJLmAqt",
          "_anchor": "footer3-30",
          "_protectedParams": [],
          "_global": true,
          "_once": "footers",
          "_params": {}
        }
      ]
    },
    "laws.html": {
      "settings": {
        "title": "The Laws of Table Tennis",
        "order": "7",
        "meta_descr": "The Laws of Table Tennis",
        "header_custom": ""
      },
      "components": [
        {
          "alias": false,
          "_styles": {
            "& when not (@sticky)": {
              ".navbar-dropdown": {
                "position": "relative !important"
              },
              "& when (@transparent)": {
                ".navbar-dropdown": {
                  "position": "absolute !important"
                }
              }
            },
            "& when (@sticky)": {
              "z-index": "1000",
              "width": "100%",
              "& when not (@transparent)": {
                "position": "relative",
                "min-height": "60px"
              },
              "nav.navbar": {
                "position": "fixed"
              }
            },
            ".dropdown-item:before": {
              "font-family": "Moririse2 !important",
              "content": "\"\\e966\"",
              "display": "inline-block",
              "width": "0",
              "position": "absolute",
              "left": "1rem",
              "top": "0.5rem",
              "margin-right": "0.5rem",
              "line-height": "1",
              "font-size": "inherit",
              "vertical-align": "middle",
              "text-align": "center",
              "overflow": "hidden",
              "transform": "scale(0, 1)",
              "transition": "all 0.25s ease-in-out"
            },
            ".dropdown-menu": {
              "padding": "0",
              "border-radius": "4px",
              "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
            },
            ".dropdown-item": {
              "border-bottom": "1px solid #e6e6e6",
              "&:hover, &:focus": {
                "background": "@primaryColor !important",
                "color": "white !important"
              },
              "&:first-child": {
                "border-top-left-radius": "4px",
                "border-top-right-radius": "4px"
              },
              "&:last-child": {
                "border-bottom": "none",
                "border-bottom-left-radius": "4px",
                "border-bottom-right-radius": "4px"
              }
            },
            ".nav-dropdown .link": {
              "padding": "0 0.3em !important",
              "margin": "0.667em 1em !important"
            },
            ".nav-dropdown .link.dropdown-toggle::after": {
              "margin-left": "0.5rem",
              "margin-top": "0.2rem"
            },
            ".nav-link": {
              "position": "relative"
            },
            ".container": {
              "display": "flex",
              "margin": "auto"
            },
            ".iconfont-wrapper": {
              "color": "@iconsColor !important",
              "font-size": "1.5rem",
              "padding-right": "0.5rem"
            },
            ".navbar-caption": {},
            ".navbar-nav": {},
            ".dropdown-menu, .navbar.opened": {
              "background": "@menuBgColor !important"
            },
            ".nav-item:focus, .nav-link:focus": {
              "outline": "none"
            },
            ".dropdown .dropdown-menu .dropdown-item": {
              "width": "auto",
              "transition": "all 0.25s ease-in-out",
              "&::after": {
                "right": "0.5rem"
              },
              ".mbr-iconfont": {
                "margin-right": "0.5rem",
                "vertical-align": "sub",
                "&:before": {
                  "display": "inline-block",
                  "transform": "scale(1, 1)",
                  "transition": "all 0.25s ease-in-out"
                }
              }
            },
            ".collapsed": {
              ".dropdown-menu .dropdown-item:before": {
                "display": "none"
              },
              ".dropdown .dropdown-menu .dropdown-item": {
                "padding": "0.235em 1.5em 0.235em 1.5em !important",
                "transition": "none",
                "margin": "0 !important"
              }
            },
            ".navbar": {
              "min-height": "70px",
              "transition": "all 0.3s",
              "border-bottom": "1px solid transparent",
              "&:not(.navbar-short)": {},
              "& when not (@transparent)": {
                "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
                "background": "@menuBgColor"
              },
              "& when (@transparent)": {
                "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)"
              },
              "&.opened": {
                "transition": "all 0.3s"
              },
              ".dropdown-item": {
                "padding": "0.5rem 1.8rem"
              },
              ".navbar-logo img": {
                "width": "auto"
              },
              ".navbar-collapse": {
                "justify-content": "flex-end",
                "z-index": "1"
              },
              "&.collapsed": {
                "justify-content": "center",
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  },
                  "@media (min-width: 992px)": {
                    "&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
                      "max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
                    }
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "41%"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem",
                  "text-align": "center"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-right": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "@media (max-width: 991px)": {
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "40%"
                  }
                },
                ".navbar-logo": {
                  "img": {
                    "height": "3rem !important"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem !important",
                  "text-align": "center"
                },
                ".navbar-brand": {
                  "flex-shrink": "initial",
                  "flex-basis": "auto",
                  "word-break": "break-word",
                  "padding-right": "2rem"
                },
                ".navbar-toggler": {
                  "flex-basis": "auto"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "&.navbar-short": {
                "min-height": "60px",
                ".navbar-logo": {
                  "img": {
                    "height": "2.5rem !important"
                  }
                },
                ".navbar-brand": {
                  "min-height": "60px",
                  "padding": "0"
                }
              }
            },
            ".navbar-brand": {
              "min-height": "70px",
              "flex-shrink": "0",
              "align-items": "center",
              "margin-right": "0",
              "padding": "10px 0",
              "transition": "all 0.3s",
              "word-break": "break-word",
              "z-index": "1",
              ".navbar-caption": {
                "line-height": "inherit !important"
              },
              ".navbar-logo a": {
                "outline": "none"
              }
            },
            ".dropdown-item.active, .dropdown-item:active": {
              "background-color": "transparent"
            },
            ".navbar-expand-lg .navbar-nav .nav-link": {
              "padding": "0"
            },
            ".nav-dropdown .link.dropdown-toggle": {
              "margin-right": "1.667em",
              "&[aria-expanded=\"true\"]": {
                "margin-right": "0",
                "padding": "0.667em 1.667em"
              }
            },
            ".navbar.navbar-expand-lg .dropdown": {
              ".dropdown-menu": {
                "background": "@menuBgColor",
                ".dropdown-submenu": {
                  "margin": "0",
                  "left": "100%"
                }
              }
            },
            "ul.navbar-nav": {
              "flex-wrap": "wrap"
            },
            ".navbar .dropdown.open > .dropdown-menu": {
              "display": "block"
            },
            ".navbar-buttons": {
              "text-align": "center",
              "min-width": "170px"
            },
            "button.navbar-toggler": {
              "outline": "none",
              "width": "31px",
              "height": "20px",
              "cursor": "pointer",
              "transition": "all 0.2s",
              "position": "relative",
              "align-self": "center",
              ".hamburger span": {
                "position": "absolute",
                "right": "0",
                "width": "30px",
                "height": "2px",
                "border-right": "5px",
                "background-color": "@hamburgerColor",
                "&:nth-child(1)": {
                  "top": "0",
                  "transition": "all 0.2s"
                },
                "&:nth-child(2)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(3)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(4)": {
                  "top": "16px",
                  "transition": "all 0.2s"
                }
              }
            },
            "nav.opened .hamburger span": {
              "&:nth-child(1)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              },
              "&:nth-child(2)": {
                "transform": "rotate(45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(3)": {
                "transform": "rotate(-45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(4)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              }
            },
            ".navbar-dropdown": {
              "padding": "0 1rem",
              "& when (@sticky)": {
                "position": "fixed"
              }
            },
            "a.nav-link": {
              "display": "flex",
              "align-items": "center",
              "justify-content": "center"
            },
            ".icons-menu": {
              "flex-wrap": "nowrap",
              "display": "flex",
              "justify-content": "center",
              "padding-left": "1rem",
              "padding-right": "1rem",
              "padding-top": "0.3rem",
              "text-align": "center"
            },
            "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
              ".navbar": {
                "height": "70px",
                "&.opened": {
                  "height": "auto"
                }
              },
              ".nav-item .nav-link:hover::before": {
                "width": "175%",
                "max-width": "calc(100% ~\"+\" 2rem)",
                "left": "-1rem"
              }
            },
            ".cid-sYmGYy3bVg .dropdown-item": {
              "border-bottom": "0px Important"
            }
          },
          "_name": "menu3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu3\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n        <input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"4.3\" condition=\"showLogo\">\n        <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\">\n        <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n        <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n        <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n            <option value=\"1\">1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\" selected>3</option>\n            <option value=\"4\">4</option>\n        </select>\n        <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n        <input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n        <header>Styles</header>\n        <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\" checked>\n        <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n        <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n        <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n        <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#000000\">\n        <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n                     'navbar-expand-lg':!collapsed,\n                     'collapsed':collapsed}\">\n        <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n            <div class=\"navbar-brand\">\n                <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n                    \n                        <a href=\"index.html\"><img src=\"@PROJECT_PATH@/assets/images/logo2.png\" alt=\"Church Stretton Table Tennis Club\" mbr-style=\"{'height': logoSize + 'rem'}\"></a>\n                    \n                </span>\n                <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-white\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"></a></span>\n            </div>\n            <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n                <div class=\"hamburger\">\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                </div>\n            </button>\n            <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n                <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Home</a></li><li class=\"nav-item dropdown\"><a class=\"nav-link link text-white dropdown-toggle\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                            About</a><div class=\"dropdown-menu\"><a class=\"text-white dropdown-item text-primary\" href=\"about-the-club.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">About the Club</a><a class=\"text-white dropdown-item text-primary\" href=\"why-play-table-tennis.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Why Play Table Tennis?</a><a class=\"text-white dropdown-item text-primary\" href=\"history.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">A Brief History of Table Tennis</a><a class=\"text-white dropdown-item text-primary\" href=\"laws.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">The Rules &amp; Laws of Table Tennis</a></div></li>\n                    <li class=\"nav-item dropdown\"><a class=\"nav-link link text-white text-primary dropdown-toggle show\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" aria-expanded=\"false\">Teams<br></a><div class=\"dropdown-menu show\" aria-labelledby=\"dropdown-374\" data-bs-popper=\"none\"><a class=\"text-white text-primary dropdown-item\" href=\"churchstretton-a.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">First Team</a><a class=\"text-white text-primary show dropdown-item\" href=\"churchstretton-b.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Second Team</a></div></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"schedule.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Schedule</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"news.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">News</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"coaching.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Coaching</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"links.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Links</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"location.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Location</a></li>\n                    <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#contact\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contact</a>\n                    </li></ul>\n                <div class=\"icons-menu\" mbr-if=\"showIcons\">\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-facebook socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-instagram socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n                    </a>\n                </div>\n                <div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">\n                        Sign up</a>\n                </div>\n            </div>\n        </div>\n    </nav>\n</section>",
          "_cid": "t1j12QMvxe",
          "_anchor": "menu3-32",
          "_protectedParams": [],
          "_global": true,
          "_once": "menu",
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 1rem)",
              "padding-bottom": "(@paddingBottom * 1rem)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            ".mbr-section-subtitle": {
              "text-align": "center"
            }
          },
          "_name": "content4",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"content4\" group=\"Content\" data-bg-video=\"{{bg.type == 'video'&&bg.value.url}}\" mbr-class=\"{\n    'mbr-fullscreen': fullScreen,\n    'mbr-parallax-background': bg.parallax}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\" condition=\"fullScreen == false\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n        <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" step=\"1\" value=\"10\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\" checked>\n        <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row justify-content-center\">\n            <div class=\"title col-md-12 col-lg-{{textWidth}}\">\n                <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-4\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-5\">\n                    <b>The Rules and Laws of Table Tennis</b></h3>\n                <h4 class=\"mbr-section-subtitle align-center mbr-fonts-style mb-4\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-7\">\n                    The image below describes the basic rules of table tennis. See below for the complete laws of the game.<br><br><a href=\"https://rushburytabletennisclub.org.uk/files/basic-rules.pdf\" class=\"text-info\">Download the Basic Rules</a><br><br><a href=\"https://rushburytabletennisclub.org.uk/files/laws-2021-2022.pdf\" class=\"text-info\">Download the Laws</a></h4>\n                <div class=\"mbr-section-btn align-center\" mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\">LEARN MORE</a>\n                    <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\">LIVE DEMO</a>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "t1j3Mhmzjw",
          "_anchor": "content4-38",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 1rem)",
              "padding-bottom": "(@paddingBottom * 1rem)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "@media (max-width: 991px)": {
              ".image-wrapper": {
                "margin-bottom": "1rem"
              }
            },
            ".row": {
              "flex-direction": "row-reverse"
            },
            "img": {
              "width": "100%"
            }
          },
          "_name": "image3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"image3\" group=\"Images & Videos\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-fullscreen': fullScreen,\n                    'mbr-parallax-background': bg.parallax}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\" checked>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"2\" condition=\"fullScreen == false\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"3\" condition=\"fullScreen == false\">\n        <input type=\"range\" name=\"textWidth\" title=\"Image\" min=\"4\" max=\"12\" step=\"1\" value=\"6\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Text\" name=\"showText\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-12 col-lg-{{textWidth}}\">\n                <div class=\"image-wrapper\">\n                    <img src=\"@PROJECT_PATH@/assets/images/basic-rules.jpg\" alt=\"The Basic Rules of Table Tennis\">\n                    <p class=\"mbr-description mbr-fonts-style mt-2 align-center\" mbr-theme-style=\"display-4\" mbr-if=\"showText\" data-app-selector=\".mbr-description\">\n                        Image Description</p>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "t1j2wIni29",
          "_anchor": "image3-37",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "background-color": "@bgColor"
          },
          "_name": "content5",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"content5\" group=\"Content\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n        <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" value=\"12\" step=\"1\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <header>Background</header>\n        <input type=\"color\" title=\"Color\" name=\"bgColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row justify-content-center\">\n            <div class=\"col-md-12 col-lg-{{textWidth}}\">\n                <h3 class=\"mbr-section-title mbr-fonts-style mb-4\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-5\">\n                    <b>The Laws of Table Tennis</b></h3>\n                <h4 class=\"mbr-section-subtitle mbr-fonts-style mb-4\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\">\n                    Enter your subtitle here\n                </h4>\n                <p class=\"mbr-text mbr-fonts-style\" data-app-selector=\".mbr-text\" mbr-theme-style=\"display-7\"><b>TABLE TENNIS ENGLAND 01.10.21\n<br>LAWS &amp; BY-LAWS 2021\n</b><br><br><b>2.1 THE TABLE\n</b><br><br>2.1.1 The upper surface of the table, known as the playing surface, shall be rectangular, 2.74m long\n<br>and 1.525m wide, and shall lie in a horizontal plane 76cm above the floor.\n<br>2.1.2 The playing surface shall not include the vertical sides of the table-top.\n<br>2.1.3 The playing surface may be of any material and shall yield a uniform bounce of about 23cm when\n<br>a standard ball is dropped on to it from a height of 30cm.\n<br>2.1.4 The playing surface shall be uniformly dark coloured and matt, but with a white side line, 2cm\n<br>wide, along each 2.74m edge and a white end line, 2cm wide, along each 1.525m edge.\n<br>2.1.5 The playing surface shall be divided into 2 equal courts by a vertical net running parallel with the\n<br>end lines, and shall be continuous over the whole area of each court.\n<br>2.1.6 For doubles, each court shall be divided into 2 equal half-courts by a white centre line, 3mm wide,\n<br>running parallel with the side lines; the centre line shall be regarded as part of each right half-\n<br>court.\n<br><br><b>2.2 THE NET ASSEMBLY\n</b><br>2.2.1 The net assembly shall consist of the net, its suspension and the supporting posts, including the\n<br>clamps attaching them to the table.\n<br>2.2.2 The net shall be suspended by a cord attached at each end to an upright post 15.25cm high, the\n<br>outside limits of the post being 15.25cm outside the side line.\n<br>2.2.3 The top of the net, along its whole length, shall be 15.25cm above the playing surface.\n<br>2.2.4 The bottom of the net, along its whole length, shall be as close as possible to the playing surface\n<br>and the ends of the net shall be attached to the supporting posts from top to bottom.\n<br><br><b>2.3 THE BALL\n</b><br>2.3.1 The ball shall be spherical, with a diameter of 40mm.\n<br>2.3.2 The ball shall weigh 2.7g.\n<br>2.3.3 The ball shall be made of celluloid or similar plastics material and shall be white or orange, and\n<br>matt.\n<br>2.3.4 The ball shall be of a brand and type currently approved by the ITTF.\n<br><br><b>2.4 THE RACKET\n</b><br>2.4.1 The racket may be of any size, shape or weight but the blade shall be flat and rigid.\n<br>2.4.2 At least 85% of the blade by thickness shall be of natural wood; an adhesive layer within the blade\n<br>may be reinforced with fibrous material such as carbon fibre, glass fibre or compressed paper,\n<br>but shall not be thicker than 7.5% of the total thickness or 0.35mm, whichever is the smaller.\n<br>2.4.3 A side of the blade used for striking the ball shall be covered with either ordinary pimpled rubber,\n<br>with pimples outwards having a total thickness including adhesive of not more than 2.0mm, or\n<br>sandwich rubber, with pimples inwards or outwards, having a total thickness including adhesive\n<br>of not more than 4.0mm.\n<br>2.4.3.1 Ordinary pimpled rubber is a single layer of non-cellular rubber, natural or synthetic, with pimples\n<br>evenly distributed over its surface at a density of not less than 10/cm2 and not more than 30/cm2.\n<br>2.4.3.2 Sandwich rubber is a single layer of cellular rubber covered with a single outer layer of ordinary\n<br>pimpled rubber, the thickness of the pimpled rubber not being more than 2mm.\n<br>2.4.4 The covering material shall extend up to but not beyond the limits of the blade, except that the\n<br>part nearest the handle and gripped by the fingers may be left uncovered or covered with any\n<br>material.\n<br>2.4.5 The blade, any layer within the blade and any layer of covering material or adhesive on a side\n<br>used for striking the ball shall be continuous and of even thickness.\n<br>2.4.6 The surface of the covering material on a side of the blade, or of a side of the blade if it is left\n<br>uncovered, shall be matt, black on one side, and of a bright colour clearly distinguishable from\n<br>black and from the colour of the ball on the other.\n<br>2.4.7 The racket covering shall be used without any chemical, physical or other treatment.\n<br>2.4.7.1 Slight deviations from continuity of surface or uniformity of colour due to accidental damage or\n<br>wear may be allowed provided that they do not significantly change the characteristics of the\n<br>surface.\n<br>2.4.8 At the start of a match and whenever he or she changes his or her racket during a match a player\n<br>shall show his or her opponent and the umpire the racket he or she is about to use and shall allow\n<br>them to examine it.\n<br>2.4.9 The racket covering shall be of a brand and type currently authorised by the ITTF.\n<br>2.4.10 A racket shall not be changed during an individual match unless it is accidentally damaged so\n<br>badly that it cannot be used.\n<br><br><b>2.5 DEFINITIONS\n</b><br>2.5.1 A rally is the period during which the ball is in play.\n<br>2.5.2 The ball is in play from the last moment at which it is stationary on the palm of the free hand\n<br>before being intentionally projected in service until the rally is decided as a let or a point.\n<br>2.5.3 A let is a rally of which the result is not scored.\n<br>2.5.4 A point is a rally of which the result is scored.\n<br>2.5.5 The racket hand is the hand carrying the racket.\n<br>2.5.6 The free hand is the hand not carrying the racket; the free arm is the arm of the free hand.\n<br>2.5.7 A player strikes the ball if he or she touches it in play with his or her racket, held in the hand, or\n<br>with his or her racket hand below the wrist.\n<br>2.5.8 A player obstructs the ball if he or she, or anything he or she wears or carries, touches it in play\n<br>when it is above or travelling towards the playing surface, not having touched his or her court\n<br>since last being struck by an opponent.\n<br>2.5.9 The server is the player due to strike the ball first in a rally.\n<br>2.5.10 The receiver is the player due to strike the ball second in a rally.\n<br>2.5.11 The umpire is the person appointed to control a match.\n<br>2.5.12 The assistant umpire is the person appointed to assist the umpire with certain decisions.\n<br>2.5.13 Anything that a player wears or carries includes anything that he or she was wearing or carrying,\n<br>other than the ball, at the start of the rally.\n<br>2.5.14 The end line shall be regarded as extending indefinitely in both directions.\n<br><b><br></b><br><b>2.6 THE SERVICE\n</b><br>2.6.1 Service shall start with the ball resting freely on the open palm of the server's stationary free hand.\n<br>2.6.2 The server shall then project the ball near vertically upwards, without imparting spin, so that it\n<br>rises at least 16cm after leaving the palm of the free hand and then falls without touching anything\n<br>before being struck.\n<br>2.6.3 As the ball is falling the server shall strike it so that it touches first his or her court and then touches\n<br>directly the receiver's court; in doubles, the ball shall touch successively the right half court of\n<br>server and receiver.\n<br>2.6.4 From the start of service until it is struck, the ball shall be above the level of the playing surface\n<br>and behind the server's end line, and it shall not be hidden from the receiver by the server or his\n<br>or her doubles partner or by anything they wear or carry.\n<br>2.6.5 As soon as the ball has been projected, the server’s free arm and hand shall be removed from\n<br>the space between the ball and the net; the space between the ball and the net is defined by the\n<br>ball, the net and its indefinite upward extension.\n<br>2.6.6 It is the responsibility of the player to serve so that the umpire or the assistant umpire can be\n<br>satisfied that he or she complies with the requirements of the Law and either may decide that a\n<br>service is incorrect.\n<br>2.6.6.1 If either the umpire or the assistant umpire is not sure about the legality of a service he or she\n<br>may, on the first occasion in a match, interrupt play and warn the server, but any subsequent\n<br>service by that player or his or her doubles partner which is not clearly legal shall be considered\n<br>incorrect.\n<br>2.6.7 Exceptionally, the umpire may relax the requirements for a good service where he or she is\n<br>satisfied that compliance is prevented by physical disability.\n<br><br><b>2.7 THE RETURN\n</b><br>2.7.1 The ball, having been served or returned, shall be struck so that it touches the opponent's court,\n<br>either directly or after touching the net assembly.\n<br><br><b>2.8 THE ORDER OF PLAY\n</b><br>2.8.1 In singles, the server shall first make a service, the receiver shall then make a return and\n<br>thereafter server and receiver alternately shall each make a return.\n<br>2.8.2 In doubles, except as provided in 2.8.3, the server shall first make a service, the receiver shall\n<br>then make a return, the partner of the server shall then make a return, the partner of the\n<br>receiver shall then make a return and thereafter each player in turn in that sequence shall make\n<br>a return.\n<br>2.8.3 In doubles, when at least one player of a pair is in a wheelchair due to a physical disability, the\n<br>server shall first make a service, the receiver shall then make a return but thereafter either\n<br>player of the disabled pair may make returns.\n<br><br><b>2.9 A LET\n</b><br>2.9.1 The rally shall be a let\n<br>2.9.1.1 if in service the ball touches the net assembly, provided the service is otherwise correct or the\n<br>ball is obstructed by the receiver or his or her partner;\n<br>2.9.1.2 if the service is delivered when the receiving player or pair is not ready, provided that neither the\n<br>receiver nor his or her partner attempts to strike the ball;\n<br>2.9.1.3 if failure to make a service or a return or otherwise to comply with the Laws is due to a disturbance\n<br>outside the control of the player;\n<br>2.9.1.4 if play is interrupted by the umpire or assistant umpire.\n<br>2.9.1.5 if the receiver is in a wheelchair owing to a physical disability and the ball, provided the service is\n<br>otherwise good,\n<br>2.9.1.5.1 leaves the receiver’s court after touching it in the direction of the net;\n<br>2.9.1.5.2 comes to rest on the receiver’s court;\n<br>2.9.1.5.3 in singles leaves the receiver’s court after touching by either of its side lines.\n<br>2.9.2 Play may be interrupted\n<br>2.9.2.1 to correct an error in the order of serving, receiving or ends;\n<br>2.9.2.2 to introduce the expedite system;\n<br>2.9.2.3 to warn or penalise a player or adviser;\n<br>2.9.2.4 because the conditions of play are disturbed in a way which could affect the outcome of the rally.\n<br><br><b>2.10 A POINT\n</b><br>2.10.1 Unless the rally is a let, a player shall score a point\n<br>2.10.1.1 if an opponent fails to make a correct service;\n<br>2.10.1.2 if an opponent fails to make a correct return;\n<br>2.10.1.3 if, after he or she has made a service or a return, the ball touches anything other than the net\n<br>assembly before being struck by an opponent;\n<br>2.10.1.4 if the ball passes over his or her court or beyond his or her end line without touching his or her\n<br>court, after being struck by an opponent;\n<br>2.10.1.5 if the ball, after being struck by an opponent, passes through the net, between the net and the net\n<br>post or between the net and the playing surface;\n<br>2.10.1.6 if an opponent obstructs the ball;\n<br>2.10.1.7 if an opponent deliberately strikes the ball more than once successively;\n<br>2.10.1.8 if an opponent strikes the ball with a side of the racket blade whose surface does not comply with\n<br>the requirements of 2.4.3-2.4.6;\n<br>2.10.1.9 if an opponent, or anything an opponent wears or carries, moves the playing surface;\n<br>2.10.1.10 if his or her opponent, or anything an opponent wears or carries, touches the net assembly;\n<br>2.10.1.11 if an opponent's free hand touches the playing surface;\n<br>2.10.1.12 if a doubles opponent strikes the ball out of the sequence established by the first server and first\n<br>receiver;\n<br>2.10.1.13 as provided under the expedite system (2.15.4).\n<br>2.10.1.14 if both players are in wheelchairs owing to physical disability and\n<br>2.10.1.14.1 an opponent does not maintain a minimum contact with the seat or cushions with the back of the\n<br>thigh when the ball is struck;\n<br>2.10.14.1.2 an opponent touches the table with either hand before striking the ball;\n<br>2.10.14.1.3 an opponent's footrest or foot touches the floor during play;\n<br>2.10.1.15 if, where an opposing pair includes at least one player in a wheelchair, any part of the wheelchair\n<br>or a foot of a standing player crosses an imaginary extension of the centre line.\n<br><br><b>2.11 A GAME\n</b><br>A game shall be won by the player or pair first scoring 11 points unless both players or pairs score\n<br>10 points, when the game shall be won by the first player or pair subsequently gaining a lead of\n<br>2 points.\n<br><br><b>2.12 A MATCH\n</b><br>2.12.1 A match shall consist of the best of any odd number of games.\n<br><br><b>2.13 THE ORDER OF SERVING, RECEIVING AND ENDS\n</b><br>2.13.1 The right to choose the initial order of serving, receiving and ends shall be decided by lot and the\n<br>winner may choose to serve or to receive first or to start at a particular end.\n<br>2.13.2 When one player or pair has chosen to serve or to receive first or to start at a particular end, the\n<br>other player or pair shall have the other choice.\n<br>2.13.3 After each 2 points have been scored the receiving player or pair shall become the serving player\n<br>or pair and so on until the end of the game, unless both players or pairs score 10 points or the\n<br>expedite system is in operation, when the sequences of serving and receiving shall be the same\n<br>but each player shall serve for only 1 point in turn.\n<br>2.13.4 In each game of a doubles match, the pair having the right to serve first shall choose which of\n<br>them will do so and in the first game of a match the receiving pair shall decide which of them will\n<br>receive first; in subsequent games of the match, the first server having been chosen, the first\n<br>receiver shall be the player who served to him or her in the preceding game.\n<br>2.13.5 In doubles, at each change of service the previous receiver shall become the server and the\n<br>partner of the previous server shall become the receiver.\n<br>2.13.6 The player or pair serving first in a game shall receive first in the next game of the match and in\n<br>the last possible game of a doubles match the pair due to receive next shall change their order of\n<br>receiving when first one pair scores 5 points.\n<br>2.13.7 The player or pair starting at one end in a game shall start at the other end in the next game of\n<br>the match and in the last possible game of a match the players or pairs shall change ends when\n<br>first one player or pair scores 5 points.\n<br><br><b>2.14 OUT OF ORDER OF SERVING, RECEIVING OR ENDS\n</b><br>2.14.1 If a player serves or receives out of turn, play shall be interrupted by the umpire as soon as the\n<br>error is discovered and shall resume with those players serving and receiving who should be\n<br>server and receiver respectively at the score that has been reached, according to the sequence\n<br>established at the beginning of the match and, in doubles, to the order of serving chosen by the\n<br>pair having the right to serve first in the game during which the error is discovered.\n<br>2.14.2 If the players have not changed ends when they should have done so, play shall be interrupted\n<br>by the umpire as soon as the error is discovered and shall resume with the players at the ends at\n<br>which they should be at the score that has been reached, according to the sequence established\n<br>at the start of the match.\n<br>2.14.3 In any circumstances, all points scored before the discovery of an error shall be reckoned.\n<br><br><b>2.15 THE EXPEDITE SYSTEM\n</b><br>2.15.1 Except as provided in 2.15.2, the expedite system shall come into operation after 10 minutes' play\n<br>in a game or at any time when requested by both players or pairs.\n<br>2.15.2 The expedite system shall not be introduced in a game if at least 18 points have been scored.\n<br>2.15.3 If the ball is in play when the time limit is reached and the expedite system is due to come into\n<br>operation, play shall be interrupted by the umpire and shall resume with service by the player who\n<br>served in the rally that was interrupted; if the ball is not in play when the expedite system comes\n<br>into operation, play shall resume with service by the player who received in the immediately\n<br>preceding rally.\n<br>2.15.4 Thereafter, each player shall serve for 1 point in turn until the end of the game, and if the receiving\n<br>player or pair makes 13 returns in a rally the receiver shall score a point.\n<br>2.15.5 Introduction of the expedite system shall not alter the order of serving and receiving in the match,\n<br>as defined in 2.13.6.\n<br>2.15.6 Once introduced, the expedite system shall remain in operation until the end of the match.&nbsp;<br></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "t1j12RwFJh",
          "_anchor": "content5-34",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            ".row-links": {
              "width": "100%",
              "justify-content": "center"
            },
            ".social-row": {
              "width": "100%",
              "justify-content": "center"
            },
            ".media-container-row": {
              "flex-direction": "column",
              "justify-content": "center",
              "align-items": "center",
              ".foot-menu": {
                "list-style": "none",
                "display": "flex",
                "justify-content": "center",
                "flex-wrap": "wrap",
                "padding": "0",
                "margin-bottom": "0",
                "li": {
                  "padding": "0 1rem 1rem 1rem",
                  "p": {
                    "margin": "0"
                  }
                }
              },
              ".social-list": {
                "padding-left": "0",
                "margin-bottom": "0",
                "list-style": "none",
                "display": "flex",
                "flex-wrap": "wrap",
                "justify-content": "flex-end",
                ".mbr-iconfont-social": {
                  "font-size": "1.5rem",
                  "color": "#ffffff"
                },
                ".soc-item": {
                  "margin": "0 .5rem"
                },
                "a": {
                  "margin": "0",
                  "opacity": ".5",
                  "transition": ".2s linear",
                  "&:hover": {
                    "opacity": "1"
                  }
                },
                "@media (max-width: 767px)": {
                  "-webkit-justify-content": "center",
                  "justify-content": "center"
                }
              },
              ".row-copirayt": {
                "word-break": "break-word",
                "width": "100%",
                "p": {
                  "width": "100%"
                }
              }
            }
          },
          "_name": "footer3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer3\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"range\" inline title=\"Menu Items\" name=\"menuItems\" min=\"0\" max=\"10\" step=\"1\" value=\"9\">\n        <input type=\"range\" inline title=\"Social Items\" name=\"socialItems\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background8.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#000000\" selected>\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"media-container-row align-center mbr-white\">\n            <div class=\"row row-links\" mbr-if=\"menuItems > 0\">\n                <ul class=\"foot-menu\" mbr-list mbr-list-grow=\"menuItems\">\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html\" class=\"text-white\">Home</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"about-the-club.html\" class=\"text-white\">About</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"why-play-table-tennis.html\" class=\"text-white\">Why Play Table Tennis?</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"teams.html\" class=\"text-white\">Teams</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"schedule.html\" class=\"text-white\">Schedule</a></li>\n                <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"coaching.html\" class=\"text-white\">Coaching</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"links.html\" class=\"text-white\">Links</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"location.html\" class=\"text-white text-primary\">Location</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#contact\" class=\"text-white\">Contact</a></li></ul>\n            </div>\n            <div class=\"row social-row\" mbr-if=\"socialItems > 0\">\n                <div mbr-list mbr-list-grow=\"socialItems\" class=\"social-list align-right pb-2\">\n                    <div class=\"soc-item\">\n                        <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                            <span mbr-icon class=\"socicon-twitter socicon mbr-iconfont mbr-iconfont-social\"></span>\n                        </a>\n                    </div>\n                    \n                    \n                    \n                    \n                    \n                </div>\n            </div>\n            <div class=\"row row-copirayt\">\n                <p class=\"mbr-text mb-0 mbr-fonts-style mbr-white align-center\" mbr-theme-style=\"display-4\" data-app-selector=\".media-container-row .mbr-text\">\n                    © Copyright 2023-26 Church Stretton Table Tennis Club - All Rights Reserved - Site by <a href=\"https://strettoninternet.co.uk\" class=\"text-info\">Stretton Internet</a></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "t1j12RHl0J",
          "_anchor": "footer3-35",
          "_protectedParams": [],
          "_global": true,
          "_once": "footers",
          "_params": {}
        }
      ]
    },
    "location.html": {
      "settings": {
        "title": "Location",
        "order": "10",
        "meta_descr": "How to Find Church Stretton Table Tennis Club",
        "header_custom": "",
        "socialSharingUrl": ""
      },
      "components": [
        {
          "alias": false,
          "_styles": {
            "& when not (@sticky)": {
              ".navbar-dropdown": {
                "position": "relative !important"
              },
              "& when (@transparent)": {
                ".navbar-dropdown": {
                  "position": "absolute !important"
                }
              }
            },
            "& when (@sticky)": {
              "z-index": "1000",
              "width": "100%",
              "& when not (@transparent)": {
                "position": "relative",
                "min-height": "60px"
              },
              "nav.navbar": {
                "position": "fixed"
              }
            },
            ".dropdown-item:before": {
              "font-family": "Moririse2 !important",
              "content": "\"\\e966\"",
              "display": "inline-block",
              "width": "0",
              "position": "absolute",
              "left": "1rem",
              "top": "0.5rem",
              "margin-right": "0.5rem",
              "line-height": "1",
              "font-size": "inherit",
              "vertical-align": "middle",
              "text-align": "center",
              "overflow": "hidden",
              "transform": "scale(0, 1)",
              "transition": "all 0.25s ease-in-out"
            },
            ".dropdown-menu": {
              "padding": "0",
              "border-radius": "4px",
              "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
            },
            ".dropdown-item": {
              "border-bottom": "1px solid #e6e6e6",
              "&:hover, &:focus": {
                "background": "@primaryColor !important",
                "color": "white !important"
              },
              "&:first-child": {
                "border-top-left-radius": "4px",
                "border-top-right-radius": "4px"
              },
              "&:last-child": {
                "border-bottom": "none",
                "border-bottom-left-radius": "4px",
                "border-bottom-right-radius": "4px"
              }
            },
            ".nav-dropdown .link": {
              "padding": "0 0.3em !important",
              "margin": "0.667em 1em !important"
            },
            ".nav-dropdown .link.dropdown-toggle::after": {
              "margin-left": "0.5rem",
              "margin-top": "0.2rem"
            },
            ".nav-link": {
              "position": "relative"
            },
            ".container": {
              "display": "flex",
              "margin": "auto"
            },
            ".iconfont-wrapper": {
              "color": "@iconsColor !important",
              "font-size": "1.5rem",
              "padding-right": "0.5rem"
            },
            ".navbar-caption": {},
            ".navbar-nav": {},
            ".dropdown-menu, .navbar.opened": {
              "background": "@menuBgColor !important"
            },
            ".nav-item:focus, .nav-link:focus": {
              "outline": "none"
            },
            ".dropdown .dropdown-menu .dropdown-item": {
              "width": "auto",
              "transition": "all 0.25s ease-in-out",
              "&::after": {
                "right": "0.5rem"
              },
              ".mbr-iconfont": {
                "margin-right": "0.5rem",
                "vertical-align": "sub",
                "&:before": {
                  "display": "inline-block",
                  "transform": "scale(1, 1)",
                  "transition": "all 0.25s ease-in-out"
                }
              }
            },
            ".collapsed": {
              ".dropdown-menu .dropdown-item:before": {
                "display": "none"
              },
              ".dropdown .dropdown-menu .dropdown-item": {
                "padding": "0.235em 1.5em 0.235em 1.5em !important",
                "transition": "none",
                "margin": "0 !important"
              }
            },
            ".navbar": {
              "min-height": "70px",
              "transition": "all 0.3s",
              "border-bottom": "1px solid transparent",
              "&:not(.navbar-short)": {},
              "& when not (@transparent)": {
                "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
                "background": "@menuBgColor"
              },
              "& when (@transparent)": {
                "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)"
              },
              "&.opened": {
                "transition": "all 0.3s"
              },
              ".dropdown-item": {
                "padding": "0.5rem 1.8rem"
              },
              ".navbar-logo img": {
                "width": "auto"
              },
              ".navbar-collapse": {
                "justify-content": "flex-end",
                "z-index": "1"
              },
              "&.collapsed": {
                "justify-content": "center",
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  },
                  "@media (min-width: 992px)": {
                    "&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
                      "max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
                    }
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "41%"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem",
                  "text-align": "center"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-right": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "@media (max-width: 991px)": {
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "40%"
                  }
                },
                ".navbar-logo": {
                  "img": {
                    "height": "3rem !important"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem !important",
                  "text-align": "center"
                },
                ".navbar-brand": {
                  "flex-shrink": "initial",
                  "flex-basis": "auto",
                  "word-break": "break-word",
                  "padding-right": "2rem"
                },
                ".navbar-toggler": {
                  "flex-basis": "auto"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "&.navbar-short": {
                "min-height": "60px",
                ".navbar-logo": {
                  "img": {
                    "height": "2.5rem !important"
                  }
                },
                ".navbar-brand": {
                  "min-height": "60px",
                  "padding": "0"
                }
              }
            },
            ".navbar-brand": {
              "min-height": "70px",
              "flex-shrink": "0",
              "align-items": "center",
              "margin-right": "0",
              "padding": "10px 0",
              "transition": "all 0.3s",
              "word-break": "break-word",
              "z-index": "1",
              ".navbar-caption": {
                "line-height": "inherit !important"
              },
              ".navbar-logo a": {
                "outline": "none"
              }
            },
            ".dropdown-item.active, .dropdown-item:active": {
              "background-color": "transparent"
            },
            ".navbar-expand-lg .navbar-nav .nav-link": {
              "padding": "0"
            },
            ".nav-dropdown .link.dropdown-toggle": {
              "margin-right": "1.667em",
              "&[aria-expanded=\"true\"]": {
                "margin-right": "0",
                "padding": "0.667em 1.667em"
              }
            },
            ".navbar.navbar-expand-lg .dropdown": {
              ".dropdown-menu": {
                "background": "@menuBgColor",
                ".dropdown-submenu": {
                  "margin": "0",
                  "left": "100%"
                }
              }
            },
            "ul.navbar-nav": {
              "flex-wrap": "wrap"
            },
            ".navbar .dropdown.open > .dropdown-menu": {
              "display": "block"
            },
            ".navbar-buttons": {
              "text-align": "center",
              "min-width": "170px"
            },
            "button.navbar-toggler": {
              "outline": "none",
              "width": "31px",
              "height": "20px",
              "cursor": "pointer",
              "transition": "all 0.2s",
              "position": "relative",
              "align-self": "center",
              ".hamburger span": {
                "position": "absolute",
                "right": "0",
                "width": "30px",
                "height": "2px",
                "border-right": "5px",
                "background-color": "@hamburgerColor",
                "&:nth-child(1)": {
                  "top": "0",
                  "transition": "all 0.2s"
                },
                "&:nth-child(2)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(3)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(4)": {
                  "top": "16px",
                  "transition": "all 0.2s"
                }
              }
            },
            "nav.opened .hamburger span": {
              "&:nth-child(1)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              },
              "&:nth-child(2)": {
                "transform": "rotate(45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(3)": {
                "transform": "rotate(-45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(4)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              }
            },
            ".navbar-dropdown": {
              "padding": "0 1rem",
              "& when (@sticky)": {
                "position": "fixed"
              }
            },
            "a.nav-link": {
              "display": "flex",
              "align-items": "center",
              "justify-content": "center"
            },
            ".icons-menu": {
              "flex-wrap": "nowrap",
              "display": "flex",
              "justify-content": "center",
              "padding-left": "1rem",
              "padding-right": "1rem",
              "padding-top": "0.3rem",
              "text-align": "center"
            },
            "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
              ".navbar": {
                "height": "70px",
                "&.opened": {
                  "height": "auto"
                }
              },
              ".nav-item .nav-link:hover::before": {
                "width": "175%",
                "max-width": "calc(100% ~\"+\" 2rem)",
                "left": "-1rem"
              }
            },
            ".cid-sYmGYy3bVg .dropdown-item": {
              "border-bottom": "0px Important"
            }
          },
          "_name": "menu3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu3\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n        <input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"4.3\" condition=\"showLogo\">\n        <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\">\n        <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n        <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n        <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n            <option value=\"1\">1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\" selected>3</option>\n            <option value=\"4\">4</option>\n        </select>\n        <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n        <input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n        <header>Styles</header>\n        <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\" checked>\n        <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n        <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n        <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n        <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#000000\">\n        <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n                     'navbar-expand-lg':!collapsed,\n                     'collapsed':collapsed}\">\n        <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n            <div class=\"navbar-brand\">\n                <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n                    \n                        <a href=\"index.html\"><img src=\"@PROJECT_PATH@/assets/images/logo2.png\" alt=\"Church Stretton Table Tennis Club\" mbr-style=\"{'height': logoSize + 'rem'}\"></a>\n                    \n                </span>\n                <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-white\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"></a></span>\n            </div>\n            <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n                <div class=\"hamburger\">\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                </div>\n            </button>\n            <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n                <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Home</a></li><li class=\"nav-item dropdown\"><a class=\"nav-link link text-white dropdown-toggle\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                            About</a><div class=\"dropdown-menu\"><a class=\"text-white dropdown-item text-primary\" href=\"about-the-club.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">About the Club</a><a class=\"text-white dropdown-item text-primary\" href=\"why-play-table-tennis.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Why Play Table Tennis?</a><a class=\"text-white dropdown-item text-primary\" href=\"history.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">A Brief History of Table Tennis</a><a class=\"text-white dropdown-item text-primary\" href=\"laws.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">The Rules &amp; Laws of Table Tennis</a></div></li>\n                    <li class=\"nav-item dropdown\"><a class=\"nav-link link text-white text-primary dropdown-toggle show\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" aria-expanded=\"false\">Teams<br></a><div class=\"dropdown-menu show\" aria-labelledby=\"dropdown-374\" data-bs-popper=\"none\"><a class=\"text-white text-primary dropdown-item\" href=\"churchstretton-a.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">First Team</a><a class=\"text-white text-primary show dropdown-item\" href=\"churchstretton-b.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Second Team</a></div></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"schedule.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Schedule</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"news.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">News</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"coaching.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Coaching</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"links.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Links</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"location.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Location</a></li>\n                    <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#contact\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contact</a>\n                    </li></ul>\n                <div class=\"icons-menu\" mbr-if=\"showIcons\">\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-facebook socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-instagram socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n                    </a>\n                </div>\n                <div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">\n                        Sign up</a>\n                </div>\n            </div>\n        </div>\n    </nav>\n</section>",
          "_cid": "tNQGlj10rI",
          "_anchor": "menu3-49",
          "_protectedParams": [],
          "_global": true,
          "_once": "menu",
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 1rem)",
              "padding-bottom": "(@paddingBottom * 1rem)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            }
          },
          "_name": "content4",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"content4\" group=\"Content\" data-bg-video=\"{{bg.type == 'video'&&bg.value.url}}\" mbr-class=\"{\n    'mbr-fullscreen': fullScreen,\n    'mbr-parallax-background': bg.parallax}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"3\" condition=\"fullScreen == false\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n        <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" step=\"1\" value=\"10\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value=\"../_images/background13.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row justify-content-center\">\n            <div class=\"title col-md-12 col-lg-{{textWidth}}\">\n                <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-4\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-5\">\n                    <b>Location</b></h3>\n                <h4 class=\"mbr-section-subtitle align-center mbr-fonts-style mb-4\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-5\">\n                    You can arrange your articles with the Mobirise website design software.\n                </h4>\n                <div class=\"mbr-section-btn align-center\" mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\">LEARN MORE</a>\n                    <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\">LIVE DEMO</a>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "tNQHaq5bQ9",
          "_anchor": "content4-4i",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            ".row": {
              "align-items": "stretch",
              "justify-content": "center",
              ".img-item": {
                "display": "-webkit-flex",
                "flex-direction": "column",
                "justify-content": "center",
                "width": "100%",
                "img": {
                  "width": "100%",
                  "object-fit": "cover",
                  "min-height": "1px"
                }
              }
            }
          },
          "_name": "image5",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"image5\" group=\"Images & Videos\" mbr-class=\"{'mbr-parallax-background':bg.parallax}\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"1\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Width\" name=\"contentWidth\" min=\"6\" max=\"12\" value=\"12\" step=\"1\">\n        <input type=\"range\" inline title=\"Sizes\" name=\"proportions\" min=\"4\" max=\"8\" value=\"6\" step=\"1\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Description\" name=\"showDescription\" checked>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value=\"../_images/background13.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.4\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row\">\n            <div class=\"col-12 col-md-{{contentWidth}}\">\n                <div class=\"row\">\n                    <div class=\"col-12 col-lg-{{proportions}}\">\n                        <div class=\"img-item mb-3\">\n                            <img src=\"@PROJECT_PATH@/assets/images/sylvester-horne-institute-1.jpg\" alt=\"Silvester Horne Institute\">\n                            <p class=\"mbr-fonts-style align-center mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showDescription\">Silvester Horne Institute, High Street, Church Stretton, SY6 6BY</p>\n                        </div>\n                    </div>\n                    <div class=\"col-12 col-lg\">\n                        <div class=\"img-item mb-3\">\n                            <img src=\"@PROJECT_PATH@/assets/images/ticklerton-village-hall.jpg\" alt=\"Ticklerton Village Hall\">\n                            <p class=\"mbr-fonts-style align-center mt-2\" mbr-theme-style=\"display-7\" mbr-if=\"showDescription\">Ticklerton Village Hall, Ticklerton, SY6 7DQ</p>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "tNYEPXpTfh",
          "_anchor": "image5-4m",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "& when not (@fullScreen)": {
              "padding-top": "(@paddingTop * 1rem)",
              "padding-bottom": "(@paddingBottom * 1rem)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            ".mbr-section-subtitle": {
              "text-align": "left"
            }
          },
          "_name": "content4",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"content4\" group=\"Content\" data-bg-video=\"{{bg.type == 'video'&&bg.value.url}}\" mbr-class=\"{\n    'mbr-fullscreen': fullScreen,\n    'mbr-parallax-background': bg.parallax}\">\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Screen\" name=\"fullScreen\">\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"0\" condition=\"fullScreen == false\">\n        <input type=\"range\" name=\"textWidth\" title=\"Width\" min=\"4\" max=\"12\" step=\"1\" value=\"12\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\" checked>\n        <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"row justify-content-center\">\n            <div class=\"title col-md-12 col-lg-{{textWidth}}\">\n                <h3 class=\"mbr-section-title mbr-fonts-style align-center mb-4\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\" mbr-theme-style=\"display-5\">\n                    <b>Our Locations</b></h3>\n                <h4 class=\"mbr-section-subtitle align-center mbr-fonts-style mb-4\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" mbr-theme-style=\"display-7\">Church Stretton Table Tennis Club plays at the Silvester Horne Institute (pictured above), in the centre of town. The hall has a large room with high ceiling and is well lit, making it an ideal venue. We have 4 tournament grade tables at the venue.<br>We also have a venue at Ticklerton Village Hall with an additional table.</h4>\n                <div class=\"mbr-section-btn align-center\" mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\">LEARN MORE</a>\n                    <a class=\"btn btn-primary-outline\" href=\"https://mobiri.se\">LIVE DEMO</a>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_anchor": "content4-4f",
          "_isUserblock": true,
          "_cid": "tNQGOByfQj",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            ".google-map": {
              "height": "350px",
              "position": "relative",
              "iframe": {
                "height": "100%",
                "width": "100%"
              },
              "[data-state-details]": {
                "color": "#6b6763",
                "height": "1.5em",
                "margin-top": "-0.75em",
                "padding-left": "1.25rem",
                "padding-right": "1.25rem",
                "position": "absolute",
                "text-align": "center",
                "top": "50%",
                "width": "100%"
              },
              "&[data-state]": {
                "background": "#e9e5dc"
              },
              "&[data-state=\"loading\"]": {
                "[data-state-details]": {
                  "display": "none"
                }
              }
            }
          },
          "_name": "map3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"map3\" group=\"Maps\">\n    \n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\" checked>\n        <input type=\"map\" title=\"Map 1\" name=\"googleMap\" place-id=\"Silvester Horne Institute\" value=\"Silvester Horne Institute\">\n        <input type=\"map\" title=\"Map 2\" name=\"googleMap2\" place-id=\"Ticklerton Village Hall\" value=\"Ticklerton Village Hall\">\n         <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\" parallax>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#000000\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n        <!-- End block of parameters -->\n    </mbr-parameters>\n    \n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class mbr-class=\"{'container' : !fullWidth, 'container-fluid' : fullWidth}\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <h3 class=\"mbr-section-title mb-4 align-center mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Our Locations</b></h3>\n            </div>\n            <div class=\"col-12 col-lg-6\">\n                <h4 class=\"mbr-section-subtitle mb-3 align-center mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\"><b>Silvester Horne Institute</b></h4>\n                <div class=\"google-map\" mbr-map=\"googleMap\"></div>\n            </div>\n            <div class=\"col-12 col-lg-6\">\n                <h4 class=\"mbr-section-subtitle mb-3 mt-5 mt-lg-0 align-center mbr-fonts-style\" mbr-theme-style=\"display-7\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\"><b>Ticklerton Village Hall</b></h4>\n                <div class=\"google-map\" mbr-map=\"googleMap2\"></div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_anchor": "map3-57",
          "_isUserblock": true,
          "_cid": "tUP0GSzbpu",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            ".row-links": {
              "width": "100%",
              "justify-content": "center"
            },
            ".social-row": {
              "width": "100%",
              "justify-content": "center"
            },
            ".media-container-row": {
              "flex-direction": "column",
              "justify-content": "center",
              "align-items": "center",
              ".foot-menu": {
                "list-style": "none",
                "display": "flex",
                "justify-content": "center",
                "flex-wrap": "wrap",
                "padding": "0",
                "margin-bottom": "0",
                "li": {
                  "padding": "0 1rem 1rem 1rem",
                  "p": {
                    "margin": "0"
                  }
                }
              },
              ".social-list": {
                "padding-left": "0",
                "margin-bottom": "0",
                "list-style": "none",
                "display": "flex",
                "flex-wrap": "wrap",
                "justify-content": "flex-end",
                ".mbr-iconfont-social": {
                  "font-size": "1.5rem",
                  "color": "#ffffff"
                },
                ".soc-item": {
                  "margin": "0 .5rem"
                },
                "a": {
                  "margin": "0",
                  "opacity": ".5",
                  "transition": ".2s linear",
                  "&:hover": {
                    "opacity": "1"
                  }
                },
                "@media (max-width: 767px)": {
                  "-webkit-justify-content": "center",
                  "justify-content": "center"
                }
              },
              ".row-copirayt": {
                "word-break": "break-word",
                "width": "100%",
                "p": {
                  "width": "100%"
                }
              }
            }
          },
          "_name": "footer3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer3\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"range\" inline title=\"Menu Items\" name=\"menuItems\" min=\"0\" max=\"10\" step=\"1\" value=\"9\">\n        <input type=\"range\" inline title=\"Social Items\" name=\"socialItems\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background8.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#000000\" selected>\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"media-container-row align-center mbr-white\">\n            <div class=\"row row-links\" mbr-if=\"menuItems > 0\">\n                <ul class=\"foot-menu\" mbr-list mbr-list-grow=\"menuItems\">\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html\" class=\"text-white\">Home</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"about-the-club.html\" class=\"text-white\">About</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"why-play-table-tennis.html\" class=\"text-white\">Why Play Table Tennis?</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"teams.html\" class=\"text-white\">Teams</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"schedule.html\" class=\"text-white\">Schedule</a></li>\n                <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"coaching.html\" class=\"text-white\">Coaching</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"links.html\" class=\"text-white\">Links</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"location.html\" class=\"text-white text-primary\">Location</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#contact\" class=\"text-white\">Contact</a></li></ul>\n            </div>\n            <div class=\"row social-row\" mbr-if=\"socialItems > 0\">\n                <div mbr-list mbr-list-grow=\"socialItems\" class=\"social-list align-right pb-2\">\n                    <div class=\"soc-item\">\n                        <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                            <span mbr-icon class=\"socicon-twitter socicon mbr-iconfont mbr-iconfont-social\"></span>\n                        </a>\n                    </div>\n                    \n                    \n                    \n                    \n                    \n                </div>\n            </div>\n            <div class=\"row row-copirayt\">\n                <p class=\"mbr-text mb-0 mbr-fonts-style mbr-white align-center\" mbr-theme-style=\"display-4\" data-app-selector=\".media-container-row .mbr-text\">\n                    © Copyright 2023-26 Church Stretton Table Tennis Club - All Rights Reserved - Site by <a href=\"https://strettoninternet.co.uk\" class=\"text-info\">Stretton Internet</a></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "tNQGljUt76",
          "_anchor": "footer3-4d",
          "_protectedParams": [],
          "_global": true,
          "_once": "footers",
          "_params": {}
        }
      ]
    },
    "news.html": {
      "settings": {
        "title": "News",
        "order": "1",
        "meta_descr": "Church Stretton Table Tennis Club - Latest News",
        "header_custom": ""
      },
      "components": [
        {
          "alias": false,
          "_styles": {
            "& when not (@sticky)": {
              ".navbar-dropdown": {
                "position": "relative !important"
              },
              "& when (@transparent)": {
                ".navbar-dropdown": {
                  "position": "absolute !important"
                }
              }
            },
            "& when (@sticky)": {
              "z-index": "1000",
              "width": "100%",
              "& when not (@transparent)": {
                "position": "relative",
                "min-height": "60px"
              },
              "nav.navbar": {
                "position": "fixed"
              }
            },
            ".dropdown-item:before": {
              "font-family": "Moririse2 !important",
              "content": "\"\\e966\"",
              "display": "inline-block",
              "width": "0",
              "position": "absolute",
              "left": "1rem",
              "top": "0.5rem",
              "margin-right": "0.5rem",
              "line-height": "1",
              "font-size": "inherit",
              "vertical-align": "middle",
              "text-align": "center",
              "overflow": "hidden",
              "transform": "scale(0, 1)",
              "transition": "all 0.25s ease-in-out"
            },
            ".dropdown-menu": {
              "padding": "0",
              "border-radius": "4px",
              "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
            },
            ".dropdown-item": {
              "border-bottom": "1px solid #e6e6e6",
              "&:hover, &:focus": {
                "background": "@primaryColor !important",
                "color": "white !important"
              },
              "&:first-child": {
                "border-top-left-radius": "4px",
                "border-top-right-radius": "4px"
              },
              "&:last-child": {
                "border-bottom": "none",
                "border-bottom-left-radius": "4px",
                "border-bottom-right-radius": "4px"
              }
            },
            ".nav-dropdown .link": {
              "padding": "0 0.3em !important",
              "margin": "0.667em 1em !important"
            },
            ".nav-dropdown .link.dropdown-toggle::after": {
              "margin-left": "0.5rem",
              "margin-top": "0.2rem"
            },
            ".nav-link": {
              "position": "relative"
            },
            ".container": {
              "display": "flex",
              "margin": "auto"
            },
            ".iconfont-wrapper": {
              "color": "@iconsColor !important",
              "font-size": "1.5rem",
              "padding-right": "0.5rem"
            },
            ".navbar-caption": {},
            ".navbar-nav": {},
            ".dropdown-menu, .navbar.opened": {
              "background": "@menuBgColor !important"
            },
            ".nav-item:focus, .nav-link:focus": {
              "outline": "none"
            },
            ".dropdown .dropdown-menu .dropdown-item": {
              "width": "auto",
              "transition": "all 0.25s ease-in-out",
              "&::after": {
                "right": "0.5rem"
              },
              ".mbr-iconfont": {
                "margin-right": "0.5rem",
                "vertical-align": "sub",
                "&:before": {
                  "display": "inline-block",
                  "transform": "scale(1, 1)",
                  "transition": "all 0.25s ease-in-out"
                }
              }
            },
            ".collapsed": {
              ".dropdown-menu .dropdown-item:before": {
                "display": "none"
              },
              ".dropdown .dropdown-menu .dropdown-item": {
                "padding": "0.235em 1.5em 0.235em 1.5em !important",
                "transition": "none",
                "margin": "0 !important"
              }
            },
            ".navbar": {
              "min-height": "70px",
              "transition": "all 0.3s",
              "border-bottom": "1px solid transparent",
              "&:not(.navbar-short)": {},
              "& when not (@transparent)": {
                "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
                "background": "@menuBgColor"
              },
              "& when (@transparent)": {
                "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)"
              },
              "&.opened": {
                "transition": "all 0.3s"
              },
              ".dropdown-item": {
                "padding": "0.5rem 1.8rem"
              },
              ".navbar-logo img": {
                "width": "auto"
              },
              ".navbar-collapse": {
                "justify-content": "flex-end",
                "z-index": "1"
              },
              "&.collapsed": {
                "justify-content": "center",
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  },
                  "@media (min-width: 992px)": {
                    "&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
                      "max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
                    }
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "41%"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem",
                  "text-align": "center"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-right": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "@media (max-width: 991px)": {
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "40%"
                  }
                },
                ".navbar-logo": {
                  "img": {
                    "height": "3rem !important"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem !important",
                  "text-align": "center"
                },
                ".navbar-brand": {
                  "flex-shrink": "initial",
                  "flex-basis": "auto",
                  "word-break": "break-word",
                  "padding-right": "2rem"
                },
                ".navbar-toggler": {
                  "flex-basis": "auto"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "&.navbar-short": {
                "min-height": "60px",
                ".navbar-logo": {
                  "img": {
                    "height": "2.5rem !important"
                  }
                },
                ".navbar-brand": {
                  "min-height": "60px",
                  "padding": "0"
                }
              }
            },
            ".navbar-brand": {
              "min-height": "70px",
              "flex-shrink": "0",
              "align-items": "center",
              "margin-right": "0",
              "padding": "10px 0",
              "transition": "all 0.3s",
              "word-break": "break-word",
              "z-index": "1",
              ".navbar-caption": {
                "line-height": "inherit !important"
              },
              ".navbar-logo a": {
                "outline": "none"
              }
            },
            ".dropdown-item.active, .dropdown-item:active": {
              "background-color": "transparent"
            },
            ".navbar-expand-lg .navbar-nav .nav-link": {
              "padding": "0"
            },
            ".nav-dropdown .link.dropdown-toggle": {
              "margin-right": "1.667em",
              "&[aria-expanded=\"true\"]": {
                "margin-right": "0",
                "padding": "0.667em 1.667em"
              }
            },
            ".navbar.navbar-expand-lg .dropdown": {
              ".dropdown-menu": {
                "background": "@menuBgColor",
                ".dropdown-submenu": {
                  "margin": "0",
                  "left": "100%"
                }
              }
            },
            "ul.navbar-nav": {
              "flex-wrap": "wrap"
            },
            ".navbar .dropdown.open > .dropdown-menu": {
              "display": "block"
            },
            ".navbar-buttons": {
              "text-align": "center",
              "min-width": "170px"
            },
            "button.navbar-toggler": {
              "outline": "none",
              "width": "31px",
              "height": "20px",
              "cursor": "pointer",
              "transition": "all 0.2s",
              "position": "relative",
              "align-self": "center",
              ".hamburger span": {
                "position": "absolute",
                "right": "0",
                "width": "30px",
                "height": "2px",
                "border-right": "5px",
                "background-color": "@hamburgerColor",
                "&:nth-child(1)": {
                  "top": "0",
                  "transition": "all 0.2s"
                },
                "&:nth-child(2)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(3)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(4)": {
                  "top": "16px",
                  "transition": "all 0.2s"
                }
              }
            },
            "nav.opened .hamburger span": {
              "&:nth-child(1)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              },
              "&:nth-child(2)": {
                "transform": "rotate(45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(3)": {
                "transform": "rotate(-45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(4)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              }
            },
            ".navbar-dropdown": {
              "padding": "0 1rem",
              "& when (@sticky)": {
                "position": "fixed"
              }
            },
            "a.nav-link": {
              "display": "flex",
              "align-items": "center",
              "justify-content": "center"
            },
            ".icons-menu": {
              "flex-wrap": "nowrap",
              "display": "flex",
              "justify-content": "center",
              "padding-left": "1rem",
              "padding-right": "1rem",
              "padding-top": "0.3rem",
              "text-align": "center"
            },
            "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
              ".navbar": {
                "height": "70px",
                "&.opened": {
                  "height": "auto"
                }
              },
              ".nav-item .nav-link:hover::before": {
                "width": "175%",
                "max-width": "calc(100% ~\"+\" 2rem)",
                "left": "-1rem"
              }
            },
            ".cid-sYmGYy3bVg .dropdown-item": {
              "border-bottom": "0px Important"
            }
          },
          "_name": "menu3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu3\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n        <input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"4.3\" condition=\"showLogo\">\n        <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\">\n        <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n        <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n        <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n            <option value=\"1\">1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\" selected>3</option>\n            <option value=\"4\">4</option>\n        </select>\n        <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n        <input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n        <header>Styles</header>\n        <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\" checked>\n        <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n        <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n        <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n        <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#000000\">\n        <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n                     'navbar-expand-lg':!collapsed,\n                     'collapsed':collapsed}\">\n        <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n            <div class=\"navbar-brand\">\n                <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n                    \n                        <a href=\"index.html\"><img src=\"@PROJECT_PATH@/assets/images/logo2.png\" alt=\"Church Stretton Table Tennis Club\" mbr-style=\"{'height': logoSize + 'rem'}\"></a>\n                    \n                </span>\n                <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-white\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"></a></span>\n            </div>\n            <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n                <div class=\"hamburger\">\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                </div>\n            </button>\n            <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n                <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Home</a></li><li class=\"nav-item dropdown\"><a class=\"nav-link link text-white dropdown-toggle\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                            About</a><div class=\"dropdown-menu\"><a class=\"text-white dropdown-item text-primary\" href=\"about-the-club.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">About the Club</a><a class=\"text-white dropdown-item text-primary\" href=\"why-play-table-tennis.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Why Play Table Tennis?</a><a class=\"text-white dropdown-item text-primary\" href=\"history.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">A Brief History of Table Tennis</a><a class=\"text-white dropdown-item text-primary\" href=\"laws.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">The Rules &amp; Laws of Table Tennis</a></div></li>\n                    <li class=\"nav-item dropdown\"><a class=\"nav-link link text-white text-primary dropdown-toggle show\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" aria-expanded=\"false\">Teams<br></a><div class=\"dropdown-menu show\" aria-labelledby=\"dropdown-374\" data-bs-popper=\"none\"><a class=\"text-white text-primary dropdown-item\" href=\"churchstretton-a.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">First Team</a><a class=\"text-white text-primary show dropdown-item\" href=\"churchstretton-b.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Second Team</a></div></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"schedule.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Schedule</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"news.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">News</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"coaching.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Coaching</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"links.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Links</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"location.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Location</a></li>\n                    <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#contact\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contact</a>\n                    </li></ul>\n                <div class=\"icons-menu\" mbr-if=\"showIcons\">\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-facebook socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-instagram socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n                    </a>\n                </div>\n                <div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">\n                        Sign up</a>\n                </div>\n            </div>\n        </div>\n    </nav>\n</section>",
          "_cid": "u6TsCOLLHE",
          "_anchor": "menu3-5b",
          "_protectedParams": [],
          "_global": true,
          "_once": "menu",
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>17</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Apr, 2026</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <a href=\"https://www.tabletennis365.com/Shrewsbury/Tables/Winter_2025-2026/Division_1\"><img src=\"@PROJECT_PATH@/assets/images/table-1.jpg\" alt></a>\n                            <br><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Click image to view table.</strong>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">Cricket Club B take Title</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Shrewsbury Cricket Club B defeated Cricket Club C last night 9-1, winning them the championship by one point, over Church Stretton A.<br><br>The final league table is on the left.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_anchor": "timeline1-7a",
          "_isUserblock": true,
          "_cid": "v1IDBNuiPs",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>10</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Apr, 2026</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <a href=\"https://www.tabletennis365.com/Shrewsbury/Tables/Winter_2025-2026/Division_1\"><img src=\"@PROJECT_PATH@/assets/images/table-1.jpg\" alt></a>\n                            <br><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Click image to view table.</strong>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League Table</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Here is the league table, as it currently stands, with the A team 8 points ahead of Cricket Club B.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7w",
          "_cid": "vh3qPq8nwW",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>9</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Apr, 2026</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                           \n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">Church Stretton 6-4 Cricket Club B</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Church Stretton A got back to winning ways tonight, after last weeks heavy defeat against Premier League 3rd place club Prees A.<br><br>The A team won 6-4, taking them 7 points clear at the top of the table. This means that to win the title, Cricket Club B would need to beat Cricket Club C by 9-1 in their final game next Thursday.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7v",
          "_cid": "vgnr1vinSB",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>26</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Mar, 2026</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                            \n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">Promoted!</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Church Stretton A gained promotion last night, after Tilstock lost 4-6 to Pontesbury. Tilstock were the only other team that could mathmatically catch CS A.<br>The other promotion place will be Shrewsbury CC B.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7u",
          "_cid": "vgkWHhuMNF",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>20</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Mar, 2026</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                            \n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">Weekly Roundup</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Church Stretton A's 10 game winning run came to an end on Tuesday night, when they lost 7-3 away Pontesbury. They are now 6 points ahead of Cricket Club B, but have played a game more than their second place rivals.<br>The B team were in action on Thursday night, at home to Rushbury B. but unfortunately went down 9-1.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7t",
          "_cid": "veYmX6QorH",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>13</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Mar, 2026</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                            \n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">Weekly Roundup</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Church Stretton A went back to the top of Division 1 last night after defeating Cricket Club C 9-1 at Silvester Horne. They have the narrowest of margins (4 points) with 2 games left to play. Four more points from the last 2 games will secure promotion to the Premier Division.<br>The B team were in action on Monday night, away against Rushbury C, where they came away with a creditable 5-5 draw.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7s",
          "_cid": "veqCsq8soA",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>6</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Mar, 2026</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                            \n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">Weekly Roundup</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">No game this week for the A team. Their cup match against Prees A was postponed until the beginning of April.<br>Shrewsbury CC B beat Pontesbury 8-2 last night, in their game in hand and reduced Church Stretton A's lead at the top to just one point. Both teams have 3 games left to play.<br>Also last night, the B team lost 9-1 to Shrewsbury CC E at Silvester Horne.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7r",
          "_cid": "vdK06Ph7ik",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>27</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Feb, 2026</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                            \n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">Weekly Roundup</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">The A team scored another victory against Gains Park B on Wednesday night. A tough match saw them come away 7-3 victors.<br>The B team were in action on Thursday and went down 3-7 to Gains Park C.<br>Wilf Turner was man of the match winning all 3 of his matches.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7q",
          "_cid": "vd670kYLEl",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>13</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Feb, 2026</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">Weekly Roundup</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Church Stretton A remains at the top of Division 1 after a convincing 10-0 win away at Rushbury A. Second and third placed teams Shrewsbury Cricket Club B and Tilstock drew 5-5, which means Stretton are now 12 points clear of 2nd place SCC B, albeit they have a game in hand.<br>The B team were not in action this week, as their game against SCC E was postponed.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7p",
          "_cid": "vcqZNkRLQC",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>11</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Feb, 2026</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                            \n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">Handicap Cup 2nd Round Draw</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Church Stretton A will be playing Prees A at home, in the 2nd round of the Handicap Cup.<br>The full draw is:<br>Shrewsbury Cricket Club E v Shrewsbury Cricket Club C<br>Rushbury A v Rushbury B<br>Gains Park C v Hope Bowdler<br>Church Stretton A v Prees A</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7o",
          "_cid": "vb0VlnnDwz",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>05</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Feb, 2026</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                            \n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Cup Victory for \"A\" Team</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">The A team narrowly defeated Unison at Shirehall last night in the first round of the Handicap Cup. The score was 426-290, but after Unison's handicap Stretton won by a margin of just 14 points.<br>They have been rewarded with a home tie against either Prees A or Gains Park B on 5th March 2026.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7n",
          "_cid": "vaVTwLnves",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>30</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Jan, 2026</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <a href=\"https://www.tabletennis365.com/Shrewsbury/Tables/Winter_2025-2026/Division_1\"><img src=\"@PROJECT_PATH@/assets/images/table.jpg\" alt></a>\n                            <br><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Click image to view table.</strong>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Weekly Roundup</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">The A team maintained their place at the top of the table after beating Tilstock 8-2 on Thursday evening. Cricket Club B move up to 2nd place, 7 points behind, after thrashing Gains Park B 10-0.<br>The B team were in action also on Thursday but were sadly defeated 8-2 by Cricket Club D.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7m",
          "_cid": "valhyFyd6J",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>23</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Jan, 2026</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Weekly Roundup</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">A good win against a strong Shrewsbury Cricket Club B team side, ensures that the A team maintain their place at the top of Division 1 this week.&nbsp;The score was 7-3 to CS.<br>The B team were not in action this week, as their match was postponed.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7l",
          "_cid": "v9M6kp6tMG",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>16</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Jan, 2026</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <a href=\"https://www.tabletennis365.com/Shrewsbury/Tables/Winter_2025-2026/Division_1\"><img src=\"@PROJECT_PATH@/assets/images/table-16-1.jpg\" alt></a>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Weekly Roundup</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Mixed fortunes for Church Stretton this week. Firstly, on Tuesday night&nbsp; the B team were defeated 10-0 by top of the table Rushbury B, despite some close scores in the individual matches.<br>The, on Thursday night the A team defeated Pontesbury 8-2 at Ticklerton. The A team move to the top of the table, although second place Shrewsbury CC have a game in hand.<br>(Click on the image to see the current table).</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7k",
          "_cid": "v97x8bhmYx",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>8</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Jan, 2026</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                A Team Victory at Shrewsbury CC</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">CSA were in action last night against Cricket Club C. In difficult conditions, they came away with a 7-3, taking them into 2nd place in the table. Scorecard <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_1/MatchCard/455402\" class=\"text-primary\">here</a>.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7j",
          "_cid": "v8u5hK1xpd",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>12</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Dec, 2025</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Weekly Roundup</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">No game for the A team this week, but the B team were in action against Shrewsbury Cricket Club D.<br>Despite the 10-0 defeat, there were plenty of close games and they put out their best performance to date.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7i",
          "_cid": "v7I3bks4TL",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>05</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Dec, 2025</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Weekly Roundup</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Church Stretton B were defeated 3-7 earlier in the week by Gains Park C. Wilf Turner won all 3 of his matches giving him a 100% record.<br>The A team were in action for their first game at Silvester Horne and defeated Gains Park 10-0, moving them up to 3rd place in the league table.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7h",
          "_cid": "v561liT1Mr",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>21</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Nov, 2025</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Handicap Cup</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">The A team will play Unison away in the 2nd Round of the Handicap Cup, whilst the B te4am will travel to Shrewsbury Cricket Club to play their B team.<br>The full draw is:<br>SHREWSBURY CRICKET CLUB  C   v  CHURCH STRETTON  B\n<br>UNISON v CHURCH STRETTON  A\n<br>PREES A    v   GAINS PARK B\n<br>RUSHBURY A         HAVE A BYE\n<br>TILSTOCK v RUSHBURY B\n<br>GAINS PARK C  v   SHREWSBURY CRICKET CLUB D\n<br>HOPE BOWDLER  v  SHREWSBURY CRICKET CLUB B\n<br>RUSHBURY C  or  SHREWSBURY CRICKET CLUB E v PREES  C<br></p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7g",
          "_cid": "v4vVA54GfQ",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>21</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Nov, 2025</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Weekly Roundup</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">The B team suffered a 7-3 defeat to Shrewsbury CC E, whilst the A team recorded an 8-2 victory against Rushbury A, which moves them into 3rd place in the table.<br>Shrewsbury CC B are currently top of the Division 1 table after their win last night against Tilstock.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7f",
          "_cid": "v3XI6EDwss",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>12</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Nov, 2025</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Heavy Defeat for A Team</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">The first team suffered a heavy defeat tonight at the hands of Tilstock. Although there were some close games, the final score was 8-2 to Tilstock.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7c",
          "_cid": "v3cdeue3pY",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>05</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Nov, 2025</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Shrewsbury CC D v Church Stretton A</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">The first team had a convincing victory tonight against Cricket Club C. The score was 418-286 and means that the final will be against Cricket Club B, the date of which is to be advised.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_anchor": "timeline1-7b",
          "_cid": "v2nG1jzAgM",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>4</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Nov, 2025</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Rushbury C v Church Stretton B</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Rushbury C came out the victors last night against the B team, after a hard fought battle.<br>This means that Rushbury C will go on to play Rushbury B in the Division 2 final.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_anchor": "timeline1-79",
          "_isUserblock": true,
          "_cid": "v1Adw9O3RX",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>31</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Oct, 2025</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Church Stretton B v Unison</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Church Stretton won a closely fought inaugural match last night by 354-330 at Silvester Horne. Church Stretton started the stronger of the 2 teams, but Unison fought back well towards the latter stages.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_anchor": "timeline1-6i",
          "_isUserblock": true,
          "_cid": "v1c9WUkvqm",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>22</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Oct, 2025</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divisional Cup</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">The first team has now played 2 of their 3 games in the Divisional Cup. The results in tis competition are based on total number of points score on the night, not on games.<br>The first game was a 377-256 win against Rushbury A and the second was a win against Gains Park B by 386 to 271.<br>The second team's first game has been re-arranged to 30th October and is against Unison. Their second game is against Rushbury C on 3rd November.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_anchor": "timeline1-6h",
          "_isUserblock": true,
          "_cid": "v0lUB07Hza",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>21</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Sep, 2025</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                2025-26 Fixtures Released</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">The league have recently released the fixtures for the coming season. There will be 3 divisions again, but there is also a divisional cup played at the beginning of the season.<br><br>Church Stretton will be entering 2 teams into the league, in just their 3rd year, showing that the club is showing its growth potential.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_anchor": "timeline1-6g",
          "_isUserblock": true,
          "_cid": "uXsGNboA2G",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "background-color": "@bgColor",
            ".mbr-section-subtitle": {
              "color": "#767676"
            },
            "H2": {
              "color": "#ffffff"
            }
          },
          "_name": "content4",
          "_sourceTheme": "mobirise4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"mbr-section content4\" group=\"Article\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n    <!-- Block parameters controls (Blue \"Gear\" panel) -->\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n\n        <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Show Buttons\" name=\"showButtons\">\n        <input type=\"color\" title=\"Background Color\" name=\"bgColor\" value=\"#034d71\">\n    <!-- End block parameters -->\n    </mbr-parameters>\n\n    <div class=\"container\">\n        <div class=\"media-container-row\">\n            <div class=\"title col-12 col-md-8\">\n                <h2 mbr-if=\"showTitle\" class=\"align-center pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\"><b>Previous Years' News</b></h2>\n                <h3 mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\" class=\"mbr-section-subtitle align-center mbr-light mbr-fonts-style\" mbr-theme-style=\"display-5\">\n                    Shape your future web project with sharp design and refine coded functions.\n                </h3>\n                <div class=\"mbr-section-btn align-center py-4\" mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" data-toolbar=\"-mbrLink,-mbrBtnAdd,-mbrBtnMove\">\n                    <a class=\"btn btn-primary\" href=\"https://mobirise.com\">LEARN MORE</a>\n                    <a class=\"btn btn-black-outline\" href=\"https://mobirise.com\">LIVE DEMO</a>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_anchor": "content4-76",
          "_isUserblock": true,
          "_cid": "v1ccMH4YRR",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "background-color": "@bgColor"
          },
          "_name": "content8",
          "_sourceTheme": "mobirise4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"mbr-section content8\">\n\n    <mbr-parameters>\n    <!-- Block parameters controls (Blue \"Gear\" panel) -->\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"color\" title=\"Backgroud Color\" name=\"bgColor\" value=\"#034d71\">\n    <!-- End block parameters -->\n    </mbr-parameters>\n\n    <div class=\"container\">\n        <div class=\"media-container-row title\">\n            <div class=\"col-12 col-md-8\">\n                <div class=\"mbr-section-btn align-center\" mbr-buttons mbr-theme-style=\"display-4\" data-toolbar=\"-mbrBtnMove\"><a class=\"btn btn-primary\" href=\"news2024-2025.html\" data-app-placeholder=\"Type Text\">2024-2025 Season</a></div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_anchor": "content8-77",
          "_isUserblock": true,
          "_cid": "v1cd3cd34F",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            ".row-links": {
              "width": "100%",
              "justify-content": "center"
            },
            ".social-row": {
              "width": "100%",
              "justify-content": "center"
            },
            ".media-container-row": {
              "flex-direction": "column",
              "justify-content": "center",
              "align-items": "center",
              ".foot-menu": {
                "list-style": "none",
                "display": "flex",
                "justify-content": "center",
                "flex-wrap": "wrap",
                "padding": "0",
                "margin-bottom": "0",
                "li": {
                  "padding": "0 1rem 1rem 1rem",
                  "p": {
                    "margin": "0"
                  }
                }
              },
              ".social-list": {
                "padding-left": "0",
                "margin-bottom": "0",
                "list-style": "none",
                "display": "flex",
                "flex-wrap": "wrap",
                "justify-content": "flex-end",
                ".mbr-iconfont-social": {
                  "font-size": "1.5rem",
                  "color": "#ffffff"
                },
                ".soc-item": {
                  "margin": "0 .5rem"
                },
                "a": {
                  "margin": "0",
                  "opacity": ".5",
                  "transition": ".2s linear",
                  "&:hover": {
                    "opacity": "1"
                  }
                },
                "@media (max-width: 767px)": {
                  "-webkit-justify-content": "center",
                  "justify-content": "center"
                }
              },
              ".row-copirayt": {
                "word-break": "break-word",
                "width": "100%",
                "p": {
                  "width": "100%"
                }
              }
            }
          },
          "_name": "footer3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer3\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"range\" inline title=\"Menu Items\" name=\"menuItems\" min=\"0\" max=\"10\" step=\"1\" value=\"9\">\n        <input type=\"range\" inline title=\"Social Items\" name=\"socialItems\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background8.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#000000\" selected>\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"media-container-row align-center mbr-white\">\n            <div class=\"row row-links\" mbr-if=\"menuItems > 0\">\n                <ul class=\"foot-menu\" mbr-list mbr-list-grow=\"menuItems\">\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html\" class=\"text-white\">Home</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"about-the-club.html\" class=\"text-white\">About</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"why-play-table-tennis.html\" class=\"text-white\">Why Play Table Tennis?</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"teams.html\" class=\"text-white\">Teams</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"schedule.html\" class=\"text-white\">Schedule</a></li>\n                <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"coaching.html\" class=\"text-white\">Coaching</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"links.html\" class=\"text-white\">Links</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"location.html\" class=\"text-white text-primary\">Location</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#contact\" class=\"text-white\">Contact</a></li></ul>\n            </div>\n            <div class=\"row social-row\" mbr-if=\"socialItems > 0\">\n                <div mbr-list mbr-list-grow=\"socialItems\" class=\"social-list align-right pb-2\">\n                    <div class=\"soc-item\">\n                        <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                            <span mbr-icon class=\"socicon-twitter socicon mbr-iconfont mbr-iconfont-social\"></span>\n                        </a>\n                    </div>\n                    \n                    \n                    \n                    \n                    \n                </div>\n            </div>\n            <div class=\"row row-copirayt\">\n                <p class=\"mbr-text mb-0 mbr-fonts-style mbr-white align-center\" mbr-theme-style=\"display-4\" data-app-selector=\".media-container-row .mbr-text\">\n                    © Copyright 2023-26 Church Stretton Table Tennis Club - All Rights Reserved - Site by <a href=\"https://strettoninternet.co.uk\" class=\"text-info\">Stretton Internet</a></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "u6TsCPM1iE",
          "_anchor": "footer3-5e",
          "_protectedParams": [],
          "_global": true,
          "_once": "footers",
          "_params": {}
        }
      ]
    },
    "churchstretton-a.html": {
      "settings": {
        "title": "Church Stretton Table Tennis Club - First Team",
        "order": "3",
        "meta_descr": "Church Stretton Table Tennis Club - First Team",
        "header_custom": ""
      },
      "components": [
        {
          "alias": false,
          "_styles": {
            "& when not (@sticky)": {
              ".navbar-dropdown": {
                "position": "relative !important"
              },
              "& when (@transparent)": {
                ".navbar-dropdown": {
                  "position": "absolute !important"
                }
              }
            },
            "& when (@sticky)": {
              "z-index": "1000",
              "width": "100%",
              "& when not (@transparent)": {
                "position": "relative",
                "min-height": "60px"
              },
              "nav.navbar": {
                "position": "fixed"
              }
            },
            ".dropdown-item:before": {
              "font-family": "Moririse2 !important",
              "content": "\"\\e966\"",
              "display": "inline-block",
              "width": "0",
              "position": "absolute",
              "left": "1rem",
              "top": "0.5rem",
              "margin-right": "0.5rem",
              "line-height": "1",
              "font-size": "inherit",
              "vertical-align": "middle",
              "text-align": "center",
              "overflow": "hidden",
              "transform": "scale(0, 1)",
              "transition": "all 0.25s ease-in-out"
            },
            ".dropdown-menu": {
              "padding": "0",
              "border-radius": "4px",
              "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
            },
            ".dropdown-item": {
              "border-bottom": "1px solid #e6e6e6",
              "&:hover, &:focus": {
                "background": "@primaryColor !important",
                "color": "white !important"
              },
              "&:first-child": {
                "border-top-left-radius": "4px",
                "border-top-right-radius": "4px"
              },
              "&:last-child": {
                "border-bottom": "none",
                "border-bottom-left-radius": "4px",
                "border-bottom-right-radius": "4px"
              }
            },
            ".nav-dropdown .link": {
              "padding": "0 0.3em !important",
              "margin": "0.667em 1em !important"
            },
            ".nav-dropdown .link.dropdown-toggle::after": {
              "margin-left": "0.5rem",
              "margin-top": "0.2rem"
            },
            ".nav-link": {
              "position": "relative"
            },
            ".container": {
              "display": "flex",
              "margin": "auto"
            },
            ".iconfont-wrapper": {
              "color": "@iconsColor !important",
              "font-size": "1.5rem",
              "padding-right": "0.5rem"
            },
            ".navbar-caption": {},
            ".navbar-nav": {},
            ".dropdown-menu, .navbar.opened": {
              "background": "@menuBgColor !important"
            },
            ".nav-item:focus, .nav-link:focus": {
              "outline": "none"
            },
            ".dropdown .dropdown-menu .dropdown-item": {
              "width": "auto",
              "transition": "all 0.25s ease-in-out",
              "&::after": {
                "right": "0.5rem"
              },
              ".mbr-iconfont": {
                "margin-right": "0.5rem",
                "vertical-align": "sub",
                "&:before": {
                  "display": "inline-block",
                  "transform": "scale(1, 1)",
                  "transition": "all 0.25s ease-in-out"
                }
              }
            },
            ".collapsed": {
              ".dropdown-menu .dropdown-item:before": {
                "display": "none"
              },
              ".dropdown .dropdown-menu .dropdown-item": {
                "padding": "0.235em 1.5em 0.235em 1.5em !important",
                "transition": "none",
                "margin": "0 !important"
              }
            },
            ".navbar": {
              "min-height": "70px",
              "transition": "all 0.3s",
              "border-bottom": "1px solid transparent",
              "&:not(.navbar-short)": {},
              "& when not (@transparent)": {
                "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
                "background": "@menuBgColor"
              },
              "& when (@transparent)": {
                "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)"
              },
              "&.opened": {
                "transition": "all 0.3s"
              },
              ".dropdown-item": {
                "padding": "0.5rem 1.8rem"
              },
              ".navbar-logo img": {
                "width": "auto"
              },
              ".navbar-collapse": {
                "justify-content": "flex-end",
                "z-index": "1"
              },
              "&.collapsed": {
                "justify-content": "center",
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  },
                  "@media (min-width: 992px)": {
                    "&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
                      "max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
                    }
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "41%"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem",
                  "text-align": "center"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-right": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "@media (max-width: 991px)": {
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "40%"
                  }
                },
                ".navbar-logo": {
                  "img": {
                    "height": "3rem !important"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem !important",
                  "text-align": "center"
                },
                ".navbar-brand": {
                  "flex-shrink": "initial",
                  "flex-basis": "auto",
                  "word-break": "break-word",
                  "padding-right": "2rem"
                },
                ".navbar-toggler": {
                  "flex-basis": "auto"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "&.navbar-short": {
                "min-height": "60px",
                ".navbar-logo": {
                  "img": {
                    "height": "2.5rem !important"
                  }
                },
                ".navbar-brand": {
                  "min-height": "60px",
                  "padding": "0"
                }
              }
            },
            ".navbar-brand": {
              "min-height": "70px",
              "flex-shrink": "0",
              "align-items": "center",
              "margin-right": "0",
              "padding": "10px 0",
              "transition": "all 0.3s",
              "word-break": "break-word",
              "z-index": "1",
              ".navbar-caption": {
                "line-height": "inherit !important"
              },
              ".navbar-logo a": {
                "outline": "none"
              }
            },
            ".dropdown-item.active, .dropdown-item:active": {
              "background-color": "transparent"
            },
            ".navbar-expand-lg .navbar-nav .nav-link": {
              "padding": "0"
            },
            ".nav-dropdown .link.dropdown-toggle": {
              "margin-right": "1.667em",
              "&[aria-expanded=\"true\"]": {
                "margin-right": "0",
                "padding": "0.667em 1.667em"
              }
            },
            ".navbar.navbar-expand-lg .dropdown": {
              ".dropdown-menu": {
                "background": "@menuBgColor",
                ".dropdown-submenu": {
                  "margin": "0",
                  "left": "100%"
                }
              }
            },
            "ul.navbar-nav": {
              "flex-wrap": "wrap"
            },
            ".navbar .dropdown.open > .dropdown-menu": {
              "display": "block"
            },
            ".navbar-buttons": {
              "text-align": "center",
              "min-width": "170px"
            },
            "button.navbar-toggler": {
              "outline": "none",
              "width": "31px",
              "height": "20px",
              "cursor": "pointer",
              "transition": "all 0.2s",
              "position": "relative",
              "align-self": "center",
              ".hamburger span": {
                "position": "absolute",
                "right": "0",
                "width": "30px",
                "height": "2px",
                "border-right": "5px",
                "background-color": "@hamburgerColor",
                "&:nth-child(1)": {
                  "top": "0",
                  "transition": "all 0.2s"
                },
                "&:nth-child(2)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(3)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(4)": {
                  "top": "16px",
                  "transition": "all 0.2s"
                }
              }
            },
            "nav.opened .hamburger span": {
              "&:nth-child(1)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              },
              "&:nth-child(2)": {
                "transform": "rotate(45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(3)": {
                "transform": "rotate(-45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(4)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              }
            },
            ".navbar-dropdown": {
              "padding": "0 1rem",
              "& when (@sticky)": {
                "position": "fixed"
              }
            },
            "a.nav-link": {
              "display": "flex",
              "align-items": "center",
              "justify-content": "center"
            },
            ".icons-menu": {
              "flex-wrap": "nowrap",
              "display": "flex",
              "justify-content": "center",
              "padding-left": "1rem",
              "padding-right": "1rem",
              "padding-top": "0.3rem",
              "text-align": "center"
            },
            "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
              ".navbar": {
                "height": "70px",
                "&.opened": {
                  "height": "auto"
                }
              },
              ".nav-item .nav-link:hover::before": {
                "width": "175%",
                "max-width": "calc(100% ~\"+\" 2rem)",
                "left": "-1rem"
              }
            },
            ".cid-sYmGYy3bVg .dropdown-item": {
              "border-bottom": "0px Important"
            }
          },
          "_name": "menu3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu3\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n        <input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"4.3\" condition=\"showLogo\">\n        <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\">\n        <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n        <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n        <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n            <option value=\"1\">1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\" selected>3</option>\n            <option value=\"4\">4</option>\n        </select>\n        <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n        <input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n        <header>Styles</header>\n        <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\" checked>\n        <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n        <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n        <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n        <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#000000\">\n        <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n                     'navbar-expand-lg':!collapsed,\n                     'collapsed':collapsed}\">\n        <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n            <div class=\"navbar-brand\">\n                <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n                    \n                        <a href=\"index.html\"><img src=\"@PROJECT_PATH@/assets/images/logo2.png\" alt=\"Church Stretton Table Tennis Club\" mbr-style=\"{'height': logoSize + 'rem'}\"></a>\n                    \n                </span>\n                <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-white\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"></a></span>\n            </div>\n            <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n                <div class=\"hamburger\">\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                </div>\n            </button>\n            <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n                <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Home</a></li><li class=\"nav-item dropdown\"><a class=\"nav-link link text-white dropdown-toggle\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                            About</a><div class=\"dropdown-menu\"><a class=\"text-white dropdown-item text-primary\" href=\"about-the-club.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">About the Club</a><a class=\"text-white dropdown-item text-primary\" href=\"why-play-table-tennis.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Why Play Table Tennis?</a><a class=\"text-white dropdown-item text-primary\" href=\"history.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">A Brief History of Table Tennis</a><a class=\"text-white dropdown-item text-primary\" href=\"laws.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">The Rules &amp; Laws of Table Tennis</a></div></li>\n                    <li class=\"nav-item dropdown\"><a class=\"nav-link link text-white text-primary dropdown-toggle show\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" aria-expanded=\"false\">Teams<br></a><div class=\"dropdown-menu show\" aria-labelledby=\"dropdown-374\" data-bs-popper=\"none\"><a class=\"text-white text-primary dropdown-item\" href=\"churchstretton-a.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">First Team</a><a class=\"text-white text-primary show dropdown-item\" href=\"churchstretton-b.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Second Team</a></div></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"schedule.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Schedule</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"news.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">News</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"coaching.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Coaching</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"links.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Links</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"location.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Location</a></li>\n                    <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#contact\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contact</a>\n                    </li></ul>\n                <div class=\"icons-menu\" mbr-if=\"showIcons\">\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-facebook socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-instagram socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n                    </a>\n                </div>\n                <div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">\n                        Sign up</a>\n                </div>\n            </div>\n        </div>\n    </nav>\n</section>",
          "_cid": "sYFtWODu5B",
          "_anchor": "menu3-1l",
          "_PHPplaceholders": [],
          "_JSplaceholders": [],
          "_protectedParams": [],
          "_global": true,
          "_once": "menu",
          "_params": {}
        },
        {
          "_name": "article09",
          "_sourceTheme": "offerm5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"offerm5 article9\" group=\"Article\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\">\n    <mbr-parameters>\n\n\n        <!-- Block parameters controls (Blue \"Gear\" panel) -->\n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\" checked>\n        <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\" checked>\n        <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#ff526b\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\">\n            <input type=\"image\" title=\"Image\" value=\"@ADDONS_PATH@/offerm5/components/_images/background4.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#034d71\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value=\"@ADDONS_PATH@/offerm5/components/_images/background1.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0\" condition=\"overlay && bg.type !== 'color'\">\n        <!-- End block parameters -->\n    </mbr-parameters>\n\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-sm-12 col-md-2 md-pb col-lg-2\">\n                <div class=\"iconfont-wrapper\">\n                    <span mbr-icon class=\"mbr-iconfont fa-table-tennis fas fa-fw\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                </div>\n            </div>\n            <div class=\"col-sm-12 col-md-6 col-lg-7\">\n                <h2 mbr-if=\"showTitle\" class=\"mbr-section-title align-left mbr-semibold mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-section-title\"><b>Church Stretton A - 2025-2026 Season</b></h2>\n                <h3 mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle, .mbr-section-btn\" class=\"mbr-section-subtitle align-left mbr-regular mbr-fonts-style pt-2\" mbr-theme-style=\"display-7\">Church Stretton A are playing in Division 1 of the Shrewsbury and District Table Tennis League, during the 2025-26 season.<br><br> Home Fixtures are played at the Silvester Horne Institute on Thursday nights, or Ticklerton Village Hall if Silvester Horne is not available.<br><br>Contact: Chris Smith - 07905 671945<div>\n</div></h3>\n            </div>\n            <div class=\"col-sm-12 col-md-4 col-lg-3\">\n                <div class=\"mbr-section-btn align-right pt-3\" mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" data-toolbar=\"-mbrBtnAdd,-mbrBtnMove\"><a class=\"btn btn-info\" href=\"https://www.tabletennis365.com/shrewsbury/Fixtures/Winter_2025-2026/Division_1\" data-app-placeholder=\"Type Text\">Fixtures and Results</a></div>\n                <div class=\"mbr-section-btn align-right pt-3\" mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" data-toolbar=\"-mbrBtnAdd,-mbrBtnMove\"><a class=\"btn btn-info\" href=\"https://www.tabletennis365.com/Shrewsbury/Tables/Winter_2025-2026/Division_1\" data-app-placeholder=\"Type Text\">League Tables</a></div>\n                <div class=\"mbr-section-btn align-right pt-3\" mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" data-toolbar=\"-mbrBtnAdd,-mbrBtnMove\"><a class=\"btn btn-info\" href=\"https://churchstrettontabletennisclub.org.uk/scorecard.pdf\" data-app-placeholder=\"Type Text\">Blank League Score Card</a></div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            ".mbr-iconfont": {
              "color": "@iconsColor",
              "font-size": "5rem",
              "width": "5rem",
              "padding-bottom": "5% !important"
            },
            ".iconfont-wrapper": {
              "display": "flex",
              "justify-content": "center",
              "align-items": "center",
              "height": "100%"
            },
            ".mbr-section-title": {
              "color": "#ffffff"
            },
            ".mbr-section-subtitle, .mbr-section-btn": {
              "color": "#ffffff"
            }
          },
          "_cid": "tNHoisg7Tw",
          "_anchor": "article09-3x",
          "_PHPplaceholders": [],
          "_JSplaceholders": [],
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "_name": "table1",
          "_sourceTheme": "lawyerm4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"section-table\" group=\"Tables\" plugins=\"dataTables\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n  <mbr-parameters>\n  \n    <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n    <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n    <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\">\n    <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\" checked>\n    <input type=\"range\" inline title=\"Columns\" name=\"tableColumns\" min=\"1\" max=\"50\" step=\"1\" value=\"5\">\n    <input type=\"range\" inline title=\"Rows\" name=\"tableRows\" min=\"1\" max=\"50\" step=\"1\" value=\"26\">\n    <input type=\"color\" title=\"Table Border Color\" name=\"tbColor\" value=\"#cccccc\">\n    <input type=\"checkbox\" title=\"Table Background\" name=\"tbBackground\" checked>\n    <input type=\"color\" title=\"Table Background Color\" name=\"tbBgColor\" value=\"#ffffff\" condition=\"tbBackground\">\n    <input type=\"checkbox\" title=\"Search\" name=\"isSearch\" checked>\n    <input type=\"text\" title=\"Text Empty\" name=\"textEmpty\" condition=\"isSearch\" value=\"No matching records found\">\n    <input type=\"color\" title=\"Search Background Color\" name=\"searchColor\" value=\"#ffffff\" condition=\"isSearch\">\n    <fieldset type=\"background\" name=\"bg\" parallax>\n      <input type=\"image\" title=\"Background Image\" value=\"@PROJECT_PATH@/assets/images/table-tennis-header-1200x675bw.jpg\" parallax>\n      <input type=\"color\" title=\"Background Color\" value=\"#ffffff\" selected>\n      <input type=\"video\" title=\"Background Video\" value=\"https://www.youtube.com/watch?v=l8UXhtqV6hU\">\n    </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value=\"@ADDONS_PATH@/lawyerm4/components/_images/background1.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n    <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n    <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n    <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">    \n  \n  </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n  <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n  </div>\n  <div class=\"container container-table\">\n    <h3 class=\"mbr-section-title mbr-fonts-style align-center pb-3\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-section-title\" mbr-if=\"showTitle\">\n          2023-2024 League Fixtures</h3>\n    <h3 class=\"mbr-section-subtitle mbr-fonts-style align-center pb-5 \" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\"><b>\n          2025-26 League Fixtures - Division 1</b></h3>\n    <div class=\"table-wrapper\">\n      <div class=\"container\">\n        <div class=\"row search\" mbr-if=\"isSearch\">\n          <div class=\"col-md-6\"></div>\n          <div class=\"col-md-6\">\n            <div class=\"dataTables_filter\">\n              <label mbr-text class=\"searchInfo mbr-fonts-style\" mbr-theme-style=\"display-7\">Search:</label>\n              <input class=\"form-control input-sm\" disabled>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"container scroll\">\n        <table class=\"table\" mbr-class=\"{'isSearch':isSearch}\" cellspacing=\"0\" data-empty=\"{{textEmpty}}\">\n          <thead>\n            <tr class=\"table-heads\" mbr-list mbr-list-grow=\"tableColumns\">\n              <th mbr-text class=\"head-item mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".head-item\"><b>Date</b></th>\n              <th mbr-text class=\"head-item mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".head-item\"><b>Opponents</b></th>\n              <th mbr-text class=\"head-item mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".head-item\"><b>Venue</b></th>\n              <th mbr-text class=\"head-item mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".head-item\"><b>Result</b></th>\n              \n            <th mbr-text class=\"head-item mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".head-item\"><b>Score</b></th></tr>\n          </thead>\n\n          <tbody mbr-list mbr-list-grow=\"tableRows\">\n            <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thurs 16th Oct 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Rushbury A (Divisional Cup)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home (Ticklerton)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">won</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">377-256</td></tr>\n\n            <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Tues 21st Oct 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Gains Park B&nbsp; (Divisional Cup)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">away</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">won</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">386-271</td></tr>\n\n            <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Weds 29th October 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Shrewsbury Cricket Club C&nbsp; (Divisional Cup)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">away</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">won</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">418-286</td></tr>\n\n            <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">To Be Arranged</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Divisional Cup Final</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\"></td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\"></td></tr>\n\n            <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Weds 12th Nov 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Tilstock</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">away</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">lost</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">2-8&nbsp;<a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_1/MatchCard/452400\" class=\"text-primary\">scorecard</a></td></tr>\n          <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thurs 20th Nov 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Rushbury A</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home (Ticklerton)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">won</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">8-2 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_1/MatchCard/452964\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 24th Nov 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">FREE WEEK</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thurs 4th Dec 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Gains Park B</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home (S. Horne)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">won</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">10-0 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_1/MatchCard/454155\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 8th Dec 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">FREE WEEK</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 15th Dec 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">FREE WEEK</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 22nd Dec 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">FREE WEEK</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 29th Dec 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">FREE WEEK</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Weds 7th Jan 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Shrewsbury Cricket Club C</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">away</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">won</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">7-3 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_1/MatchCard/455402\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thurs 15th Jan 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Pontesbury</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home (Ticklerton)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">won</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">8-2 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_1/MatchCard/456039\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thurs 22nd Jan 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Shrewsbury Cricket Club B</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">away</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">won</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">7-3 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_1/MatchCard/456605\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thurs 29th Jan 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Tilstock</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home (S. Horne)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">won</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">8-2 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_1/MatchCard/457161\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Wed 4th Feb 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Unison (Handicap Cup 1st Round)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">away</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">won</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">426-412</td></tr>\n              \n              <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Mon 9th Feb 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Rushbury A</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">away</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">won</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">10-0 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_1/MatchCard/458083\" class=\"text-primary\">scorecard</a></td></tr>\n              \n              <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 16th Feb 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">FREE WEEK</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Tues 24th Feb 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Gains Park B</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">away</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">won</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">7-3 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_1/MatchCard/458920\" class=\"text-primary\">scorecard</a></td></tr>\n              \n            <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 2nd Mar 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">FREE WEEK</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td></tr>\n              \n              <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thurs 12th Mar 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Shrewsbury Cricket Club C</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home (S. Horne)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">won</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">9-1 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_1/MatchCard/460064\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Tues 17th Mar 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Pontesbury</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">away</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">lost</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">3-7 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_1/MatchCard/460439\" class=\"text-primary\">scorecard</a></td></tr>\n              \n             \n                            <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thurs 2nd Apr 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Prees A (Handicap Cup 2nd Round)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">lost</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">350-425</td></tr>\n              \n                            <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thurs 9th Apr 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Shrewsbury Cricket Club B</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">won</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">6-4 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_1/MatchCard/461691\" class=\"text-primary\">scorecard</a></td></tr>\n              \n              <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thurs 30th Apr 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Division Cup Final vs Shrewsbury Cricket Club B</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td></tr>\n              \n              </tbody>\n        </table>\n      </div>\n      <div class=\"container\">\n        <div class=\"row info\" mbr-if=\"isSearch\">\n          <div class=\"col-md-12\">\n              <div class=\"dataTables_info mbr-fonts-style\" mbr-theme-style=\"display-7\">\n                <span mbr-text class=\"infoBefore\" data-app-selector=\".dataTables_info\">Showing</span>\n                <span class=\"inactive infoRows\"></span>\n                <span mbr-text class=\"infoAfter\" data-app-selector=\".dataTables_info\">entries</span>\n                <span mbr-text class=\"infoFilteredBefore\" data-app-selector=\".dataTables_info\">(filtered from</span>\n                <span class=\"inactive infoRows\"></span>\n                <span mbr-text class=\"infoFilteredAfter\" data-app-selector=\".dataTables_info\"> total entries)</span>\n              </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</section>",
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            ".mbr-section-title": {
              "font-weight": "900",
              "letter-spacing": "0.1em"
            },
            ".mbr-section-subtitle": {
              "color": "#000000",
              "letter-spacing": "0.03em"
            },
            ".form-control": {
              "padding": "8px 15px 8px 15px",
              "border-color": "@tbColor",
              "border-radius": "0px !important",
              "background-color": "@searchColor"
            },
            ".container-table": {
              "margin": "0 auto"
            },
            ".scroll": {
              "overflow-x": "auto",
              "padding": "0"
            },
            ".dataTables_wrapper": {
              "display": "block",
              ".search": {
                "margin-bottom": ".5rem"
              },
              ".table": {
                "overflow-x": "auto"
              }
            },
            "table": {
              "width": "100% !important",
              "margin-top": "6px",
              "border": "1px solid @tbColor",
              "margin-bottom": "0",
              "th": {
                "border-top": "none",
                "transition": "all .2s",
                "border-bottom": "none",
                "&:hover": {
                  "background": "@tbColor",
                  "color": "contrast(@tbColor)"
                }
              },
              "td": {
                "border-top": "1px solid @tbColor"
              },
              "&.table": {
                "& when (@tbBackground)": {
                  "background": "@tbBgColor"
                }
              }
            },
            ".dataTables_filter": {
              "text-align": "right",
              "margin-bottom": ".5rem",
              "label": {
                "display": "inline",
                "white-space": "normal !important"
              },
              "input": {
                "display": "inline",
                "width": "auto",
                "margin-left": ".5rem",
                "border-radius": "100px",
                "padding-left": "1rem"
              }
            },
            ".dataTables_info": {
              "padding-bottom": "1rem",
              "padding-top": "1rem",
              "white-space": "normal !important",
              "text-align": "left",
              "color": "#000000"
            },
            "@media (max-width: 992px)": {
              ".dataTables_filter": {
                "text-align": "center"
              }
            },
            "@media (max-width: 350px)": {
              ".dataTables_filter": {
                "text-align": "center",
                "input": {
                  "width": "100% !important",
                  "margin-left": "0 !important"
                }
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            ".head-item": {
              "text-align": "left"
            },
            ".body-item": {
              "text-align": "left"
            }
          },
          "_cid": "tRC337AvrO",
          "_anchor": "table1-56",
          "_PHPplaceholders": [],
          "_JSplaceholders": [],
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            ".row-links": {
              "width": "100%",
              "justify-content": "center"
            },
            ".social-row": {
              "width": "100%",
              "justify-content": "center"
            },
            ".media-container-row": {
              "flex-direction": "column",
              "justify-content": "center",
              "align-items": "center",
              ".foot-menu": {
                "list-style": "none",
                "display": "flex",
                "justify-content": "center",
                "flex-wrap": "wrap",
                "padding": "0",
                "margin-bottom": "0",
                "li": {
                  "padding": "0 1rem 1rem 1rem",
                  "p": {
                    "margin": "0"
                  }
                }
              },
              ".social-list": {
                "padding-left": "0",
                "margin-bottom": "0",
                "list-style": "none",
                "display": "flex",
                "flex-wrap": "wrap",
                "justify-content": "flex-end",
                ".mbr-iconfont-social": {
                  "font-size": "1.5rem",
                  "color": "#ffffff"
                },
                ".soc-item": {
                  "margin": "0 .5rem"
                },
                "a": {
                  "margin": "0",
                  "opacity": ".5",
                  "transition": ".2s linear",
                  "&:hover": {
                    "opacity": "1"
                  }
                },
                "@media (max-width: 767px)": {
                  "-webkit-justify-content": "center",
                  "justify-content": "center"
                }
              },
              ".row-copirayt": {
                "word-break": "break-word",
                "width": "100%",
                "p": {
                  "width": "100%"
                }
              }
            }
          },
          "_name": "footer3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer3\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"range\" inline title=\"Menu Items\" name=\"menuItems\" min=\"0\" max=\"10\" step=\"1\" value=\"9\">\n        <input type=\"range\" inline title=\"Social Items\" name=\"socialItems\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background8.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#000000\" selected>\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"media-container-row align-center mbr-white\">\n            <div class=\"row row-links\" mbr-if=\"menuItems > 0\">\n                <ul class=\"foot-menu\" mbr-list mbr-list-grow=\"menuItems\">\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html\" class=\"text-white\">Home</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"about-the-club.html\" class=\"text-white\">About</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"why-play-table-tennis.html\" class=\"text-white\">Why Play Table Tennis?</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"teams.html\" class=\"text-white\">Teams</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"schedule.html\" class=\"text-white\">Schedule</a></li>\n                <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"coaching.html\" class=\"text-white\">Coaching</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"links.html\" class=\"text-white\">Links</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"location.html\" class=\"text-white text-primary\">Location</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#contact\" class=\"text-white\">Contact</a></li></ul>\n            </div>\n            <div class=\"row social-row\" mbr-if=\"socialItems > 0\">\n                <div mbr-list mbr-list-grow=\"socialItems\" class=\"social-list align-right pb-2\">\n                    <div class=\"soc-item\">\n                        <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                            <span mbr-icon class=\"socicon-twitter socicon mbr-iconfont mbr-iconfont-social\"></span>\n                        </a>\n                    </div>\n                    \n                    \n                    \n                    \n                    \n                </div>\n            </div>\n            <div class=\"row row-copirayt\">\n                <p class=\"mbr-text mb-0 mbr-fonts-style mbr-white align-center\" mbr-theme-style=\"display-4\" data-app-selector=\".media-container-row .mbr-text\">\n                    © Copyright 2023-26 Church Stretton Table Tennis Club - All Rights Reserved - Site by <a href=\"https://strettoninternet.co.uk\" class=\"text-info\">Stretton Internet</a></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "sYFtWPmMyV",
          "_anchor": "footer3-1o",
          "_protectedParams": [],
          "_global": true,
          "_once": "footers",
          "_params": {}
        }
      ]
    },
    "churchstretton-b.html": {
      "settings": {
        "title": "Church Stretton Table Tennis Club - Second Team",
        "order": "4",
        "meta_descr": "Church Stretton Table Tennis Club - Second Team",
        "header_custom": ""
      },
      "components": [
        {
          "alias": false,
          "_styles": {
            "& when not (@sticky)": {
              ".navbar-dropdown": {
                "position": "relative !important"
              },
              "& when (@transparent)": {
                ".navbar-dropdown": {
                  "position": "absolute !important"
                }
              }
            },
            "& when (@sticky)": {
              "z-index": "1000",
              "width": "100%",
              "& when not (@transparent)": {
                "position": "relative",
                "min-height": "60px"
              },
              "nav.navbar": {
                "position": "fixed"
              }
            },
            ".dropdown-item:before": {
              "font-family": "Moririse2 !important",
              "content": "\"\\e966\"",
              "display": "inline-block",
              "width": "0",
              "position": "absolute",
              "left": "1rem",
              "top": "0.5rem",
              "margin-right": "0.5rem",
              "line-height": "1",
              "font-size": "inherit",
              "vertical-align": "middle",
              "text-align": "center",
              "overflow": "hidden",
              "transform": "scale(0, 1)",
              "transition": "all 0.25s ease-in-out"
            },
            ".dropdown-menu": {
              "padding": "0",
              "border-radius": "4px",
              "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
            },
            ".dropdown-item": {
              "border-bottom": "1px solid #e6e6e6",
              "&:hover, &:focus": {
                "background": "@primaryColor !important",
                "color": "white !important"
              },
              "&:first-child": {
                "border-top-left-radius": "4px",
                "border-top-right-radius": "4px"
              },
              "&:last-child": {
                "border-bottom": "none",
                "border-bottom-left-radius": "4px",
                "border-bottom-right-radius": "4px"
              }
            },
            ".nav-dropdown .link": {
              "padding": "0 0.3em !important",
              "margin": "0.667em 1em !important"
            },
            ".nav-dropdown .link.dropdown-toggle::after": {
              "margin-left": "0.5rem",
              "margin-top": "0.2rem"
            },
            ".nav-link": {
              "position": "relative"
            },
            ".container": {
              "display": "flex",
              "margin": "auto"
            },
            ".iconfont-wrapper": {
              "color": "@iconsColor !important",
              "font-size": "1.5rem",
              "padding-right": "0.5rem"
            },
            ".navbar-caption": {},
            ".navbar-nav": {},
            ".dropdown-menu, .navbar.opened": {
              "background": "@menuBgColor !important"
            },
            ".nav-item:focus, .nav-link:focus": {
              "outline": "none"
            },
            ".dropdown .dropdown-menu .dropdown-item": {
              "width": "auto",
              "transition": "all 0.25s ease-in-out",
              "&::after": {
                "right": "0.5rem"
              },
              ".mbr-iconfont": {
                "margin-right": "0.5rem",
                "vertical-align": "sub",
                "&:before": {
                  "display": "inline-block",
                  "transform": "scale(1, 1)",
                  "transition": "all 0.25s ease-in-out"
                }
              }
            },
            ".collapsed": {
              ".dropdown-menu .dropdown-item:before": {
                "display": "none"
              },
              ".dropdown .dropdown-menu .dropdown-item": {
                "padding": "0.235em 1.5em 0.235em 1.5em !important",
                "transition": "none",
                "margin": "0 !important"
              }
            },
            ".navbar": {
              "min-height": "70px",
              "transition": "all 0.3s",
              "border-bottom": "1px solid transparent",
              "&:not(.navbar-short)": {},
              "& when not (@transparent)": {
                "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
                "background": "@menuBgColor"
              },
              "& when (@transparent)": {
                "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)"
              },
              "&.opened": {
                "transition": "all 0.3s"
              },
              ".dropdown-item": {
                "padding": "0.5rem 1.8rem"
              },
              ".navbar-logo img": {
                "width": "auto"
              },
              ".navbar-collapse": {
                "justify-content": "flex-end",
                "z-index": "1"
              },
              "&.collapsed": {
                "justify-content": "center",
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  },
                  "@media (min-width: 992px)": {
                    "&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
                      "max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
                    }
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "41%"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem",
                  "text-align": "center"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-right": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "@media (max-width: 991px)": {
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "40%"
                  }
                },
                ".navbar-logo": {
                  "img": {
                    "height": "3rem !important"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem !important",
                  "text-align": "center"
                },
                ".navbar-brand": {
                  "flex-shrink": "initial",
                  "flex-basis": "auto",
                  "word-break": "break-word",
                  "padding-right": "2rem"
                },
                ".navbar-toggler": {
                  "flex-basis": "auto"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "&.navbar-short": {
                "min-height": "60px",
                ".navbar-logo": {
                  "img": {
                    "height": "2.5rem !important"
                  }
                },
                ".navbar-brand": {
                  "min-height": "60px",
                  "padding": "0"
                }
              }
            },
            ".navbar-brand": {
              "min-height": "70px",
              "flex-shrink": "0",
              "align-items": "center",
              "margin-right": "0",
              "padding": "10px 0",
              "transition": "all 0.3s",
              "word-break": "break-word",
              "z-index": "1",
              ".navbar-caption": {
                "line-height": "inherit !important"
              },
              ".navbar-logo a": {
                "outline": "none"
              }
            },
            ".dropdown-item.active, .dropdown-item:active": {
              "background-color": "transparent"
            },
            ".navbar-expand-lg .navbar-nav .nav-link": {
              "padding": "0"
            },
            ".nav-dropdown .link.dropdown-toggle": {
              "margin-right": "1.667em",
              "&[aria-expanded=\"true\"]": {
                "margin-right": "0",
                "padding": "0.667em 1.667em"
              }
            },
            ".navbar.navbar-expand-lg .dropdown": {
              ".dropdown-menu": {
                "background": "@menuBgColor",
                ".dropdown-submenu": {
                  "margin": "0",
                  "left": "100%"
                }
              }
            },
            "ul.navbar-nav": {
              "flex-wrap": "wrap"
            },
            ".navbar .dropdown.open > .dropdown-menu": {
              "display": "block"
            },
            ".navbar-buttons": {
              "text-align": "center",
              "min-width": "170px"
            },
            "button.navbar-toggler": {
              "outline": "none",
              "width": "31px",
              "height": "20px",
              "cursor": "pointer",
              "transition": "all 0.2s",
              "position": "relative",
              "align-self": "center",
              ".hamburger span": {
                "position": "absolute",
                "right": "0",
                "width": "30px",
                "height": "2px",
                "border-right": "5px",
                "background-color": "@hamburgerColor",
                "&:nth-child(1)": {
                  "top": "0",
                  "transition": "all 0.2s"
                },
                "&:nth-child(2)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(3)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(4)": {
                  "top": "16px",
                  "transition": "all 0.2s"
                }
              }
            },
            "nav.opened .hamburger span": {
              "&:nth-child(1)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              },
              "&:nth-child(2)": {
                "transform": "rotate(45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(3)": {
                "transform": "rotate(-45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(4)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              }
            },
            ".navbar-dropdown": {
              "padding": "0 1rem",
              "& when (@sticky)": {
                "position": "fixed"
              }
            },
            "a.nav-link": {
              "display": "flex",
              "align-items": "center",
              "justify-content": "center"
            },
            ".icons-menu": {
              "flex-wrap": "nowrap",
              "display": "flex",
              "justify-content": "center",
              "padding-left": "1rem",
              "padding-right": "1rem",
              "padding-top": "0.3rem",
              "text-align": "center"
            },
            "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
              ".navbar": {
                "height": "70px",
                "&.opened": {
                  "height": "auto"
                }
              },
              ".nav-item .nav-link:hover::before": {
                "width": "175%",
                "max-width": "calc(100% ~\"+\" 2rem)",
                "left": "-1rem"
              }
            },
            ".cid-sYmGYy3bVg .dropdown-item": {
              "border-bottom": "0px Important"
            }
          },
          "_name": "menu3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu3\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n        <input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"4.3\" condition=\"showLogo\">\n        <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\">\n        <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n        <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n        <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n            <option value=\"1\">1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\" selected>3</option>\n            <option value=\"4\">4</option>\n        </select>\n        <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n        <input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n        <header>Styles</header>\n        <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\" checked>\n        <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n        <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n        <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n        <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#000000\">\n        <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n                     'navbar-expand-lg':!collapsed,\n                     'collapsed':collapsed}\">\n        <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n            <div class=\"navbar-brand\">\n                <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n                    \n                        <a href=\"index.html\"><img src=\"@PROJECT_PATH@/assets/images/logo2.png\" alt=\"Church Stretton Table Tennis Club\" mbr-style=\"{'height': logoSize + 'rem'}\"></a>\n                    \n                </span>\n                <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-white\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"></a></span>\n            </div>\n            <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n                <div class=\"hamburger\">\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                </div>\n            </button>\n            <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n                <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Home</a></li><li class=\"nav-item dropdown\"><a class=\"nav-link link text-white dropdown-toggle\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                            About</a><div class=\"dropdown-menu\"><a class=\"text-white dropdown-item text-primary\" href=\"about-the-club.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">About the Club</a><a class=\"text-white dropdown-item text-primary\" href=\"why-play-table-tennis.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Why Play Table Tennis?</a><a class=\"text-white dropdown-item text-primary\" href=\"history.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">A Brief History of Table Tennis</a><a class=\"text-white dropdown-item text-primary\" href=\"laws.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">The Rules &amp; Laws of Table Tennis</a></div></li>\n                    <li class=\"nav-item dropdown\"><a class=\"nav-link link text-white text-primary dropdown-toggle show\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" aria-expanded=\"false\">Teams<br></a><div class=\"dropdown-menu show\" aria-labelledby=\"dropdown-374\" data-bs-popper=\"none\"><a class=\"text-white text-primary dropdown-item\" href=\"churchstretton-a.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">First Team</a><a class=\"text-white text-primary show dropdown-item\" href=\"churchstretton-b.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Second Team</a></div></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"schedule.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Schedule</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"news.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">News</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"coaching.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Coaching</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"links.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Links</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"location.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Location</a></li>\n                    <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#contact\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contact</a>\n                    </li></ul>\n                <div class=\"icons-menu\" mbr-if=\"showIcons\">\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-facebook socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-instagram socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n                    </a>\n                </div>\n                <div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">\n                        Sign up</a>\n                </div>\n            </div>\n        </div>\n    </nav>\n</section>",
          "_PHPplaceholders": [],
          "_JSplaceholders": [],
          "_cid": "uXsE0HaPjv",
          "_anchor": "menu3-6b",
          "_protectedParams": [],
          "_global": true,
          "_once": "menu",
          "_params": {}
        },
        {
          "_name": "article09",
          "_sourceTheme": "offerm5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"offerm5 article9\" group=\"Article\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\">\n    <mbr-parameters>\n\n\n        <!-- Block parameters controls (Blue \"Gear\" panel) -->\n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"10\" step=\"1\" value=\"5\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"10\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\" checked>\n        <input type=\"checkbox\" title=\"Buttons\" name=\"showButtons\" checked>\n        <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#ff526b\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\">\n            <input type=\"image\" title=\"Image\" value=\"@ADDONS_PATH@/offerm5/components/_images/background4.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#034d71\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/428046504\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value=\"@ADDONS_PATH@/offerm5/components/_images/background1.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#fafafa\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0\" condition=\"overlay && bg.type !== 'color'\">\n        <!-- End block parameters -->\n    </mbr-parameters>\n\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n    <div class=\"container\">\n        <div class=\"row\">\n            <div class=\"col-sm-12 col-md-2 md-pb col-lg-2\">\n                <div class=\"iconfont-wrapper\">\n                    <span mbr-icon class=\"mbr-iconfont fa-table-tennis fas fa-fw\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                </div>\n            </div>\n            <div class=\"col-sm-12 col-md-6 col-lg-7\">\n                <h2 mbr-if=\"showTitle\" class=\"mbr-section-title align-left mbr-semibold mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-section-title\"><b>Church Stretton B - 2025-2026 Season</b></h2>\n                <h3 mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle, .mbr-section-btn\" class=\"mbr-section-subtitle align-left mbr-regular mbr-fonts-style pt-2\" mbr-theme-style=\"display-7\">Church Stretton B are playing in Division 2 of the Shrewsbury and District Table Tennis League, during the 2025-26 season.<br><br>\n<div>\n</div><div>\n</div><div>Home Fixtures are played at the Silvester Horne Institute on Thursday nights, or Ticklerton Village Hall if Silvester Horne is not available.</div><br><div>Contact: Dick Harrison - 07432 098073</div></h3>\n            </div>\n            <div class=\"col-sm-12 col-md-4 col-lg-3\">\n                <div class=\"mbr-section-btn align-right pt-3\" mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" data-toolbar=\"-mbrBtnAdd,-mbrBtnMove\"><a class=\"btn btn-info\" href=\"https://www.tabletennis365.com/shrewsbury/Fixtures/Winter_2025-2026/Division_2\" data-app-placeholder=\"Type Text\">Fixtures and Results</a></div>\n                <div class=\"mbr-section-btn align-right pt-3\" mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" data-toolbar=\"-mbrBtnAdd,-mbrBtnMove\"><a class=\"btn btn-info\" href=\"https://www.tabletennis365.com/Shrewsbury/Tables/Winter_2025-2026/Division_2\" data-app-placeholder=\"Type Text\">League Tables</a></div>\n                <div class=\"mbr-section-btn align-right pt-3\" mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" data-toolbar=\"-mbrBtnAdd,-mbrBtnMove\"><a class=\"btn btn-info\" href=\"https://churchstrettontabletennisclub.org.uk/scorecard.pdf\" data-app-placeholder=\"Type Text\">Blank League Score Card</a></div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            ".mbr-iconfont": {
              "color": "@iconsColor",
              "font-size": "5rem",
              "width": "5rem",
              "padding-bottom": "5% !important"
            },
            ".iconfont-wrapper": {
              "display": "flex",
              "justify-content": "center",
              "align-items": "center",
              "height": "100%"
            },
            ".mbr-section-title": {
              "color": "#ffffff"
            },
            ".mbr-section-subtitle, .mbr-section-btn": {
              "color": "#ffffff"
            }
          },
          "_PHPplaceholders": [],
          "_JSplaceholders": [],
          "_cid": "uXsE0Hz79b",
          "_anchor": "article09-6c",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "_name": "table1",
          "_sourceTheme": "lawyerm4",
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            ".mbr-section-title": {
              "font-weight": "900",
              "letter-spacing": "0.1em"
            },
            ".mbr-section-subtitle": {
              "color": "#000000",
              "letter-spacing": "0.03em"
            },
            ".form-control": {
              "padding": "8px 15px 8px 15px",
              "border-color": "@tbColor",
              "border-radius": "0px !important",
              "background-color": "@searchColor"
            },
            ".container-table": {
              "margin": "0 auto"
            },
            ".scroll": {
              "overflow-x": "auto",
              "padding": "0"
            },
            ".dataTables_wrapper": {
              "display": "block",
              ".search": {
                "margin-bottom": ".5rem"
              },
              ".table": {
                "overflow-x": "auto"
              }
            },
            "table": {
              "width": "100% !important",
              "margin-top": "6px",
              "border": "1px solid @tbColor",
              "margin-bottom": "0",
              "th": {
                "border-top": "none",
                "transition": "all .2s",
                "border-bottom": "none",
                "&:hover": {
                  "background": "@tbColor",
                  "color": "contrast(@tbColor)"
                }
              },
              "td": {
                "border-top": "1px solid @tbColor"
              },
              "&.table": {
                "& when (@tbBackground)": {
                  "background": "@tbBgColor"
                }
              }
            },
            ".dataTables_filter": {
              "text-align": "right",
              "margin-bottom": ".5rem",
              "label": {
                "display": "inline",
                "white-space": "normal !important"
              },
              "input": {
                "display": "inline",
                "width": "auto",
                "margin-left": ".5rem",
                "border-radius": "100px",
                "padding-left": "1rem"
              }
            },
            ".dataTables_info": {
              "padding-bottom": "1rem",
              "padding-top": "1rem",
              "white-space": "normal !important",
              "text-align": "left",
              "color": "#000000"
            },
            "@media (max-width: 992px)": {
              ".dataTables_filter": {
                "text-align": "center"
              }
            },
            "@media (max-width: 350px)": {
              ".dataTables_filter": {
                "text-align": "center",
                "input": {
                  "width": "100% !important",
                  "margin-left": "0 !important"
                }
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            ".head-item": {
              "text-align": "left"
            },
            ".body-item": {
              "text-align": "left"
            }
          },
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"section-table\" group=\"Tables\" plugins=\"dataTables\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n  <mbr-parameters>\n  \n    <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n    <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n    <input type=\"checkbox\" title=\"Show Title\" name=\"showTitle\">\n    <input type=\"checkbox\" title=\"Show Subtitle\" name=\"showSubtitle\" checked>\n    <input type=\"range\" inline title=\"Columns\" name=\"tableColumns\" min=\"1\" max=\"50\" step=\"1\" value=\"5\">\n    <input type=\"range\" inline title=\"Rows\" name=\"tableRows\" min=\"1\" max=\"50\" step=\"1\" value=\"26\">\n    <input type=\"color\" title=\"Table Border Color\" name=\"tbColor\" value=\"#cccccc\">\n    <input type=\"checkbox\" title=\"Table Background\" name=\"tbBackground\" checked>\n    <input type=\"color\" title=\"Table Background Color\" name=\"tbBgColor\" value=\"#ffffff\" condition=\"tbBackground\">\n    <input type=\"checkbox\" title=\"Search\" name=\"isSearch\" checked>\n    <input type=\"text\" title=\"Text Empty\" name=\"textEmpty\" condition=\"isSearch\" value=\"No matching records found\">\n    <input type=\"color\" title=\"Search Background Color\" name=\"searchColor\" value=\"#ffffff\" condition=\"isSearch\">\n    <fieldset type=\"background\" name=\"bg\" parallax>\n      <input type=\"image\" title=\"Background Image\" value parallax>\n      <input type=\"color\" title=\"Background Color\" value=\"#ffffff\" selected>\n      <input type=\"video\" title=\"Background Video\" value=\"https://www.youtube.com/watch?v=l8UXhtqV6hU\">\n    </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value=\"@PROJECT_PATH@/assets/images/background1.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n    <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n    <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#ffffff\" condition=\"overlay && bg.type !== 'color'\">\n    <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.7\" condition=\"overlay && bg.type !== 'color'\">    \n  \n  </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n  <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n  </div>\n  <div class=\"container container-table\">\n    <h3 class=\"mbr-section-title mbr-fonts-style align-center pb-3\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-section-title\" mbr-if=\"showTitle\">\n          2023-2024 League Fixtures</h3>\n    <h3 class=\"mbr-section-subtitle mbr-fonts-style align-center pb-5 \" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\"><b>\n          2025-26 League Fixtures - Division 2</b></h3>\n    <div class=\"table-wrapper\">\n      <div class=\"container\">\n        <div class=\"row search\" mbr-if=\"isSearch\">\n          <div class=\"col-md-6\"></div>\n          <div class=\"col-md-6\">\n            <div class=\"dataTables_filter\">\n              <label mbr-text class=\"searchInfo mbr-fonts-style\" mbr-theme-style=\"display-7\">Search:</label>\n              <input class=\"form-control input-sm\" disabled>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"container scroll\">\n        <table class=\"table\" mbr-class=\"{'isSearch':isSearch}\" cellspacing=\"0\" data-empty=\"{{textEmpty}}\">\n          <thead>\n            <tr class=\"table-heads\" mbr-list mbr-list-grow=\"tableColumns\">\n              <th mbr-text class=\"head-item mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".head-item\"><b>Date</b></th>\n              <th mbr-text class=\"head-item mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".head-item\"><b>Opponents</b></th>\n              <th mbr-text class=\"head-item mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".head-item\"><b>Venue</b></th>\n              <th mbr-text class=\"head-item mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".head-item\"><b>Result</b></th>\n              \n            <th mbr-text class=\"head-item mbr-fonts-style\" mbr-theme-style=\"display-4\" data-app-selector=\".head-item\"><b>Score</b></th></tr>\n          </thead>\n\n          <tbody mbr-list mbr-list-grow=\"tableRows\">\n            <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thurs 16th Oct 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">BYE (Divisional Cup)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td></tr>\n\n            <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 20th October 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">FREE WEEK</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td></tr>\n\n            <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thurs 30th October 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Unison (Divisional Cup)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">won</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">354-330</td></tr>\n\n            <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Mon 3rd Nov 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Rushbury C  (Divisional Cup)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">away</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">lost</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">274-421</td></tr>\n\n            <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 10th Nov 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">FREE WEEK</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td></tr>\n          <tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Monday 17th Nov 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Shrewsbury Cricket Club E</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">away</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">lost</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">3-7&nbsp;<a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_2/MatchCard/452638\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thurs 27th Nov 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Unison</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home (S. Horne)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">lost</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">2-8 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_2/MatchCard/453657\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Tues 2nd Dec 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Gains Park C</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">away</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">lost</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">3-7 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_2/MatchCard/453880\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Wed 10th Dec 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Shrewsbury Cricket Club D</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">away</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">lost</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">0-10 scorecard</td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 15th Dec 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">FREE WEEK</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 22nd Dec 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">FREE WEEK</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 29th Dec 2025</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">FREE WEEK</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\"></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Mon 12th Jan 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Rushbury B</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">away</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">lost</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">0-10 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_2/MatchCard/455654\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 19th Jan 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">FREE WEEK</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thur 29th Jan 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Shrewsbury Cricket Club D</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">lost</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">2-8 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_2/MatchCard/457159\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 2nd Feb 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Shrewsbury Cricket Club B (Handicap Cup 1st Round)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">away</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">lost</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">404-421</td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thurs 12th Feb 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Shrewsbury Cricket Club E</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home (S. Horne)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">lost</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">1-9 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_2/MatchCard/459598\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Weds 18th Feb 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Unison</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">away</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">lost</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">1-9 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_2/MatchCard/458535\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thurs 26th Feb 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Gains Park C</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home (S. Horne)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">lost</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">3-7 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_2/MatchCard/459156\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thurs 5th Mar 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Shrewsbury Cricket Club E</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">lost</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">1-9 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_2/MatchCard/459598\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Mon 9th Mar 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Rushbury C</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">away</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">drew</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">5-5 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_2/MatchCard/459815\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Thurs 19th Mar 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Rushbury B</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home (Ticklerton)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">lost</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">1-9 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_2/MatchCard/460582\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 23rd Mar 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">FREE WEEK</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td>\n              \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">-</td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 2nd Apr 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Rushbury C</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">home (S. Horne)</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">lost</td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">3-7 <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2025-2026/Division_2/MatchCard/461482\" class=\"text-primary\">scorecard</a></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 6th Apr 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Handicap Cup Semi Final</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\"></td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\"></td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\"></td></tr><tr mbr-list mbr-list-grow=\"tableColumns\"> \n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">w/c 6th Apr 2026</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\">Handicap Cup Semi Final</td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\"></td>\n              <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\"></td>\n              \n            <td mbr-text class=\"body-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".body-item\"></td></tr></tbody>\n        </table>\n      </div>\n      <div class=\"container\">\n        <div class=\"row info\" mbr-if=\"isSearch\">\n          <div class=\"col-md-12\">\n              <div class=\"dataTables_info mbr-fonts-style\" mbr-theme-style=\"display-7\">\n                <span mbr-text class=\"infoBefore\" data-app-selector=\".dataTables_info\">Showing</span>\n                <span class=\"inactive infoRows\"></span>\n                <span mbr-text class=\"infoAfter\" data-app-selector=\".dataTables_info\">entries</span>\n                <span mbr-text class=\"infoFilteredBefore\" data-app-selector=\".dataTables_info\">(filtered from</span>\n                <span class=\"inactive infoRows\"></span>\n                <span mbr-text class=\"infoFilteredAfter\" data-app-selector=\".dataTables_info\"> total entries)</span>\n              </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "uXsE0JgGWB",
          "_anchor": "table1-6e",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            ".row-links": {
              "width": "100%",
              "justify-content": "center"
            },
            ".social-row": {
              "width": "100%",
              "justify-content": "center"
            },
            ".media-container-row": {
              "flex-direction": "column",
              "justify-content": "center",
              "align-items": "center",
              ".foot-menu": {
                "list-style": "none",
                "display": "flex",
                "justify-content": "center",
                "flex-wrap": "wrap",
                "padding": "0",
                "margin-bottom": "0",
                "li": {
                  "padding": "0 1rem 1rem 1rem",
                  "p": {
                    "margin": "0"
                  }
                }
              },
              ".social-list": {
                "padding-left": "0",
                "margin-bottom": "0",
                "list-style": "none",
                "display": "flex",
                "flex-wrap": "wrap",
                "justify-content": "flex-end",
                ".mbr-iconfont-social": {
                  "font-size": "1.5rem",
                  "color": "#ffffff"
                },
                ".soc-item": {
                  "margin": "0 .5rem"
                },
                "a": {
                  "margin": "0",
                  "opacity": ".5",
                  "transition": ".2s linear",
                  "&:hover": {
                    "opacity": "1"
                  }
                },
                "@media (max-width: 767px)": {
                  "-webkit-justify-content": "center",
                  "justify-content": "center"
                }
              },
              ".row-copirayt": {
                "word-break": "break-word",
                "width": "100%",
                "p": {
                  "width": "100%"
                }
              }
            }
          },
          "_name": "footer3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer3\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"range\" inline title=\"Menu Items\" name=\"menuItems\" min=\"0\" max=\"10\" step=\"1\" value=\"9\">\n        <input type=\"range\" inline title=\"Social Items\" name=\"socialItems\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background8.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#000000\" selected>\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"media-container-row align-center mbr-white\">\n            <div class=\"row row-links\" mbr-if=\"menuItems > 0\">\n                <ul class=\"foot-menu\" mbr-list mbr-list-grow=\"menuItems\">\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html\" class=\"text-white\">Home</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"about-the-club.html\" class=\"text-white\">About</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"why-play-table-tennis.html\" class=\"text-white\">Why Play Table Tennis?</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"teams.html\" class=\"text-white\">Teams</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"schedule.html\" class=\"text-white\">Schedule</a></li>\n                <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"coaching.html\" class=\"text-white\">Coaching</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"links.html\" class=\"text-white\">Links</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"location.html\" class=\"text-white text-primary\">Location</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#contact\" class=\"text-white\">Contact</a></li></ul>\n            </div>\n            <div class=\"row social-row\" mbr-if=\"socialItems > 0\">\n                <div mbr-list mbr-list-grow=\"socialItems\" class=\"social-list align-right pb-2\">\n                    <div class=\"soc-item\">\n                        <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                            <span mbr-icon class=\"socicon-twitter socicon mbr-iconfont mbr-iconfont-social\"></span>\n                        </a>\n                    </div>\n                    \n                    \n                    \n                    \n                    \n                </div>\n            </div>\n            <div class=\"row row-copirayt\">\n                <p class=\"mbr-text mb-0 mbr-fonts-style mbr-white align-center\" mbr-theme-style=\"display-4\" data-app-selector=\".media-container-row .mbr-text\">\n                    © Copyright 2023-26 Church Stretton Table Tennis Club - All Rights Reserved - Site by <a href=\"https://strettoninternet.co.uk\" class=\"text-info\">Stretton Internet</a></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "uXsE0KNSBn",
          "_anchor": "footer3-6f",
          "_protectedParams": [],
          "_global": true,
          "_once": "footers",
          "_params": {}
        }
      ]
    },
    "news2024-2025.html": {
      "settings": {
        "title": "2024-2025 Season News",
        "order": "2",
        "meta_descr": "Church Stretton Table Tennis Club - 2024-2025 Season News",
        "header_custom": ""
      },
      "components": [
        {
          "alias": false,
          "_styles": {
            "& when not (@sticky)": {
              ".navbar-dropdown": {
                "position": "relative !important"
              },
              "& when (@transparent)": {
                ".navbar-dropdown": {
                  "position": "absolute !important"
                }
              }
            },
            "& when (@sticky)": {
              "z-index": "1000",
              "width": "100%",
              "& when not (@transparent)": {
                "position": "relative",
                "min-height": "60px"
              },
              "nav.navbar": {
                "position": "fixed"
              }
            },
            ".dropdown-item:before": {
              "font-family": "Moririse2 !important",
              "content": "\"\\e966\"",
              "display": "inline-block",
              "width": "0",
              "position": "absolute",
              "left": "1rem",
              "top": "0.5rem",
              "margin-right": "0.5rem",
              "line-height": "1",
              "font-size": "inherit",
              "vertical-align": "middle",
              "text-align": "center",
              "overflow": "hidden",
              "transform": "scale(0, 1)",
              "transition": "all 0.25s ease-in-out"
            },
            ".dropdown-menu": {
              "padding": "0",
              "border-radius": "4px",
              "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)"
            },
            ".dropdown-item": {
              "border-bottom": "1px solid #e6e6e6",
              "&:hover, &:focus": {
                "background": "@primaryColor !important",
                "color": "white !important"
              },
              "&:first-child": {
                "border-top-left-radius": "4px",
                "border-top-right-radius": "4px"
              },
              "&:last-child": {
                "border-bottom": "none",
                "border-bottom-left-radius": "4px",
                "border-bottom-right-radius": "4px"
              }
            },
            ".nav-dropdown .link": {
              "padding": "0 0.3em !important",
              "margin": "0.667em 1em !important"
            },
            ".nav-dropdown .link.dropdown-toggle::after": {
              "margin-left": "0.5rem",
              "margin-top": "0.2rem"
            },
            ".nav-link": {
              "position": "relative"
            },
            ".container": {
              "display": "flex",
              "margin": "auto"
            },
            ".iconfont-wrapper": {
              "color": "@iconsColor !important",
              "font-size": "1.5rem",
              "padding-right": "0.5rem"
            },
            ".navbar-caption": {},
            ".navbar-nav": {},
            ".dropdown-menu, .navbar.opened": {
              "background": "@menuBgColor !important"
            },
            ".nav-item:focus, .nav-link:focus": {
              "outline": "none"
            },
            ".dropdown .dropdown-menu .dropdown-item": {
              "width": "auto",
              "transition": "all 0.25s ease-in-out",
              "&::after": {
                "right": "0.5rem"
              },
              ".mbr-iconfont": {
                "margin-right": "0.5rem",
                "vertical-align": "sub",
                "&:before": {
                  "display": "inline-block",
                  "transform": "scale(1, 1)",
                  "transition": "all 0.25s ease-in-out"
                }
              }
            },
            ".collapsed": {
              ".dropdown-menu .dropdown-item:before": {
                "display": "none"
              },
              ".dropdown .dropdown-menu .dropdown-item": {
                "padding": "0.235em 1.5em 0.235em 1.5em !important",
                "transition": "none",
                "margin": "0 !important"
              }
            },
            ".navbar": {
              "min-height": "70px",
              "transition": "all 0.3s",
              "border-bottom": "1px solid transparent",
              "&:not(.navbar-short)": {},
              "& when not (@transparent)": {
                "box-shadow": "0 1px 3px 0 rgba(0, 0, 0, 0.1)",
                "background": "@menuBgColor"
              },
              "& when (@transparent)": {
                "background": "rgba(red(@menuBgColor), green(@menuBgColor), blue(@menuBgColor), @opacity)"
              },
              "&.opened": {
                "transition": "all 0.3s"
              },
              ".dropdown-item": {
                "padding": "0.5rem 1.8rem"
              },
              ".navbar-logo img": {
                "width": "auto"
              },
              ".navbar-collapse": {
                "justify-content": "flex-end",
                "z-index": "1"
              },
              "&.collapsed": {
                "justify-content": "center",
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  },
                  "@media (min-width: 992px)": {
                    "&:not(.navbar-short) .navbar-collapse when (@showLogo)": {
                      "max-height": "~\"calc(98.5vh - @{logoSize}rem)\""
                    }
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "41%"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem",
                  "text-align": "center"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-right": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "@media (max-width: 991px)": {
                ".nav-item .nav-link::before": {
                  "display": "none"
                },
                "&.opened": {
                  ".dropdown-menu": {
                    "top": "0"
                  }
                },
                ".dropdown-menu": {
                  ".dropdown-submenu": {
                    "left": "0 !important"
                  },
                  ".dropdown-item:after": {
                    "right": "auto"
                  },
                  ".dropdown-toggle[data-toggle=\"dropdown-submenu\"]:after": {
                    "margin-left": "0.5rem",
                    "margin-top": "0.2rem",
                    "border-top": "0.35em solid",
                    "border-right": "0.35em solid transparent",
                    "border-left": "0.35em solid transparent",
                    "border-bottom": "0",
                    "top": "40%"
                  }
                },
                ".navbar-logo": {
                  "img": {
                    "height": "3rem !important"
                  }
                },
                "ul.navbar-nav": {
                  "li": {
                    "margin": "auto"
                  }
                },
                ".dropdown-menu .dropdown-item": {
                  "padding": "0.25rem 1.5rem !important",
                  "text-align": "center"
                },
                ".navbar-brand": {
                  "flex-shrink": "initial",
                  "flex-basis": "auto",
                  "word-break": "break-word",
                  "padding-right": "2rem"
                },
                ".navbar-toggler": {
                  "flex-basis": "auto"
                },
                ".icons-menu": {
                  "padding-left": "0",
                  "padding-top": "0.5rem",
                  "padding-bottom": "0.5rem"
                }
              },
              "&.navbar-short": {
                "min-height": "60px",
                ".navbar-logo": {
                  "img": {
                    "height": "2.5rem !important"
                  }
                },
                ".navbar-brand": {
                  "min-height": "60px",
                  "padding": "0"
                }
              }
            },
            ".navbar-brand": {
              "min-height": "70px",
              "flex-shrink": "0",
              "align-items": "center",
              "margin-right": "0",
              "padding": "10px 0",
              "transition": "all 0.3s",
              "word-break": "break-word",
              "z-index": "1",
              ".navbar-caption": {
                "line-height": "inherit !important"
              },
              ".navbar-logo a": {
                "outline": "none"
              }
            },
            ".dropdown-item.active, .dropdown-item:active": {
              "background-color": "transparent"
            },
            ".navbar-expand-lg .navbar-nav .nav-link": {
              "padding": "0"
            },
            ".nav-dropdown .link.dropdown-toggle": {
              "margin-right": "1.667em",
              "&[aria-expanded=\"true\"]": {
                "margin-right": "0",
                "padding": "0.667em 1.667em"
              }
            },
            ".navbar.navbar-expand-lg .dropdown": {
              ".dropdown-menu": {
                "background": "@menuBgColor",
                ".dropdown-submenu": {
                  "margin": "0",
                  "left": "100%"
                }
              }
            },
            "ul.navbar-nav": {
              "flex-wrap": "wrap"
            },
            ".navbar .dropdown.open > .dropdown-menu": {
              "display": "block"
            },
            ".navbar-buttons": {
              "text-align": "center",
              "min-width": "170px"
            },
            "button.navbar-toggler": {
              "outline": "none",
              "width": "31px",
              "height": "20px",
              "cursor": "pointer",
              "transition": "all 0.2s",
              "position": "relative",
              "align-self": "center",
              ".hamburger span": {
                "position": "absolute",
                "right": "0",
                "width": "30px",
                "height": "2px",
                "border-right": "5px",
                "background-color": "@hamburgerColor",
                "&:nth-child(1)": {
                  "top": "0",
                  "transition": "all 0.2s"
                },
                "&:nth-child(2)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(3)": {
                  "top": "8px",
                  "transition": "all 0.15s"
                },
                "&:nth-child(4)": {
                  "top": "16px",
                  "transition": "all 0.2s"
                }
              }
            },
            "nav.opened .hamburger span": {
              "&:nth-child(1)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              },
              "&:nth-child(2)": {
                "transform": "rotate(45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(3)": {
                "transform": "rotate(-45deg)",
                "transition": "all 0.25s"
              },
              "&:nth-child(4)": {
                "top": "8px",
                "width": "0",
                "opacity": "0",
                "right": "50%",
                "transition": "all 0.2s"
              }
            },
            ".navbar-dropdown": {
              "padding": "0 1rem",
              "& when (@sticky)": {
                "position": "fixed"
              }
            },
            "a.nav-link": {
              "display": "flex",
              "align-items": "center",
              "justify-content": "center"
            },
            ".icons-menu": {
              "flex-wrap": "nowrap",
              "display": "flex",
              "justify-content": "center",
              "padding-left": "1rem",
              "padding-right": "1rem",
              "padding-top": "0.3rem",
              "text-align": "center"
            },
            "@media screen and (~'-ms-high-contrast: active'), (~'-ms-high-contrast: none')": {
              ".navbar": {
                "height": "70px",
                "&.opened": {
                  "height": "auto"
                }
              },
              ".nav-item .nav-link:hover::before": {
                "width": "175%",
                "max-width": "calc(100% ~\"+\" 2rem)",
                "left": "-1rem"
              }
            },
            ".cid-sYmGYy3bVg .dropdown-item": {
              "border-bottom": "0px Important"
            }
          },
          "_name": "menu3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"menu menu3\" group=\"Menu\" plugins=\"DropDown, TouchSwipe\" always-top global once=\"menu\" not-draggable position-absolute>\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" name=\"fullWidth\" title=\"Full Width\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Logo\" name=\"showLogo\" checked>\n        <input type=\"range\" title=\"Logo Size\" inline name=\"logoSize\" min=\"3\" max=\"8\" step=\"0.1\" value=\"4.3\" condition=\"showLogo\">\n        <input type=\"checkbox\" title=\"Brand Name\" name=\"showBrand\">\n        <input type=\"checkbox\" title=\"Menu Items\" name=\"showItems\" checked>\n        <input type=\"checkbox\" title=\"Icons\" name=\"showIcons\">\n        <select title=\"Amount\" name=\"iconsAmount\" condition=\"showIcons\">\n            <option value=\"1\">1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\" selected>3</option>\n            <option value=\"4\">4</option>\n        </select>\n        <input type=\"color\" title=\"Icons Color\" name=\"iconsColor\" value=\"#000000\" condition=\"showIcons\">\n        <input type=\"checkbox\" title=\"Button\" name=\"showButtons\">\n        <header>Styles</header>\n        <input type=\"checkbox\" title=\"Sticky\" name=\"sticky\" checked>\n        <input type=\"checkbox\" title=\"Collapsed\" name=\"collapsed\">\n        <input type=\"checkbox\" title=\"Transparent\" name=\"transparent\">\n        <input type=\"range\" title=\"Opacity\" name=\"opacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.2\" condition=\"transparent\">\n        <input type=\"color\" title=\"Color\" name=\"menuBgColor\" value=\"#000000\">\n        <input type=\"color\" title=\"Hamburger\" name=\"hamburgerColor\" value=\"#ffffff\">\n    </mbr-parameters>\n    <nav class=\"navbar navbar-dropdown\" mbr-class=\"{'navbar-fixed-top':sticky,\n                     'navbar-expand-lg':!collapsed,\n                     'collapsed':collapsed}\">\n        <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n            <div class=\"navbar-brand\">\n                <span mbr-if=\"showLogo\" class=\"navbar-logo\">\n                    \n                        <a href=\"index.html\"><img src=\"@PROJECT_PATH@/assets/images/logo2.png\" alt=\"Church Stretton Table Tennis Club\" mbr-style=\"{'height': logoSize + 'rem'}\"></a>\n                    \n                </span>\n                <span mbr-if=\"showBrand\" mbr-buttons mbr-theme-style=\"display-7\" class=\"navbar-caption-wrap\" data-toolbar=\"-mbrBtnMove,-mbrBtnAdd,-mbrBtnRemove,-iconFont\"><a class=\"navbar-caption text-white\" data-app-selector=\".navbar-caption\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\"></a></span>\n            </div>\n            <button class=\"navbar-toggler\" type=\"button\" data-toggle=\"collapse\" data-bs-toggle=\"collapse\" data-target=\"#navbarSupportedContent\" data-bs-target=\"#navbarSupportedContent\" aria-controls=\"navbarNavAltMarkup\" aria-expanded=\"false\" aria-label=\"Toggle navigation\" mbr-if=\"showItems || showIcons || showButtons\">\n                <div class=\"hamburger\">\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                    <span></span>\n                </div>\n            </button>\n            <div class=\"collapse navbar-collapse\" id=\"navbarSupportedContent\" mbr-if=\"showItems || showIcons || showButtons\">\n                <ul mbr-menu class=\"navbar-nav nav-dropdown\" mbr-theme-style=\"display-4\" mbr-if=\"showItems\" mbr-class=\"{'nav-right': !showButtons,'navbar-nav-top-padding': isPublish && !showBrand && !showLogo}\"><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Home</a></li><li class=\"nav-item dropdown\"><a class=\"nav-link link text-white dropdown-toggle\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n                            About</a><div class=\"dropdown-menu\"><a class=\"text-white dropdown-item text-primary\" href=\"about-the-club.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">About the Club</a><a class=\"text-white dropdown-item text-primary\" href=\"why-play-table-tennis.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Why Play Table Tennis?</a><a class=\"text-white dropdown-item text-primary\" href=\"history.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">A Brief History of Table Tennis</a><a class=\"text-white dropdown-item text-primary\" href=\"laws.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" aria-expanded=\"false\">The Rules &amp; Laws of Table Tennis</a></div></li>\n                    <li class=\"nav-item dropdown\"><a class=\"nav-link link text-white text-primary dropdown-toggle show\" href=\"#\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\" data-toggle=\"dropdown-submenu\" data-bs-toggle=\"dropdown\" data-bs-auto-close=\"outside\" aria-expanded=\"false\">Teams<br></a><div class=\"dropdown-menu show\" aria-labelledby=\"dropdown-374\" data-bs-popper=\"none\"><a class=\"text-white text-primary dropdown-item\" href=\"churchstretton-a.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">First Team</a><a class=\"text-white text-primary show dropdown-item\" href=\"churchstretton-b.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Second Team</a></div></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"schedule.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Schedule</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"news.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">News</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"coaching.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Coaching</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"links.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Links</a></li><li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"location.html\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Location</a></li>\n                    <li class=\"nav-item\"><a class=\"nav-link link text-white text-primary\" href=\"index.html#contact\" data-app-selector=\".nav-link,.dropdown-item\" data-app-placeholder=\"Type Text\">Contact</a>\n                    </li></ul>\n                <div class=\"icons-menu\" mbr-if=\"showIcons\">\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-facebook socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 1\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-twitter socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 2\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-instagram socicon\" style=\"color: rgb(255, 255, 255); fill: rgb(255, 255, 255);\"></span>\n                    </a>\n                    <a class=\"iconfont-wrapper\" href=\"https://mobiri.se\" target=\"_blank\" mbr-if=\"iconsAmount > 3\">\n                        <span mbr-icon class=\"p-2 mbr-iconfont socicon-linkedin socicon\"></span>\n                    </a>\n                </div>\n                <div mbr-if=\"showButtons\" mbr-buttons mbr-theme-style=\"display-4\" class=\"navbar-buttons mbr-section-btn\">\n                    <a class=\"btn btn-primary\" href=\"https://mobiri.se\" data-app-placeholder=\"Type Text\">\n                        Sign up</a>\n                </div>\n            </div>\n        </div>\n    </nav>\n</section>",
          "_cid": "v1cbHUR0pF",
          "_anchor": "menu3-6j",
          "_protectedParams": [],
          "_global": true,
          "_once": "menu",
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"4\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\" checked>\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>2024-2025 Season News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>17</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Mar, 2025</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Run of Good Form Continues</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Church Stretton ensured their place in Division 1 again next season by defeating Tilstock 6-4.<br>Four wins from their last 5 games means that they will finish in 5th place in the league.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "v1cbHYLzb4",
          "_anchor": "timeline1-6n",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>06</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Mar, 2025</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Victory over Pontesbury</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Church Stretton recorded another win last night away at Pontesbury by 6-4.<br>Their run of good form continues, winning 3 out their last 4 matches.<br>Next up is the last match of the season against Tilstock at home. The match takes place this Monday, 10th March, at Ticklerton.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "v1cbHZTel9",
          "_anchor": "timeline1-6o",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>03</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Feb, 2025</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                League Team Records Another Win</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">The league team won their second successive match tonight against Gains Park A. The score was 7-3.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "v1cbI13Arp",
          "_anchor": "timeline1-6p",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>16</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Jan, 2025</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Practise Dates for 2025</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">The dates for practise for Thursdays and Saturdays have been added to the \"<a href=\"schedule.html\" class=\"text-primary\">Schedule</a>\" page.<br><br>On Saturdays we will practise at Clungunford, when Silvester Horne is unavailable.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "v1cbI2gjoM",
          "_anchor": "timeline1-6q",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>14</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Jan, 2025</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">New Year Defeat to Shrewsbury CC</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Church Stretton lost their first league match of 2025 at home to Shrewsbury Cricket Club 4-6.<br><br>The result card is <a href=\"https://www.tabletennis365.com/Shrewsbury/Results/Winter_2024-2025/Division_1/MatchCard/438722\" class=\"text-primary\">here</a>.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "v1cbI3vvlg",
          "_anchor": "timeline1-6r",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>11</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Dec, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Draw Against Tilstock</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">A hard-fought match against Tilstock saw the points shared, with the teams drawing 5-5.<br>The season is now half way through and the fixtures are all reversed, starting on Monday 13th January 2025 against Shrewsbury Cricket Club.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "v1cbI4LglX",
          "_anchor": "timeline1-6s",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>23</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Oct, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Another Close Match</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">A close fought match against Gains Park B on Monday night saw the team lose 4-6, at Ticklerton.<br>We now have a break of 2 weeks without any matches.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "v1cbI63HBP",
          "_anchor": "timeline1-6t",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>5</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Nov, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                League Loss to Gains Park A</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Church Stretton were defeated 6-4 tonight away at Gains Park.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "v1cbI7mcn6",
          "_anchor": "timeline1-6u",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"3\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>4</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Nov, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">Handicap Cup Draw</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Church Stretton have been drawn away to Prees A, in the cup. The match will take place w/c 20th January 2025. There rest of the draw looks like this:<br><br><b>Preliminary Round\n</b><br>Gains Park C vs Hope Bowdler\n<br>\n<br><b>First Round, W/C 20th January 2025\n</b><br>Rushbury A vs Gains Park B\n<br>Shrewsbury Cricket Club D vs Cricket Club B\n<br>Shrewsbury Cricket Club A vs Winner of Preliminary round\n<br>Prees C vs Rushbury C\n<br>Prees A vs <b>Church Stretton\n</b><br>Rushbury B vs Prees D\n<br>Tilstock vs Shrewsbury Cricket Club C\n<br>Unison vs Prees B<br></p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "v1cbI9aKOi",
          "_anchor": "timeline1-6v",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>31</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Oct, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Victory against Rushbury A</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">The team had their first win on Monday night when they defeated&nbsp; Rushbury A by 8-2.<br><br>Next week we travel to Gains Park A on Tuesday night.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "v1cbIaV4AQ",
          "_anchor": "timeline1-6w",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value>\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>23</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Oct, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                League Loss to Shrewsbury CC</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">Church Stretton lost their first league match of the season 8-2 away at Shrewsbury Cricket Club.<br>Next Monday we entertain Rushbury A at home.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "v1cbIcksQ6",
          "_anchor": "timeline1-6x",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/court.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value=\"@PROJECT_PATH@/assets/images/attorney.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>27</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Sep, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">2024-25 Fixtures</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">The fixtures for the coming season are out and can be found <a href=\"teams.html\" class=\"text-primary\">here</a>.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "v1cbIdKUIm",
          "_anchor": "timeline1-6y",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/court.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value=\"@PROJECT_PATH@/assets/images/attorney.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>23</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Sep, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                League Format Announced</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\"><b>Premier Division</b>: Shrewsbury Cricket Club A, Prees A, Academy, Prees B, Hope Bowdler, Prees C, Upton Magna\n<br><b>Division 1</b>: Gains Park A, Gains Park B, Shrewsbury Cricket Club B, Rushbury A, Pontesbury, Tilstock, <b>Church Stretton\n</b><br><b>Division 2</b>: Leebotwood, Gains Park C, Unison, Rushbury B, Shrewsbury Cricket Club C, Prees D, Shrewsbury Cricket Club D.&nbsp;<br></p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "v1cbIfdy9k",
          "_anchor": "timeline1-6z",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/court.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value=\"@PROJECT_PATH@/assets/images/attorney.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>20</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Sep, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                New Season Start</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">The new season starts on Monday 21st October 2024. We will be competing in Division 1 along with:&nbsp;Gains Park A,&nbsp;Gains Park&nbsp; B, Rushbury A,&nbsp;Pontesbury,&nbsp;Shrewsbury Cricket Club B and&nbsp;Tilstock</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "v1cbIgKBi6",
          "_anchor": "timeline1-70",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/court.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value=\"@PROJECT_PATH@/assets/images/attorney.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>12</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Sep, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                No Thursday Practice Session Next Week</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">There is no practise next Thursday 19th September 2024, due to Flicks in the Sticks.<br>We resume again on Thursday 26th September.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "v1cbIig1iG",
          "_anchor": "timeline1-71",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/court.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value=\"@PROJECT_PATH@/assets/images/attorney.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>5</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Sep, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Brown Clee Table Tennis Club to Visit</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Tonight we will be welcoming players from Brown Clee TTC to our practice session at Silvester Horne.<br>The session is from 6-8pm and anybody is welcome to come along.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "v1cbIjP6Nk",
          "_anchor": "timeline1-72",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"@ADDONS_PATH@/attorneym4/components/_images/court.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value=\"@ADDONS_PATH@/attorneym4/components/_images/attorney.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>4</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Sep, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/small-logo-cropped.png\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Division 1 This Season</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                We will be competing in Division 1 again this season. The committee have decided not to take the place in the Premier League, due to losing one of our key players.</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@ADDONS_PATH@/attorneym4/components/_images/lawyer/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@ADDONS_PATH@/attorneym4/components/_images/lawyer/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@ADDONS_PATH@/attorneym4/components/_images/lawyer/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@ADDONS_PATH@/attorneym4/components/_images/lawyer/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@ADDONS_PATH@/attorneym4/components/_images/lawyer/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@ADDONS_PATH@/attorneym4/components/_images/lawyer/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@ADDONS_PATH@/attorneym4/components/_images/lawyer/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@ADDONS_PATH@/attorneym4/components/_images/lawyer/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@ADDONS_PATH@/attorneym4/components/_images/lawyer/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@ADDONS_PATH@/attorneym4/components/_images/lawyer/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_PHPplaceholders": [],
          "_JSplaceholders": [],
          "_cid": "v1cbIlptPs",
          "_anchor": "timeline1-73",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 15px)",
            "padding-bottom": "(@paddingBottom * 15px)",
            "& when (@bg-type = \"color\")": {
              "background-color": "@bg-value"
            },
            "& when (@bg-type = \"image\")": {
              "background-image": "url(@bg-value)"
            },
            "img": {
              "width": "100%",
              "filter": "grayscale(0)"
            },
            ".text-block": {
              "display": "flex",
              "flex-direction": "column",
              "justify-content": "center",
              "padding": "0"
            },
            ".block-timeline": {
              "display": "flex"
            },
            ".image-wrap": {
              "padding": "0rem",
              "padding-right": "2rem"
            },
            ".mbr-timeline-title": {
              "color": "#000000",
              "margin-bottom": "0.9rem"
            },
            ".inner-date": {
              "padding": "1rem 1.5rem",
              "background-color": "@dateBg"
            },
            ".date-block": {
              "margin-right": "0.6rem"
            },
            ".mbr-date-block": {
              "margin-bottom": "0rem"
            },
            ".mbr-timeline-text": {
              "color": "#000000",
              "margin-bottom": "1.7rem"
            },
            ".mbr-timeline-date": {
              "color": "#eeeeee",
              "font-weight": "700",
              "margin-bottom": "0rem"
            },
            ".mbr-section-subtitle": {
              "color": "#767676",
              "text-align": "center",
              "font-weight": "300"
            },
            ".timeline-text-content": {
              "display": "flex",
              "background": "@timelineColor",
              "transition": "all 0.4s"
            },
            ".month-block": {
              "font-weight": "700",
              "color": "#000000"
            },
            ".timeline-element": {
              "margin-bottom": "30px",
              "justify-content": "center",
              "position": "relative",
              "word-wrap": "break-word",
              "word-break": "break-word",
              "display": "-webkit-flex",
              "flex-direction": "row",
              "-webkit-flex-direction": "row",
              "&:hover": {
                ".timeline-text-content": {
                  "box-shadow": "0 7px 20px 0px rgba(0, 0, 0, 0.08)",
                  "transition": "all 0.4s"
                }
              }
            },
            ".reverse": {
              "flex-direction": "row-reverse",
              "-webkit-flex-direction": "row-reverse",
              ".timeline-text-content": {
                "margin-right": "0"
              }
            },
            ".bottom-date": {
              "display": "flex",
              "align-items": "center",
              "margin-bottom": "0.6rem"
            },
            ".mbr-timeline-location": {
              "margin-bottom": "0rem",
              "font-weight": "700"
            },
            ".location": {
              "display": "flex",
              "align-items": "center"
            },
            ".mbr-iconfont": {
              "font-size": "16px",
              "color": "@colorIcon"
            },
            ".iconsBackground": {
              "margin-right": "0.8rem"
            },
            ".reverseTimeline": {
              "display": "flex",
              "flex-direction": "column-reverse"
            },
            "@media (max-width: 767px)": {
              ".date-block": {
                "display": "none"
              },
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              },
              ".block-timeline": {
                "padding": "0"
              }
            },
            "@media (min-width: 767px) and (max-width: 992px)": {
              ".timeline-text-content": {
                "flex-direction": "column",
                "padding": "1rem"
              },
              ".image-wrap": {
                "padding-right": "0rem"
              },
              ".text-block": {
                "padding": "2rem 0rem 0rem 0rem"
              }
            },
            "@media (min-width: 992px)": {
              ".timeline-text-content": {
                "padding": "1.9rem"
              }
            },
            "@media (min-width: 767px)": {
              ".block-timeline": {
                "padding": "0"
              }
            },
            ".mbr-fallback-image.disabled": {
              "display": "none"
            },
            ".mbr-fallback-image": {
              "display": "block",
              "background-size": "cover",
              "background-position": "center center",
              "width": "100%",
              "height": "100%",
              "position": "absolute",
              "top": "0",
              "& when (@bg-type = 'video')": {
                "background-image": "url(@fallBackImage)"
              }
            },
            "H5": {
              "color": "#000000"
            }
          },
          "_name": "timeline1",
          "_sourceTheme": "attorneym4",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"timeline1 attorneym4_timeline1\" group=\"Timelines\" data-bg-video=\"{{bg.type == 'video' && bg.value.url}}\" mbr-class=\"{'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        \n        <header>Size</header>\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"0\">\n        <header>Show/Hide</header>\n        <input type=\"checkbox\" title=\"Title\" name=\"showTitle\">\n        <input type=\"checkbox\" title=\"Subtitle\" name=\"showSubtitle\">\n        <input type=\"checkbox\" title=\"Date\" name=\"showDate\" checked>\n        <input type=\"checkbox\" title=\"Location\" name=\"showLocation\">\n        <header>Color</header>\n        <input type=\"color\" title=\"Timelines Color\" name=\"timelineColor\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Date Background\" name=\"dateBg\" value=\"#eeeeee\">\n        <input type=\"color\" title=\"Icon Color\" name=\"colorIcon\" value=\"#eeeeee\">\n        <header>Timelines</header>\n        <select title=\"Amount\" name=\"timelinesAmount\">\n            <option value=\"1\" selected>1</option>\n            <option value=\"2\">2</option>\n            <option value=\"3\">3</option>\n            <option value=\"4\">4</option>\n            <option value=\"5\">5</option>\n            <option value=\"6\">6</option>\n            <option value=\"7\">7</option>\n            <option value=\"8\">8</option>\n            <option value=\"9\">9</option>\n            <option value=\"10\">10</option>\n            <option value=\"11\">11</option>\n            <option value=\"12\">12</option>\n        </select>\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"@PROJECT_PATH@/assets/images/court.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#ffffff\" selected>\n            <input type=\"video\" title=\"Video\" value=\"https://vimeo.com/171547423\">\n        </fieldset>\n        <header condition=\"bg.type === 'video'\">Fallback Image</header>\n        <input type=\"image\" title=\"Fallback Image\" value=\"@PROJECT_PATH@/assets/images/attorney.jpg\" name=\"fallBackImage\" condition=\"bg.type === 'video'\">\n\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" checked condition=\"bg.type !== 'color'\">\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#cccccc\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.9\" condition=\"overlay && bg.type !== 'color'\">\n        \n    </mbr-parameters>\n    <div class=\"mbr-fallback-image disabled\" mbr-if=\"bg.type == 'video'\"></div>\n\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type!== 'color'\" mbr-style=\"{'opacity': overlayOpacity, 'background-color': overlayColor}\">\n    </div>\n\n    <div class=\"container align-center\">\n        <h3 class=\"mbr-section-title pb-3 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showTitle\" data-app-selector=\".mbr-section-title\"><b>Latest News</b></h3>\n        <h4 class=\"mbr-section-subtitle pb-5 mbr-fonts-style\" mbr-theme-style=\"display-5\" mbr-if=\"showSubtitle\" data-app-selector=\".mbr-section-subtitle\">\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit\n        </h4>\n\n        <div class=\"container timelines-container\" mbri-timelines>\n            \n            <div class=\"row timeline-element reverse\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>5</h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">Sep, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt=\"Shrewsbuty and District Table Tennis League Division 1 Runners Up\">\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\"></h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>1\" mbr-class=\"{'separline':timelinesAmount>2 &amp;&amp; !reverseTimeline || !reverseTimeline &amp;&amp; timelinesAmount > 2 || reverseTimeline &amp;&amp; timelinesAmount > 1}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                29\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Aug, 2024</h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/bill-and-chris-1.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">League AGM and Presentation Night</h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                The League's AGM and Presentation night took place this evening andwe were presented with a shield and individual trophies for coming runners up in Division 1.&nbsp;</p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>2\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 3 || reverseTimeline &amp;&amp; timelinesAmount > 2}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                28\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Village Equally\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element \" mbr-if=\"timelinesAmount>3\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 4 || reverseTimeline &amp;&amp; timelinesAmount > 3}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                27\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Wills, Trusts &amp; Probate\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>4\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 5 || reverseTimeline &amp;&amp; timelinesAmount > 4}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                26\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Dec, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer2.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Disputes and Settlements\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>5\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 6 || reverseTimeline &amp;&amp; timelinesAmount > 5}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                25\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Nov, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer4.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Divorce\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>6\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 7 || reverseTimeline &amp;&amp; timelinesAmount > 6}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                24\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>7\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 8 || reverseTimeline &amp;&amp; timelinesAmount > 7}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                23\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>8\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 9 || reverseTimeline &amp;&amp; timelinesAmount > 8}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                22\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>9\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 10 || reverseTimeline &amp;&amp; timelinesAmount > 9}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                21\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element reverse\" mbr-if=\"timelinesAmount>10\" mbr-class=\"{'separline': !reverseTimeline &amp;&amp; timelinesAmount > 11 || reverseTimeline &amp;&amp; timelinesAmount > 10}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                20\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            \n            <div class=\"row timeline-element\" mbr-if=\"timelinesAmount>11\" mbr-class=\"{'separline': reverseTimeline &amp;&amp; timelinesAmount > 11}\">\n                <div class=\"col-lg-10 align-left block-timeline\">\n                    <div class=\"date-block align-center\">\n                        <div class=\"inner-date\">\n                            <h5 class=\"mbr-date-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-2\" data-app-selector>\n                                19\n                            </h5>\n                            <h6 class=\"month-block mbr-fonts-style mbr-info\" mbr-theme-style=\"display-7\" data-app-selector=\".month-block\">\n                                Oct, 19\n                            </h6>\n                        </div>\n                    </div>\n                    <div class=\"timeline-text-content col\">\n                        <div class=\"image-wrap col-lg-4\">\n                            <img src=\"@PROJECT_PATH@/assets/images/lawyer3.jpg\" alt>\n                        </div>\n                        <div class=\"text-block col-lg-8\">\n                            <h5 class=\"mbr-timeline-title mbr-fonts-style\" mbr-theme-style=\"display-5\" data-app-selector=\".mbr-timeline-title\">\n                                Multi Homepages\n                            </h5>\n                            <p class=\"mbr-timeline-text mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-text\">\n                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam erat libero, bibendum in\n                                libero tempor, luctus.\n                            </p>\n                            <div class=\"bottom-date\" mbr-if=\"showDate\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-timer mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-date mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-date\">\n                                    September 30, 10:00 AM - October 31, 18:00 PM\n                                </h6>\n                            </div>\n                            <div class=\"location\" mbr-if=\"showLocation\">\n                                <span class=\"iconsBackground\">\n                                    <span mbr-icon class=\"mobi-mbri-map-pin mobi-mbri mbr-iconfont\"></span>\n                                </span>\n                                <h6 class=\"mbr-timeline-location mbr-white mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\".mbr-timeline-location\">\n                                    San Francisco, USA\n                                </h6>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</section>",
          "_JSplaceholders": [],
          "_PHPplaceholders": [],
          "_isUserblock": true,
          "_cid": "v1cbIn52US",
          "_anchor": "timeline1-74",
          "_protectedParams": [],
          "_global": false,
          "_once": false,
          "_params": {}
        },
        {
          "alias": false,
          "_styles": {
            "padding-top": "(@paddingTop * 1rem)",
            "padding-bottom": "(@paddingBottom * 1rem)",
            "& when (@bg-type = 'image')": {
              "background-image": "url(@bg-value)"
            },
            "& when (@bg-type = 'color')": {
              "background-color": "@bg-value"
            },
            ".row-links": {
              "width": "100%",
              "justify-content": "center"
            },
            ".social-row": {
              "width": "100%",
              "justify-content": "center"
            },
            ".media-container-row": {
              "flex-direction": "column",
              "justify-content": "center",
              "align-items": "center",
              ".foot-menu": {
                "list-style": "none",
                "display": "flex",
                "justify-content": "center",
                "flex-wrap": "wrap",
                "padding": "0",
                "margin-bottom": "0",
                "li": {
                  "padding": "0 1rem 1rem 1rem",
                  "p": {
                    "margin": "0"
                  }
                }
              },
              ".social-list": {
                "padding-left": "0",
                "margin-bottom": "0",
                "list-style": "none",
                "display": "flex",
                "flex-wrap": "wrap",
                "justify-content": "flex-end",
                ".mbr-iconfont-social": {
                  "font-size": "1.5rem",
                  "color": "#ffffff"
                },
                ".soc-item": {
                  "margin": "0 .5rem"
                },
                "a": {
                  "margin": "0",
                  "opacity": ".5",
                  "transition": ".2s linear",
                  "&:hover": {
                    "opacity": "1"
                  }
                },
                "@media (max-width: 767px)": {
                  "-webkit-justify-content": "center",
                  "justify-content": "center"
                }
              },
              ".row-copirayt": {
                "word-break": "break-word",
                "width": "100%",
                "p": {
                  "width": "100%"
                }
              }
            }
          },
          "_name": "footer3",
          "_sourceTheme": "mobirise5",
          "_customHTML": "<section data-bs-version=\"5.1\" class=\"footer3\" group=\"Footers\" global once=\"footers\" mbr-class=\"{'mbr-reveal': reveal, 'mbr-parallax-background': bg.parallax}\">\n\n    <mbr-parameters>\n        <header>Size</header>\n        <input type=\"checkbox\" title=\"Full Width\" name=\"fullWidth\">\n        <input type=\"range\" inline title=\"Top\" name=\"paddingTop\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <input type=\"range\" inline title=\"Bottom\" name=\"paddingBottom\" min=\"0\" max=\"8\" step=\"1\" value=\"2\">\n        <header>Show/Hide</header>\n        <input type=\"range\" inline title=\"Menu Items\" name=\"menuItems\" min=\"0\" max=\"10\" step=\"1\" value=\"9\">\n        <input type=\"range\" inline title=\"Social Items\" name=\"socialItems\" min=\"0\" max=\"10\" step=\"1\" value=\"0\">\n        <input type=\"checkbox\" title=\"Reveal effect\" name=\"reveal\">\n        <header>Background</header>\n        <fieldset type=\"background\" name=\"bg\" parallax>\n            <input type=\"image\" title=\"Image\" value=\"../_images/background8.jpg\">\n            <input type=\"color\" title=\"Color\" value=\"#000000\" selected>\n        </fieldset>\n        <input type=\"checkbox\" title=\"Overlay\" name=\"overlay\" condition=\"bg.type !== 'color'\" checked>\n        <input type=\"color\" title=\"Overlay Color\" name=\"overlayColor\" value=\"#232323\" condition=\"overlay && bg.type !== 'color'\">\n        <input type=\"range\" inline title=\"Opacity\" name=\"overlayOpacity\" min=\"0\" max=\"1\" step=\"0.1\" value=\"0.8\" condition=\"overlay && bg.type !== 'color'\">\n    </mbr-parameters>\n\n    <div class=\"mbr-overlay\" mbr-if=\"overlay && bg.type !== 'color'\" opacity=\"{{overlayOpacity}}\" bg-color=\"{{overlayColor}}\"></div>\n\n    <div mbr-class=\"{'container': !fullWidth, 'container-fluid': fullWidth}\">\n        <div class=\"media-container-row align-center mbr-white\">\n            <div class=\"row row-links\" mbr-if=\"menuItems > 0\">\n                <ul class=\"foot-menu\" mbr-list mbr-list-grow=\"menuItems\">\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html\" class=\"text-white\">Home</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"about-the-club.html\" class=\"text-white\">About</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"why-play-table-tennis.html\" class=\"text-white\">Why Play Table Tennis?</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"teams.html\" class=\"text-white\">Teams</a></li>\n                    <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"schedule.html\" class=\"text-white\">Schedule</a></li>\n                <li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"coaching.html\" class=\"text-white\">Coaching</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"links.html\" class=\"text-white\">Links</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"location.html\" class=\"text-white text-primary\">Location</a></li><li mbr-text class=\"foot-menu-item mbr-fonts-style\" mbr-theme-style=\"display-7\" data-app-selector=\"foot-menu-item\"><a href=\"index.html#contact\" class=\"text-white\">Contact</a></li></ul>\n            </div>\n            <div class=\"row social-row\" mbr-if=\"socialItems > 0\">\n                <div mbr-list mbr-list-grow=\"socialItems\" class=\"social-list align-right pb-2\">\n                    <div class=\"soc-item\">\n                        <a href=\"https://twitter.com/mobirise\" target=\"_blank\">\n                            <span mbr-icon class=\"socicon-twitter socicon mbr-iconfont mbr-iconfont-social\"></span>\n                        </a>\n                    </div>\n                    \n                    \n                    \n                    \n                    \n                </div>\n            </div>\n            <div class=\"row row-copirayt\">\n                <p class=\"mbr-text mb-0 mbr-fonts-style mbr-white align-center\" mbr-theme-style=\"display-4\" data-app-selector=\".media-container-row .mbr-text\">\n                    © Copyright 2023-26 Church Stretton Table Tennis Club - All Rights Reserved - Site by <a href=\"https://strettoninternet.co.uk\" class=\"text-info\">Stretton Internet</a></p>\n            </div>\n        </div>\n    </div>\n</section>",
          "_cid": "v1cbIoG6E7",
          "_anchor": "footer3-75",
          "_protectedParams": [],
          "_global": true,
          "_once": "footers",
          "_params": {}
        }
      ]
    }
  }
}