.elementor-2092 .elementor-element.elementor-element-a97f68f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2092 .elementor-element.elementor-element-a97f68f:not(.elementor-motion-effects-element-type-background), .elementor-2092 .elementor-element.elementor-element-a97f68f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(0deg, #9B7A5CAD 0%, #25CB6D1C 100%);}.elementor-2092 .elementor-element.elementor-element-a97f68f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2092 .elementor-element.elementor-element-3c5982f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2092 .elementor-element.elementor-element-8eec6e3 > .elementor-widget-container{--e-transform-translateX:20px;--e-transform-translateY:189px;}body:not(.rtl) .elementor-2092 .elementor-element.elementor-element-8eec6e3{left:1px;}body.rtl .elementor-2092 .elementor-element.elementor-element-8eec6e3{right:1px;}.elementor-2092 .elementor-element.elementor-element-8eec6e3{top:0px;}.elementor-2092 .elementor-element.elementor-element-8eec6e3 img{width:120px;}.elementor-2092 .elementor-element.elementor-element-2227bf2 > .elementor-widget-container{--e-transform-translateX:-20px;--e-transform-translateY:-20px;}body:not(.rtl) .elementor-2092 .elementor-element.elementor-element-2227bf2{right:0px;}body.rtl .elementor-2092 .elementor-element.elementor-element-2227bf2{left:0px;}.elementor-2092 .elementor-element.elementor-element-2227bf2{bottom:0px;}.elementor-2092 .elementor-element.elementor-element-2227bf2 img{width:120px;}.elementor-2092 .elementor-element.elementor-element-b26df86{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-2092 .elementor-element.elementor-element-42b7bed{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2092 .elementor-element.elementor-element-a37c70a{text-align:center;}.elementor-2092 .elementor-element.elementor-element-a37c70a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:29px;font-weight:700;text-transform:capitalize;color:#000000;}.elementor-2092 .elementor-element.elementor-element-843df8c{width:var( --container-widget-width, 59% );max-width:59%;--container-widget-width:59%;--container-widget-flex-grow:0;text-align:center;}.elementor-2092 .elementor-element.elementor-element-843df8c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2092 .elementor-element.elementor-element-843df8c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:14px;font-weight:500;text-transform:capitalize;line-height:23px;color:#737999;}.elementor-2092 .elementor-element.elementor-element-fbe717b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2092 .elementor-element.elementor-element-161804a{--grid-columns:2;}.elementor-2092 .elementor-element.elementor-element-161804a .elementor-loop-container{grid-auto-rows:1fr;}.elementor-2092 .elementor-element.elementor-element-161804a .e-loop-item > .elementor-section, .elementor-2092 .elementor-element.elementor-element-161804a .e-loop-item > .elementor-section > .elementor-container, .elementor-2092 .elementor-element.elementor-element-161804a .e-loop-item > .e-con, .elementor-2092 .elementor-element.elementor-element-161804a .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2092 .elementor-element.elementor-element-a97f68f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2092 .elementor-element.elementor-element-8eec6e3 > .elementor-widget-container{--e-transform-translateX:0px;--e-transform-translateY:0px;}.elementor-2092 .elementor-element.elementor-element-8eec6e3{z-index:0;}.elementor-2092 .elementor-element.elementor-element-8eec6e3 img{width:90px;}.elementor-2092 .elementor-element.elementor-element-2227bf2{z-index:0;}.elementor-2092 .elementor-element.elementor-element-2227bf2 img{width:90px;}.elementor-2092 .elementor-element.elementor-element-a37c70a .elementor-heading-title{font-size:40px;}.elementor-2092 .elementor-element.elementor-element-843df8c{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2092 .elementor-element.elementor-element-161804a{--grid-columns:2;}}@media(min-width:768px){.elementor-2092 .elementor-element.elementor-element-a97f68f{--width:100%;}.elementor-2092 .elementor-element.elementor-element-b26df86{--content-width:1300px;}}@media(max-width:767px){.elementor-2092 .elementor-element.elementor-element-a97f68f{--min-height:613px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2092 .elementor-element.elementor-element-3c5982f{z-index:1;}.elementor-2092 .elementor-element.elementor-element-8eec6e3 > .elementor-widget-container{--e-transform-translateX:0px;--e-transform-translateY:-103px;}body:not(.rtl) .elementor-2092 .elementor-element.elementor-element-8eec6e3{left:0px;}body.rtl .elementor-2092 .elementor-element.elementor-element-8eec6e3{right:0px;}.elementor-2092 .elementor-element.elementor-element-8eec6e3{top:21%;z-index:1;}.elementor-2092 .elementor-element.elementor-element-8eec6e3 img{width:80px;}.elementor-2092 .elementor-element.elementor-element-2227bf2{z-index:1;}.elementor-2092 .elementor-element.elementor-element-2227bf2 img{width:80px;}.elementor-2092 .elementor-element.elementor-element-a37c70a .elementor-heading-title{font-size:30px;}.elementor-2092 .elementor-element.elementor-element-843df8c .elementor-heading-title{font-size:16px;line-height:22px;}.elementor-2092 .elementor-element.elementor-element-161804a{--grid-columns:1;}}/* Start custom CSS for shortcode, class: .elementor-element-3c5982f */.elementor-2092 .elementor-element.elementor-element-3c5982f h2{
    text-align: center;
    margin-bottom: 30px;
    font-size: 36px;
    text-align: center;
         font-family: "onest", Sans-serif;
    color: #71D557 !important;
    text-transform: capitalize;
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f h2 a{
        text-decoration: none;
        font-weight: 700 !important;
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f form h2::after {
        content: "Based on the date of your last menstrual period and the length of your typical menstrual cycle, discover which days you're most likely to be fertile and boost your chance of conceiving.";
        display: block;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px;
    font-family: 'Arial';
    /*color: #fff !important;*/

    margin-bottom: 30px;
    color: #000;
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f h2 a{
            font-family: "onest", Sans-serif;
                pointer-events: none;
                   font-weight: 600;
        font-size: 36px;
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f form , .elementor-2092 .elementor-element.elementor-element-3c5982f .calendar-area{
      padding: 50px 50px !important;
    border-radius: 20px !important;
    width: 700px;
    margin: auto;
    background: #ffffff00 !important;
    /* box-shadow: 0px 0px 12px 1px #8c9987;*/
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f #ovulationCalculatorForm{
        margin-bottom: 0px; 
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f .calculator_table .icon-calendar2{
        right: 70px !important;
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f .calculator_table p{
          font-family: "onest", Sans-serif !important;
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f .calculator_table input[type="email"], .calculator_table select, .calculator_table input[type="text"]{
        font-family: "Arial" !important;
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f select{
        background-color: #fafafa;
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f .calculator_table .submit-btn input[type=submit] {
            font-family: "onest" !important;
            letter-spacing: 1px;
            font-size: 15px;
            padding: 13px 40px;
            border-radius: 4px !important;
            background: #71D557;
            transition: all 0.3s ease
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f .calculator_table .submit-btn input[type=submit]:hover{
        background: #7ed866;
    
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f .ll-skin-melon .ui-datepicker th{
        font-family: "Arial" !important;
        font-weight: 500 !important;
        color: #222  !important;
            text-transform: capitalize !important;
    }
    /*.ll-skin-melon .ui-state-disabled .ui-state-default{*/
    /*    background: #f7f7f7;*/
    /*}*/
    /*.ll-skin-melon td .ui-state-default {*/
    /*    background: #f3e9df;*/
    /*}*/
    .elementor-2092 .elementor-element.elementor-element-3c5982f table{
        border-width:0;
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f .fertile{
        display: none;
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f a.ui-datepicker-next.ui-corner-all.ui-state-disabled {
        opacity: 0.3;
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f .calculateagainbtn{
     
            display: flex
    ;
        justify-content: center;
        align-items: center;
        margin-top: 20px; 
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f   .calculateagain  .icon-calendar3{
        font-size: 2rem !important;
    
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f .calculateagain input[type=button]{
            padding: 15px 40px;
        background-color: #71D557 !important;
        color: #fff !important;
        border-radius: 4px !important;
        font-family: "onest" !important;
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f td.periodDay a.ui-state-default, td.periodDay span.ui-state-default{
        color: #888 !important;
    }
    /*.elementor-2092 .elementor-element.elementor-element-3c5982f .ui-state-disabled span {*/
    /*    background: #dadada70 !important;*/
    /*}*/
    .elementor-2092 .elementor-element.elementor-element-3c5982f .calculator_table .submit-btn{
        padding: 1rem 0;
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f .calculator_table .icon-calendar2 {
    
        font-size: 1.5em;
        margin-top: 12px;
    }
    .elementor-2092 .elementor-element.elementor-element-3c5982f .calculator_table form p{
        text-align: center;
        font-size: 14px;
        color: rgb(17, 24, 39);
    }
    

    tr td.periodDay span.ui-state-default {
        color: #888!important;
    }
    
    
    select option:not([value="21"]):not([value="22"]):not([value="23"]):not([value="24"]):not([value="25"]):not([value="26"]):not([value="27"]):not([value="28"]):not([value="29"]):not([value="30"]):not([value="31"]):not([value="32"]):not([value="33"]):not([value="34"]):not([value="35"]) {
        display: none;
    }
    
    
    td.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled span {
    visibility: hidden;
     background:#000;
}






td.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled span {
    visibility: hidden;
     
}





.ui-datepicker-title {
    font-family: 'Onest';
    font-size: 30px;
    background-image: url("https://kidproducts.co.uk/wp-content/uploads/2025/03/elements-02.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0px;
    margin: 0px !important;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.calendar-area p {
    display: none !important;
}


.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover {
	right: 0px;
}
.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover {
	right: 40px !important;
}
th span {
    font-size: 20px;
}

.ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    padding: 20px;
    border-radius: 50px;
}
table.ui-datepicker-calendar {
    border: none;
}
form#ovulationCalculatorForm {
    
    background: #fff !important;
}
td.periodDay span {
    background: #f5f5f5 !important;
}
tbody tr td.fertileDay a {
    background:  #CC9C81 !important;
}
tbody tr td.fertileDay a:after{
    display:none;
}
tbody tr td.fertileDay-4 a {
    background: #634932 !important;
}

.ui-datepicker .ui-datepicker-prev{
    left: unset !important;
    right: 40px;
}
.ui-datepicker .ui-datepicker-prev:hover{
    right: 43px !important
}
    @media (max-width: 767px) {
        .elementor-2092 .elementor-element.elementor-element-3c5982f h2  a{
            font-size: 28px;
            line-height:1.3em;
        }
        .elementor-2092 .elementor-element.elementor-element-3c5982f h2{
    font-size: 28px;
    
    }
    .ui-datepicker-title {
        font-size: 18px;
        background-size: 70px;
    }
        .elementor-2092 .elementor-element.elementor-element-3c5982f form , .elementor-2092 .elementor-element.elementor-element-3c5982f .calendar-area{
            width:calc(100% - 30px);
            padding:30px 10px !important;
        }
      .elementor-2092 .elementor-element.elementor-element-3c5982f
      #ovulationCalculatorForm .submit-btn, #ovulationCalculatorForm h2, #ovulationCalculatorForm p{
            padding:0px !important;
        }
       .elementor-2092 .elementor-element.elementor-element-3c5982f .calculator_table .submit-btn input[type=submit]{
            padding:0.8rem 1rem;
            font-size:16px;
        }
        .elementor-2092 .elementor-element.elementor-element-3c5982f .calculator_table .icon-calendar2{
        right: 35px !important;
    }
    .ll-skin-melon .ui-datepicker .ui-datepicker-next span, .ll-skin-melon .ui-datepicker .ui-datepicker-prev span{
        width: 15px !important;
        height: 15px !important;
    }
    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
       width: max-content;
       height: max-content;
       top: 32% !important;
    }
    .ui-datepicker .ui-datepicker-prev {
	right: 20px !important;
}
.ui-datepicker .ui-datepicker-next{
    right:-20px !important;
}
    }/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-8eec6e3 */@keyframes floatElements{
    0% {
        transform: translateY(0px);
    }
    
    50% {
        transform: translateY(-25px);
    }
    100% {
        transform: translateY(0px);
    }
}

.elementor-2092 .elementor-element.elementor-element-8eec6e3 img{
    animation: floatElements 3s infinite;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2227bf2 */@keyframes floatElements{
    0% {
        transform: translateY(0px);
    }
    
    50% {
        transform: translateY(-25px);
    }
    100% {
        transform: translateY(0px);
    }
}

.elementor-2092 .elementor-element.elementor-element-2227bf2 img{
    animation: floatElements 3s infinite;
}/* End custom CSS */