{"id":1381,"date":"2020-02-17T10:49:50","date_gmt":"2020-02-17T10:49:50","guid":{"rendered":"http:\/\/felicitas.co.za\/new\/public_html\/?page_id=1381"},"modified":"2020-09-02T08:40:43","modified_gmt":"2020-09-02T08:40:43","slug":"calendar","status":"publish","type":"page","link":"http:\/\/felicitas.co.za\/new\/public_html\/resources\/calendar\/","title":{"rendered":"Calendar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1381\" class=\"elementor elementor-1381\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-50adae7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"50adae7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cc52a2e\" data-id=\"cc52a2e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-795183c elementor-widget elementor-widget-heading\" data-id=\"795183c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">            <style type=\"text\/css\">\r\n                .monthly597008 {\r\n                    border: 2px solid #283265;\r\n                    position: relative;\r\n                    z-index: 0;\r\n                }\r\n                                    .monthly597008 {\r\n                        box-shadow: 0px 0px 30px#283265;\r\n                        -moz-box-shadow: 0px 0px 30px#283265;\r\n                        -webkit-box-shadow: 0px 0px 30px#283265;\r\n                    }\r\n                                .desc {\r\n                    max-width: 250px;\r\n                    text-align: left;\r\n                    font-size: 14px;\r\n                    padding-top: 30px;\r\n                    line-height: 1.4em;\r\n                }\r\n                .resize {\r\n                    background: #222;\r\n                    display: inline-block;\r\n                    padding: 6px 15px;\r\n                    border-radius: 22px;\r\n                    font-size: 13px;\r\n                }\r\n                @media (max-height: 700px) {\r\n                    .sticky {\r\n                        position: relative;\r\n                    }\r\n                }\r\n                @media (max-width: 600px) {\r\n                    .resize {\r\n                        display: none;\r\n                    }\r\n                }\r\n                .monthly-header{\r\n                    position: relative;\r\n                    text-align: center;\r\n                    padding: 10px;\r\n                    box-sizing: border-box;\r\n                    -moz-box-sizing: border-box;\r\n                    -webkit-box-sizing: border-box;\r\n                }\r\n                .monthly-header *{\r\n                    text-align: center !important;\r\n                }\r\n                .monthly-header597008 .monthly-next,.monthly-prev{\r\n                    padding:0px;\r\n                    justify-content: center;\r\n                    color: #283265;\r\n                }\r\n                .monthly-header597008 {\r\n                    position: relative;\r\n                    text-align: center;\r\n                    padding: 10px;\r\n                    background: #ffffff;\r\n                    color: #283265;\r\n                    box-sizing: border-box;\r\n                    -moz-box-sizing: border-box;\r\n                    -webkit-box-sizing: border-box;\r\n                }\r\n                .monthly-header597008 .monthly-cal:before {\r\n                    font-family: FontAwesome;\r\n                    color: #283265;\r\n                     content: \"\uf133\";\r\n                                    }\r\n                .monthly-header597008 .monthly-cal:after {\r\n                    border: 1px solid#ffffff;\r\n                    background: #283265;\r\n                }\r\n                .monthly-header597008 .monthly-cal div {\r\n                    background: #ffffff;\r\n                }\r\n                .monthly-header-title597008 {\r\n                    font-size: 14px;\r\n                    font-family: Arial;\r\n                }\r\n                .monthly-day-title-wrap597008 {\r\n                    display: table;\r\n                    table-layout: fixed;\r\n                    width: 100%;\r\n                    background: #283265;\r\n                    color: #ffffff;\r\n                    border-bottom: 0pxnone #ffffff;\r\n                }\r\n                .monthly-day-title-wrap597008 div {\r\n                    font-size: 10px;\r\n                    font-family: Arial;\r\n                }\r\n                .monthly-day597008, .monthly-day-blank597008 {\r\n                    box-shadow: 0 0 0 1px #283265 !important;\r\n                    -moz-box-shadow: 0 0 0 1px #283265 !important;\r\n                    -webkit-box-shadow: 0 0 0 1px #283265 !important;\r\n                    background: #ffffff;\r\n                    color: #283265 !important;\r\n                }\r\n                .monthly-day-blank597008 {\r\n                    background: #efefef;\r\n                }\r\n                .monthly-day-event597008 > .monthly-day-number597008 {\r\n                    font-size: 14px;\r\n                    font-family: Arial;\r\n                    left: 2 px;\r\n                }\r\n                .monthly-today597008 .monthly-day-number597008 {\r\n                    color: #283265;\r\n                    background: #ffffff;\r\n                    font-size: 15px;\r\n                    left: 2 px;\r\n                }\r\n                .monthly-today597008 {\r\n                    background: #283265;\r\n                }\r\n                @media (min-width: 400px) {\r\n                    .monthly-day-number597008 {\r\n                        top: 5px;\r\n                        left: 5 px;\r\n                        font-size: 13px;\r\n                    }\r\n                }\r\n                .TotalSoftRefresh597008 {\r\n                    font-size: 20px;\r\n                    color: #283265;\r\n                }\r\n                .TotalSoftArrow597008 {\r\n                    font-size: 17px !important;\r\n                    color: #283265;\r\n                }\r\n                .monthly-day597008:hover {\r\n                    background-color: #283265;\r\n                    color: #ffffff !important;\r\n                    border-bottom: 0px !important;\r\n                }\r\n                .TotalSoftcalEvent_1_Media597008 {\r\n                    width: 70%;\r\n                    height: auto;\r\n                    display: inline !important;\r\n                    margin: 0 auto !important;\r\n                }\r\n                .TotalSoftcalEvent_1_Mediadiv597008 {\r\n                    width: 70%;\r\n                    position: relative;\r\n                    display: inline-block;\r\n                }\r\n                .TotalSoftcalEvent_1_Mediadiv597008:after {\r\n                    padding-top: 56.25% !important;\r\n                    display: block;\r\n                    content: '';\r\n                }\r\n                .TotalSoftcalEvent_1_Mediaiframe {\r\n                    width: 100% !important;\r\n                    height: 100% !important;\r\n                    left: 0;\r\n                    position: absolute;\r\n                }\r\n                .monthly-event-list597008 .listed-event-title597008 {\r\n                    color: #ffffff !important;\r\n                    font-size: 14px !important;\r\n                    font-family: Arial !important;\r\n                    text-align: left !important;\r\n                }\r\n                .monthly-event-list597008 .listed-event-title597008:hover {\r\n                    color: #ffffff !important;\r\n                }\r\n                .monthly-day597008 .monthly-event-indicator {\r\n                    color: #ffffff !important;\r\n                    font-family: Arial !important;\r\n                }\r\n                @media screen and (max-width: 400px) {\r\n                    .TotalSoftcalEvent_1_Media597008, .TotalSoftcalEvent_1_Mediadiv597008 {\r\n                        width: 100% !important;\r\n                    }\r\n                }\r\n                @media screen and (max-width: 700px) {\r\n                    .TotalSoftcalEvent_1_Media597008, .TotalSoftcalEvent_1_Mediadiv597008 {\r\n                        width: 100% !important;\r\n                    }\r\n                }\r\n                .TS_Calendar_loading_597008 {\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    width: 100%;\r\n                    height: 100%;\r\n                    background: rgba(195, 195, 195, 0.5);\r\n                    z-index: 1;\r\n                    display: none;\r\n                }\r\n                .TS_Calendar_loading_597008 img {\r\n                    position: absolute;\r\n                    top: 50%;\r\n                    left: 50%;\r\n                    transform: translate(-50%, -50%);\r\n                    -moz-transform: translate(-50%, -50%);\r\n                    -webkit-transform: translate(-50%, -50%);\r\n                }\r\n                .monthly a{\r\n                    text-underline-offset: 0px !important;\r\n                    text-decoration: none !important;\r\n                }\r\n                .monthly a:not(.btn) {\r\n                    transition:none !important;\r\n                }\r\n                .monthly a:not(.btn):hover {\r\n                    opacity:1 !important;\r\n                }\r\n                .ts_calendar_div_597008 div:before,\r\n                .ts_calendar_div_597008 div:after{\r\n                    display:inline !important;\r\n                }\r\n                .monthly-header-title597008 {\r\n                    font-size: 14px;\r\n                    font-family: Arial;\r\n                    order:1 !important;\r\n                    margin: -2px auto;\r\n                }\r\n                .monthly-header597008{\r\n                    position: relative  !important;\r\n                    display: flex  !important;\r\n                    justify-content: space-between  !important;\r\n                    padding: 4.5px !important;\r\n                    line-height: 35.5px !important;\r\n                    background: #ffffff;\r\n                    color: #283265;\r\n                    height: 100%;\r\n                    box-sizing: border-box;\r\n                    -moz-box-sizing: border-box;\r\n                    -webkit-box-sizing: border-box;\r\n                }\r\n            <\/style>\r\n            <div class=\"page ts_calendar_div_597008\">\r\n                <input type=\"text\" style=\"display:none;\" id=\"TotalSoftCal_ArrowLeft\" value=\"totalsoft totalsoft-caret-square-o-left\">\r\n                <input type=\"text\" style=\"display:none;\" id=\"TotalSoftCal_ArrowRight\" value=\"totalsoft totalsoft-caret-square-o-right\">\r\n                <input type=\"text\" style=\"display:none;\" id=\"totalsoftcal_597008_1\" value=\"597008\">\r\n                <div style=\"width:99.96%; max-width:700px; display:block; margin: 10px auto 40px;\">\r\n                    <div class=\"monthly monthly597008\" id=\"totalsoftcal_597008\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <script type=\"text\/javascript\">\r\n                (function ($) {\r\n                    $.fn.extend({\r\n                        monthly597008: function (options) {\r\n                            var defaults = {\r\n                                weekStart: 'Mon',\r\n                                mode: '',\r\n                                xmlUrl: '',\r\n                                target: '',\r\n                                eventList: true,\r\n                                maxWidth: false,\r\n                                setWidth: false,\r\n                                startHidden: false,\r\n                                showTrigger: '',\r\n                                stylePast: false,\r\n                                disablePast: false\r\n                            }\r\n                            var options = $.extend(defaults, options),\r\n                                that = this,\r\n                                uniqueId = $(this).attr('id'),\r\n                                d = new Date(),\r\n                                currentMonth = d.getMonth() + 1,\r\n                                currentYear = d.getFullYear(),\r\n                                currentDay = d.getDate(),\r\n                                monthNames = options.monthNames || ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'June', 'July', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],\r\n                                dayNames = options.dayNames || ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];\r\n                            if (options.maxWidth != false) {\r\n                                $('#' + uniqueId).css('maxWidth', options.maxWidth);\r\n                            }\r\n                            if (options.setWidth != false) {\r\n                                $('#' + uniqueId).css('width', options.setWidth);\r\n                            }\r\n                            if (options.startHidden == true) {\r\n                                $('#' + uniqueId).addClass('monthly-pop').css({'position': 'absolute', 'display': 'none'});\r\n                                $(document).on('focus', '' + options.showTrigger + '', function (e) {\r\n                                    $('#' + uniqueId).show();\r\n                                    e.preventDefault();\r\n                                });\r\n                                $(document).on('click', '' + options.showTrigger + ', .monthly-pop', function (e) {\r\n                                    e.stopPropagation();\r\n                                    e.preventDefault();\r\n                                });\r\n                                $(document).on('click', function (e) {\r\n                                    $('#' + uniqueId).hide();\r\n                                });\r\n                            }\r\n                            $('#' + uniqueId).append('<div class=\"TS_Calendar_loading_597008\"><img decoding=\"async\" src=\"http:\/\/felicitas.co.za\/new\/public_html\/wp-content\/plugins\/calendar-event\/Includes\/..\/Images\/loading.gif\"><\/div>');\r\n                            if (options.weekStart == 'Sun') {\r\n                                $('#' + uniqueId).append('<div class=\"monthly-day-title-wrap monthly-day-title-wrap597008\"><div>' + dayNames[0] + '<\/div><div>' + dayNames[1] + '<\/div><div>' + dayNames[2] + '<\/div><div>' + dayNames[3] + '<\/div><div>' + dayNames[4] + '<\/div><div>' + dayNames[5] + '<\/div><div>' + dayNames[6] + '<\/div><\/div><div class=\"monthly-day-wrap\"><\/div>');\r\n                            } else {\r\n                                $('#' + uniqueId).append('<div class=\"monthly-day-title-wrap monthly-day-title-wrap597008\"><div>' + dayNames[1] + '<\/div><div>' + dayNames[2] + '<\/div><div>' + dayNames[3] + '<\/div><div>' + dayNames[4] + '<\/div><div>' + dayNames[5] + '<\/div><div>' + dayNames[6] + '<\/div><div>' + dayNames[0] + '<\/div><\/div><div class=\"monthly-day-wrap\"><\/div>');\r\n                            }\r\n                            var TotalSoftCal_ArrowLeft = jQuery('#TotalSoftCal_ArrowLeft').val();\r\n                            var TotalSoftCal_ArrowRight = jQuery('#TotalSoftCal_ArrowRight').val();\r\n                            $('#' + uniqueId).prepend('<div class=\"monthly-header monthly-header597008\"><div class=\"monthly-header-title monthly-header-title597008\"><\/div><a href=\"#\" class=\"monthly-prev\"><i class=\"TotalSoftArrow TotalSoftArrow597008 ' + TotalSoftCal_ArrowLeft + '\"><\/i><\/a><a href=\"#\" class=\"monthly-next\"><i class=\"TotalSoftArrow TotalSoftArrow597008 ' + TotalSoftCal_ArrowRight + '\"><\/i><\/a><\/div>').append('<div class=\"monthly-event-list monthly-event-list597008\"><\/div>');\r\n                            function daysInMonth(m, y) {\r\n                                return m === 2 ? y & 3 || !(y % 25) && y & 15 ? 28 : 29 : 30 + (m + (m >> 3) & 1);\r\n                            }\r\n                            function setMonthly(m, y) {\r\n                                $('#' + uniqueId).data('setMonth', m).data('setYear', y);\r\n                                var dayQty = daysInMonth(m, y),\r\n                                    mZeroed = m - 1,\r\n                                    firstDay = new Date(y, mZeroed, 1, 0, 0, 0, 0).getDay();\r\n                                $('#' + uniqueId + ' .monthly-day597008, #' + uniqueId + ' .monthly-day-blank597008').remove();\r\n                                $('#' + uniqueId + ' .monthly-event-list.monthly-event-list597008').empty();\r\n                                $('#' + uniqueId + ' .monthly-day-wrap').empty();\r\n                                if (options.mode == 'event') {\r\n                                    for (var i = 0; i < dayQty; i++) {\r\n                                        var day = i + 1;\r\n                                        var dayNamenum = new Date(y, mZeroed, day, 0, 0, 0, 0).getDay()\r\n                                        $('#' + uniqueId + ' .monthly-day-wrap').append('<a href=\"#\" class=\"m-d monthly-day monthly-day597008 monthly-day-event monthly-day-event597008\" data-number=\"' + day + '\"><div class=\"monthly-day-number monthly-day-number597008\">' + day + '<\/div><div class=\"monthly-indicator-wrap\"><\/div><\/a>');\r\n                                        $('#' + uniqueId + ' .monthly-event-list597008').append('<div class=\"monthly-list-item\" id=\"' + uniqueId + 'day' + day + '\" data-number=\"' + day + '\"><div class=\"monthly-event-list-date\">' + dayNames[dayNamenum] + '<br>' + day + '<\/div><\/div>');\r\n                                    }\r\n                                } else {\r\n                                    for (var i = 0; i < dayQty; i++) {\r\n                                        var day = i + 1;\r\n                                        if (options.stylePast == true) {\r\n                                            if((currentDay > day && m === currentMonth) || currentYear > y || (currentMonth > m && y == currentYear)){\r\n                                                $('#' + uniqueId + ' .monthly-day-wrap').append('<a href=\"#\" class=\"m-d monthly-day monthly-day597008 monthly-day-pick monthly-past-day\" data-number=\"' + day + '\"><div class=\"monthly-day-number monthly-day-number597008\">' + day + '<\/div><div class=\"monthly-indicator-wrap\"><\/div><\/a>');\r\n                                            }\r\n                                        } else {\r\n                                            $('#' + uniqueId + ' .monthly-day-wrap').append('<a href=\"#\" class=\"m-d monthly-day monthly-day597008 monthly-day-pick\" data-number=\"' + day + '\"><div class=\"monthly-day-number monthly-day-number597008\">' + day + '<\/div><div class=\"monthly-indicator-wrap\"><\/div><\/a>');\r\n                                        }\r\n                                    }\r\n                                }\r\n                                var setMonth = $('#' + uniqueId).data('setMonth'),\r\n                                    setYear = $('#' + uniqueId).data('setYear');\r\n                                if (setMonth == currentMonth) {\r\n                                    if(setYear == currentYear){\r\n                                        $('#' + uniqueId + ' *[data-number=\"' + currentDay + '\"]').addClass('monthly-today monthly-today597008');\r\n                                    }\r\n                                }\r\n                                if (setMonth == currentMonth) {\r\n                                    if(setYear == currentYear){\r\n                                        $('#' + uniqueId + ' .monthly-header-title').html(monthNames[m - 1] + ' ' + y);\r\n                                    }\r\n                                } else {\r\n                                    $('#' + uniqueId + ' .monthly-header-title').html(monthNames[m - 1] + ' ' + y + '<a href=\"#\" class=\"monthly-reset\" title=\"Back To This Month\"><i class=\"TotalSoftRefresh TotalSoftRefresh597008 totalsoft totalsoft-refresh\"><\/i><\/a> ');\r\n                                }\r\n                                if (options.weekStart == 'Sun') {\r\n                                    if(firstDay != 7){\r\n                                        for (var i = 0; i < firstDay; i++) {\r\n                                            $('#' + uniqueId + ' .monthly-day-wrap').prepend('<div class=\"m-d monthly-day-blank monthly-day-blank597008\"><div class=\"monthly-day-number monthly-day-number597008\"><\/div><\/div>');\r\n                                        }\r\n                                    }\r\n                                } else if (options.weekStart == 'Mon') {\r\n                                    if(firstDay == 0){\r\n                                        for (var i = 0; i < 6; i++) {\r\n                                            $('#' + uniqueId + ' .monthly-day-wrap').prepend('<div class=\"m-d monthly-day-blank monthly-day-blank597008\" ><div class=\"monthly-day-number monthly-day-number597008\"><\/div><\/div>');\r\n                                        }\r\n                                    }else if(firstDay != 1){\r\n                                        for (var i = 0; i < (firstDay - 1); i++) {\r\n                                            $('#' + uniqueId + ' .monthly-day-wrap').prepend('<div class=\"m-d monthly-day-blank monthly-day-blank597008\" ><div class=\"monthly-day-number monthly-day-number597008\"><\/div><\/div>');\r\n                                        }\r\n                                    }\r\n                                }\r\n                                var numdays = $('#' + uniqueId + ' .monthly-day597008').length,\r\n                                    numempty = $('#' + uniqueId + ' .monthly-day-blank').length,\r\n                                    totaldays = numdays + numempty,\r\n                                    roundup = Math.ceil(totaldays \/ 7) * 7,\r\n                                    daysdiff = roundup - totaldays;\r\n                                if (totaldays % 7 != 0) {\r\n                                    for (var i = 0; i < daysdiff; i++) {\r\n                                        $('#' + uniqueId + ' .monthly-day-wrap').append('<div class=\"m-d monthly-day-blank monthly-day-blank597008\"><div class=\"monthly-day-number monthly-day-number597008\"><\/div><\/div>');\r\n                                    }\r\n                                }\r\n                                if (options.mode == 'event') {\r\n                                    $.get('' + options.xmlUrl + '', function (d) {\r\n                                                                                    Event_Calendar(`2026-12-3TSCEvTSCEvTSCEvDisability Awareness DayTSCEv#1e73beTSCEv123TSCEvTSCEvTSCEv_blankTSCEvTSCEvTSCEvTSCEvafterTSCEv24TSCEvnoneTSCEv#ffffff`, uniqueId, setMonth, setYear, dayQty);\r\n                                                                                    Event_Calendar(`2026-3-27TSCEvTSCEvTSCEvSchool ClosesTSCEv#1e73beTSCEv124TSCEvTSCEvTSCEv_blankTSCEvTSCEvTSCEvTSCEvafterTSCEv24TSCEvnoneTSCEv#ffffff`, uniqueId, setMonth, setYear, dayQty);\r\n                                                                                    Event_Calendar(`2026-1-14TSCEvTSCEvTSCEvSchool ReopensTSCEv#1e73beTSCEv125TSCEvTSCEvTSCEv_blankTSCEvTSCEvTSCEvTSCEvafterTSCEv24TSCEvnoneTSCEv#ffffff`, uniqueId, setMonth, setYear, dayQty);\r\n                                                                                    Event_Calendar(`2026-3-7TSCEvTSCEvTSCEvKermisTSCEv#81d742TSCEv126TSCEv08:00TSCEv14:00TSCEv_blankTSCEv<p>festive<\/p>TSCEvTSCEvTSCEvafterTSCEv24TSCEvnoneTSCEv#ffffff`, uniqueId, setMonth, setYear, dayQty);\r\n                                                                            }).fail(function () {\r\n                                        console.error('Error Data...');\r\n                                    });\r\n                                }\r\n                                var divs = $(\"#\" + uniqueId + \" .m-d\");\r\n                                for (var i = 0; i < divs.length; i += 7) {\r\n                                    divs.slice(i, i + 7).wrapAll(\"<div class='monthly-week'><\/div>\");\r\n                                }\r\n                            }\r\n                            setMonthly(currentMonth, currentYear);\r\n                            function viewToggleButton() {\r\n                                if ($('#' + uniqueId + ' .monthly-event-list').is(\":visible\")) {\r\n                                    $('#' + uniqueId + ' .monthly-cal').remove();\r\n                                    $('#' + uniqueId + ' .monthly-header-title').prepend('<a href=\"#\" class=\"monthly-cal\" title=\"Back To Month View\"><div><\/div><\/a>');\r\n                                }\r\n                            }\r\n                            $(document.body).on('click', '#' + uniqueId + ' .monthly-next', function (e) {\r\n                                $('.TS_Calendar_loading_597008').css('display', 'block');\r\n                                var setMonth = $('#' + uniqueId).data('setMonth'),\r\n                                    setYear = $('#' + uniqueId).data('setYear');\r\n                                if (setMonth == 12) {\r\n                                    var newMonth = 1,\r\n                                        newYear = setYear + 1;\r\n                                    setMonthly(newMonth, newYear);\r\n                                } else {\r\n                                    var newMonth = setMonth + 1,\r\n                                        newYear = setYear;\r\n                                    setMonthly(newMonth, newYear);\r\n                                }\r\n                                viewToggleButton();\r\n                                e.preventDefault();\r\n                                setTimeout(function () {\r\n                                    $('.TS_Calendar_loading_597008').css('display', 'none');\r\n                                }, 1000)\r\n                            });\r\n                            $(document.body).on('click', '#' + uniqueId + ' .monthly-prev', function (e) {\r\n                                $('.TS_Calendar_loading_597008').css('display', 'block');\r\n                                var setMonth = $('#' + uniqueId).data('setMonth'),\r\n                                    setYear = $('#' + uniqueId).data('setYear');\r\n                                if (setMonth == 1) {\r\n                                    var newMonth = 12,\r\n                                        newYear = setYear - 1;\r\n                                    setMonthly(newMonth, newYear);\r\n                                } else {\r\n                                    var newMonth = setMonth - 1,\r\n                                        newYear = setYear;\r\n                                    setMonthly(newMonth, newYear);\r\n                                }\r\n                                viewToggleButton();\r\n                                e.preventDefault();\r\n                                setTimeout(function () {\r\n                                    $('.TS_Calendar_loading_597008').css('display', 'none');\r\n                                }, 1000)\r\n                            });\r\n                            $(document.body).on('click', '#' + uniqueId + ' .monthly-reset', function (e) {\r\n                                $('.TS_Calendar_loading_597008').css('display', 'block');\r\n                                setMonthly(currentMonth, currentYear);\r\n                                viewToggleButton();\r\n                                e.preventDefault();\r\n                                e.stopPropagation();\r\n                                setTimeout(function () {\r\n                                    $('.TS_Calendar_loading_597008').css('display', 'none');\r\n                                }, 1000)\r\n                            });\r\n                            $(document.body).on('click', '#' + uniqueId + ' .monthly-cal', function (e) {\r\n                                $('.TS_Calendar_loading_597008').css('display', 'block');\r\n                                $(this).remove();\r\n                                $('#' + uniqueId + ' .monthly-event-list').css('transform', 'scale(0)').delay('800').hide();\r\n                                e.preventDefault();\r\n                                setTimeout(function () {\r\n                                    $('.TS_Calendar_loading_597008').css('display', 'none');\r\n                                }, 1000)\r\n                            });\r\n                            $(document.body).on('click', '#' + uniqueId + ' a.monthly-day', function (e) {\r\n                                if (options.mode == 'event' && options.eventList == true) {\r\n                                    var whichDay = $(this).data('number');\r\n                                    if ($('#' + uniqueId + ' .monthly-list-item[data-number=\"' + whichDay + '\"]').hasClass('item-has-event')) {\r\n                                        $('#' + uniqueId + ' .monthly-event-list').show();\r\n                                        $('#' + uniqueId + ' .monthly-event-list').css('transform');\r\n                                        $('#' + uniqueId + ' .monthly-event-list').css('transform', 'scale(1)');\r\n                                        $('#' + uniqueId + ' .monthly-list-item[data-number=\"' + whichDay + '\"]').show();\r\n                                        var myElement = document.getElementById(uniqueId + 'day' + whichDay);\r\n                                        var topPos = myElement.offsetTop;\r\n                                        $('#' + uniqueId + ' .monthly-event-list').scrollTop(topPos);\r\n                                        viewToggleButton();\r\n                                    }\r\n                                }\r\n                                e.preventDefault();\r\n                            });\r\n                            $(document.body).on('click', '#' + uniqueId + ' .listed-event', function (e) {\r\n                                var href = $(this).attr('href');\r\n                                if (!href) {\r\n                                    e.preventDefault();\r\n                                }\r\n                            });\r\n                        }\r\n                    });\r\n                })(jQuery);\r\n                jQuery(window).load(function () {\r\n                    jQuery('#totalsoftcal_597008').monthly597008({\r\n                        mode: 'event',\r\n                        weekStart: 'Mon',\r\n                    });\r\n                });\r\n            <\/script>\r\n        <br><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6a72de5 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6a72de5\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a8cf301\" data-id=\"a8cf301\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-10901ba elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"10901ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Image Carousel\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"http:\/\/felicitas.co.za\/new\/public_html\/wp-content\/uploads\/2020\/08\/180423_093741_COLLAGE-1-207x300.jpg\" alt=\"180423_093741_COLLAGE-1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"http:\/\/felicitas.co.za\/new\/public_html\/wp-content\/uploads\/2020\/08\/180423_093844_COLLAGE-1-207x300.jpg\" alt=\"180423_093844_COLLAGE-1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"http:\/\/felicitas.co.za\/new\/public_html\/wp-content\/uploads\/2020\/08\/180423_093938_COLLAGE-1-207x300.jpg\" alt=\"180423_093938_COLLAGE-1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"http:\/\/felicitas.co.za\/new\/public_html\/wp-content\/uploads\/2020\/08\/180423_094118_COLLAGE-1-207x300.jpg\" alt=\"180423_094118_COLLAGE-1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 5\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"http:\/\/felicitas.co.za\/new\/public_html\/wp-content\/uploads\/2020\/08\/180423_094355_COLLAGE-1-207x300.jpg\" alt=\"180423_094355_COLLAGE-1\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-left\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"eicon-chevron-right\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Previous Next<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":59,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"0","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"on","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"0","footnotes":""},"class_list":["post-1381","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"http:\/\/felicitas.co.za\/new\/public_html\/wp-json\/wp\/v2\/pages\/1381"}],"collection":[{"href":"http:\/\/felicitas.co.za\/new\/public_html\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/felicitas.co.za\/new\/public_html\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/felicitas.co.za\/new\/public_html\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/felicitas.co.za\/new\/public_html\/wp-json\/wp\/v2\/comments?post=1381"}],"version-history":[{"count":15,"href":"http:\/\/felicitas.co.za\/new\/public_html\/wp-json\/wp\/v2\/pages\/1381\/revisions"}],"predecessor-version":[{"id":2425,"href":"http:\/\/felicitas.co.za\/new\/public_html\/wp-json\/wp\/v2\/pages\/1381\/revisions\/2425"}],"up":[{"embeddable":true,"href":"http:\/\/felicitas.co.za\/new\/public_html\/wp-json\/wp\/v2\/pages\/59"}],"wp:attachment":[{"href":"http:\/\/felicitas.co.za\/new\/public_html\/wp-json\/wp\/v2\/media?parent=1381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}