:root {
    --green: #51a684;
    --green-mid: #b2dbc9;
    --green-light: #e4f4ee;
    --yellow: #f6cd67;
    --black: #354e57;
    --font-reg: 'Neutraface Text Book';
    --font-demi: 'Neutraface Text Demi';
    --font-bold: 'Neutraface Text Bold';
}


.site-main {background-color: transparent;}
.text-yellow{color: var(--yellow);}
.text-black{color:rgb(53, 78, 87);}

.bg-white{background-color: #ffffff;}
.bg-green{background-color: var(--green);}

.text-demi{font-family: var(--font-demi);}
.text-bold{font-family: var(--font-bold);}

.text-size-medium{font-size: 18px;}

.border{margin-top: -16px;height: 16px;background: var(--yellow);border: none;margin-bottom: 60px;max-width: 100vw;}
.underline{text-decoration: underline;}

.button{font-family: var(--font-bold);}
.button.yellow{background: var(--yellow);border: 1px solid var(--yellow);color: var(--black);}
.button.yellow:hover, .button.yellow:active, .button.yellow:focus{background: #ffffff!important;color: var(--black);}
.button.transparent{background: transparent;border: 1px solid #ffffff; color: #fff;}
.button.transparent:hover{background: #ffffff; color: var(--black);}

/* Elements */
.elements .hearts{max-width: 100px;position: absolute;right: 50px;top: 25px;z-index: -9;}
.elements .korali{max-width: 100px;position: absolute;right: 50px;top: 100px;}
.elements .s{position: absolute;z-index: 0;bottom: 10px;}

/* User Form */
@keyframes blink {
    50% { border-color: var(--green); } 
 }
.user-form{position: relative;z-index: 99;border: 2px solid #ffffff;}
.blink{animation-name: blink;animation-duration: 1s;animation-iteration-count: 2;}

/* Header */
.header {background-color: transparent;}
.header-banner, .header-banner.guest, .header-banner.signed {background-position: left top;background-size: contain;padding: 35px 0;height: auto;margin-bottom: 0;}
.header-banner .header-container.guest {align-items: center;height: auto;}
#primary-menu{height: 100%;}
.menu-area{display: flex;justify-content: space-between;}
.menu-area .join-button{display: block;}
.page-template-contests .site-header .categories-submenu .container .category-button{padding: 15px 20px;width: auto;align-items: center;justify-content: center;display: flex;}
.join-button-container>.button{display: block;}

/* First Part */
.header-banner .header-container.guest .first-part {max-width: none;padding: 0 5% 0 15%;}
.header-banner .header-container.guest .first-part .text-container .header-title{font-family: var(--font-demi);}
.header-banner .header-container.guest .first-part .text-container .header-title span{color: var(--green);}

.header-banner.signed{display: flex;align-items: center;}
.header-banner .header-container.signed{flex-direction: column;justify-content: space-between;align-items: center;}
.header-banner .header-container.signed .awards-image{width: 50%;}
.header-banner .header-container.signed .text-container{width: 50%;padding: 20px 60px;font-family: var(--font-demi);text-align: center;}
.header-banner .header-container.signed .text-container .header-title{color: #4d4d4f;font-size: 28px;margin-bottom: 30px;}
.header-banner .header-container.signed .text-container .header-title span{color: var(--green);}
.header-banner .header-container.signed .text-container .header-subtitle{font-size: 20px;font-family: var(--font-reg);margin-bottom: 30px;}

/* Form */
.header-banner .header-container.guest .user-form-container .join-title {color: var(--green);padding-top: 0;text-align: center;max-width: none;}
.header-banner .header-container.guest .user-form-container{margin: 0;}


/* Prizes */
.prizes{background-color: var(--green-light);padding: 100px 0;position: relative;display: none;}
.prizes .prizes-container{position: relative;z-index: 10;padding: 0;}
.prizes-container .prizes-images{margin-bottom: 60px;}
.prizes .prizes-container .prizes-text{font-family: var(--font-bold);background-color: var(--green-mid);display: inline-block;padding: 12px 36px;border-radius: 50px;margin: 0;}
.prize{background-color: #ffffff;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;position: relative;max-width: 296px;}
.prize-count{position: absolute;top: 0;right: 0;background: var(--yellow);font-family: var(--font-bold);font-size: 30px;padding: 7px 15px 17px 17px;border-bottom-left-radius: 50%;min-width: 75px;}
.prize-position{font-family: var(--font-bold);font-size: 25px;margin: 20px 0 15px 0;}
.prize-description{background: var(--green);color: #fff;padding: 30px;font-family: var(--font-demi);font-size: 18px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;align-items: center;justify-content: center;display: flex;min-height: 97px;}
.prizes-container .prizes-images .prize-image{border-radius:0;box-shadow: none;overflow: hidden;max-width: none;margin: 0;margin: 10px 20px;}

/* About */
.about-wrapper{background-color: var(--green);}
.about-container .about-title{font-family: var(--font-bold);font-size: 32px;max-width: 600px;margin: 0 auto 60px;}
.about-container .about-subtitle{font-family: var(--font-demi);font-size: 22px;background: var(--green-mid);color: var(--black);max-width: 850px;padding: 20px 20px;border-radius: 50px;margin: 0 auto 60px auto;position: relative;}
.about-container .about-subtitle img{position: absolute;width: 52px;left: 10px;top: -16px;}
.about-container .about-bullets{flex-flow: nowrap;}
.about-container .about-bullets .bullet{flex-direction: column;color: var(--black);background: #fff;border-radius: 50px;justify-content: center;padding: 30px 40px;width: 28%;position: relative;font-size: 20px;text-align: center;}
.about-container .about-bullets .bullet a{color: var(--black);text-decoration: none;}
.about-container .about-bullets .bullet .number{background: var(--yellow);font-family: var(--font-bold);font-size: 59px;border-radius: 50%;width: 65px;height: 65px;margin-top: -45px;text-align: center;line-height: 1;position: absolute;top: 0;}
.about-container .about-bullets .bullet .step-icon{position: absolute;bottom: -23px;right: -10px;max-width: 60px;}

/* Categories */
#categories{background-color: var(--green-light);}
.categories-wrapper .categories-container{gap: 20px;}
.categories-wrapper .categories-container .category-wrapper{background: var(--yellow); width: 100%;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;}
.categories-wrapper .categories-container .category-wrapper .category{background-color: #fff;box-shadow: none;border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;position: relative;width: 100%;}
.categories-wrapper .categories-container .category-wrapper .category a{position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%;height: 100%;}
.categories-wrapper .categories-container .category-wrapper .category .image-container img{border-bottom-right-radius: 50px;}
.categories-wrapper .categories-container .category-wrapper .category .category-title{font-size: 24px; color: var(--black);}
.categories-wrapper .categories-container .category-wrapper .category .category-text{font-size: 20px; color: var(--black);}
.categories-wrapper .categories-container .category-wrapper .category-prize{padding: 30px 15px;}

.categories-wrapper .categories-title{font-size: 36px;}
.categories-wrapper .categories-subtitle{max-width: 850px;margin: 0 auto 60px auto;font-size: 22px;font-family: var(--font-demi);background: var(--green-mid);padding: 30px 50px;border-radius: 75px;position: relative;}
.categories-wrapper .categories-subtitle img{position: absolute;top: 0;left: 12px;width: 40px;}
.categories-wrapper .border{width: 400px;}

#participateModal .close{z-index: 999999;}

.contest-container>h2{margin-bottom: 30px;}
.contest-container .category2-title-hr{height: 10px;background: var(--green-mid);margin: -34px 0 20px 29px;border: none;}
.category-description-wrapper{font-family: var(--font-demi);font-size: 18px;padding: 0 2%;border-radius: 20px;}
.category-description{background-color: var(--green-light);padding: 18px 24px;border-radius: 20px;}

/* Categories 2 */
.categories2{background-color: var(--green-light);padding: 50px 0;}
.category2 .category2-part{}
.categories2 .categories-title{text-align: center;}
.categories2 .categories-title h2{font-size: 36px;}
.categories2 .categories-title hr{width: 385px;margin-top: -10px;}
.category2 .container{max-width: 1350px;padding: 0 15px;color: var(--black);}
.category2 .part1{display: flex;flex-direction: row; padding: 30px 60px 0 60px;border-top-left-radius: 50px;border-top-right-radius: 50px;}
.category2 .part1 .category2-image img{height: 100%;border-top-left-radius: 30px;border-top-right-radius: 30px;}
.category2 .part1 .category2-title-desc{padding-right: 20px;width: 100%;}
.category2 .part1 .category2-title{font-family: var(--font-bold);font-size: 30px;margin-bottom: 20px;}
.category2 .part1 .category2-title a{text-decoration: none;color: var(--black);}
.category2 .part1 .category2-desc{font-family: var(--font-reg);font-size: 20px;}
.category2 .part2{padding: 30px 15px;}
.category2 .part2 .category-prize-judges{margin-bottom: 60px;}
.category2 .part2 .category-prize-title{font-family: var(--font-bold);font-size: 28px;color: #ffffff;margin-bottom: 10px;}
.category2 .part2 .category-prize-description{font-family: var(--font-reg);font-size: 22px;color: #ffffff;margin-bottom: 15px;}
.category2 .part2 .category-prize-product{background-color: #fff;text-align: center;border-radius:30px;padding: 20px 15px;}
.category2 .part2 .category-prize-product .category-prize-product-position{font-family: var(--font-bold);font-size: 30px;margin-bottom: 10px;}
.category2 .part2 .category-prize-product .category-prize-product-desc{font-family: var(--font-reg);font-size: 20px;min-height: 46px;margin-bottom: 15px;}
.category2 .part2 .category-prize-product .category-prize-product-image{padding: 0 20px;}
.category2 .part3{padding: 30px 0;border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;margin-bottom: 60px;}
.category2 .owl-prev{position: absolute;left: 10px;top: calc(50% - 29px);font-size: 50px!important;color: var(--black)!important;}
.category2 .owl-next{position: absolute;right: 10px;top: calc(50% - 29px);font-size: 50px!important;color: var(--black)!important;}
.categories2 .cta{text-align: center;margin-top: 30px;}
.categories2 .category2-title-hr{width: 22%;height: 10px;background: var(--green-mid);margin: -8px 0 0 0;border: none;}


/* Judges */
.judges-outter{position: relative;}
.judges-outter {background-image: url('/wp-content/uploads/2024/05/judges-background.jpg');background-size: cover;}
.judges-outterr .judges-wrapper::before{content: "";position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;background-color: rgba(73, 150, 112, 0.85);}
.judges-outter .judges-wrapper .border{width: 200px;}
.judges-outter .judges-wrapper .judges-title{font-size: 36px;margin: 0 0 5px 0;}
.judges-outter .judges-wrapper .judges-subtitle{font-family: var(--font-demi);}
.judges-outter .judges-wrapper .judges-container .judge .judge-title{text-align: center;background: #499670;border-radius: 20px;color: #fff;font-size: 24px;padding: 10px 20px;}
.judges-outter .judges-wrapper .judges-container .judge .judge-title span{font-size: 15px;font-family: 'Neutraface Text Demi';}
.judges-outter .judges-wrapper .judges-container .judge .judge-text{font-family: var(--font-demi);font-size: 18px;text-align: center;}
.judges-outter .judges-wrapper .judges-container .judge .image-wrapper{background: #ffffff;padding: 8px;border: 8px solid var(--green);border-radius: 50%;width: 300px;height: 300px;margin-bottom: 30px;}
.judges-outter .judges-wrapper .judges-container .judge .image-container{box-shadow: none;width: 100%;height: 100%;border-radius: 50%;background-size: cover;}
.judges-outter .judges-wrapper .judges-container .judge .image-container:before{content: none;}
.criteria-wrapper{display: flex;flex-direction: column;background: var(--green-light);padding: 30px 20px;font-family: var(--font-demi);max-width: 50%;margin: 0 auto;justify-content: center;border-radius: 20px;position: relative;}
.criteria-wrapper h4{font-family: var(--font-bold); font-size: 26px;margin: 0 auto 20px auto;}
.criteria-wrapper img{width: 70px;position: absolute;top: -20px;left: -15px;}
.criteria{font-size: 18px;margin: 0 auto;}
.criteria ul li{list-style-type: circle;}


/* Gallery */
.gallery-wrapper{background-color: var(--green-mid);padding:80px 0 95px 0;}
.gallery-wrapper .cta{text-align: center;}
.gallery{padding: 60px 100px;}
.gallery-wrapper .gallery-title{font-size: 36px;margin: 0 0 5px 0;text-align: center;}
.gallery-wrapper .border{width: 385px;}
.gallery .masonry-grid-column .masonry-grid-item{margin: 0 20px 40px 20px;}
.masonry-grid-origin .masonry-grid-item{margin-bottom: 20px;}
.gallery div > img{border-radius: 10px;}


/* Footer */
.footer-container{padding: 50px 15px 50px 15px;}
.footer-container .newsletter-container{max-width: 1180px;margin-bottom: 50px;}
.footer-container .newsletter-container form input[type=submit]{background: var(--yellow);color: var(--black);border: 1px solid var(--yellow);height: 60px;}
.footer-container .newsletter-container form input[type=submit]:hover{background: var(--green-light);border: 1px solid var(--green-light);}
.footer-container .newsletter-container form > p{align-items: start;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{display: none;}
.footer-container .second-row .logo-container{margin-right: 30px;}
.footer-container .menu a:hover{color: var(--yellow);}
.footer-container .second-row .social-container{align-items: center;}
.footer-container .second-row .social-container .social-footer-title{margin-bottom: 0;}
.footer-container .second-row .legal-menu-container ul a{font-size: 18px;}
.legal-menu-container{display: flex;flex-direction: column;align-items: start;justify-content: center;}
.menu-footer-legal-menu-container{display: flex;align-items: center;}
.footer-container .second-row .social-container a{margin-right: 15px;}
.footer-container .second-row .social-container a img{width: 40px;}
.footer-container .second-row .legal-menu-container ul{display: flex;flex-direction: row;}
.footer-container .second-row .legal-menu-container ul li {margin-right: 15px;}
.site-info{display: none;}


/* Contact Forms */
.wpcf7-not-valid-tip{color: var(--yellow);}
.wpcf7-response-output{font-family: var(--font-demi);margin: 0!important;width: 100%;padding: 10px!important;}
.MuiInputBase-input.MuiInput-input{padding: 5px 0 5px !important;}

/* Contest Form */
.MuiAppBar-root{border-radius: 20px;}
button.MuiButtonBase-root.MuiButton-root.MuiButton-contained.wpvc_save_contestant_btn.MuiButton-containedSecondary{background: var(--yellow)!important;color: var(--black);}
.MuiGrid-container .timer_typography{display: none;}
.MuiAppBar-positionStatic, .wpvc_timer_count_container{display: none!important;}
.wpvc_showcontestant_container{margin-top: 10px;}

/* Login/Register Form */
.user-form .MuiGrid-container > div{width: 100%;max-width: 100%;flex-basis: 100%;}

/* Contests Page */
.contests-header-banner{height: 750px;margin-bottom: 0;}
.contests-header-banner .contests-container{align-items: start;}
.contests-header-banner .contests-container .text-container{margin-top: 135px;}
.contests-buttons-container{background-color: var(--green-light);}
.contests-buttons{display: flex;max-width: 1350px;margin: 0 auto;padding: 25px 2%;}
.contests-buttons .category-1, .contests-buttons .category-2{border-right: 1px solid var(--green-light);}
.contests-buttons .category-button{cursor: pointer;background: var(--green-mid);padding: 35px 15px;font-size: 22px;font-family: 'Neutraface Text Demi';width: 100%;text-align: center;}
.contests-buttons .category-button:hover{background-color: var(--green);color: #ffffff;}
[title^='Logout']{display: none!important;}
.jodit .jodit-workplace .jodit-wysiwyg, .jodit .jodit-workplace .jodit-wysiwyg_iframe, .jodit-container .jodit-workplace .jodit-wysiwyg, .jodit-container .jodit-workplace .jodit-wysiwyg_iframe{background-color: #ffffff;}
p.MuiTypography-root.MuiTypography-body1.MuiTypography-paragraph{color: var(--black) !important;font-family: var(--font-reg) !important;}
.MuiDialogActions-root .MuiButton-textPrimary{background-color: var(--green);color: #ffffff;border: 1px solid var(--green)!important;}
.MuiDialogActions-root .MuiButton-textPrimary:hover{background-color:#ffffff!important;color: var(--green)!important;}
.MuiDialogActions-root .MuiButton-textPrimary .MuiButton-label{text-transform: uppercase!important;}
#wpvc-showcontestants-page-999{display: none;} /* fake category id in 'oroi diagonismou' page to make it load the login form from the 'anevase poza' button in header */

/* TO DELETE AT JUNE 17 */
.wpvc_voting_nav_grid .MuiGrid-root.MuiGrid-item:nth-child(2){display: none;}

.wpvc_showcontestant_container.wpvc_grid_container::before{content:"Συμμετοχές που έχουν εγκριθεί";margin: 0 auto;font-size: 18px;font-weight: bold;}

@media (max-width: 1580px) {
    .header-banner .header-container.guest .first-part{padding: 0 20px 0 325px;}
}

@media (max-width: 1240px) {
    .menu-area{display: none;justify-content: start;}
    .menu-area .join-button{margin: 0;}
    #primary-menu li a{padding: 10px 20px;}
    .header-banner .header-container.guest{align-items: start;}
    .header-banner .header-container.signed{padding: 0 15px 0 240px}
    .header-banner .header-container.signed .text-container{width: 100%;}

    .criteria-wrapper{max-width: 75%;}
    .category2 .part1 .category2-image img{height: auto;}

    .legal-menu-container{display: flex;align-items: start;}
}

@media (max-width: 1040px) {
    .header-banner .header-container.guest .first-part{padding: 0 10%;}
    .header-banner, .header-banner.guest, .header-banner.signed{padding-top: 0;flex-direction: column;}
    .header-banner .header-container.signed{padding: 0 15px;}
    .contests-header-banner .mobile-background{position: relative;}
    .header-banner .mobile-background{position: relative;}
    .awards-logo{display: none;}

    /* Categories 2 */
    .category2 .part1{flex-direction: column;padding: 30px 30px 0 30px;}
    .category2 .part1 .category2-title-desc{order: 2;margin-bottom: 20px;}
    .category2 .part1 .category2-image{margin-bottom: 20px;}
}

@media (max-width: 920px) {
    .header{margin-top: 70px;}
    .header-banner .header-container.guest{align-items: center;}
    .header-banner .header-container.signed .text-container{padding: 20px 0;}
    .contests-header-banner .mobile-background{top: 0;}
    .contests-header-banner .contests-container .text-container{padding: 30px 0 0 0;max-width: 100%;}

    /* Menu */
    .menu-main-menu-container{display: flex;margin-bottom: 100px;}
    .menu-area{background-image: url("/wp-content/themes/praktiker-contest/images/header_shape_v1.png");background-repeat: no-repeat;justify-content: start;padding-top: 100px;}
    

    .prize{max-width: 325px;margin-bottom: 30px;}
    .prize-description{min-height: 102px;}
    .prizes-container .prizes-images .prize-image{width: auto;}
    
    .about-bullets{flex-wrap: wrap!important;}
    .about-container .about-bullets .bullet{width: 100%;margin-bottom: 70px;}
    .about-container .about-subtitle img{top: -40px;}

    .judges-outter .judges-wrapper .judges-container .judge{width: 100%;}
    .criteria-wrapper img{top: -45px;left: -27px;}

    .categories-wrapper .categories-container .category{width: 100%;}
    

    .gallery{padding: 15px;}

    /* Footer */
    .footer-container .second-row .social-container .social-footer-title{margin-bottom: 20px;}
    .footer-container .second-row .legal-menu-container{display: flex!important;width: 100%;align-items: center;justify-content: center;}
    .footer-container .second-row .logo-container{width: 100%;margin-bottom: 30px;}
    .menu-footer-legal-menu-container{margin-bottom: 20px;}
    .footer-container .newsletter-container form > p{align-items: center;}
    .footer-container .newsletter-container form input[type=submit]{height: 49px;}

    /* Contests Page */
    .contests-header-banner{height: unset;}
    .contests-header-banner .contests-container .text-container{margin-top: 0;}
    .contests-buttons{flex-direction: column;}
    .contests-buttons .category-1, .contests-buttons .category-2{border-right: none;border-bottom: 1px solid var(--green-light);}
}