Файловый менеджер - Редактировать - /home/clickysoft/public_html/calvary-p2.clickysoft.net/public/assets/front/css/main.css
Назад
* { margin: 0px; padding: 0px; } html, body { height: 100%; width: 100%; margin: 0; } body { overflow-x: hidden; } h1 { word-break: break-word; } h2 { word-break: break-word; } h3 { word-break: break-word; } h4 { word-break: break-word; } h5 { word-break: break-word; } h6 { word-break: break-word; } p { word-break: break-word; } input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; appearance: textfield; } /* fonts */ @font-face { font-family: "RobotoSlab-Bold"; src: url(../fonts/RobotoSlab-Bold.ttf); } @font-face { font-family: "Roboto-Regular"; src: url(../fonts/Roboto-Regular.ttf); } @font-face { font-family: "RobotoSlab-Regular"; src: url(../fonts/RobotoSlab-Regular.ttf); } @font-face { font-family: "RobotoSlab-Light"; src: url(../fonts/Roboto-Light.ttf); } @font-face { font-family: "Roboto-Medium"; src: url(../fonts/Roboto-Medium.ttf); } @font-face { font-family: "Roboto-Bold"; src: url(../fonts/Roboto-Bold.ttf); } @font-face { font-family: "RobotoSlab-Medium"; src: url(../fonts/Roboto-Slab-Medium.ttf); } @font-face { font-family: "Roboto-Slab-Semibold"; src: url(../fonts/Robot-Slab-SemiBold.ttf); } @font-face { font-family: "Roboto-Light"; src: url(../fonts/Roboto-Light.ttf); } @font-face { font-family: "Roboto-Italic"; src: url(../fonts/Roboto-Italic.ttf); } /* fonts */ .cal-header { padding: 20px 120px; position: absolute; top: 0; z-index: 1; width: 100%; } .vertical-center { justify-content: center; align-items: center; } .vertical-spacing { gap: 35px; } .login-signup { display: flex; gap: 20px; align-items: center; } .lg-order { display: inline-block; width: 120px; text-align: center; font-size: 16px; padding: 10px 0px; border-radius: 30px; border: 2px solid #fff; color: #fff !important; font-family: "RobotoSlab-Bold"; text-decoration: none; } .cr-icon img { filter: invert(42%) sepia(73%) saturate(354%) hue-rotate(102deg) brightness(92%) contrast(96%); } .s-after { position: absolute; right: 177px; top: 31%; width: 7%; } .navbar-brand img { width: 70px; } .left-bg { position: absolute; top: 0px; left: 0; width: 82%; z-index: -1; } .right-bg { position: absolute; top: 0; right: 0; z-index: -1; } .right-bg img { width: 100%; } .nav-parent .nav-link { font-size: 16px; color: #2a8b61; font-family: "RobotoSlab-Bold"; padding-left: 0 !important; padding-right: 0 !important; } .cal-header .nav-parent .nav-link.active { color: #1e4570; } .banner-sec { /* overflow: hidden; */ padding: 0px 120px; display: flex; height: 100vh; align-items: center; /* margin: 250px 0px 250px; */ position: relative; } .welcome-head h4 { font-size: 22px; font-family: "RobotoSlab-Bold"; color: #2a8b61; margin: 0px 0px 5px; } .welcome-head h2 { font-size: 60px; font-family: "RobotoSlab-Bold"; color: #1e4570; margin-bottom: 25px; line-height: 60px; width: 70%; } .students-bg { position: absolute; right: 0; width: 55%; bottom: 0px; /* bottom: -60px; */ } .students-bg img { width: 100%; } .welcome-head { width: 43%; margin-top: 100px; } .welcome-head p { width: 65%; font-family: "Roboto-Regular"; font-size: 18px; color: #3c3939; } .txt-break { display: block; } .learn-more-btn { display: inline-block; border: 1px solid transparent; width: 185px; text-align: center; padding: 20px 0px; border-radius: 40px; background-color: #2a8b61; color: #fff !important; text-decoration: none !important; font-family: "RobotoSlab-Bold"; font-size: 18px; } .learn-more { padding: 10px 0px 0px; } .process-sec { padding: 150px 0px 100px; } .process-card { background-color: #2a8b61; border-radius: 25px; padding: 120px 50px; position: relative; overflow: hidden; } .process-thumb { position: absolute; width: 65%; right: -6%; bottom: -10px; } .aln-center { align-items: center; } .process-left h3 { font-size: 38px; font-family: "RobotoSlab-Bold"; color: #fff; } .process-left p { font-family: "Roboto-Regular"; font-size: 18px; color: #fff; margin-bottom: 30px; } .start-order-btn { display: inline-block; border: 1px solid #fff; width: 295px; text-align: center; padding: 20px 0px; border-radius: 40px; background-color: #2a8b61; color: #fff !important; text-decoration: none !important; font-family: "RobotoSlab-Bold"; font-size: 18px; } .hot-lunch-sec { padding: 60px 120px 200px; overflow: hidden; } /* .ht-lunch-head { width: 70%; } */ .ht-thumb { display: flex; justify-content: end; position: relative; } .ht-lunch-head h3 { font-size: 40px; font-family: "RobotoSlab-Bold"; color: #1e4570; line-height: 45px; } .ht-right-bg { position: absolute; right: -222px; z-index: -1; top: -30px; } .ht-left { position: absolute; width: 11%; left: -30px; top: 0; } .view-lnch-btn { display: inline-block; border: 1px solid transparent; width: 340px; text-align: center; padding: 20px 0px; border-radius: 40px; background-color: #2a8b61; color: #fff !important; text-decoration: none !important; font-family: "RobotoSlab-Bold"; font-size: 18px; } .ht-lunch-head p { font-size: 18px; font-family: "Roboto-Regular"; color: #3c3939; } .ht-lunch-head h3 { font-size: 40px; font-family: "RobotoSlab-Bold"; color: #1e4570; line-height: 45px; margin-bottom: 30px; } .ccpa-event-head { text-align: center; } .event-sec { padding: 60px 0px; } .ccpa-event-head h3 { font-size: 45px; font-family: "RobotoSlab-Bold"; color: #1e4570; margin-bottom: 15px; } .ccpa-event-head p { font-size: 18px; font-family: "Roboto-Regular"; color: #3c3939; margin: 0; } .wd-100 { width: 100% !important; } .event-card { box-shadow: rgb(0 0 0 / 20%) 0px 4px 12px; padding: 20px 20px 25px; border-radius: 20px; margin: 60px 10px; /* min-height: 535px; */ background-color: #fff; transition: 0.3s all ease-in-out; } .event-card:hover { box-shadow: unset; background-color: #efefef; } .event-slider .slick-prev { background-color: #2a8b61; box-shadow: rgb(0 0 0 / 20%) 0px 4px 12px; width: 50px; height: 50px; left: -65px; top: 49%; z-index: 1; border-radius: 50%; } .event-slider .slick-prev:before { content: "\f104"; font: normal normal normal 25px/1 FontAwesome; font-weight: 400 !important; color: #fff; } .event-slider .slick-next { background-color: #2a8b61; box-shadow: rgb(0 0 0 / 20%) 0px 4px 12px; width: 50px; height: 50px; right: -65px; top: 49%; border-radius: 50%; } .event-slider .slick-disabled { background-color: #a8f3d3; cursor: pointer; box-shadow: unset; } .event-slider .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: unset; } .event-slider .slick-next:before { content: "\f105"; font: normal normal normal 25px/1 FontAwesome; font-weight: 6400 !important; color: #fff; border-radius: 50%; } .event-thumb { margin-bottom: 30px; } .event-content h4 { font-size: 25px; color: #1e4570; font-family: "RobotoSlab-Bold"; margin-bottom: 15px; } .event-content p { font-size: 18px; width: 85%; font-family: "Roboto-Regular"; color: #3c3939; } .associate-card { min-height: 524px; margin: 0px 0px; } .myBtn { text-decoration: none !important; color: #2a8b61 !important; } .as-card-main { display: flex; flex-direction: column; gap: 25px; } .associate-content h5 { font-size: 37px; word-break: break-word; color: #1e4570; font-family: "RobotoSlab-Bold"; } .associate-dec-thumb { justify-content: center; display: flex; } .school-parent-association { background-image: url(../images/scp.png); background-repeat: no-repeat; background-size: cover; padding: 50px 0px 40px; margin: 100px 0px; } .school-parent-thumb { margin-top: -100px; position: relative; } .scp-bottom { margin-left: -36px; margin-top: -17px; } .spc-content { padding-left: 45px; } .spc-content h4 { color: #fff; font-size: 37px; margin-bottom: 0px; font-family: "RobotoSlab-Regular"; line-height: 52px; } .cougar-thumb { position: relative; } .cg-bg { position: absolute; left: -272px; z-index: -1; top: -90px; } .cougar-sec { padding: 160px 120px; } .parent-associate-sec { padding: 0px 0px 100px; } .cg-right { position: absolute; top: -131px; right: 90px; } .gp-cus { gap: 30px; } .spirit-wear { width: 237px; } .cougar-head h3 { font-family: "RobotoSlab-Regular"; color: #3c3939; } .view-lunch-schedule { padding: 25px 0px; } .cougar-head { margin-bottom: 20px; } .botiq-sec { background-image: url(../images/btp.png); margin: 100px 0px 0px; } .botiq-content h4 { color: #fff; font-family: "RobotoSlab-Regular"; font-size: 40px; margin-bottom: 15px; } .botiq-content p { font-size: 18px; font-family: "Roboto-Regular"; color: #fff; width: 85%; line-height: 30px; margin: 0; } .botiq-content { margin-bottom: 30px; } .register-btn { display: inline-block; border: 1px solid #fff; width: 220px; text-align: center; padding: 20px 0px; border-radius: 40px; color: #fff !important; text-decoration: none !important; font-family: "RobotoSlab-Bold"; font-size: 18px; } /* footer */ .footer { padding: 70px 0px 0px; background-image: url(../images/footer.png); background-repeat: no-repeat; background-size: cover; position: relative; background-position: center; z-index: 1; } .footer-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: -1; background-color: #1e4570f0; } .footer-content p { color: #fff; font-family: "Roboto-Regular"; font-size: 18px; margin: 0; width: 80%; } .footer-thumb { margin-bottom: 30px; } .footer-links ul { display: flex; flex-direction: column; list-style: none; padding: 0; gap: 15px; margin-bottom: 0px; } .footer-links ul li a { text-decoration: none !important; color: #fff; font-family: "Roboto-Regular"; font-size: 15px; display: inline-block; } .footer-links h4 { margin-bottom: 35px; color: #4aba77; font-size: 20px; font-family: "RobotoSlab-Bold"; } .social-links ul { flex-direction: row; display: flex; } .social-links ul li a { font-size: 30px; } .footer-main { margin-bottom: 80px; padding: 0px 120px; } .copyright-sec { padding: 20px 0px; border-top: 1px solid #ffffff4a; } .copyright-sec p { text-align: center; margin: 0; color: #fff; font-size: 16px; font-family: "Roboto-Regular"; } .mob-1 { display: none; } /* footer */ /* .banner-sec { background-image: url(../images/BG.png); background-size: cover; background-repeat: no-repeat; height: 100vh; } */ /* menu icon */ .hamburger { display: inline-block; } .hamburger .line { width: 35px; height: 3px; background-color: #fff; display: block; margin: 8px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; border-radius: 20px; transition: all 0.3s ease-in-out; cursor: pointer; } .navbar-toggler { border: 0; outline: 0 !important; } .navbar-toggler:focus { outline: 0 !important; box-shadow: unset; } #hamburger-7.is-active .line:nth-child(1) { width: 30px; } #hamburger-7.is-active .line:nth-child(2) { width: 40px; } #hamburger-7.is-active .line { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } .more { display: none; } .for-mobile-screens { display: none; } .offcanvas-title { color: #1e4570 !important; font-family: "RobotoSlab-Bold"; } /* @keyframes pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.2); opacity: 0.7; } 100% { transform: scale(1); opacity: 1; } } .element { animation: pulse 5s ease-in-out infinite; } */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(1.2); opacity: 0.7; } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes pulse { 0% { -webkit-transform: scale(1); opacity: 1; } 50% { -webkit-transform: scale(1.2); opacity: 0.7; } 100% { -webkit-transform: scale(1); opacity: 1; } } .element { -webkit-animation: pulse 5s ease-in-out infinite; animation: pulse 5s ease-in-out infinite; } /* menu icon end */ /* signup page */ .lgs-body { background-image: url(../images/lgs-body.png); background-repeat: no-repeat; background-size: cover; height: auto; background-attachment: fixed; } .lgs-header { padding: 20px 120px; } .logo-button { display: flex; justify-content: space-between; align-items: center; } .cc-lgs-sec { padding: 60px 0px; } .cc-lgs-thumb-main { display: flex; justify-content: center; } .cc-field input { width: 100%; padding: 13px 25px; background: transparent; border: 1px solid #d8d8d8; outline: 0; color: #000; font-family: "Roboto-Regular"; font-size: 15px; } .cr-button { padding-top: 25px; } .cc-lgs-box { background-color: #fff; padding: 40px 30px 40px; box-shadow: rgb(0 0 0 / 20%) 0px 4px 12px; border-radius: 25px; } .cc-field input::placeholder { color: #bebdbd; } .cc-field { margin-bottom: 15px; } .cc-lgs-thumb { width: 158px; height: 158px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 50%; margin-top: -120px; margin-bottom: 10px; } .cr-sbmt-btn { display: inline-block; border: 1px solid transparent; width: 304px; text-align: center; padding: 20px 0px; border-radius: 40px; background-color: #2a8b61; color: #fff !important; text-decoration: none !important; font-family: "RobotoSlab-Bold"; font-size: 18px; } .cc-head { margin-bottom: 150px; text-align: center; } .cr-button { text-align: center; } .cc-head h2 { font-family: "RobotoSlab-Bold"; color: #fff; font-size: 45px; margin-bottom: 20px; } .cc-head p { color: #fff; width: 63%; display: block; margin: 0px auto; font-size: 18px; } .cc-head p { color: #fff; width: 64%; display: block; margin: 0px auto; font-size: 18px; font-family: "Roboto-Regular"; } .error { display: block; color: red; font-family: "RobotoSlab-Regular"; font-size: 15px; } .login-box { padding: 120px 30px 80px; } .login-lg-thumb { margin-top: -212px; } .lgn-btn { width: 214px; } .forgot-pass a { font-family: "Roboto-Regular"; font-size: 18px; display: block; text-align: center; color: #1e4570; } .forgot-pass { padding: 20px 0px; } /* signup page */ /* feedback form */ .f-header .bl-1 { border: 2px solid #1e4570; color: #1e4570 !important; } .v-center { justify-content: center; align-items: center; } .feedback-banner { /*margin: 150px 0px 0px;*/ background-image: url(../images/feedback-banner.jpg); background-size: cover; background-repeat: no-repeat; padding: 300px 120px 300px; } .f-banner-head h2 { font-size: 45px; font-family: "RobotoSlab-Bold"; color: #fff; } .qcs-sec { padding: 80px 0px; } .checkbox-main { display: flex; gap: 40px; } .qcs-head { text-align: center; margin-bottom: 60px; } .qcs-head h3 { font-family: "RobotoSlab-Bold"; color: #1e4570; margin-bottom: 30px; font-size: 40px; } .feedback-fields input { width: 100%; padding: 15px 25px; font-size: 15px; border: 1px solid #707070; outline: 0; font-family: "Roboto-Regular"; color: #000; } .feedback-fields input::placeholder { color: #000; } .feedback-fields { margin-bottom: 20px; } .qcs-head p { font-size: 18px; color: #3c3939; font-family: "Roboto-Regular"; margin: 0; } .chk-box label { display: flex; gap: 15px; align-items: center; } .checkmark { position: relative; display: inline-block; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #7e7e7e; } .chk-box input[type="radio"] { position: absolute; opacity: 0; cursor: pointer; display: none; } .chk-box label { font-size: 16px; font-family: "Roboto-Regular"; color: #7f7f7f; } .chk-box input[type="radio"]:checked ~ .checkmark:after { content: ""; position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; border-radius: 50%; background-color: #1e4570; } .f-type { color: #000000; font-family: "Roboto-Regular"; font-size: 16px; margin-bottom: 20px; margin-top: 10px; } .feedback-fields textarea { width: 100%; padding: 15px 25px; font-size: 15px; border: 1px solid #707070; outline: 0; font-family: "Roboto-Regular"; color: #000; } .feedback-fields textarea::placeholder { color: #000000; } .custom-resizer { background-image: url(../images/resizer.png); background-size: 20px; background-position: 100% 100%; background-repeat: no-repeat; } .custom-resizer::-webkit-resizer { /* Customize the resizer handle for WebKit browsers (Chrome, Safari) */ background-color: transparent; /* Set a background color */ opacity: 0; /* Adjust the handle's opacity */ } .feedback-fields input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; appearance: none; margin: 0; } .f-header .hamburger .line { background-color: #073191; } .w-unset { width: unset !important; } .f-header { background-color: #fff; box-shadow: rgb(0 0 0 / 20%) 0px 0px 12px; } /* feedback form end */ /* events page */ .filter-events { padding: 80px 0px; } .search-bar { display: flex; width: 100%; position: relative; } .find-btn { padding: 15px 0px; display: inline-block; text-align: center; width: 178px; border: 1px solid transparent; outline: 0; font-size: 15px; font-family: "Roboto-Regular"; background-color: #1e4570; color: #fff; border-top-right-radius: 10px; border-bottom-right-radius: 10px; } .search-bar input { width: 100%; padding: 15px 30px 15px 60px; border: 1px solid transparent; background-color: #eeeeee; border-radius: 10px; outline: 0; font-family: "Roboto-Regular"; font-size: 15px; } .search-icon { position: absolute; padding-left: 33px; padding-top: 14px; } .search-icon img { width: 18px; } .sort-btn { display: flex; align-items: center; width: 100%; justify-content: center; padding: 15px 0px; border: 1px solid #1f65dc; outline: 0; border-radius: 10px; background: transparent; font-size: 15px; gap: 10px; font-family: "Roboto-Regular"; color: #535151; transition: 0.6s all ease-in-out; } .sort-btn i { color: #1f65dc; font-size: 17px; } .srt-event-btn { width: 100%; display: inline-block; padding: 13px 0px; text-align: center; border-radius: 10px; border: 1px solid #9da0a2; outline: 0; font-family: "Roboto-Regular"; font-size: 15px; color: #9da0a2; background: transparent; transition: 0.6s all ease-in-out; } .sort-btn.active { background-color: #eeeeee; } .sorted-buttons { display: flex; padding: 30px 0px 30px; gap: 20px; transform: translateY(-80px); visibility: hidden; transition: 0.6s all ease-in-out; opacity: 0; } .sorted-buttons.slide-down { transform: translateY(0px); visibility: visible; opacity: 1; } /* timeline */ .dc-icon::after { border: 1px solid #9da0a269; content: ""; display: inline-block; position: absolute; height: 100%; left: 50%; } .dc-icon { position: relative; } .dc-icon .rounded-timeline { display: block; /* display: flex; */ width: 60px; background: #2a8b61; height: 60px; border-radius: 50%; color: #fff; padding: 6px 0px; font-size: 15px; font-family: "Roboto-Medium"; } .rounded-timeline p { margin: 0; text-align: center; word-wrap: break-word; line-height: 20px; display: flex; flex-direction: column; align-items: center; height: 100%; width: 100%; padding: 4px 0px; } .dc-main { display: flex; gap: 60px; } .dc-content { width: 100%; margin-bottom: 80px; } .prev-next { background: #eeeeee; outline: 0; border: 1px solid transparent; width: 38px; height: 38px; display: flex; justify-content: center; align-items: center; border-radius: 8px; } .arrows { display: flex; gap: 10px; margin-bottom: 40px; } .time-date-loc { display: flex; gap: 25px; margin-bottom: 15px; } .tm-hd p { display: flex; align-items: center; margin: 0; font-family: "RobotoSlab-Light"; gap: 10px; font-size: 16px; } .ev-title h5 { background: #1e4570; color: #fff; display: inline-block; padding: 10px 15px; font-size: 18px; letter-spacing: 0px; font-family: "Roboto-Regular"; margin-bottom: 12px; } .ev-title h4 { font-size: 26px; font-family: "RobotoSlab-Bold"; color: #1e4570; } .ev-ce-details { font-size: 16px; font-family: "Roboto-Regular"; color: #000000; margin-bottom: 50px; } .direction-content { overflow-y: scroll; height: 700px; overflow-x: hidden; margin-bottom: 120px; } .direction-content::-webkit-scrollbar { display: none; } .rg-btn { display: inline-block; border: 1px solid transparent; width: 151px; text-align: center; padding: 13px 0px; border-radius: 40px; background-color: #2a8b61; color: #fff !important; text-decoration: none !important; font-family: "RobotoSlab-Bold"; font-size: 18px; } .dc-main:last-child .dc-content { margin-bottom: 0; /* Set the desired margin value */ } .dc-main:last-child .dc-icon::after { height: 80%; } .load-more { text-align: center; } .load-more-btn { display: inline-block; border: 1px solid transparent; width: 181px; text-align: center; padding: 25px 0px; border-radius: 40px; background-color: #2a8b61; color: #fff !important; text-decoration: none !important; font-family: "RobotoSlab-Bold"; font-size: 18px; } .f-header { padding: 10px 120px; } .event-detail-sec { padding: 100px 120px; } .cs-gutter { --bs-gutter-x: 40px; } .rg-card { padding: 65px 35px 35px; background: #fff; box-shadow: rgb(0 0 0 / 15%) 0px 0px 12px; } .rgs-main { display: flex; gap: 10px; align-items: center; } .cross { cursor: pointer; width: 13px; } /* .rg-card .rgs-main:nth-of-type(2) .cross { display: none; } */ .rg-card .rgs-main:nth-of-type(2) .cross { color: #fff; opacity: 0; } .fr-1 { width: 40%; } .fr-2 { display: flex; width: 60%; gap: 10px; align-items: center; } .rgs-field select { width: 100%; } .rgs-field input { width: 100%; font-family: "Roboto-Regular"; padding: 12px 20px; border: 1px solid #e1e1e1; border-radius: unset; color: #000000; font-size: 16px; } .rgs-field input::placeholder { color: #7f7f7f; } .rgs-field { width: 100%; } .rgs-field select { width: 100%; font-family: "Roboto-Regular"; padding: 12px 20px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237F7F7F' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); border-radius: unset; border: 1px solid #e1e1e1; font-size: 16px; color: #7f7f7f; } .form-control:focus { border-color: #e1e1e1; outline: 0; box-shadow: unset; } .form-select:focus { border-color: #e1e1e1; outline: 0; box-shadow: unset; } .c-black { color: #000; } .continue-add { padding: 50px 0px; display: flex; justify-content: flex-end; gap: 15px; border-bottom: 1px solid #d6d7d8; margin-bottom: 90px; } .add-person { background-color: #1e4570; outline: 0; border: 1px solid transparent; padding: 11px 0px; width: 160px; border-radius: 32px; color: #fff; font-size: 16px; font-family: "RobotoSlab-Bold"; } .continue-btn { background-color: #d8d8d8; outline: 0; border: 1px solid transparent; padding: 11px 0px; width: 160px; border-radius: 32px; color: #fff; font-size: 16px; font-family: "RobotoSlab-Bold"; } .rg-head h4 { font-size: 30px; text-align: center; font-family: "RobotoSlab-Bold"; color: #102b49; margin-bottom: 25px; } .rg-head p { color: #000000; font-family: "Roboto-Regular"; font-size: 15px; text-align: center; } .rg-head { margin-bottom: 40px; } .subtotal { border-top: 1px solid #d6d7d8; padding: 40px 0px 0px; } .subtotal h5 { display: flex; justify-content: space-between; color: #2a8b61; font-size: 25px; font-family: "Roboto-Medium"; } .subtotal h5 span { color: #000; } .tdo-head { width: 100%; } .tdo-head h6 { font-size: 18px; margin-bottom: 5px; font-family: "Roboto-Medium"; color: #2a8b61; } .tdo-head p { color: #000000; font-family: "Roboto-Regular"; font-size: 16px; margin: 0; } .tdo-main { display: flex; justify-content: space-between; padding: 35px 0px; } .fall-festival-content { padding: 25px 0px; } .ffc-head h3 { font-size: 35px; font-family: "RobotoSlab-Bold"; color: #102b49; margin-bottom: 35px; } .ffc-head p { font-size: 16px; font-family: "Roboto-Regular"; } .ev-map-loc { padding: 30px 0px; } .re-gutter { --bs-gutter-x: 12px; } .re-content { background-color: #eeeeee; padding: 30px 30px 30px; border-bottom-right-radius: 13px; border-bottom-left-radius: 13px; } .related-sec { padding: 0px 0px 100px; } .re-main-head h3 { text-align: center; font-size: 40px; color: #1e4570; font-family: "RobotoSlab-Bold"; margin: 0; } .re-main-head { margin-bottom: 45px; } .re-head span { color: #8693a1; font-family: "RobotoSlab-Light"; font-size: 16px; margin-bottom: 10px; display: block; } .re-head h5 { color: #1e4570; font-family: "RobotoSlab-Bold"; font-size: 22px; } .re-head p { font-size: 18px; font-family: "Roboto-Regular"; color: #102b49; } .revd-btn { padding: 11px 0px; width: 170px; } .re-head { padding: 8px 0px 15px; } .view-all-evd { padding: 80px 0px 50px; } .ev-head h4 { font-size: 27px; font-family: "RobotoSlab-Bold"; margin-bottom: 25px; color: #102b49; } .nav-tabs .nav-link { font-family: "Roboto-Bold"; border: 0; font-size: 27px; padding: 0; transition: 0.6s all ease-in-out; } .nav-tabs .nav-link.active { color: #000000 !important; cursor: pointer !important; background-color: transparent; } .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled { color: #c4c4c4; } .checkout-sec { padding: 80px 0px; } .nav-link .disabled { color: gray; } .checkout-text h6 { font-size: 15px; color: #8b8b8b; font-family: "Roboto-Regular"; margin-bottom: 15px; } .tb-cont-main { background-color: #fff; box-shadow: rgb(0 0 0 / 10%) 0px 0px 12px; padding: 45px; border: 1px solid #d8d8d8; margin-bottom: 40px; } .checkout-tabs-main .nav-tabs { border: 0; gap: 150px; margin-bottom: 30px; } .pr-info-fields input { width: 100%; padding: 14px 20px; font-size: 15px; font-family: "Roboto-Regular"; color: #000; border: 1px solid #707070; outline: 0; } .pr-info-fields input::placeholder { color: #000; } .pr-head h3 { color: #1e4570; font-family: "RobotoSlab-Bold"; font-size: 32px; margin-bottom: 30px; } .nxt-btn { background-color: #2a8b61; color: #fff; font-family: "RobotoSlab-Bold"; outline: 0; border: 1px solid transparent; padding: 15px 0px; font-size: 18px; width: 200px; display: inline-block; border-radius: 40px; } .nxt-back { display: flex; justify-content: space-between; } .lnch-next .nxt-btn { width: 185px; padding: 20px 0px; } .bnd-fields-1 input { width: 100%; border: 0; outline: 0; background-color: transparent; color: #000; font-family: "Roboto-Regular"; } .bnd-fields2 input { width: 35%; border: 0; outline: 0; background-color: transparent; font-size: 16px; color: #000; font-family: "Roboto-Regular"; } .bnd-fields2 { display: flex; justify-content: end; gap: 10px; } .bank-card-details-fields input::placeholder { color: #000; } .bank-card-details-fields { display: flex; border: 1px solid #707070; padding: 15px 25px; } .pr-head h5 { font-family: "RobotoSlab-Medium"; font-size: 20px; color: #1e4570; margin-bottom: 30px; text-transform: uppercase; } .txt-end { text-align: end; } .ad-quantity p { display: flex; justify-content: space-between; align-items: center; } .ad-details p { font-size: 18px; margin: 0; color: #000000; font-family: "Roboto-Regular"; } .ad-details p span { font-size: 14px; } .ad-details { display: flex; flex-direction: column; gap: 5px; } .fees-dt { padding: 20px 0px; border-bottom: 1px solid #9da0a2; } .summary-card { padding: 40px 40px; background-color: #fff; box-shadow: rgb(0 0 0 / 10%) 0px 0px 12px; border: 1px solid #d8d8d8; margin-top: 100px; } .discount-field { display: flex; flex-direction: column; gap: 10px; } .align-end { align-items: end; } .total-sm { padding: 20px 0px; } .discount-field { display: flex; flex-direction: column; gap: 10px; padding-bottom: 40px; border-bottom: 1px solid #9da0a2; } .total-lg .ft-blue { color: #1e4570; } .total-lg .ad-details p { font-size: 20px; font-family: "Roboto-Medium"; } .total-lg { padding: 20px 0px 0px; } .summary-head h4 { font-size: 25px; font-family: "RobotoSlab-Bold"; color: #1e4570; margin-bottom: 35px; } .discount-field label { font-size: 16px; font-family: "Roboto-Regular"; color: #000000; } .discount-field input { width: 100%; padding: 11px 20px; font-size: 16px; font-family: "Roboto-Regular"; border-radius: 0px; display: inline-block; outline: 0; border: 1px solid #707070; } .discount-field input::placeholder { color: #000; } .rmd-body { padding: 80px; } .rmd-header { border: 0; display: flex; justify-content: flex-end; padding: 20px 20px 0px; } .md-close { background: transparent; outline: 0; border: 0; } .thank-thumb { display: flex; justify-content: center; margin-bottom: 30px; } .thank-cont h4 { font-family: "RobotoSlab-Bold"; text-align: center; font-size: 35px; color: #1e4570; margin-bottom: 30px; } .thank-cont p { font-family: "Roboto-Regular"; text-align: center; font-size: 16px; color: #000000; } .rmd-content { border: 0; border-radius: 0; } /* timeline end */ /* events page end */ /* lunch program page */ .lunch-program-sec { padding: 120px 0px; } .radio-boxes label { width: 64px; text-align: center; padding: 7px; border: 1px solid #707070; color: #707070; font-size: 16px; font-family: "Roboto-Regular"; transition: 0.6s all ease-in-out; cursor: pointer; } .radio-boxes { display: flex; gap: 10px; } .radio-boxes input[type="radio"] { display: none; position: absolute !important; left: -9999px; } .radio-boxes input[type="radio"]:checked + label { background-color: #2a8b61; color: #fff; border: 1px solid transparent; } .lps-head h3 { font-size: 40px; text-align: center; font-family: "RobotoSlab-Bold"; color: #1e4570; margin-bottom: 30px; } .lps-head p { font-size: 16px; font-family: "Roboto-Regular"; width: 58%; margin: 0px auto; text-align: center; padding-bottom: 50px; } .genr-label { display: block; color: #1e4570; font-family: "RobotoSlab-Bold"; font-size: 22px; margin-bottom: 10px; } .child-field input { width: 100%; padding: 13px 20px; font-size: 16px; font-family: "Roboto-Regular"; border-radius: 8px; outline: 0; border: 1px solid #707070; background: transparent; } .child-field select { width: 100%; padding: 13px 20px; font-size: 16px; font-family: "Roboto-Regular"; border-radius: 8px; outline: 0; border: 1px solid #707070; background: transparent; appearance: none; background-image: url(../images/slc-arrow.png); background-size: 12px; background-position: 98%; background-repeat: no-repeat; } .slc-child { display: none; } .slc-child.active { display: block; } .child-field { margin-bottom: 50px; } .prs-head { font-size: 18px; font-family: "Roboto-Regular"; margin-bottom: 10px; display: block; } .select-grade-head { margin-bottom: 20px; } .lnch-next { padding: 80px 0px; } .notice-bar { background: #ff0000; padding: 0px 120px; } .back-body { background-color: #f6f6f6; } .notic-content { display: flex; align-items: center; padding-right: 20px; } .notic-content h5 { color: #fff; font-family: "RobotoSlab-Medium"; width: 20%; margin: 0; font-size: 20px; } .notic-content p { margin: 0; } .notic-content p { margin: 0; font-size: 16px; color: #fff; font-family: "Roboto-Regular"; } .notic-content { padding: 20px 0px 20px; } .lme-head p { font-size: 20px; font-family: "RobotoSlab-Medium"; width: 62%; } .elementary-items-sec { padding: 60px 0px; position: relative; /*height: 810px;*/ /*overflow-y: scroll;*/ } .elementary-items-sec::-webkit-scrollbar { display: none; } .monday-about { display: flex; justify-content: space-between; margin-bottom: 30px; } .abt-menu-head h4 { font-family: "RobotoSlab-Medium"; text-align: center; font-size: 35px; color: #1e4570; margin-bottom: 30px; } .monday-menu h4 { font-family: "RobotoSlab-Bold"; font-size: 25px; color: #1e4570; margin: 0; } .menu-about a { color: #2a8b61 !important; font-family: "RobotoSlab-Bold"; font-size: 18px; display: flex; align-items: center; gap: 5px; text-decoration: none; } .my-child-button { display: inline-block; border: 1px solid #2a8b61; } .my-child-button { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #2a8b61; text-align: center; padding: 20px 0px; gap: 5px; width: 424px; } .my-child-button label { font-size: 18px; font-family: "Roboto-Regular"; color: #000; } .my-child-button input[type="checkbox" i] { -webkit-appearance: none; -moz-appearance: none; appearance: none; flex-shrink: 0; width: 15px; height: 15px; background-color: transparent; border: 2px solid #2a8b61; border-radius: 3px; /* cursor: pointer; */ } .my-child-button input[type="checkbox"]:checked { background-color: #2a8b61; border: 1px solid transparent; background-image: url(../images/checkbox.gif); background-repeat: no-repeat; background-size: 8px; background-position: 3px; } .abt-menu-head p { font-size: 18px; font-family: "Roboto-Regular"; text-align: center; color: #000; } .txt-bold { font-family: "Roboto-Bold"; } .mn-bottom { display: flex; justify-content: space-between; background-image: linear-gradient( to left, #49b775, #40ac70, #38a16b, #319666, #2a8b61 ); padding: 10px 25px; } .mn-content { background-color: #f8f8f8; padding: 40px; box-shadow: rgb(0 0 0 / 10%) 0px 0px 12px; } .mn-content h6 { text-align: center; font-size: 18px; font-family: "Roboto-Regular"; color: #000000; margin-bottom: 20px; } .mn-content p { font-family: "RobotoSlab-Medium"; font-size: 35px; text-align: center; color: #2a8b61; margin: 0; } .add-to-lunch input[type="checkbox" i] { -webkit-appearance: none; -moz-appearance: none; appearance: none; flex-shrink: 0; width: 15px; height: 15px; background-color: transparent; border: 1px solid #fff; border-radius: 3px; cursor: pointer; } .add-to-lunch input[type="checkbox"]:checked { background-color: #fff; border: 1px solid transparent; background-image: url(../images/green-check.png); background-repeat: no-repeat; background-size: 9px; background-position: center; } .add-to-lunch input[type="radio" i] { -webkit-appearance: none; -moz-appearance: none; appearance: none; flex-shrink: 0; width: 15px; height: 15px; background-color: transparent; border: 1px solid #fff; border-radius: 3px; cursor: pointer; } .add-to-lunch input[type="radio"]:checked { background-color: #fff; border: 1px solid transparent; background-image: url(../images/green-check.png); background-repeat: no-repeat; background-size: 9px; background-position: center; } .add-to-lunch { display: flex; align-items: center; gap: 10px; } .add-to-lunch label { font-family: "Roboto-Regular"; color: #fff; font-size: 16px; } .modal.fade.show .modal-dialog.modal-dialog-slideout { -webkit-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .modal.fade .modal-dialog.modal-dialog-slideout { -webkit-transform: translate(100%, 0) scale(1); transform: translate(100%, 0) scale(1); transition: transform 0.6s all ease-in-out; } .mn-view a { color: #fff !important; text-decoration: none !important; font-family: "Roboto-Regular"; font-size: 16px; } .selected-items-bar { background-color: #fff; box-shadow: rgb(0 0 0 / 10%) 0px 0px 12px; padding: 20px 120px; position: fixed; width: 100%; bottom: 0px; transition: 0.6s all ease-in-out; /* display: none; */ visibility: hidden; transform: translateY(100%); } .selected-items-bar.active { transform: translateY(0%); visibility: visible; } /* lunch program end */ /* checkout-1 */ .cart-section { padding: 60px 0; } .cart-section h2 { padding: 10px 0 50px; font-size: 32px; font-weight: bold; font-family: "Roboto-Bold"; } .cart-div { width: 100%; background: #fff; border: 1px solid #d8d8d8; padding: 50px 0 30px; margin-bottom: 30px; } .card-div-heading { padding: 0 40px; } .card-div-heading h3 { font-size: 32px; font-weight: bold; color: #1e4570; font-family: "RobotoSlab-Bold"; } .cart-div-items-main { padding: 0 40px; } .cart-div-items { display: flex; align-items: center; justify-content: space-between; padding: 30px 0; border-bottom: 1px solid #9da0a2; } .cart-div-items:last-child { border-bottom: 0; } .cart-div-items-img { display: flex; align-items: center; gap: 20px; } .items-img-text h5 { margin-bottom: 5px; font-size: 20px; font-weight: 500; text-transform: uppercase; font-family: "RobotoSlab-Medium"; } .items-img-text p { margin-bottom: 0; font-size: 16px; font-weight: 400; color: #535353; font-family: "Roboto-Regular"; } .cart-div-items span { font-size: 18px; font-weight: 500; color: #2a8b61; font-family: "Roboto-Medium"; } .cart-div-items-img img { width: 50px; height: 50px; } .cart-div-size { padding: 30px 40px; border-top: 1px solid #9da0a2; border-bottom: 1px solid #9da0a2; } .size-text-div h5 { font-size: 20px; font-weight: bold; color: #1e4570; font-family: "RobotoSlab-Bold"; } .size-text-div p { margin-bottom: 0; font-size: 13px; font-weight: 400; color: #535353; font-family: "Roboto-Regular"; } .cart-div-size .radio-boxes { gap: 5px; flex-wrap: wrap; } .cart-div-size .radio-boxes label { width: 30px; height: 30px; font-size: 10px; display: flex; align-items: center; justify-content: center; border-color: #d8d8d8; color: #d8d8d8; } .cart-div-total { display: flex; align-items: center; justify-content: space-between; padding: 30px 40px 0; } .cart-div-total h5 { margin-bottom: 0; font-size: 20px; font-weight: 500; font-family: "RobotoSlab-Medium"; } .cart-div-total h6 { margin-bottom: 0; color: #2a8b61; font-size: 32px; font-weight: 500; font-family: "Roboto-Medium"; } .cart-contribute-parties { display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 30px 40px; border: 1px solid #d8d8d8; margin-bottom: 30px; } .cart-contribute-parties h5 { font-size: 20px; font-weight: bold; color: #1e4570; margin-bottom: 0; font-family: "RobotoSlab-Bold"; } .contribution-field { border: 1px solid #000; } .contribution-field span { font-size: 16px; font-weight: 400; color: #535353; padding-left: 15px; font-family: "Roboto-Regular"; } .contribution-field input { border: 0; outline: 0; padding: 10px; font-size: 16px; font-weight: 400; color: #535353; font-family: "Roboto-Regular"; } .cart-annual-dues { background: #fff; padding: 30px 40px; border: 1px solid #d8d8d8; margin-bottom: 30px; display: flex; flex-direction: column; gap: 15px; } .cart-annual-dues h5 { font-size: 20px; font-weight: bold; color: #1e4570; margin-bottom: 0; font-family: "RobotoSlab-Bold"; } .cart-annual-dues p { margin-bottom: 0; font-size: 18px; font-weight: 400; font-family: "Roboto-Regular"; } .cart-school-directories { display: flex; align-items: center; justify-content: space-between; background: #fff; padding: 30px 40px; border: 1px solid #d8d8d8; margin-bottom: 30px; } .cart-school-directories h5 { font-size: 20px; font-weight: bold; color: #1e4570; margin-bottom: 0; font-family: "RobotoSlab-Bold"; } .cart-school-directories span { font-size: 18px; font-weight: 500; color: #2a8b61; font-family: "Roboto-Medium"; } .cart-counter input { width: 30px; text-align: center; border: 0; outline: 0; color: #535353; font-size: 20px; font-weight: 400; font-family: "Roboto-Regular"; } .cart-counter a { color: #dcdcdc; text-decoration: none; font-size: 20px; font-weight: 400; font-family: "Roboto-Regular"; } .cart-counter a.active { color: #535353; } .vie-dt { display: flex; gap: 10px; } /* .cart-counter a:first-child { color: #dcdcdc; } */ .cart-buttons { margin-top: 40px; display: flex; align-items: center; justify-content: space-between; } .cart-buttons a { color: #3c3939; padding: 20px 60px; text-align: center; background: #d8d8d8; border-radius: 40px; text-decoration: none; font-size: 18px; font-weight: bold; font-family: "RobotoSlab-Bold"; } .cart-buttons a.is-green { background: #2a8b61; color: #fff; } .cart-right { width: 100%; background-color: #fff; border: 1px solid #d8d8d8; padding: 50px 40px 30px; } .cart-right h3 { font-size: 32px; font-weight: bold; color: #1e4570; font-family: "RobotoSlab-Bold"; padding-bottom: 15px; } .summary-item-div { padding: 15px 0; } .summary-item-div h6 { font-size: 20px; font-weight: 400; font-family: "Roboto-Regular"; } .summary-items { display: flex; /* align-items: center; */ justify-content: space-between; padding: 8px 0; } .summary-items span { color: #535353; font-size: 14px; font-weight: 400; font-family: "Roboto-Regular"; width: 50%; } .summary-item-div-flex { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; } .summary-item-div-total { display: flex; align-items: center; justify-content: space-between; padding-top: 20px; } .summary-item-div-total h5 { color: #1e4570; font-size: 24px; font-weight: 500; font-family: "Roboto-Medium"; margin-bottom: 0; } .summary-item-div-total span { font-size: 24px; font-weight: 400; font-family: "Roboto-Regular"; } /* checkout-1 end */ .dms-sec { padding: 100px 0px; } .sifj-main { display: flex; justify-content: space-between; } .slc-cls-btn { background-color: transparent; outline: 0; border: 0; } .sifj-head h5 { font-size: 25px; margin: 0; font-family: "Roboto-Bold"; } .thm-color { color: #2a8b61; text-decoration: underline; } .sci-cost { display: flex; gap: 50px; } .sci-card { display: flex; gap: 20px; align-items: center; } .sci-thumb img { border-radius: 50%; width: 75px; height: 75px; } .sci-content h5 { font-size: 18px; font-family: "RobotoSlab-Medium"; margin-bottom: 5px; } .sci-content p { margin-bottom: 0px; color: #535353; font-size: 15px; font-family: "Roboto-Regular"; } .sc-cost { margin: 0; font-size: 25px; font-family: "Roboto-Medium"; color: #2a8b61; } .sci-card-main { display: flex; justify-content: space-between; align-items: center; background-color: #fff; border-radius: 82px; padding: 20px 30px; box-shadow: rgb(0 0 0 / 12%) 0px 0px 12px; transition: 0.6s all ease-in-out; } .sci-edit img { opacity: 0; } .sci-edit { transition: 0.6s all ease-in-out; } .sci-card-main:hover { background-color: #fff; box-shadow: 0 2px 8px 1px rgba(64, 60, 67, 0.24); border-color: rgba(223, 225, 229, 0); } .sci-card-main:hover .sci-edit img { opacity: 1; } .sc-edt-btn { background-color: transparent; border: 0; outline: 0; } .sci-cards-pr { display: flex; flex-direction: column; gap: 30px; padding: 40px 0px 0px; } .bck-btn { background-color: #d8d8d8; border: 1px solid transparent; outline: 0; padding: 20px 0px; border-radius: 50px; display: inline-block; width: 140px; font-family: "RobotoSlab-Bold"; font-size: 18px; color: #3c3939; } .atc-btn { background-color: #2a8b61; border: 1px solid transparent; color: #fff; outline: 0; padding: 20px 0px; border-radius: 50px; display: inline-block; width: 200px; font-family: "RobotoSlab-Bold"; font-size: 18px; } .assvc-btn { background-color: #1e4570; border: 1px solid transparent; color: #fff; outline: 0; padding: 20px 0px; border-radius: 50px; display: inline-block; width: 300px; font-family: "RobotoSlab-Bold"; font-size: 18px; } .add-back-sibling { justify-content: center; gap: 20px; display: flex; padding: 60px 0px 0px; } .info-pr-mn { margin-bottom: 35px; } .bck-paid { justify-content: space-between; padding: 20px 0px 0px; } .sdirectories { border-bottom: 1px solid #d8d8d8; } .mt-cs { margin-top: 33px; } .checkout-txt-heading h4 { font-size: 30px; color: #000000; font-family: "Roboto-Bold"; } .checkout-txt-heading { margin-bottom: 25px; } .mrt-0 { margin-top: 0 !important; } /* lunch-items selection */ .my-child-buton-main { margin-bottom: 50px; } .v-sel span { color: #3c3939; font-family: "RobotoSlab-Regular"; font-size: 14px; padding-top: 5px; display: block; } .sl-back { background: transparent; color: #3c3939; border: 0; display: flex; align-items: center; font-family: "RobotoSlab-Bold"; font-size: 18px; gap: 10px; } .menu-card-items .row { --bs-gutter-x: 15px; } .vd-m-content { background: unset; box-shadow: unset; } #viewdetailModal { background-color: unset; box-shadow: unset; border: 0; } .vd-body { padding: 0; } .vd-mdl-cont { box-shadow: unset; border: 0; border-radius: 0; } .vd-md-header { padding: 20px 25px; } .vd-md { padding: 0px 25px; } .vd-m-content { padding: 30px 0px; } .vd-m-content { padding: 30px 25px; } .vd-m-content h6 { text-align: left; } .mn-card { margin-bottom: 30px; } .whole-lunch-pr { padding: 30px 0px; } .whole-lunch-pr .mn-content { min-height: 195px; } .inn-out-choice h6 { color: #3c3939; font-family: "Roboto-Regular"; font-size: 25px; margin-bottom: 25px; } .inn-out-choice input[type="checkbox" i] { -webkit-appearance: none; -moz-appearance: none; appearance: none; flex-shrink: 0; width: 15px; height: 15px; background-color: transparent; border: 2px solid #2a8b61; border-radius: 3px; /* cursor: pointer; */ } .inn-out-choice input[type="checkbox"]:checked { background-color: #2a8b61; border: 1px solid transparent; background-image: url(../images/checkbox.gif); background-repeat: no-repeat; background-size: 8px; background-position: 3px; } .inn-out-choice p { display: flex; margin: 0; font-family: "Roboto-Regular"; font-size: 20px; gap: 10px; align-items: baseline; } .d-drop { background-color: transparent; border: 0; outline: 0; } .d-down { display: flex; justify-content: flex-end; } .selected-studen-cont { padding: 20px 30px; } .selected-student { border: 1px solid #c2c2c2; background-color: #f8f8f8; border-radius: 13px; margin-bottom: 50px; } .edit-delet { padding: 10px 20px 0px; } .selected-studen-cont { padding: 0px 40px 20px; } .c-menu .dropdown-item { font-family: "Roboto-Regular"; font-size: 16px; color: #000000; } .selected-studen-cont h5 { font-size: 25px; font-family: "Roboto-Regular"; color: #3c3939; margin-bottom: 10px; } .selected-studen-cont p { font-family: "Roboto-Regular"; font-size: 16px; color: #000000; } #showModalBtn { display: none; } .md-max { max-width: 1400px; } .ad-lunch-sib { padding: 0px 0px; } .same-lunch p { display: flex; gap: 10px; color: #3c3939; font-family: "Roboto-Regular"; margin: 0; font-size: 16px; } .same-lunch { padding: 30px 0px 40px; } /* lunch items selectione end */ /* wizard */ /* multisteps */ #notComplete, #submitGood, #dbError { display: none; } #results { margin: 0 auto; text-align: center; width: 600px; margin-top: 50px; color: #222; } /*form styles*/ #msform { /* width: 600px; */ /* margin: 50px auto; */ /* text-align: center; */ position: relative; margin-right: 50px; } #msform fieldset { border: 0 none; border-radius: 3px; padding: 20px 30px; box-sizing: border-box; position: absolute; top: 0; left: 0; height: 100%; width: 100%; padding-top: 180px; } .pr-60 { padding-right: 60px; } /*Hide all except first fieldset*/ #msform fieldset:not(:first-of-type) { display: none; } /*inputs*/ /*buttons*/ /* #msform .action-button { width: 100px; background:#D8006B; font-weight: bold; color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 10px 5px; margin: 10px 5px; } */ /*progressbar*/ #progressbar { margin-bottom: 80px; overflow: hidden; /*CSS counters to number the steps*/ counter-reset: step; display: flex; justify-content: center; } #progressbar li { list-style-type: none; color: #707070; font-weight: 500; width: 100%; float: left; position: relative; text-align: center; font-family: "RobotoSlab-Medium"; font-size: 18px; } #progressbar li:before { content: "0" counter(step); counter-increment: step; width: 50px; line-height: 50px; display: block; font-size: 10px; color: #707070; font-weight: 500; border: 1px solid #707070; background: #fff; border-radius: 50%; margin: 0 auto 35px auto; font-size: 18px; font-family: "Roboto-Regular"; } #progressbar li.active:before { content: counter(step); counter-increment: step; content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; width: 50px; line-height: 50px; display: block; font-size: 10px; color: #fff; background: #d6d6d6; border-radius: 50%; font-size: 18px; margin: 0 auto 35px auto; } #progressbar li.active { color: #1e4570; } /*progressbar connectors*/ #progressbar li:after { content: ""; width: 100%; height: 2px; background: #d6d6d6; position: absolute; left: -50%; top: 25px; z-index: -1; /*put it behind the numbers*/ } #progressbar li:first-child:after { /*connector not needed before the first step*/ content: none; } /*marking active/completed steps green*/ /*The number of the step and the connector before it = green*/ #progressbar li.active:before, #progressbar li.active:after { background: #2a8b61; color: #fff; } /* multisteps end */ /* wizard css end */ /* botique vendor page */ .wizard-tabs-sec { height: 140vh; margin: 80px 0px; position: relative; /* overflow-y: scroll; overflow-x: hidden; */ } .basic-info-main { overflow-y: auto; height: calc(100vh - 100px); margin-bottom: 30px; overflow-x: hidden; } /* .wizard-tabs-sec::-webkit-scrollbar { display: none; } */ .b-vendor { background-image: url(../images/b-vendor.jpg); position: relative; z-index: 0; } .bvendor-overlay { background-color: #00000057; position: absolute; width: 100%; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; } .rd-box-wizard input[type="radio"] { accent-color: #2a8b61; /* appearance: none; */ width: 16px; height: 16px; cursor: pointer; } .selct-vendor { display: flex; gap: 40px; align-items: center; } .svt { font-size: 18px; font-family: "Roboto-Regular"; color: #000000; } .rd-box-wizard { display: flex; align-items: center; gap: 15px; } .selct-vendor .rd-box-wizard label { font-size: 16px; font-family: "Roboto-Regular"; color: #000000; margin-bottom: 0px; } .basic-head h4 { font-size: 45px; font-family: "RobotoSlab-Bold"; color: #1e4570; line-height: 55px; } .basic-head { margin-bottom: 50px; } .wizard-input-field label { display: block; font-size: 18px; font-family: "Roboto-Regular"; margin-bottom: 5px; color: #000000; } .wizard-input-field input { display: inline-block; border: 1px solid #e1e1e1; outline: 0; padding: 14px 20px; width: 100%; } .wizard-input-field { margin-bottom: 25px; } .agree-terms p { font-family: "Roboto-Regular"; font-size: 18px; color: #000; } .signature-fields { display: flex; flex-direction: column; } .signature-fields input { width: 65%; border-width: 0px 0px 2px; border-style: dashed; height: 100px; outline: 0; margin-bottom: 10px; font-family: "Roboto-Regular"; } .signature-fields label { font-family: "Roboto-Regular"; font-size: 18px; color: #000000; } .direct0inquiries-head h6 { font-size: 18px; font-family: "Roboto-Regular"; margin-bottom: 15px; color: #000000; } .direct0inquiries-head h5 { font-family: "Roboto-Medium"; font-size: 18px; color: #000000; margin-bottom: 5px; } .direct0inquiries-head { padding: 70px 0px; } .direct0inquiries-head p { font-size: 16px; margin-bottom: 5px; font-family: "Roboto-Regular"; color: #000000; } .direct0inquiries-head a { font-family: "Roboto-Regular"; color: #1e4570; font-size: 16px; } .back-button .bck-btn { width: 208px; } .next-button .nxt-btn { width: 208px; } .bd-top { border-top: 1px solid #9da0a2; } .main-section { overflow-x: hidden; overflow-y: auto; background-color: #f6f6f6; display: flex; height: 100vh; padding: 0px 120px; } .l-sidebar { width: 500px; height: 100%; left: 0; top: 0; bottom: 0; background-color: #fff; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0.5s ease-in-out; -ms-transition: width 0.5s ease-in-out; -o-transition: width 0.5s ease-in-out; transition: width 0.5s ease-in-out; padding-bottom: 30px; padding: 0px 60px 30px 60px; } .layout-main { width: 100%; height: 100%; padding: 0px 0px 0 40px; -webkit-transition: padding 0.5s ease-in-out; -moz-transition: padding 0.5s ease-in-out; -ms-transition: padding 0.5s ease-in-out; -o-transition: padding 0.5s ease-in-out; transition: padding 0.5s ease-in-out; /* min-height: 100%; */ display: flex; flex-direction: column; overflow-x: hidden; overflow-y: auto; } .content-wrapper { height: 100%; } .dashboard-body { overflow-y: hidden; overflow-x: hidden; display: flex; height: 100vh; flex-direction: column; } .hello-box { padding: 50px 0px; } .ham { display: none; } .profile-edit { padding: 60px 0px; } .profile-fields input { width: 100%; padding: 13px 20px; font-size: 16px; font-family: "Roboto-Regular"; background: transparent; border: 1px solid #70707040; outline: 0; } .profile-fields { margin-bottom: 15px; } .edit { background-color: #1e4570; color: #fff; padding: 14px 0px; display: inline-block; outline: 0; border: 1px solid transparent; width: 205px; border-radius: 30px; font-family: "RobotoSlab-Bold"; font-size: 18px; } .change { background-color: #2a8b61; color: #fff; padding: 14px 0px; display: inline-block; outline: 0; border: 1px solid transparent; width: 250px; border-radius: 30px; font-family: "RobotoSlab-Bold"; font-size: 18px; } .profile-head h3 { font-family: "Roboto-Slab-Semibold"; font-size: 35px; color: #1e4570; } .profile-edit-head { margin-bottom: 35px; } .save-button { padding: 60px 0px; } .side-bar-links ul { list-style: none; display: flex; flex-direction: column; gap: 15px; padding-left: 0; } .side-bar-links ul li { font-family: "Roboto-Medium"; } .side-bar-links ul li { font-family: "Roboto-Medium"; font-size: 18px; color: #1e4570; } .ev-hl { font-family: "Roboto-Regular"; color: #3c3939 !important; text-decoration: none !important; } .l-sidebar__content { height: 100%; overflow-y: auto; overflow-x: hidden; } .logo-link-wrapper { display: flex; flex-direction: column; justify-content: space-between; height: 80%; } .logout-bottom-wrap li { list-style: none; font-family: "Roboto-Medium"; font-size: 18px; color: #1e4570; } .hello-content h6 { font-family: "Roboto-Regular"; font-size: 18px; text-decoration: none; } .hello-content h4 { font-family: "Roboto-Slab-Semibold"; font-size: 27px; color: #1e4570; } .cls-button { display: none; } .save-button { display: flex; gap: 20px; } /* boutique vendor page */ /* my orders */ .tabs-animated .nav-tabs li a.active { color: #435665; /* text-decoration: underline; */ } .tabs-animated .nav-tabs li a.active::after { opacity: 1; width: 100%; } .tabs-animated .nav-tabs li a::after { content: ""; position: absolute; width: 0%; bottom: 0px; left: 0; height: 4px; background-color: #2a8b61; opacity: 0; transition: 0.6s all ease-in-out; } .tabs-animated .nav-tabs li a { color: #3c3939; font-family: "Roboto-Regular"; font-size: 18px; transition: 0.6s all ease-in-out; position: relative; text-decoration: none; padding-bottom: 15px; display: block; } .tabs-animated .nav-tabs { gap: 60px; margin-bottom: 40px; } .table-main thead tr { background-color: #eeeeee; } .table-main .table thead th { font-size: 16px; font-family: "RobotoSlab-Bold"; color: #102b49 !important; padding: 15px 30px; } .portfolio-table .table tbody td { padding: 15px 30px; } .portfolio-table .table tbody td { padding: 15px 30px; font-size: 16px; font-family: "Roboto-Regular"; color: #102b49; } .view-table-cta { width: 93px; font-size: 13px; padding: 5px 0px; border-radius: 30px; outline: 0; border: 1px solid #2a8b61; background-color: transparent; color: #2a8b61; font-family: "Roboto-Medium"; } .view-blue { border: 1px solid #1e4570; color: #1e4570; } .layout-main::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } .layout-main::-webkit-scrollbar-thumb { background-color: #073191; } .layout-main::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; } /* my order end */ /* w9 form css */ .bdr-table thead tr { border-top: 0px; border-left: 0px; } .bdr-table tr th:first-child { border-left: 0; } .bdr-table tr th:last-child { border-right: 0; } .bdr-table tr td:first-child { border-left: 0; } .bdr-table tr td:last-child { border-right: 0; } .bdr-table thead tr th { font-size: 16px; font-family: "Roboto-Bold"; padding: 20px 30px; } .bdr-table tbody tr td { font-size: 16px; font-family: "Roboto-Regular"; padding: 15px 30px; color: #000000; } .mainheading_color { color: #1e4570; } .bold { font-weight: bold; } .mainbutton { margin-top: 60px; } .cpad.widht { width: 6%; } .limited { align-items: baseline; } .flex-shr { flex-shrink: 0; } .w9-form-container h5 { font-size: 25px; font-weight: 400; font-family: "Roboto-Regular"; padding-bottom: 15px; } .w9-form-top { padding-bottom: 30px; } .w9-form-top h6 { font-size: 18px; font-weight: 400; font-family: "Roboto-Regular"; padding: 0 0 10px; } .w9-form-top h6 a { font-weight: 500; font-style: italic; color: #000; font-family: "Roboto-Medium"; } .w9-form-checkbox p { font-size: 24px; font-weight: 400; font-family: "Roboto-Regular"; } .checkbox-flex { display: flex; align-items: center; justify-content: space-between; } .w9-form-checkbox label { font-size: 16px; font-weight: 400; font-family: "Roboto-Regular"; } .w9-form-checkbox label input { margin-right: 5px; } .w9-form-exemptions h4 { font-size: 18px; font-family: "Roboto-Regular"; padding-top: 20px; color: #000000; } .w9-form-exemptions h4 span { font-family: "Roboto-Light"; font-size: 16px; color: #000; } .light-text { font-family: "Roboto-Light"; font-size: 16px; color: #000; } .mdm-text { font-family: "Roboto-Medium"; } .w9-form-container p { font-family: "Roboto-Regular"; font-size: 16px; } .ro-regular { font-family: "Roboto-Regular"; } .bld-text { font-family: "Roboto-Bold"; } .ft-16 { font-size: 16px; } .ft-18 { font-size: 18px; } .liability p { font-family: "Roboto-Regular"; font-size: 16px; } .liability h5 { font-size: 18px; font-family: "Roboto-Regular"; } .cashier-agree p { font-family: "Roboto-Regular"; } .r-italic { font-family: "Roboto-Italic"; } .widht { width: 5%; margin: 0; } .or-text { font-family: "Roboto-Regular"; font-size: 24px; text-align: center; } .vendorletter-hd { padding: 20px 0px; } .congrats p { font-family: "Roboto-Regular"; } .ft-22 { font-size: 22px; } .basic-info-main::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } .basic-info-main::-webkit-scrollbar-thumb { background-color: #073191; } .basic-info-main::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; } .md-scroll { height: 500px; overflow-y: auto; } .md-scroll::-webkit-scrollbar { width: 6px; background-color: #f5f5f5; } .md-scroll::-webkit-scrollbar-thumb { background-color: #073191; } .md-scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #f5f5f5; } .w9-md-content { box-shadow: rgb(0 0 0 / 20%) 0px 0px 12px; } .md-opn-btn { background-color: #2a8b61; border: 1px solid transparent; color: #fff; outline: 0; padding: 14px 25px; border-radius: 50px; display: inline-block; font-family: "RobotoSlab-Bold"; font-size: 16px; } /* w9 form css */ /* new-pages */ .sgm-grid-main { display: flex; justify-content: space-between; gap: 20px; } .acd-child .child-field { margin-bottom: 20px; } .acd-child { margin-bottom: 40px; } .gr-bg { background-color: #2a8b61; } .chd-input { display: none; } /*.chd-input:checked~label {*/ /* background-color: #2A8B61;*/ /* color: #fff;*/ /*}*/ /*.chd-input:checked~label h4 {*/ /* color: #fff;*/ /*}*/ .sw-check { display: none; } .chd-input:checked ~ label .sw-check { display: block; } .chd-input:checked ~ label .s-def { display: none; } .chd-input:checked ~ label .edit-btnn { display: block; } .chd-input:checked ~ label p { color: #fff; } .ed-del .btn:hover { background-color: unset; } .ed-del .btn-outline-primary { color: #0d6efd; } .ed-del .btn-outline-danger { color: #dc3545; } .ed-del { padding: 10px 0px 0px; } /*.child-card {*/ /* width: 100%;*/ /* border: 1px solid #C2C2C2;*/ /* padding: 13px 30px 13px;*/ /* border-radius: 10px;*/ /* display: flex;*/ /* flex-direction: column;*/ /* position: relative;*/ /*}*/ .chd-card { width: 100%; border: 1px solid #c2c2c2; padding: 13px 30px 13px; border-radius: 10px; display: flex; flex-direction: column; position: relative; z-index: 0; } .chd-card.active { background-color: #2a8b61; } .child-card p { font-family: "Roboto-Light"; color: #000000; font-size: 16px; margin-bottom: 0px; } .child-card h4 { font-family: "Roboto-Medium"; font-size: 25px; cursor: pointer; color: #000; } .chd-card.active .child-card h4 { color: #fff; } .chd-card.active p { color: #fff; } .chd-card p { color: #000000; font-family: "Roboto-Light"; font-size: 15px; margin: 0px; } .dm-max { max-width: 1000px; } .absol-right { position: absolute; right: 0; z-index: 1; } .dl-md-head p { width: 80%; } .dl-cancel { width: 157px; padding: 18px 0px; border-radius: 40px; font-family: "RobotoSlab-Bold"; color: #707070; background-color: #d8d8d8; outline: 0; border: 1px solid transparent; font-size: 18px; } .dl-confirm { width: 157px; padding: 18px 0px; border-radius: 40px; font-family: "RobotoSlab-Bold"; color: #fff; background-color: #2a8b61; outline: 0; border: 1px solid transparent; font-size: 18px; } .crm-cancel { display: flex; justify-content: center; gap: 20px; } .add-child-row { row-gap: 20px; } .tab-buttons { display: flex; gap: 30px; justify-content: center; border-bottom: 1px solid #e8e8e8; } .twb-content { display: none; } .tab-button { cursor: pointer; } .tab-button.active h4 { color: #2a8b61; } .tab-button.active p { color: #2a8b61; } .tab-button.active svg path { stroke: #2a8b61; } .tbs-hd h4 { display: flex; gap: 25px; font-family: "Roboto-Bold"; color: #707070; font-size: 24px; } .tbs-hd p { color: #707070; text-align: center; font-family: "Roboto-Regular"; font-size: 16px; } .tbs-hd-main { display: flex; gap: 30px; } .tab-arrow { vertical-align: sub; } .tab-button.active .tbs-hd::after { width: 100%; opacity: 1; } .tab-button .tbs-hd::after { content: ""; position: absolute; bottom: 0; width: 0%; height: 7px; background: #2a8b61; transition: 0.6s all ease-in-out; opacity: 0; } .tbs-hd { position: relative; } .lmw-head h3 { margin-bottom: 10px; } .lmw-head p { font-size: 16px; } .lunch-des { display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 35px 0px; } .lunch-des h4 { font-family: "RobotoSlab-Bold"; font-size: 40px; color: #1e4570; } .btn-container { display: flex; justify-content: center; } .lunch-des p { text-align: center; font-family: "Roboto-Regular"; font-size: 16px; color: #000; } .lunch-des strong { font-family: "Roboto-Bold"; color: #000000; } .lunch-des h4 { font-family: "RobotoSlab-Bold"; font-size: 40px; color: #1e4570; margin-bottom: 10px; } .next-btn { padding: 18px 35px; border-radius: 40px; outline: 0; border: 1px solid transparent; background-color: #2a8b61; color: #fff; font-size: 16px; font-family: "RobotoSlab-Bold"; } .prev-btn { padding: 18px 35px; border-radius: 40px; outline: 0; border: 1px solid transparent; background-color: #d8d8d8; color: #707070; font-size: 16px; font-family: "RobotoSlab-Bold"; } .btn-container { display: flex; justify-content: center; gap: 20px; } .day-hd h4 { text-align: center; font-size: 35px; font-family: "RobotoSlab-Medium"; color: #1e4570; } .day-hd { margin-bottom: 120px; } .grid-container { display: flex; gap: 20px; justify-content: center; } .item-card { background-color: #f3f3f3; border-radius: 49px; border: 1px solid #c3c2c2; width: 270px; margin-bottom: 90px; position: relative; } .item-card-thumb img { border: 2px solid #2a8b61; border-radius: 50%; width: 150px; height: 150px; } .item-card-thumb { display: flex; justify-content: center; margin-top: -70px; margin-bottom: 20px; } .item-card-content { padding: 0px 30px; } .item-card-content h4 { font-size: 14px; font-family: "Roboto-Regular"; color: #000000; } .item-card-content { padding: 0px 18px 20px; } .day-hd { margin-bottom: 120px; } .addcrt-btn { width: 40px; height: 40px; background-color: #707070; outline: 0; border: 1px solid transparent; border-radius: 50%; display: flex; color: #fff; justify-content: center; align-items: center; cursor: pointer; } .price-addcart { display: flex; justify-content: space-between; align-items: center; } .prc-price h5 { color: #2a8b61; font-family: "RobotoSlab-Medium"; font-size: 23px; margin: 0; } .crt-check input { display: none; } .fa-check { display: none; } .crt-check input:checked ~ label .fa-plus { display: none; } .crt-check input:checked ~ label .fa-check { display: block; } .crt-check input:checked ~ label { background-color: #2a8b61; } .tab-button.completed .tbs-hd h4 { color: #2a8b61; } .tab-button.completed .tbs-hd p { color: #2a8b61; } .tab-button.completed svg path { stroke: #2a8b61; } .lnvm-more { color: #1e4570; font-family: "Roboto-Bold"; text-decoration: underline; /* display: inline !important; */ } .del-divi { display: flex; justify-content: space-between; align-items: center; padding-bottom: 30px; } .del-btn { cursor: pointer; background-color: transparent; border: 0; } .nw-change a { width: 200px; } .hidmob { display: flex; } .hidshow { display: none; } .ap-cop { width: 115px; } .chd-card.active .s-def { filter: brightness(10.5); } .chd-card.active .edit-btnn { color: #fff; } .summary-items span:last-child { display: flex; justify-content: flex-end; } /* new-pages */ @media only screen and (min-width: 320px) and (max-width: 529px) { .dr-main { flex-direction: column; } .cal-header { padding: 20px 20px; } .navbar-brand { width: 60px; } .banner-sec { padding: 0px 20px; } .left-bg { display: none; } .for-mobile-responsive { display: none; } .for-mobile-screens { display: flex; } .for-mobile-screens { display: flex; padding: 30px 0px; } .lg-order { border: 1px solid #2a8b61; color: #2a8b60 !important; } .welcome-head { width: 100%; margin-top: 250px; } .welcome-head h4 { font-size: 18px; } .welcome-head h2 { line-height: 35px; font-size: 30px; width: 100%; } .welcome-head p { width: 100%; } .banner-sec { padding: 0px 20px; display: flex; flex-direction: column; height: auto; gap: 40px; } .students-bg { position: relative; width: 100%; } .mob-1 { display: block; } .dsk-1 { display: none; } .s-after { right: 40px; top: 3%; width: 15%; } .start-order-btn { width: 200px; font-size: 15px; } .right-bg { width: 72%; } .ht-lunch-head h3 { font-size: 30px; line-height: 35px; } .ht-lunch-head p { font-size: 15px; } .footer-main { padding: 0px 20px; } .cougar-sec { padding: 160px 20px; } .process-left h3 { font-size: 30px; } .process-card { padding: 50px 30px 0px; } .process-left { margin-bottom: 35px; } .process-sec { padding: 80px 0px 40px; } .view-lnch-btn { width: 270px; font-size: 15px; } .ht-right-bg { display: none; } .hot-lunch-sec { padding: 60px 20px 0px; } .ht-thumb { margin-bottom: 35px; } .reverse { flex-direction: column-reverse; } .ccpa-event-head h3 { font-size: 30px; } .ccpa-event-head p { font-size: 15px; } .event-content p { width: 100%; } .associate-content h5 { font-size: 30px; } .spc-content { padding-left: 20px; padding-top: 20px; } .event-sec { padding: 60px 0px 0px; } .spc-content h4 { line-height: 45px; font-size: 25px; } .associate-dec-thumb img { width: 26%; } .associate-dec-thumb { padding: 53px 0px 0px; } .event-card { margin: 35px 10px 35px; } .cougar-sec { padding: 60px 20px; } .cg-bg { display: none; } .cg-right { position: absolute; top: -60px; right: 0px; width: 20%; } .botiq-content p { width: 100%; } .botiq-sec { margin: 50px 0px 0px; } .scp-bottom img { width: 20%; } .scp-bottom { margin-left: 0; } .as-card-main { gap: 0; } .event-card { margin: 20px 10px 20px; } .botiq-content h4 { font-size: 25px; margin-top: 25px; } .footer-links:not(.social-links) { margin-bottom: 30px; } .footer-logo-card { margin-bottom: 30px; } .footer-content p { width: 100%; } .btn-close { box-shadow: unset !important; outline: 0 !important; } /* signup page */ .lgs-header { padding: 20px 20px; } .cr-sbmt-btn { width: 100%; font-size: 15px; } .logo img { width: 65px; } .login-button .lg-order { border: 1px solid #fff; color: #fff !important; } .cc-head h2 { font-size: 35px; } .cc-head p { width: 100%; font-size: 15px; } /* signup page end */ /* feedback form */ .checkbox-main { flex-direction: column; gap: 20px; } .feedback-banner { padding: 300px 20px 300px; background-position: center; margin: 120px 0px 0px; } .f-banner-head h2 { font-size: 35px; } .qcs-head h3 { font-size: 35px; } /* feedback form end */ /* event-page */ .dc-main { gap: 15px; } .time-date-loc { flex-direction: column; gap: 10px; margin-top: 15px; } .timeline-thumb { margin-bottom: 20px; } .time-date-loc { flex-direction: column; gap: 10px; } .ev-title h5 { font-size: 15px; } .ev-ce-details { font-size: 15px; } .search-bar { margin-bottom: 30px; } .sort-by { display: flex; justify-content: center; } .sort-btn { width: 70%; } .sorted-buttons { flex-direction: column; } .srt-event-btn { width: 60%; font-size: 15px; } .sorted-buttons { flex-direction: column; align-items: center; justify-content: center; } .rg-btn { font-size: 15px; } .direction-content { overflow-y: unset; height: unset; } .direction-content { margin-bottom: 80px; } .load-more-btn { padding: 20px 0px; font-size: 15px; } .srt-event-btn { display: none; } .sorted-buttons.slide-down .srt-event-btn { display: block; } /* event page end */ /* event detial page */ .event-detail-sec { padding: 100px 20px; } .tdo-main { flex-direction: column; justify-content: center; gap: 20px; align-items: center; } .ffc-head h3 { font-size: 30px; margin-bottom: 20px; } .rgs-main { flex-direction: column; } .fr-1 { width: 100%; } .fr-2 { width: 100%; flex-direction: column; } .continue-add { flex-direction: column; align-items: flex-end; } .continue-btn { font-size: 15px; } .add-person { font-size: 15px; } .rg-card { padding: 65px 30px 35px; } .subtotal h5 { font-size: 22px; } .re-main-head h3 { font-size: 30px; } .re-head h5 { font-size: 20px; } .re-head p { font-size: 15px; } .re-card { margin-bottom: 20px; } .view-all-evd { padding: 50px 0px 0px; } .ev-map-loc { padding: 20px 0px 50px; } /* event detial page end */ /* checkout page */ .checkout-tabs-main .nav-tabs { gap: 20px; justify-content: space-between; } .nav-tabs .nav-link { font-size: 22px; } .tb-cont-main { padding: 45px 30px; } .pr-head h3 { font-size: 25px; } .pr-info-fields { margin-bottom: 25px; } .bank-card-details-fields { flex-direction: column; gap: 10px; } .bnd-fields2 { flex-direction: column; gap: 10px; } .bnd-fields2 input { width: 100%; } .nxt-back { flex-direction: column; gap: 15px; justify-content: center; align-items: center; } .nxt-btn { width: 220px; } .rmd-body { padding: 30px; } .thank-cont h4 { font-size: 30px; } /* checkout page end */ /* lunch program */ .lps-head h3 { font-size: 30px; } .lps-head p { width: 100%; font-size: 15px; } .radio-boxes { flex-direction: column; } .pre-school { display: flex; flex-direction: column; margin-bottom: 30px; } .lnch-next { padding: 48px 0px; text-align: center; } /* lunch program end */ /* checkout-1 */ .cart-buttons { flex-direction: column; justify-content: center; gap: 20px; } .cart-buttons { flex-direction: column; justify-content: center; gap: 20px; margin-bottom: 60px; } .card-div-heading h3 { font-size: 30px; margin-bottom: 25px; } .card-div-heading { padding: 0px 30px; } .cart-div-items-main { padding: 0 30px; } .cart-div-items { flex-direction: column; gap: 15px; padding: 20px 0px; } .cart-school-directories { flex-direction: column; gap: 20px; align-items: flex-start; padding: 30px 30px; } .cart-div-items-img { flex-direction: column; gap: 20px; } .items-img-text h5 { font-size: 18px; margin-bottom: 15px; } .items-img-text p { font-size: 15px; } .cart-div-items span { font-size: 15px; } .cart-div-size { padding: 30px 30px; } .size-text-div h5 { margin-bottom: 15px; } .size-text-div { margin-bottom: 25px; } .cart-div-total { padding: 30px 30px 0; } .cart-div-total h6 { font-size: 25px; } .cart-contribute-parties { flex-direction: column; } .contribution-field { display: flex; align-items: center; } .cart-contribute-parties { padding: 30px 30px; } .cart-contribute-parties h5 { margin-bottom: 20px; } .cart-annual-dues { padding: 30px 30px; } .cart-annual-dues p { font-size: 15px; } .cart-div-size .radio-boxes { flex-direction: row; flex-wrap: wrap; } .cart-right { padding: 50px 30px 30px; } .summary-items { /* flex-direction: column; */ gap: 8px; } .summary-item-div h6 { font-size: 18px; } .summary-item-div-total span { font-size: 20px; } /* checkout-1 end */ /* display items sec */ .sci-card-main { flex-direction: column; } .sci-card { flex-direction: column; } .sci-card-main { border-radius: 40px; gap: 20px; } .sc-cost { font-size: 20px; } .sifj-head h5 { font-size: 20px; } .add-back-sibling { flex-direction: column; margin-bottom: 60px; } .add-back-sibling button { width: 100%; } /* display items sec */ /* lunch-items-selection */ .notice-bar { padding: 0px 20px; } .notic-content { flex-direction: column; gap: 10px; } .notic-content h5 { width: 100%; } .monday-about { flex-direction: column; gap: 20px; } .my-child-button { width: 300px; } .my-child-button label { font-size: 15px; } .selected-items-bar { padding: 20px 20px; } .sl-back { margin-bottom: 20px; } .inn-out-choice h6 { font-size: 20px; } .inn-out-choice p { font-size: 18px; } /* lunch-items selection end */ /* dashboard-responsive */ .main-section { padding: 0px 20px; } .dashboard-body { overflow-y: auto; } /* sidebar */ .cls-btn { opacity: 1; display: block; } .l-sidebar.active { left: 0%; width: 300px; position: fixed; transition: 0.5s all ease-in-out; padding: 0px 20px 30px 20px; box-shadow: rgb(0 0 0 / 20%) 0px 0px 12px; } .l-sidebar { z-index: 1; width: 0%; left: -100%; overflow: hidden; position: fixed; transition: 0.5s all ease-in-out; } .cls-button { display: flex; justify-content: flex-end; padding: 20px 0px; } .cls-btn { background-color: transparent; border: 0; outline: 0; color: #339068; } .side-bar-links .nav-link { padding: 0px; } .logo__txt img { width: 150px; } .logo__txt { text-align: left; padding: 0px; } .sd-logo { display: flex; justify-content: space-between; align-items: center; padding: 30px 20px; } .nav-link { padding: 20px 20px; font-size: 16px; } .layout-main { padding: 0px 0px 0px 0px; } .ham { display: block; } .header_sec .hamburger .line { background-color: orange; } .header_sec .hamburger { margin-bottom: 0px; } .header_sec { padding: 50px 0px; } /* sidebar end */ .save-button { flex-direction: column; justify-content: center; align-items: center; } /* dashboard-responsive */ /* wizard */ #progressbar { display: none; } #msform fieldset { padding: 20px 20px; } #msform { margin-right: 0px; } .basic-head h4 { font-size: 30px; line-height: 40px; } .wizard-input-field label { font-size: 15px; } .selct-vendor { flex-direction: column; align-items: flex-start; gap: 30px; } .signature-fields input { width: 100%; } .back-button { margin-bottom: 15px; text-align: center; } .next-button.txt-end { text-align: center; } .checkbox-flex.pt-2.pb-2 { flex-direction: column; align-items: flex-start; gap: 25px; } .basic-head { margin-bottom: 30px; } .w9-form-container h5 { font-size: 20px; } .widht { width: 100%; } .or-text { text-align: center; margin-bottom: 15px; } .mainbutton { margin-top: 30px; } .next-button .mainbutton { margin-top: 0px; } /* wizard end */ /* home page change */ .process-thumb { position: initial; width: 100%; } /* home page change end */ .md-opn-btn { width: 220px; font-size: 14px; } .vie-dt { display: flex; flex-direction: column; gap: 10px; } } @media only screen and (min-width: 375px) and (max-width: 424px) { } @media only screen and (min-width: 425px) and (max-width: 529px) { } @media only screen and (max-width: 767px) { } @media only screen and (min-width: 530px) and (max-width: 767px) { .dr-main { flex-direction: column; } .cal-header { padding: 20px 20px; } .navbar-brand { width: 60px; } .banner-sec { padding: 0px 20px; } .left-bg { display: none; } .for-mobile-responsive { display: none; } .for-mobile-screens { display: flex; } .for-mobile-screens { display: flex; padding: 30px 0px; } .lg-order { border: 1px solid #2a8b61; color: #2a8b60 !important; } .welcome-head { width: 100%; margin-top: 250px; } .welcome-head h4 { font-size: 18px; } .welcome-head h2 { line-height: 35px; font-size: 30px; } .welcome-head p { width: 100%; } .banner-sec { padding: 0px 20px; display: flex; flex-direction: column; height: 100%; gap: 40px; } .students-bg { position: relative; width: 100%; } .mob-1 { display: block; } .dsk-1 { display: none; } .s-after { right: 40px; top: 3%; width: 15%; } .start-order-btn { width: 200px; font-size: 15px; } .right-bg { width: 72%; } .ht-lunch-head h3 { font-size: 30px; line-height: 35px; } .ht-lunch-head p { font-size: 15px; } .footer-main { padding: 0px 20px; } .cougar-sec { padding: 160px 20px; } .process-left h3 { font-size: 30px; } .process-card { padding: 50px 30px 0px; } .process-left { margin-bottom: 35px; } .process-sec { padding: 80px 0px 40px; } .view-lnch-btn { width: 270px; font-size: 15px; } .ht-right-bg { display: none; } .hot-lunch-sec { padding: 60px 20px 0px; } .ht-thumb { margin-bottom: 35px; } .reverse { flex-direction: column-reverse; } .ccpa-event-head h3 { font-size: 30px; } .ccpa-event-head p { font-size: 15px; } .event-content p { width: 100%; } .associate-content h5 { font-size: 30px; } .spc-content { padding-left: 20px; padding-top: 20px; } .event-sec { padding: 60px 0px 0px; } .spc-content h4 { line-height: 45px; font-size: 25px; } .associate-dec-thumb img { width: 26%; } .associate-dec-thumb { padding: 53px 0px 0px; } .event-card { margin: 35px 10px 35px; } .cougar-sec { padding: 60px 20px; } .cg-bg { display: none; } .cg-right { position: absolute; top: -60px; right: 0px; width: 20%; } .botiq-content p { width: 100%; } .botiq-sec { margin: 50px 0px 0px; } .scp-bottom img { width: 20%; } .scp-bottom { margin-left: 0; } .as-card-main { gap: 0; } .event-card { margin: 20px 10px 20px; } .botiq-content h4 { font-size: 25px; margin-top: 25px; } .footer-links:not(.social-links) { margin-bottom: 30px; } .footer-logo-card { margin-bottom: 30px; } .footer-content p { width: 100%; } .btn-close { box-shadow: unset !important; outline: 0 !important; } .login-button .lg-order { border: 1px solid #fff; color: #fff !important; } .lgs-header { padding: 20px 20px; } .cc-head p { width: 100%; font-size: 15px; } /* feedback form */ .checkbox-main { flex-direction: column; gap: 20px; } .feedback-banner { padding: 300px 20px 300px; background-position: center; margin: 120px 0px 0px; } .f-banner-head h2 { font-size: 35px; } .qcs-head h3 { font-size: 35px; } /* event-page */ .dc-main { gap: 15px; } .time-date-loc { flex-direction: column; gap: 10px; margin-top: 15px; } .timeline-thumb { margin-bottom: 20px; } .time-date-loc { flex-direction: column; gap: 10px; } .ev-title h5 { font-size: 15px; } .ev-ce-details { font-size: 15px; } .search-bar { margin-bottom: 30px; } .sort-by { display: flex; justify-content: center; } .sort-btn { width: 70%; } .sorted-buttons { flex-direction: column; } .srt-event-btn { width: 60%; font-size: 15px; } .sorted-buttons { flex-direction: column; align-items: center; justify-content: center; } .rg-btn { font-size: 15px; } .direction-content { overflow-y: unset; height: unset; } .direction-content { margin-bottom: 80px; } .load-more-btn { padding: 20px 0px; font-size: 15px; } .srt-event-btn { display: none; } .sorted-buttons.slide-down .srt-event-btn { display: block; } /* event page end */ /* event detial page */ .event-detail-sec { padding: 100px 20px; } .tdo-main { flex-direction: column; justify-content: center; gap: 20px; align-items: center; } .ffc-head h3 { font-size: 30px; margin-bottom: 20px; } .rgs-main { flex-direction: column; } .fr-1 { width: 100%; } .fr-2 { width: 100%; flex-direction: column; } .continue-btn { font-size: 15px; } .add-person { font-size: 15px; } .rg-card { padding: 65px 30px 35px; } .subtotal h5 { font-size: 22px; } .re-main-head h3 { font-size: 30px; } .re-head h5 { font-size: 20px; } .re-head p { font-size: 15px; } .re-card { margin-bottom: 20px; } .view-all-evd { padding: 50px 0px 0px; } .ev-map-loc { padding: 20px 0px 50px; } /* event detial page end */ /* checkout page */ .checkout-tabs-main .nav-tabs { gap: 20px; justify-content: space-between; } .nav-tabs .nav-link { font-size: 22px; } .tb-cont-main { padding: 45px 30px; } .pr-head h3 { font-size: 25px; } .pr-info-fields { margin-bottom: 25px; } .bank-card-details-fields { flex-direction: column; gap: 10px; } .bnd-fields2 { flex-direction: column; gap: 10px; } .bnd-fields2 input { width: 100%; } .nxt-back { gap: 15px; justify-content: space-between; align-items: center; } .nxt-btn { width: 220px; } .rmd-body { padding: 30px; } .thank-cont h4 { font-size: 30px; } /* checkout page end */ /* lunch program */ .lps-head h3 { font-size: 30px; } .lps-head p { width: 100%; font-size: 15px; } .pre-school { display: flex; flex-direction: column; margin-bottom: 30px; } .lnch-next { padding: 48px 0px; text-align: center; } /* lunch program end */ /* checkout-1 */ .cart-buttons { flex-direction: column; justify-content: center; gap: 20px; } .cart-buttons { flex-direction: column; justify-content: center; gap: 20px; margin-bottom: 60px; } .card-div-heading h3 { font-size: 30px; margin-bottom: 25px; } .card-div-heading { padding: 0px 30px; } .cart-div-items-main { padding: 0 30px; } .cart-div-items { flex-direction: column; gap: 15px; padding: 20px 0px; } .cart-school-directories { flex-direction: column; gap: 20px; align-items: flex-start; padding: 30px 30px; } .cart-div-items-img { flex-direction: column; gap: 20px; } .items-img-text h5 { font-size: 18px; margin-bottom: 15px; } .items-img-text p { font-size: 15px; } .cart-div-items span { font-size: 15px; } .cart-div-size { padding: 30px 30px; } .size-text-div h5 { margin-bottom: 15px; } .size-text-div { margin-bottom: 25px; } .cart-div-total { padding: 30px 30px 0; } .cart-div-total h6 { font-size: 25px; } .cart-contribute-parties { flex-direction: column; } .contribution-field { display: flex; align-items: center; } .cart-contribute-parties { padding: 30px 30px; } .cart-contribute-parties h5 { margin-bottom: 20px; } .cart-annual-dues { padding: 30px 30px; } .cart-annual-dues p { font-size: 15px; } .cart-div-size .radio-boxes { flex-direction: row; flex-wrap: wrap; } .cart-right { padding: 50px 30px 30px; } .summary-items { /* flex-direction: column; */ gap: 8px; } .summary-item-div h6 { font-size: 18px; } .summary-item-div-total span { font-size: 20px; } /* checkout-1 end */ /* display items sec */ .sci-card-main { flex-direction: column; } .sci-card { flex-direction: column; } .sci-card-main { border-radius: 40px; gap: 20px; } .sc-cost { font-size: 20px; } .sifj-head h5 { font-size: 20px; } .add-back-sibling button { width: 70%; } .add-back-sibling { flex-direction: column; align-items: center; margin-bottom: 60px; } /* display items sec */ /* lunch-items-selection */ .notice-bar { padding: 0px 20px; } .notic-content { flex-direction: column; gap: 10px; } .notic-content h5 { width: 100%; } .monday-about { flex-direction: column; gap: 20px; } .my-child-button { width: 300px; } .my-child-button label { font-size: 15px; } .selected-items-bar { padding: 20px 20px; } .sl-back { margin-bottom: 20px; } .inn-out-choice h6 { font-size: 20px; } .inn-out-choice p { font-size: 18px; } /* lunch-items selection end */ /* dashboard-responsive */ .main-section { padding: 0px 20px; } .dashboard-body { overflow-y: auto; } /* sidebar */ .cls-btn { opacity: 1; display: block; } .l-sidebar.active { left: 0%; width: 300px; position: fixed; transition: 0.5s all ease-in-out; padding: 0px 20px 30px 20px; box-shadow: rgb(0 0 0 / 20%) 0px 0px 12px; } .l-sidebar { z-index: 1; width: 0%; left: -100%; overflow: hidden; position: fixed; transition: 0.5s all ease-in-out; } .cls-button { display: flex; justify-content: flex-end; padding: 20px 0px; } .cls-btn { background-color: transparent; border: 0; outline: 0; color: #339068; } .side-bar-links .nav-link { padding: 0px; } .logo__txt img { width: 150px; } .logo__txt { text-align: left; padding: 0px; } .sd-logo { display: flex; justify-content: space-between; align-items: center; padding: 30px 20px; } .nav-link { padding: 20px 20px; font-size: 16px; } .layout-main { padding: 0px 0px 0px 0px; } .ham { display: block; } .header_sec .hamburger .line { background-color: orange; } .header_sec .hamburger { margin-bottom: 0px; } .header_sec { padding: 50px 0px; } /* sidebar end */ .save-button { flex-direction: column; justify-content: center; align-items: center; } /* dashboard-responsive */ /* wizard */ #progressbar { display: none; } #msform fieldset { padding: 20px 20px; } #msform { margin-right: 0px; } .basic-head h4 { font-size: 30px; line-height: 40px; } .wizard-input-field label { font-size: 15px; } .selct-vendor { flex-direction: column; align-items: flex-start; gap: 30px; } .signature-fields input { width: 100%; } .back-button { margin-bottom: 15px; text-align: center; } .next-button.txt-end { text-align: center; } .checkbox-flex.pt-2.pb-2 { flex-direction: column; align-items: flex-start; gap: 25px; } .w9-form-container h5 { font-size: 20px; } .widht { width: 100%; } .or-text { text-align: center; margin-bottom: 15px; } .mainbutton { margin-top: 30px; } .next-button .mainbutton { margin-top: 0px; } /* wizard end */ /* home page change */ .process-thumb { position: initial; width: 100%; } /* home page change end */ /* wizard- change */ /* wizard change end */ } @media only screen and (min-width: 768px) and (max-width: 991px) { .dr-main { flex-direction: column; } .cal-header { padding: 20px 20px; } .navbar-brand { width: 60px; } .banner-sec { padding: 0px 20px; } .left-bg { display: none; } .for-mobile-responsive { display: none; } .for-mobile-screens { display: flex; } .for-mobile-screens { display: flex; padding: 30px 0px; } .lg-order { border: 1px solid #2a8b61; color: #2a8b60 !important; } .welcome-head { width: 100%; margin-top: 250px; } .welcome-head h4 { font-size: 18px; } .welcome-head h2 { line-height: 35px; font-size: 30px; } .welcome-head p { width: 100%; } .banner-sec { padding: 0px 20px; display: flex; flex-direction: column; height: auto; gap: 40px; } .students-bg { position: relative; width: 100%; } .mob-1 { display: block; } .dsk-1 { display: none; } .s-after { right: 40px; top: 3%; width: 15%; } .start-order-btn { width: 200px; font-size: 15px; } .right-bg { width: 72%; } .ht-lunch-head h3 { font-size: 30px; line-height: 35px; } .ht-lunch-head p { font-size: 15px; } .footer-main { padding: 0px 20px; } .cougar-sec { padding: 160px 20px; } .process-left h3 { font-size: 30px; } .process-card { padding: 50px 30px 0px; } .process-left { margin-bottom: 35px; } .process-sec { padding: 80px 0px 40px; } .view-lnch-btn { width: 270px; font-size: 15px; } .ht-right-bg { display: none; } .hot-lunch-sec { padding: 60px 20px 0px; } .ht-thumb { margin-bottom: 35px; } .reverse { flex-direction: column-reverse; } .ccpa-event-head h3 { font-size: 30px; } .ccpa-event-head p { font-size: 15px; } .event-content p { width: 100%; } .associate-content h5 { font-size: 30px; } .spc-content { padding-left: 20px; padding-top: 20px; } .event-sec { padding: 60px 0px 0px; } .spc-content h4 { line-height: 45px; font-size: 25px; } .associate-dec-thumb img { width: 26%; } .associate-dec-thumb { padding: 53px 0px 0px; } .event-card { margin: 35px 10px 35px; } .cougar-sec { padding: 60px 20px; } .cg-bg { display: none; } .cg-right { position: absolute; top: -70px; right: 20px; width: 10%; } .botiq-content p { width: 100%; } .botiq-sec { margin: 50px 0px 0px; } .scp-bottom img { width: 10%; } .scp-bottom { margin-left: 0; } .as-card-main { gap: 0; } .event-card { margin: 20px 10px 20px; } .botiq-content h4 { font-size: 25px; margin-top: 25px; } .footer-links:not(.social-links) { margin-bottom: 30px; } .footer-logo-card { margin-bottom: 30px; } .footer-content p { width: 100%; } .btn-close { box-shadow: unset !important; outline: 0 !important; } .login-button .lg-order { border: 1px solid #fff; color: #fff !important; } .lgs-header { padding: 20px 20px; } .cc-head p { width: 100%; font-size: 15px; } /* feedback form */ .checkbox-main { flex-direction: column; gap: 20px; } .feedback-banner { padding: 300px 20px 300px; background-position: center; margin: 120px 0px 0px; } .f-banner-head h2 { font-size: 35px; } .qcs-head h3 { font-size: 35px; } /* event-page */ .dc-main { gap: 15px; } .time-date-loc { flex-direction: column; gap: 10px; margin-top: 15px; } .timeline-thumb { margin-bottom: 20px; } .time-date-loc { flex-direction: column; gap: 10px; } .ev-title h5 { font-size: 15px; } .ev-ce-details { font-size: 15px; } .search-bar { margin-bottom: 30px; } .sort-by { display: flex; justify-content: center; } .sort-btn { width: 70%; } .sorted-buttons { flex-direction: column; } .srt-event-btn { width: 60%; font-size: 15px; } .sorted-buttons { flex-direction: column; align-items: center; justify-content: center; } .rg-btn { font-size: 15px; } .direction-content { overflow-y: unset; height: unset; } .direction-content { margin-bottom: 80px; } .load-more-btn { padding: 20px 0px; font-size: 15px; } .srt-event-btn { display: none; } .sorted-buttons.slide-down .srt-event-btn { display: block; } /* event page end */ /* event detial page */ .event-detail-sec { padding: 100px 20px; } .tdo-main { flex-direction: column; justify-content: center; gap: 20px; align-items: center; } .ffc-head h3 { font-size: 30px; margin-bottom: 20px; } .rgs-main { flex-direction: column; } .fr-1 { width: 100%; } .fr-2 { width: 100%; flex-direction: column; } .continue-add { /* flex-direction: column; */ align-items: flex-end; } .continue-btn { font-size: 15px; } .add-person { font-size: 15px; } .rg-card { padding: 65px 30px 35px; } .subtotal h5 { font-size: 22px; } .re-main-head h3 { font-size: 30px; } .re-head h5 { font-size: 20px; } .re-head p { font-size: 15px; } .re-card { margin-bottom: 20px; } .view-all-evd { padding: 50px 0px 0px; } .ev-map-loc { padding: 20px 0px 50px; } /* event detial page end */ .rmd-body { padding: 30px; } .thank-cont h4 { font-size: 30px; } /* checkout-1 */ .cart-buttons { flex-direction: column; justify-content: center; gap: 20px; } .cart-buttons { flex-direction: column; justify-content: center; gap: 20px; margin-bottom: 60px; } .card-div-heading h3 { font-size: 30px; margin-bottom: 25px; } .card-div-heading { padding: 0px 30px; } .cart-div-items-main { padding: 0 30px; } .cart-div-items { flex-direction: column; gap: 15px; padding: 20px 0px; } .cart-school-directories { flex-direction: column; gap: 20px; align-items: flex-start; padding: 30px 30px; } .cart-div-items-img { flex-direction: column; gap: 20px; } .items-img-text h5 { font-size: 18px; margin-bottom: 15px; } .items-img-text p { font-size: 15px; } .cart-div-items span { font-size: 15px; } .cart-div-size { padding: 30px 30px; } .size-text-div h5 { margin-bottom: 15px; } .size-text-div { margin-bottom: 25px; } .cart-div-total { padding: 30px 30px 0; } .cart-div-total h6 { font-size: 25px; } .cart-contribute-parties { flex-direction: column; } .contribution-field { display: flex; align-items: center; } .cart-contribute-parties { padding: 30px 30px; } .cart-contribute-parties h5 { margin-bottom: 20px; } .cart-annual-dues { padding: 30px 30px; } .cart-annual-dues p { font-size: 15px; } .cart-div-size .radio-boxes { flex-direction: row; flex-wrap: wrap; } .cart-right { padding: 50px 30px 30px; } .summary-items { /* flex-direction: column; */ gap: 8px; } .summary-item-div h6 { font-size: 18px; } .summary-item-div-total span { font-size: 20px; } .bck-paid { margin-bottom: 60px; } /* checkout-1 end */ /* display items sec */ .sci-card-main { flex-direction: column; } .sci-card { flex-direction: column; } .sci-card-main { border-radius: 40px; gap: 20px; } .sc-cost { font-size: 20px; } .sifj-head h5 { font-size: 20px; } .add-back-sibling { flex-direction: column; align-items: center; } .add-back-sibling button { width: 50%; } /* display items sec */ /* lunch-items-selection */ .notice-bar { padding: 0px 20px; } .notic-content { flex-direction: column; gap: 10px; } .notic-content h5 { width: 100%; } .monday-about { flex-direction: column; gap: 20px; } .my-child-button { width: 300px; } .my-child-button label { font-size: 15px; } .selected-items-bar { padding: 20px 20px; } .sl-back { margin-bottom: 20px; } .inn-out-choice h6 { font-size: 20px; } .inn-out-choice p { font-size: 18px; } .whole-lunch-pr .mn-content { min-height: 225px; } /* lunch-items selection end */ /* dashboard-responsive */ .main-section { padding: 0px 20px; } .dashboard-body { overflow-y: auto; } /* sidebar */ .cls-btn { opacity: 1; display: block; } .l-sidebar.active { left: 0%; width: 300px; position: fixed; transition: 0.5s all ease-in-out; padding: 0px 20px 30px 20px; box-shadow: rgb(0 0 0 / 20%) 0px 0px 12px; } .l-sidebar { z-index: 1; width: 0%; left: -100%; overflow: hidden; position: fixed; transition: 0.5s all ease-in-out; } .cls-button { display: flex; justify-content: flex-end; padding: 20px 0px; } .cls-btn { background-color: transparent; border: 0; outline: 0; color: #339068; } .side-bar-links .nav-link { padding: 0px; } .logo__txt img { width: 150px; } .logo__txt { text-align: left; padding: 0px; } .sd-logo { display: flex; justify-content: space-between; align-items: center; padding: 30px 20px; } .nav-link { padding: 20px 20px; font-size: 16px; } .layout-main { padding: 0px 0px 0px 0px; } .ham { display: block; } .header_sec .hamburger .line { background-color: orange; } .header_sec .hamburger { margin-bottom: 0px; } .header_sec { padding: 50px 0px; } /* sidebar end */ .save-button { flex-direction: column; justify-content: center; align-items: center; } /* dashboard-responsive */ /* wizard */ #progressbar { display: none; } #msform fieldset { padding: 20px 20px; } #msform { margin-right: 0px; } .basic-head h4 { font-size: 30px; line-height: 40px; } .wizard-input-field label { font-size: 15px; } .selct-vendor { flex-direction: column; align-items: flex-start; gap: 30px; } .signature-fields input { width: 100%; } .back-button { margin-bottom: 15px; } /* .next-button.txt-end { text-align: center; } */ .checkbox-flex.pt-2.pb-2 { flex-direction: column; align-items: flex-start; gap: 25px; } .basic-head { margin-bottom: 30px; } .w9-form-container h5 { font-size: 20px; } .widht { width: 9%; } .or-text { text-align: center; margin-bottom: 15px; } .mainbutton { margin-top: 30px; } .bdr-table thead tr th { padding: 15px 30px; font-size: 15px; } /* wizard end */ /* home page change */ .process-thumb { position: initial; width: 100%; } /* home page change end */ .wizard-tabs-sec { height: 115vh; } .flex-rw .row { gap: 15px 0px; } } @media only screen and (max-width: 991px) { .tab-buttons { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; scroll-snap-type: x mandatory; padding: 15px 0; width: 95%; } .grid-container { flex-direction: column; margin-bottom: 20px; } .tab-buttons { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; scroll-snap-type: x mandatory; padding: 15px 0; width: 95%; justify-content: flex-start; } .tab-button .tbs-hd::after { bottom: -15px; } .lunch-des h4 { font-size: 28px; } .lunch-des p { font-size: 15px; } .item-card-thumb { display: flex; justify-content: center; margin-top: unset; margin-bottom: unset; flex-shrink: 0; align-items: center; } .item-card-thumb img { width: 84px; height: 84px; } .item-card { background-color: transparent; border: none; border-radius: unset; position: relative; margin-bottom: 0px; display: flex; width: 100%; } .item-card-content h4 { font-size: 14px; font-family: "Roboto-Regular"; color: #000000; width: 70%; } /* top: 0; */ /* transform: translateX(40px); another option */ /* .item-card-overlay { width: calc(100% - 10%); position: absolute; background-color: #F3F3F3; z-index: -1; height: 97%; right: 0; border-radius: 10px; border: 1px solid #C3C2C2; } */ .item-card-content { padding: 13px 18px 13px; } .day-hd { margin-bottom: 40px; } /* .addcrt-btn { right: 20px; bottom: 30px; position: absolute; } */ .price-addcart { padding: 9px 0px; } .item-card-content .tip-btn:not(.lnvm-more) { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; /* max-height: 3em; */ } .day-double { margin-bottom: 80px; } .tab-button { pointer-events: none; } } @media only screen and (max-width: 1199px) { .sgm-grid-main { flex-direction: column; } .hidmob { display: none; } .hidshow { display: flex; flex-direction: column-reverse; gap: 15px; } .cart-buttons a { font-size: 15px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .cal-header { padding: 0px 20px; } .f-header { padding: 15px 20px; } .navbar-brand img { width: 70px; } .nav-parent .nav-link { font-size: 14px; } .vertical-spacing { gap: 20px; } .event-slider .slick-next { right: -25px; } .event-slider .slick-prev { left: -25px; } .right-bg { width: 35%; } .lg-order { font-size: 14px; } .login-signup { gap: 15px; } .left-bg { height: 100%; } .left-bg img { max-width: unset; width: 93%; height: 100%; } .banner-sec { padding: 0px 20px; } .welcome-head h4 { font-size: 18px; } .welcome-head { width: 80%; } .welcome-head h2 { font-size: 50px; line-height: 50px; width: 55%; } .welcome-head p { font-size: 15px; } .vertical-center { justify-content: flex-start; align-items: flex-start; } .students-bg { width: 58%; } .welcome-head p { width: 55%; } .learn-more-btn { font-size: 15px; } .s-after { top: 45%; right: 107px; width: 10%; } .process-left h3 { font-size: 27px; } .process-left p { font-size: 15px; } .start-order-btn { font-size: 15px; } .hot-lunch-sec { padding: 60px 20px 50px; } .ht-lunch-head p { font-size: 15px; width: 80%; } .ht-left { left: -60px; } .ht-right-bg { top: -28px; width: 484px; right: -92px; } .event-content h4 { font-size: 22px; } .event-content p { font-size: 15px; } /*.event-card { min-height: 475px; }*/ .ccpa-event-head h3 { font-size: 40px; } .spc-content h4 { font-size: 27px; line-height: 40px; } .school-parent-association { margin: 80px 0px; } .associate-content h5 { font-size: 26px; } .cougar-sec { padding: 160px 20px; } .gp-cus { gap: unset; } .cougar-head { padding-left: 50px; } .view-lnch-btn { font-size: 15px; } .cg-bg { left: -92px; top: -50px; width: 484px; } .cg-right { top: -101px; right: 12px; width: 15%; } .associate-dec-thumb img { width: 118px; } .scp-bottom img { width: 90px; } .scp-bottom { margin-left: -17px; } .school-parent-thumb { margin-top: -160px; } .botiq-content h4 { font-size: 30px; } .botiq-content p { font-size: 15px; } .register-btn { font-size: 15px; } .footer-main { padding: 0px 20px; } .botiq-sec { margin: 80px 0px 0px !important; } .cc-head p { width: 90%; } /* feedback page */ .feedback-banner { margin: 110px 0px 0px; } /* feedback page */ /* events page */ .dc-main { gap: 20px; } .time-date-loc { gap: 20px; } .feedback-banner { padding: 300px 20px 300px; } /* events page end */ /* event-detail page */ .event-detail-sec { padding: 100px 20px; } .tdo-head p { font-size: 15px; } .tdo-head { width: auto; } .rg-card { padding: 65px 30px 35px; } .re-head h5 { font-size: 20px; } .re-head p { font-size: 15px; } .re-head span { font-size: 14px; } .rg-btn { font-size: 16px; } .rgs-field input { font-size: 14px; } .rgs-field select { font-size: 14px; } /* event-detial page end */ /* checkout */ .bnd-fields2 input { width: 44%; } /* checkout */ /* checkout 1 */ .cart-right { margin-top: 60px; } .checkout-sec .summary-items span:last-child { justify-content: right; } .checkout-sec .summary-items span { width: 50%; display: flex; } /* checkout 1 end */ /* lunch-items-selection */ .whole-lunch-pr .mn-content { min-height: 225px; } .notice-bar { padding: 20px 20px; } .notic-content { gap: 10px; } .notic-content h5 { width: 50%; } .selected-items-bar { padding: 20px 20px; } /* lunch-items-selection */ /* dashboard-responsive */ .main-section { padding: 0px 20px; } .dashboard-body { overflow-y: auto; } /* sidebar */ .cls-btn { opacity: 1; display: block; } .l-sidebar.active { left: 0%; width: 300px; position: fixed; transition: 0.5s all ease-in-out; padding: 0px 20px 30px 20px; box-shadow: rgb(0 0 0 / 20%) 0px 0px 12px; } .l-sidebar { z-index: 1; width: 0%; left: -100%; overflow: hidden; position: fixed; transition: 0.5s all ease-in-out; } .cls-button { display: flex; justify-content: flex-end; padding: 20px 0px; } .cls-btn { background-color: transparent; border: 0; outline: 0; color: #339068; } .side-bar-links .nav-link { padding: 0px; } .logo__txt img { width: 150px; } .logo__txt { text-align: left; padding: 0px; } .sd-logo { display: flex; justify-content: space-between; align-items: center; padding: 30px 20px; } .nav-link { padding: 20px 20px; font-size: 16px; } .layout-main { padding: 0px 0px 0px 0px; } .ham { display: block; } .header_sec .hamburger { margin-bottom: 0px; } .header_sec { padding: 50px 0px; } /* sidebar end */ .save-button { flex-direction: column; justify-content: center; align-items: center; } /* dashboard-responsive */ /* wizard */ .checkbox-flex { flex-wrap: wrap; gap: 10px; } .widht { width: 7%; } .liability .signature-fields input { width: 100%; } #progressbar li { font-size: 15px; } .checkbox-flex { justify-content: unset; } /* wizard end */ /* home page change */ .process-card { padding: 70px 50px; } /* home page change end */ /* new pages */ .tbs-hd h4 { font-size: 22px; } .grid-container { flex-wrap: wrap; } .item-card { flex-shrink: 0; } /* new pages */ } @media only screen and (min-width: 1200px) and (max-width: 1259px) { .cal-header { padding: 0px 60px; } .nav-parent .nav-link { font-size: 14px; } .vertical-spacing { gap: 20px; width: 83%; } .event-slider .slick-next { right: -65px; } .event-slider .slick-prev { left: -65px; } .right-bg { width: 35%; } .lg-order { font-size: 14px; } .login-signup { gap: 15px; } .left-bg { height: 100%; } .left-bg img { max-width: unset; width: 93%; height: 100%; } .banner-sec { padding: 0px 60px; } .welcome-head h4 { font-size: 18px; } .welcome-head { width: 80%; } .welcome-head h2 { font-size: 49px; line-height: 45px; width: 50%; } .welcome-head p { font-size: 15px; } .vertical-center { justify-content: center; align-items: center; } .students-bg { width: 58%; } .welcome-head p { width: 45%; } .learn-more-btn { font-size: 15px; } .s-after { top: 40%; right: 150px; } .process-left h3 { font-size: 27px; } .process-left p { font-size: 15px; } .start-order-btn { font-size: 15px; } .hot-lunch-sec { padding: 110px 60px 110px; } .ht-lunch-head p { font-size: 15px; width: 90%; } .ht-left { left: -74px; } .ht-right-bg { top: -28px; width: 565px; right: -142px; } .event-content h4 { font-size: 22px; } .event-content p { font-size: 15px; } /*.event-card { min-height: 475px; }*/ .ccpa-event-head h3 { font-size: 40px; } .spc-content h4 { font-size: 27px; line-height: 40px; } .school-parent-association { margin: 80px 0px; } .associate-content h5 { font-size: 26px; } .cougar-sec { padding: 160px 60px; } .gp-cus { gap: unset; } .cougar-head { padding-left: 50px; } .view-lnch-btn { font-size: 15px; } .cg-bg { left: -170px; top: -70px; width: 585px; } .cg-right { top: -101px; right: 12px; width: 19%; } .associate-dec-thumb img { width: 118px; } .scp-bottom img { width: 90px; } .scp-bottom { margin-left: -17px; } .botiq-content h4 { font-size: 30px; } .botiq-content p { font-size: 15px; } .register-btn { font-size: 15px; } .footer-main { padding: 0px 60px; } .botiq-sec { margin: 80px 0px 0px !important; } /* feedback page */ /* events page */ /* .dc-main { gap: 20px; } .time-date-loc { gap: 20px; } */ .feedback-banner { padding: 300px 60px 300px; margin: 120px 0px 0px; } /* events page end */ /* event-detail page */ .event-detail-sec { padding: 100px 20px; } .fr-1 { width: 35%; } .fr-2 { width: 65%; } .rg-card { padding: 65px 30px 35px; } .rgs-field input { font-size: 14px; } .rgs-field select { font-size: 14px; } .subtotal h5 { font-size: 22px; } /* event-detial page end */ /* checkout 1 */ .summary-items span { width: 60%; display: flex; justify-content: right; } /* chckout 1 */ /* lunch-items-selection */ .notice-bar { padding: 20px 60px; } .notic-content { gap: 10px; } .notic-content h5 { width: 50%; } .selected-items-bar { padding: 20px 60px; } /* lunch-items-selection */ /* dashboard-responsive */ .main-section { padding: 0px 60px; } /* dashboard-responsive */ /* new pages */ .tbs-hd h4 { font-size: 22px; } .grid-container { flex-wrap: wrap; } .item-card { flex-shrink: 0; } /* new pages */ } @media only screen and (min-width: 1260px) and (max-width: 1365px) { .cal-header { padding: 0px 60px; } .f-header { padding: 15px 60px; } .nav-parent .nav-link { font-size: 14px; } .vertical-spacing { gap: 20px; width: 83%; } .event-slider .slick-next { right: -65px; } .event-slider .slick-prev { left: -65px; } .right-bg { width: 35%; } .lg-order { font-size: 14px; } .login-signup { gap: 15px; } .left-bg { height: 100%; } .left-bg img { max-width: unset; width: 93%; height: 100%; } .banner-sec { padding: 0px 60px; } .welcome-head h4 { font-size: 18px; } .welcome-head { width: 80%; } .welcome-head h2 { font-size: 49px; line-height: 55px; width: 40%; } .welcome-head p { font-size: 15px; } .vertical-center { justify-content: center; align-items: center; } .students-bg { width: 58%; } .welcome-head p { width: 45%; } .learn-more-btn { font-size: 15px; } .s-after { top: 40%; right: 150px; } .process-left h3 { font-size: 27px; } .process-left p { font-size: 15px; } .start-order-btn { font-size: 15px; } .hot-lunch-sec { padding: 110px 60px 110px; } .ht-lunch-head p { font-size: 15px; width: 90%; } .ht-left { left: -74px; } .ht-right-bg { top: -28px; width: 565px; right: -142px; } .event-content h4 { font-size: 22px; } .event-content p { font-size: 15px; } /*.event-card { min-height: 475px; }*/ .ccpa-event-head h3 { font-size: 40px; } .spc-content h4 { font-size: 27px; line-height: 40px; } .school-parent-association { margin: 80px 0px; } .associate-content h5 { font-size: 26px; } .cougar-sec { padding: 160px 60px; } .gp-cus { gap: unset; } .cougar-head { padding-left: 50px; } .view-lnch-btn { font-size: 15px; } .cg-bg { left: -170px; top: -70px; width: 585px; } .cg-right { top: -101px; right: 12px; width: 19%; } .associate-dec-thumb img { width: 118px; } .scp-bottom img { width: 90px; } .scp-bottom { margin-left: -17px; } .botiq-content h4 { font-size: 30px; } .botiq-content p { font-size: 15px; } .register-btn { font-size: 15px; } .footer-main { padding: 0px 60px; } .botiq-sec { margin: 80px 0px 0px !important; } /* feedback page */ .feedback-banner { margin: 130px 0px 0px; } .feedback-banner { padding: 300px 60px 300px; } /* feedback page */ /* event-detail page */ .event-detail-sec { padding: 100px 60px; } .fr-1 { width: 35%; } .fr-2 { width: 65%; } .rg-card { padding: 65px 30px 35px; } .rgs-field input { font-size: 14px; } .rgs-field select { font-size: 14px; } .subtotal h5 { font-size: 22px; } /* event-detial page end */ /* checkout 1 */ .summary-items span { width: 60%; display: flex; justify-content: right; } .summary-items span:last-child { text-align: right; width: 40%; } /* chckout 1 */ /* lunch-items-selection */ .notice-bar { padding: 20px 60px; } .notic-content { gap: 10px; } .notic-content h5 { width: 40%; } .selected-items-bar { padding: 20px 60px; } /* lunch-items-selection */ /* lunch-items-selection */ /* dashboard-responsive */ .main-section { padding: 0px 60px; } /* dashboard-responsive */ /* new pages */ .tbs-hd h4 { font-size: 22px; } /* new pages */ } @media only screen and (min-width: 1366px) and (max-width: 1439px) { .cal-header { padding: 0px 80px; } .f-header { padding: 15px 80px !important; } .nav-parent .nav-link { font-size: 14px; } .vertical-spacing { gap: 20px; width: 83%; } .event-slider .slick-next { right: -65px; } .event-slider .slick-prev { left: -65px; } .right-bg { width: 35%; } .lg-order { font-size: 14px; } .login-signup { gap: 15px; } .left-bg { height: 100%; } .left-bg img { max-width: unset; width: 93%; height: 100%; } .banner-sec { padding: 0px 80px; /* margin: 250px 0px 150px; */ } .welcome-head h4 { font-size: 18px; } .welcome-head { width: 80%; } .welcome-head h2 { font-size: 49px; line-height: 50px; width: 40%; } .welcome-head p { font-size: 15px; } .vertical-center { justify-content: center; align-items: center; } .students-bg { width: 58%; } .welcome-head p { width: 45%; } .learn-more-btn { font-size: 15px; } .s-after { top: 40%; right: 150px; } .process-left h3 { font-size: 27px; } .process-left p { font-size: 15px; } .start-order-btn { font-size: 15px; } .hot-lunch-sec { padding: 140px 60px 140px; } .ht-lunch-head p { font-size: 15px; width: 90%; } .ht-left { left: -74px; } .ht-right-bg { top: -28px; width: 635px; right: -142px; } .event-content h4 { font-size: 22px; } .event-content p { font-size: 15px; } /*.event-card { min-height: 475px; }*/ .ccpa-event-head h3 { font-size: 40px; } .spc-content h4 { font-size: 27px; line-height: 40px; } .school-parent-association { margin: 80px 0px; } .associate-content h5 { font-size: 26px; } .cougar-sec { padding: 160px 60px; } .gp-cus { gap: unset; } .cougar-head { padding-left: 50px; } .view-lnch-btn { font-size: 15px; } .cg-bg { left: -210px; top: -80px; width: 653px; } .cg-right { top: -101px; right: 12px; width: 19%; } .associate-dec-thumb img { width: 118px; } .scp-bottom img { width: 90px; } .scp-bottom { margin-left: -17px; } .botiq-content h4 { font-size: 30px; } .botiq-content p { font-size: 15px; } .register-btn { font-size: 15px; } .footer-main { padding: 0px 60px; } .botiq-sec { margin: 80px 0px 0px !important; } /* feedback page */ .feedback-banner { margin: 130px 0px 0px; } /* event-detail page */ .event-detail-sec { padding: 100px 80px; } .fr-1 { width: 35%; } .fr-2 { width: 65%; } .rg-card { padding: 65px 30px 35px; } .rgs-field input { font-size: 14px; } .rgs-field select { font-size: 14px; } .subtotal h5 { font-size: 22px; } /* event-detial page end */ /* feedback page */ /* checkout 1 */ .summary-items span { width: 60%; display: flex; justify-content: right; } .summary-items span:last-child { text-align: right; width: 40%; } /* chckout 1 */ /* lunch-items-selection */ .notice-bar { padding: 20px 80px; } .notic-content { gap: 10px; } .notic-content h5 { width: 40%; } .selected-items-bar { padding: 20px 80px; } /* lunch-items-selection */ /* dashboard-responsive */ .main-section { padding: 0px 80px; } /* dashboard-responsive */ /* new pages */ .tbs-hd h4 { font-size: 22px; } /* new pages */ } @media only screen and (min-width: 1440px) and (max-width: 1599px) { .cal-header { padding: 0px 100px; } .f-header { padding: 15px 100px !important; } .nav-parent .nav-link { font-size: 14px; } .vertical-spacing { gap: 20px; width: 83%; } .event-slider .slick-next { right: -65px; } .event-slider .slick-prev { left: -65px; } .right-bg { width: 35%; } .lg-order { font-size: 14px; } .login-signup { gap: 15px; } .left-bg { height: 100%; } .left-bg img { max-width: unset; width: 93%; height: 100%; } .banner-sec { padding: 0px 100px; } .welcome-head h4 { font-size: 18px; } .process-sec { padding: 140px 0px 100px; } .welcome-head { width: 80%; } .welcome-head h2 { font-size: 49px; line-height: 50px; width: 38%; } .welcome-head p { font-size: 15px; } .vertical-center { justify-content: center; align-items: center; } .students-bg { width: 58%; } .welcome-head p { width: 45%; } .learn-more-btn { font-size: 15px; } .s-after { top: 40%; right: 150px; } .process-left h3 { font-size: 27px; } .process-left p { font-size: 15px; } .start-order-btn { font-size: 15px; } .hot-lunch-sec { padding: 140px 60px 140px; } .ht-lunch-head p { font-size: 15px; width: 90%; } .ht-left { left: -74px; } .ht-right-bg { top: -28px; width: 660px; right: -148px; } .event-content h4 { font-size: 22px; } .event-content p { font-size: 15px; } /*.event-card { min-height: 475px; }*/ .ccpa-event-head h3 { font-size: 40px; } .spc-content h4 { font-size: 27px; line-height: 40px; } .school-parent-association { margin: 80px 0px; } .associate-content h5 { font-size: 26px; } .cougar-sec { padding: 160px 60px; } .gp-cus { gap: unset; } .cougar-head { padding-left: 50px; } .view-lnch-btn { font-size: 15px; } .cg-bg { left: -285px; top: -80px; width: 703px; } .cg-right { top: -101px; right: 12px; width: 19%; } .associate-dec-thumb img { width: 118px; } .scp-bottom img { width: 90px; } .scp-bottom { margin-left: -17px; } .botiq-content h4 { font-size: 30px; } .botiq-content p { font-size: 15px; } .register-btn { font-size: 15px; } .footer-main { padding: 0px 60px; } .botiq-sec { margin: 80px 0px 0px !important; } /* feedback page */ .feedback-banner { margin: 130px 0px 0px; } .feedback-banner { padding: 300px 100px 300px; } /* feedback page */ /* event-detail page */ .event-detail-sec { padding: 100px 100px; } .fr-1 { width: 35%; } .fr-2 { width: 65%; } .rg-card { padding: 65px 30px 35px; } .rgs-field input { font-size: 14px; } .rgs-field select { font-size: 14px; } .subtotal h5 { font-size: 22px; } /* event-detial page end */ /* lunch-items-selection */ .notice-bar { padding: 20px 100px; } .notic-content { gap: 10px; } .notic-content h5 { width: 40%; } .selected-items-bar { padding: 20px 100px; } /* lunch-items-selection */ /* dashboard-responsive */ .main-section { padding: 0px 100px; } /* dashboard-responsive */ /* home page change */ .process-thumb { width: 58%; } /* home page change end */ } @media only screen and (min-width: 1600px) and (max-width: 1900px) { .cal-header { padding: 0px 120px; } .welcome-head h2 { width: 48%; } .f-header { padding: 20px 120px; } .nav-parent .nav-link { font-size: 18px; } .vertical-spacing { gap: 20px; width: 83%; } .right-bg { width: 35%; } .left-bg { height: 100%; } .left-bg img { max-width: unset; width: 93%; height: 100%; } .banner-sec { padding: 0px 120px; } .process-sec { padding: 220px 0px 100px; } .welcome-head { width: 80%; } .vertical-center { justify-content: center; align-items: center; } .students-bg { width: 58%; } .welcome-head p { width: 45%; } .s-after { top: 34%; right: 157px; } .process-left p { font-size: 18px; } .start-order-btn { font-size: 15px; } .ht-left { left: -80px; } .ht-right-bg { top: -35px; width: 700px; right: -210px; } .school-parent-association { margin: 80px 0px; } .cougar-sec { padding: 160px 60px; } .gp-cus { gap: unset; } .cougar-head { padding-left: 50px; } .view-lnch-btn { font-size: 15px; } .cg-bg { left: -285px; top: -80px; width: 760px; } .cg-right { top: -105px; right: 12px; width: 17%; } .associate-dec-thumb img { width: 118px; } .scp-bottom img { width: 90px; } .scp-bottom { margin-left: -17px; } .footer-main { padding: 0px 60px; } .botiq-sec { margin: 80px 0px 0px !important; } /* feedback page */ /* feedback page */ /* lunch-items-selection */ .notic-content h5 { width: 32%; } /* lunch-items-selection end */ } @media only screen and (min-width: 1680px) and (max-width: 1919px) { .s-after { top: 40%; right: 167px; } .ht-right-bg { top: -35px; width: 735px; right: -220px; } .right-bg { width: unset; } .right-bg img { width: 100%; } .students-bg { bottom: -60px; } } @media only screen and (min-width: 1800px) and (max-width: 1900px) { .welcome-head h2 { width: 40% !important; } } @media only screen and (min-width: 2560px) { .banner-sec { display: flex; align-items: center; height: 100vh; justify-content: center; /* margin: 0px 0px 250px; */ } .students-bg { bottom: 55px; } .ht-left { left: 260px; } .cg-right { top: -151px; right: 390px; } .right-bg { width: 30%; } .nav-parent .nav-link { font-size: 20px; } .navbar-brand img { width: 100px; } /* feedback page */ .feedback-banner { margin: 210px 0px 0px; } .f-header { padding: 20px 120px; } /* feedback page */ } .dr-main li { list-style: none; } .dr-main .dropdown-toggle { color: #fff; display: flex; align-items: center; text-decoration: none; gap: 10px; font-family: "RobotoSlab-Bold"; } .dr-main .dropdown-toggle::after { display: none; } .profile-dropdown .dropdown-toggle i { font-size: 12px; } .profile-drop-header { padding: 10px 30px 10px; display: flex; gap: 10px; align-items: center; } .profile-dropdown .dropdown-menu { min-width: 300px; transform: translate(-170px, 20px); border-radius: 10px; border: 1px solid #88849b; box-shadow: 1px 0px 17px 0px rgb(0 0 0 / 15%); } .profile-user-thumb i { color: #2a8b61; font-size: 40px; } .profile-user-content h6 { color: #88849b; font-family: "Roboto-Regular"; margin: 0; font-size: 16px; } .profile-user-content p { color: #88849b; font-family: "Roboto-Regular"; margin: 0; font-size: 14px; } .bdr-top1 { border-top: 1px solid #88849b; padding-top: 5px; margin-top: 5px; padding-bottom: 0; } .drop-header { border-bottom: 1px solid #88849b; } .profile-dropdown .dropdown-item { padding: 10px 30px; color: #88849b; font-family: "Roboto-Regular"; font-size: 16px; font-weight: 400; } .for-mobile-screens .dropdown-toggle { color: #2a8b61; } .od-txt { font-family: "RobotoSlab-Bold"; color: #fff !important; text-decoration: none; position: relative; font-size: 16px; } .od-txt::after { content: ""; position: absolute; top: 0; right: -11px; width: 1px; height: 22px; background-color: #fff; } .for-mobile-screens .od-txt { color: #2a8b61 !important; } .for-mobile-screens .od-txt::after { display: none; } .event-img { width: 476px; height: 302px; }
| ver. 1.4 |
Github
|
.
| PHP 8.1.29 | Генерация страницы: 0 |
proxy
|
phpinfo
|
Настройка