.mfc-wrapper{padding:40px 0;color:#000;font-family:"PT Sans"}.mfc-wrapper .main_row_grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}@media (max-width:768px){.mfc-wrapper .main_row_grid{grid-template-columns:1fr}}.mfc-wrapper .col_left .selectDate{display:grid;grid-template-columns:70px auto;align-items:center;row-gap:10px}.mfc-wrapper .col_left .selectDate label{color:#333}.mfc-wrapper .col_left .selectDate select,.mfc-wrapper .col_left .selectDate input{padding:.75em 25px;border:1px solid #a37d2c;color:#a37d2c;cursor:pointer}.mfc-wrapper .col_left .mainCaluclate{margin-top:15px}.mfc-wrapper .col_left .mainCaluclate .btn{display:block;font-size:15px;padding:12px;min-width:250px;text-align:center;color:#000;text-decoration:none;background:transparent;transition:0.5s ease-in-out;cursor:pointer;border:1px solid #000;border-radius:60px;text-transform:uppercase}.mfc-wrapper .col_left .mainCaluclate .btn:hover{background:#666}.mfc-wrapper .col_left .mainCaluclate .btn.disabled{background:#aaa;cursor:not-allowed}.mfc-wrapper .col_center{text-align:center}.mfc-wrapper .col_center #moonphase_container{position:relative;width:100%!important;max-width:240px!important;margin:0 auto;overflow:hidden}.mfc-wrapper .col_center #moonphase_container img{max-width:100%;height:auto}.mfc-wrapper .col_center #moonphase_container #moon_rotating{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:1}.mfc-wrapper .col_center #moonphase_container #moon_mask{position:relative;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;z-index:2}.mfc-wrapper .col_center .moonName{margin-top:10px;font-weight:700;font-size:1.2em}.mfc-wrapper .col_right .moon_title{font-weight:700;margin-bottom:10px}.mfc-wrapper .col_right .moon_calendar{font-size:.9em;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mfc-wrapper .col_right .moon_calendar .fullmoon_date{background:#f5f5f5;padding:4px 8px;border-radius:4px;text-align:center;display:flex;align-items:center;justify-content:center}.mfc-wrapper .col_right .moon_calendar .fullmoon_date.highlight{background:#a37d2c!important;font-weight:700}.mfc-wrapper .col_right .moon_calendar .fullmoon_date.highlight p{color:#fff!important}.mfc-wrapper .col_right .moon_calendar .fullmoon_date p{padding:0!important}