/* Theme Name: Careerfy Child Theme URI: http://demo.eyecix.com/careerfy/ Template: careerfy Author: Eyecix Author URI: http://eyecix.com/ Description: Child theme CSS – Header 2 layout with search & user panel; sticky via parent. Tags: two-columns,left-sidebar,custom-background,custom-colors,custom-header,custom-menu,editor-style,featured-images,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready Version: 1.6 Updated: 2025-08-22 */ /* =========================== Base =========================== */ :root { --cfy-primary: #0a65fc; --cfy-dark: #0D3B5E; --cfy-light: #f9fafb; } body { margin: 0; font-family: Roboto, Helvetica, sans-serif; background-color: var(--cfy-light); color: var(--cfy-dark); } .vc_column_container {padding: 0px 0px !important;} /* =========================== Header 2 overlay/Sticky (используем классы родителя) =========================== */ #careerfy-header, .careerfy-header-one { float: left; width: 100%; } .home .careerfy-header-two { border: none; } /* По умолчанию – прозрачный overlay, во всю ширину */ .careerfy-header-two { position: absolute; left: 0; top: 0; width: 100%; z-index: 999; background: transparent; border: 0; box-shadow: none; } /* Sticky из родителя: .careerfy-sticky-header на уже есть */ .careerfy-sticky-header .careerfy-header-two { position: fixed; left: 0; top: 0; width: 100%; z-index: 9999; background-color: hsla(0, 0%, 100%, .72)!important; -webkit-backdrop-filter: saturate(180%) blur(12px)!important; backdrop-filter: saturate(180%) blur(12px); box-shadow: 0 2px 12px rgba(0,0,0,.06)!important; /*border-bottom: 1px solid rgba(229,231,235,.8);*/ transition: background-color .25s ease, backdrop-filter .25s ease, box-shadow .25s ease!important; } body.admin-bar .careerfy-header-two { top: 32px; } /* =========================== Внутренняя сетка хедера (DOM как у родителя) =========================== */ .header-tabel { width: 100%; } .header-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; /* отступы от краёв страницы по 5% */ padding: 0 3%; } /* Левый блок: логотип + меню */ .careerfy-logo-con { flex: 0 0 auto; margin-right: 12px; } .careerfy-logo { display: inline-flex; align-items: center; text-decoration: none; } .careerfy-logo img { display: block; height: auto; max-height: 40px; } /* Правый блок-обёртка (внутри: меню, поиск, юзер-панель) */ .careerfy-menu-con { flex: 1 1 auto; } .careerfy-right { display: flex; align-items: center; gap: 16px; } /* Primary Menu (должен идти сразу за логотипом) */ .menu-link { display: none; } /* триггер моб-меню Style 1 – скрыт на десктопе */ .careerfy-navigation { flex: 0 1 auto; } .careerfy-navigation .level-1.nav.navbar-nav, #menu-general.level-1 { display: flex; align-items: center; gap: 16px; margin: 0; padding: 0; list-style: none; } .careerfy-navigation .level-1 > li > a, #menu-general.level-1 > li > a { text-decoration: none; color: #ffffff; font-weight: 600; padding: 6px 0; } .careerfy-navigation .level-1 > li > a:hover, #menu-general.level-1 > li > a:hover { color: var(--cfy-primary); } /* Поиск (единый контрол) + прижатие правого кластера */ .careerfy-header-search{ margin-left: auto; /* всё, что правее меню, уходит к правому краю */ flex: 0 1 420px; max-width: 480px; min-width: 300px; } .jobsearch-header-search-form{ width: 100%; } .jobsearch-header-search-form .search-group{ display: flex; align-items: stretch; /* одинаковая высота */ width: 100%; } /* Единый контрол: 40px высота у всех частей */ .jobsearch-header-search-form input[type="text"], .jobsearch-header-search-form .post-type-select, .jobsearch-header-search-form button{ height: 40px; line-height: 40px; font-size: 14px; padding: 0 12px; } /* склейка в единый блок */ .jobsearch-header-search-form input[type="text"]{ flex: 1 1 auto; min-width: 140px; border: 1px solid #d1d5db; border-right: 0; border-radius: 8px 0 0 8px; background: hsl(0 0% 100% / .72); outline: none; } .jobsearch-header-search-form .post-type-select{ flex: 0 0 120px; /* Вакансии/Компании/Резюме/Статьи */ border: 1px solid #d1d5db; border-left: 0; border-right: 0; border-radius: 0; background: hsla(0,0%,100%,.72); outline: none; } .jobsearch-header-search-form button{ flex: 0 0 auto; border: 1px solid var(--cfy-primary); background: var(--cfy-primary); color: #fff; border-radius: 0 8px 8px 0; font-weight: 600; cursor: pointer; transition: filter .2s ease; } .jobsearch-header-search-form button:hover{ filter: brightness(0.95); } /* Панель пользователя (справа) */ .careerfy-user-option { display: flex; align-items: center; gap: 10px; list-style: none; margin: 0; padding: 0; } .careerfy-user-option .careerfy-btn, .careerfy-user-option .careerfy-btn-icon, .careerfy-user-option .login-btn, .careerfy-user-option .register-btn{ height: 40px; line-height: 40px; padding: 0 14px; border-radius: 30px; display: inline-flex; align-items: center; justify-content: center; font-weight: 600; font-size: 14px; text-decoration: none; } .careerfy-user-option .login-btn, .careerfy-user-option .register-btn { background: var(--cfy-primary); color: #fff; } .careerfy-user-option .careerfy-btn-icon, .careerfy-user-option .notify-btn { background: #f3f4f6; color: #111827; } .careerfy-user-option .careerfy-btn-icon i, .careerfy-user-option .notify-btn i{ line-height: 1; font-size: 18px; } /* =========================== Мобильная адаптация / Menu Style 1 =========================== */ @media (max-width: 1200px){ .careerfy-header-search { flex-basis: 360px; max-width: 420px; } } @media (max-width: 992px){ .header-row { flex-wrap: wrap; } .careerfy-navigation { order: 2; width: 100%; } .careerfy-header-search { order: 3; width: 100%; margin-left: 0; flex: 1 1 100%; max-width: 100%; } .careerfy-user-option { order: 4; width: 100%; justify-content: flex-end; } } @media (max-width: 768px){ /* Покажем бургер, спрячем линию меню – поведение возьмёт родительский JS */ .menu-link { display: inline-flex; } .careerfy-navigation .level-1.nav.navbar-nav, #menu-general.level-1 { display: none; } .careerfy-header-search { margin-top: 6px; } } /* =========================== Остальные блоки (из исходника) – совместимость =========================== */ /* Card grid demo */ .cfy-job-grid { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); margin: 2rem auto; } .cfy-job-grid .job-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 0.5rem; padding: 1.5rem; } /* Job Listing Plain */ .careerfy-joblisting-plain ul li { margin-bottom: 30px; list-style: none; } .careerfy-joblisting-plain-wrap, .jobsearch-typo-wrap .careerfy-joblisting-plain-wrap { position: relative; overflow: hidden; float: left; padding: 20px; box-shadow: 1px 0 20px rgba(0,0,0,0.07); border-radius: 15px; width: 92%; background-color: #FFF; border: 1px solid #0055ff1f; } .careerfy-joblisting-plain figure { display: flex; width: 84px; margin: 0; min-height: 84px; align-items: center; min-width: 84px; } .careerfy-joblisting-job-types a {text-transform: none;border-radius:10px;} /* Banner Search Seven */ .careerfy-banner-search-seven input[type="text"] { height: 68px; border: 1px solid #dee0e3; background-color: hsla(0,0%,100%,.72); box-shadow: 0 0 25px 0 rgba(0,0,0,0.15); border-radius: 15px; color: #333; font-size: 14px; padding: 8px 50px; } .careerfy-banner-search-seven .jobsearch_searchloc_div { position: static; } .careerfy-banner-search-seven .selectize-control.single .selectize-input { border-radius: 15px; padding: 25px 60px 0 60px; color: #333; height: 67px; box-shadow: 0 0 25px 0 rgba(0,0,0,0.15); } .careerfy-banner-search-seven ul li:last-child i { color: #fff; border-radius: 15px; font-size: 30px; width: 100%; height: 68px; position: static; display: inline-flex; align-items: center; justify-content: center; border: 1px solid; transition: all .4s ease-in-out; } /* Listing card */ div.careerfy-jobs-listing-item { position: relative; overflow: hidden; float: left; padding: 20px; border-left: 1px solid #1967d2; box-shadow: 1px 0 20px rgba(0,0,0,0.07); border-radius: 15px; width: 92%; background-color: #FFF; } /* Правка положения иконки локации на поиске */ .careerfy-banner-search-seven a.geolction-btn { position: absolute; right: 28px; top: 2px; display: flex; align-items: center; height: 95%; } /* правка отображения статей и новостей */ .careerfy-eighteen-blog-grid, .careerfy-eighteen-blog-grid figure a, .careerfy-eighteen-blog-grid figure img, .careerfy-eighteen-blog-grid-inner { float: left; width: 100%; border-radius: 15px; } .careerfy-post-item { border: 1px solid #0a65fc1f; padding: 20px; position: relative; overflow: hidden; border-radius: 15px; } .careerfy-showing-result figure a, .careerfy-showing-result figure img { float: left; width: 100%; border-radius: 15px; } /*Шапка сраницы*/ .fade-toggle-section { border-radius: 6px; overflow: hidden; margin-top: 30px; position: relative; box-sizing: border-box; display: block; unicode-bidi: isolate; } /* Центровка и отступы */ .fade-content-block__wrapper { position: relative; max-width: 100%; margin: 0 auto; } /* Контент до раскрытия */ .fade-content-block__container { position: relative; max-height: 400px; overflow: hidden; opacity: 1; transition: max-height 0.8s ease-in-out, opacity 0.5s ease; } /* Полностью раскрыт */ .fade-toggle-section.expanded .fade-content-block__container { max-height: 4000px; opacity: 1; } /* Размытие сверху контента */ .fade-content-block__container::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #F9FAFB 100%); pointer-events: none; z-index: 3; transition: opacity 0.3s ease; } .fade-toggle-section.expanded .fade-content-block__container::after { opacity: 0; } /* Теговые блоки */ .seo-job-tags { margin-bottom: 30px; } .seo-job-tags h2 { font-size: 26px; margin-bottom: 12px; color: #071232; } .seo-job-tags > div { display: flex; flex-wrap: wrap; gap: 8px; } /* Ссылки */ .sjt { color: var(--cfy-primary); border: 1px solid var(--cfy-primary); background-color: transparent; padding: 5px 10px; border-radius: 8px; font-size: 16px; font-weight: 400; display: inline-block; text-decoration: none; transition: all 0.2s ease-in-out; } .sjt:hover, .sjt:focus, .sjt:active { background-color: var(--cfy-primary); color: #ffffff; box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.07); } /* Кнопка раскрытия — внизу, без границы */ .fade-content-block__fade-line { position: relative; display: flex; justify-content: center; align-items: center; padding-top: 20px; background: none; height: auto; border: none; cursor: pointer; z-index: 4; } /* Кнопка */ .fade-content-block__icon { background: transparent; border-top: 1px solid var(--cfy-primary); border-left: 1px solid var(--cfy-primary); border-right: 1px solid var(--cfy-primary); border-bottom: none; /* Убираем нижнюю границу */ border-radius: 10px 10px 0 0; /* Скругляем только верхние углы */ padding: 10px; display: flex; align-items: center; justify-content: center; transition: transform 0.3s ease; width: 60px; height: 30px; } /* Убираем текст */ .fade-toggle-text { display: none; } /* Стрелка ▼ / ▲ */ .fade-toggle-arrow::before { content: "▼"; font-size: 14px; color: var(--cfy-primary); display: inline-block; transition: transform 0.3s ease; } .fade-toggle-section.expanded .fade-toggle-arrow::before { content: "▲"; } .fade-intro-sections { display: flex; flex-wrap: wrap; gap: 20px; margin-bottom: 30px; } .fade-intro-block { background: #fff; border-radius: 8px; padding: 20px; box-sizing: border-box; flex: 1 1 calc(33.333% - 14px); /* три блока в ряд */ min-width: 280px; box-shadow: 0 0 0 1px #eee; } .fade-intro-block h3 { font-size: 18px; margin-top: 0; color: #071232; } .fade-intro-block p { font-size: 14px; line-height: 1.6; color: #333; } /* Стиль для блоков WPBakery с темным фоном и скруглениями */ .vc-custom-dark-container { background-color: #fafafa !important; border-radius: 30px !important; margin: 0 2% 30px !important; padding: 25px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important; overflow: hidden !important; box-sizing: border-box !important; } .vc-custom-dark-container { background: #6565652e url('/wp-content/uploads/2025/08/home-slider-bg.jpg') !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; background-blend-mode: overlay !important; border-radius: 30px !important; margin: 0 2% 30px !important; padding: 55px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important; overflow: hidden !important; box-sizing: border-box !important; } .vc-custom-dark-header-container { background: #6565652e url('/wp-content/uploads/2025/08/rework_bg_header.jpg') !important; background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; background-blend-mode: overlay !important; border-radius: 30px !important; margin: 1% 0.7% 1% !important; padding: 55px !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important; overflow: hidden !important; box-sizing: border-box !important; } @media (max-width: 767px) { .vc-custom-dark-container { margin: 0 1% 5px !important; border-radius: 0 0 20px 20px !important; padding: 15px !important; } } .vc_column_container {padding: 0px 0px !important;} /* === Logo swap (SVG) + nav colors by state === */ /* Размер логотипа */ .careerfy-logo .logo-img{ display:block; width:184px; height:40px; } /* По умолчанию (прозрачный хедер): белый логотип виден, чёрный скрыт */ .careerfy-logo .logo--light{ display:block; } .careerfy-logo .logo--dark{ display:none; } /* В sticky-состоянии (на у темы добавляется .careerfy-sticky-header): показываем чёрный логотип, белый скрываем */ .careerfy-sticky-header .careerfy-logo .logo--light{ display:none; } .careerfy-sticky-header .careerfy-logo .logo--dark{ display:block; } /* Цвет пунктов меню: белые на прозрачном, тёмные в sticky */ .careerfy-navigation .level-1 > li > a, #menu-general.level-1 > li > a{ color:#ffffff; /* поверх hero/прозрачного */ } .careerfy-sticky-header .careerfy-navigation .level-1 > li > a, .careerfy-sticky-header #menu-general.level-1 > li > a{ color: var(--cfy-dark); /* на светлом полупрозрачном фоне sticky */ } .careerfy-navigation .level-1 > li > a:hover, #menu-general.level-1 > li > a:hover{ color: var(--cfy-primary); } /*карточка вакансии*/ .jobsearch-jobdetail-list { display: flex; flex-basis: 100%; align-items: center; margin: 0px; background-color: #ffffff; padding: 40px; border: 1px solid #efefef; margin-bottom: 30px; position: relative; gap:30px; border-radius: 15px; box-shadow: 0 2px 12px rgba(0,0,0,.06); } .jobsearch-jobdetail-content { float: left; width: 100%; padding: 30px; border: 1px solid #efefef; margin-bottom: 31px; background-color: #ffffff; border-radius: 15px; box-shadow: 0 2px 12px rgba(0,0,0,.06); } .jobsearch_apply_job_wrap { float: left; width: 100%; padding: 19px; border: 1px solid #efefef; text-align: center; border-radius: 15px 15px 0 0; box-shadow: 0 2px 12px rgba(0,0,0,.06); } .jobsearch-typo-wrap .jobsearch-applyjob-btn:hover { color: #fff; } .jobsearch-typo-wrap .jobsearch-sendmessage-btn:hover { color: #ffffff; } .jobsearch-applyjob-btn, .careerfy-typo-wrap .jobsearch-applyjob-btn { float: left; width: 100%; background-color: #0A65FC !important; font-size: 16px; color: #ffffff; text-transform: uppercase; padding: 16px 10px 17px 10px; text-align: center; border-radius: 5px; font-weight: 500; line-height: 1; margin-bottom: 12px; border: 1px solid #0A65FC; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .jobsearch-applyjob-btn:hover { background-color: transparent; color: #1f72f2; } .instastcky-aplybtn-con .jobsearch-applyjob-btn:hover { background-color: #1f72f2; color: #ffffff; } .instastcky-aplybtn-con .jobsearch-applyjob-btn { border-radius: 15px; } .jobsearch-sendmessage-btn { float: left; width: 100%; background-color: #777 !important; font-size: 16px; color: #ffffff; text-transform: uppercase; padding: 16px 10px 17px 10px; text-align: center; border-radius: 0px 0px 5px 5px; font-weight: 500; line-height: 1; margin-bottom: 12px; } .careerfy-jobdetail-btn.active { border: 1px solid #13b5ea; margin-right: 9px; border-radius: 8px; } .jobsearch_box_view_jobs_btn { float: left; width: 100%; background-color: #fafcfc; padding: 18px 20px; text-align: center; border: 1px solid #efefef; border-top: none; font-weight: 600; text-transform: uppercase; line-height: 1; border-radius: 0 0 15px 15px; } .jobsearch_box_view_jobs ul, .jobsearch-typo-wrap .jobsearch_box_view_jobs ul { float: left; width: 100%; padding: 20px 24px 0px 24px; border: 1px solid #efefef; background-color: #ffffff; border-radius: 15px 15px 0 0; } .jobsearch-joblisting-classic-wrap { background-color: #ffffff; border: 1px solid #ececec; border-radius: 15px !important; padding: 20px; position: relative; display: flex; width: 100%; overflow: hidden; align-items: center; cursor: pointer; gap: 20px; } /*ПОИСК ВАКАНСИЙ*/ .careerfy-joblisting-plain figure { display: flex; width: 4px; margin: 0; min-height: 84px; align-items: center; min-width: 84px; border: 1px solid #fefefe00; border-radius: 8px; padding: 0px !important; } .email-jobs-top, .jobsearch-typo-wrap .email-jobs-top { display: inline-block; width: 100%; padding: 17px 19px; color: #ffffff; font-size: 17px; text-align: left; text-transform: none; border: none; border-radius: 15px; outline: none; } .email-jobs-top:focus, .jobsearch-typo-wrap .email-jobs-top:focus { outline: none; border-radius: 15px; } .jobsearch-typo-wrap .email-jobs-top:hover, .jobsearch-typo-wrap .jobalert-submit:hover { border-radius: 15px; background-color: #1451a4; } .jobalert-submit, .jobsearch-typo-wrap .jobalert-submit { padding: 11px 20px; text-transform: uppercase; color: #ffffff; font-size: 15px; margin-top: 11px; border: 1px solid; border-radius: 15px; width: 100%; } .onsubmit-keyword-con a { float: left; width: 40px; height: 40px; color: #ffffff; text-align: center; padding-top: 9px; font-size: 18px; border-radius: 0 8px 8px 0; } .jobsearch-filterable ul li a { background-color: #ffffff; border: 1px solid #e2e2e2; border-radius: 2px; color: #3b3b3b; display: inline-flex; font-size: 12px; padding: 2px 8px 3px; align-items: center; flex-direction: row-reverse; border-radius: 15px; } .no-candidate-match-error a { float: left; padding: 10px 16px; color: #ffffff; text-transform: uppercase; font-weight: 500; border-radius: 2px; margin: 0px; background-color: #e12335d6; font-size: 13px; border-radius:15px; } .mobfiltrs-openrbtn-con a { background-color: #0a65fc70; color: #fff; padding: 12px 18px; float: left; font-size: 24px; border-radius: 0 15px 15px 0; } .onsubmit-apilocs-con a, .depdrpdwn-form-submitbtn { float: left; width: 100%; color: #ffffff; border-radius: 8px; padding: 10px 10px; text-align: center; } .onsubmit-apilocs-con a:hover,.depdrpdwn-form-submitbtn.btn:hover { color: #ffffff; } .depdrpdwn-form-submitbtn { margin-top: 10px; } [class=*"jobsearch-jobfeture-"] { color: #fcd116; } .urgntpkg-candv1,.urgntpkg-jobv1 { position: absolute; left: -21px; top: 8px; font-size: 13px !important; background-color: #d72c2cd6; color: #ffffff !important; padding: 5px 26px; line-height: 1; z-index: 5; -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg); -ms-transform: rotate(-40deg); -o-transform: rotate(-40deg); transform: rotate(-40deg); } .body-nowhite-bg .sortfiltrs-contner { float: left; width: 100%; background: #ffffff00; margin-bottom: 15px; padding: 15px 15px 15px 15px; border-radius: 15px; } /* Job Listing Plain */ .careerfy-joblisting-plain ul li { margin-bottom: 30px; list-style: none; } .careerfy-joblisting-plain-wrap, .jobsearch-typo-wrap .careerfy-joblisting-plain-wrap { position: relative; overflow: hidden; float: left; padding: 20px; border-left: 1px solid #265DFB; box-shadow: 1px 0 5px rgba(0,0,0,0.05); border-radius: 15px; width: 92%; background-color: #FFF; border: 1px solid #e5e7eb; } .careerfy-joblisting-plain ul li { margin-bottom: 30px; list-style: none; } .careerfy-joblisting-plain-wrap, .jobsearch-typo-wrap .careerfy-joblisting-plain-wrap:hover { box-shadow: 0 6px 16px rgba(0,0,0,.08); transform: translateY(-1px); } /*СТРАНИЦА КОМПАНИИ*/ .jobsearch-jobdetail-listthumb { float: left; width: 200px; min-width: 200px; border: 1px solid #efefef00; text-align: center; padding: 20px; height: 200px; position: relative; display: flex; align-items: center; justify-content: center; } .jobsearch-jobdetail-listthumb img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; display: block; } /* СПИСОК КОМПАНИЙ - СТИЛЬ 1 */ .jobsearch-employer-list .jobsearch-table-cell:first-child { width: 100px; min-width: 100px; display: flex; align-items: center; justify-content: center; } .jobsearch-employer-list figure { float: left; width: 100%; margin-bottom: 0px; display: flex; align-items: center; justify-content: center; height: 100px; } .jobsearch-employer-list figure a, .jobsearch-employer-list figure img { float: left; width: 100%; max-width: 100%; max-height: 100%; height: auto; object-fit: contain; display: block; } /* СПИСОК ВАКАНСИЙ - СТИЛЬ 3 */ .careerfy-sixteen-jobs-grid figure a { text-align: center; padding: 10px 0px; position: relative; display: flex; align-items: center; justify-content: center; height: 150px; } .careerfy-sixteen-jobs-grid figure img { display: inline-block; width: auto; max-width: 150px; max-height: 150px; height: auto; object-fit: contain; position: relative; } .jobsearch-employer-wrap-section { float: left; width: 100%; border: 1px solid #efefef; border-top: none; padding: 27px 29px 15px 29px; background-color: #ffffff; border-radius: 15px; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #f2f2f2; border: none; color: #666; display: inline-block; font-size: 13px; height: 30px; line-height: 20px; outline: none; padding: 4px 6px; vertical-align: middle; box-shadow: none; border-radius: 8px; } .jobsearch-typo-wrap .jobsearch-add-review-con input[type="submit"], .jobsearch-addreview-form input[type="submit"] { border: 1px solid; border-radius: 8px; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; line-height: 1; padding: 1em 2em; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } /* Employer Dashboard */ .jobsearch-employer-dashboard-nav { box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.08); padding: 30px 0px 0px 0px; margin-bottom: 50px; border-radius: 15px; } /* Employer Profile Setting */ .jobsearch-employer-box-section { float: left; width: 100%; box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.08); padding: 30px 30px 18px 30px; margin-bottom: 30px; border-radius: 15px; } .jobsearch-stats-list-wrap.green h6,.jobsearch-stats-list-wrap.green span { color: #8fb86d; } .jobsearch-stats-list-wrap.light-blue h6,.jobsearch-stats-list-wrap.light-blue span { color: #a869d6; } .jobsearch-stats-list-wrap.dark-blue h6,.jobsearch-stats-list-wrap.dark-blue span { color: #008dc9; } .jobsearch-applicants-stats { float: right; width: 170px; border: 1px solid #dbdbdb; margin-bottom: 30px; border-radius: 8px; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; border-radius: 8px; } .jobsearch-employer-dashboard-nav ul li.profile-del-btnlink a { background-color: #fb353f; color: #ffffff; border-radius: 0 0 15px 15px; } .jobsearch-employer-profile-form li input[type="text"], .jobsearch-employer-profile-form li input[type="password"], .jobsearch-employer-profile-form li textarea, .jobsearch-employer-profile-form li input[type="email"], .jobsearch-employer-profile-form li input[type="number"] { float: left; width: 100%; height: 41px; border: 1px solid #eceeef; border-radius: 8px; background-color: #ffffff; padding: 6px 13px; margin: 0px; font-size: 12px; color: #777777; } .selectize-control.single .selectize-input, .selectize-dropdown.single { border-color: #f2f2f2; border-radius: 8px; } .range-field-container { float: left; width: 100%; border: 1px solid #f2f2f2; padding: 20px 10px 10px 20px; position: relative; border-radius: 8px; } .jobsearch-typo-wrap .jobsearch-findmap-btn, .jobsearch-employer-profile-form .jobsearch-findmap-btn { float: left; width: 100%; font-size: 14px; padding: 12px 5px 13px 5px; line-height: 1; border-radius: 8px; border: 1px solid; background-color: transparent; font-weight: 500; margin-top: 27px; cursor: pointer; } .jobsearch-drpzon-con .jobsearch-drpzon-btn { display: inline-block; border: 1px solid; padding: 10px 24px; border-radius: 8px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .jobsearch-list-option .jobsearch-pst-title span { display: inline-flex; padding: 3px 10px 3px 10px; color: #ffffff; background-color: #0a65fc; font-size: 10px; font-weight: 300; border-radius: 60px; vertical-align: top; align-items: center; gap: 5px; } /*выпадающее меню*/ .careerfy-user-option ul { background-color: #ffffff; border-radius:8px; right: 0; margin: 5px 0px 0px 0px; padding: 0px 20px; opacity: 0; position: absolute; top: 100%; visibility: hidden; width: 200px; z-index: 999; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.20); -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /*Страница поиска вакансий*/ .jobsearch-search-filter-wrap { padding: 3px 19px 15px 19px; border: 1px solid #e2e4e505; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.05); margin-bottom: 10px !important; background-color: #ffffff00; border-radius:15px !important; } /*Страница поиска вакансий, чекбокс*/ .modal-box-area .jobsearch-checkbox input[type="checkbox"] + label, .modal-box-area .jobsearch-checkbox input[type="radio"] + label { width: 100%; } .no-filter-counts input[type="radio"] + label { width: auto; } .jobsearch-checkbox input[type="checkbox"] + label span, .jobsearch-checkbox input[type="radio"] + label span { width: 12px; min-width: 12px; height: 12px; margin: 0px 10px 0px 0px; background-color: #ffffff; border: 1px solid #c2d1d3; display: inline-flex; border-radius: 15px; } /*Страница поиска вакансий, лого вакансий*/ .jobsearch-typo-wrap ~ .jobsearch-row, .jobsearch-typo-wrap * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 8px; } /*Страницы архивов - боковая панель*/ .careerfy-blog-grid-text,.widget-text-info,.widget_faq, .body-nowhite-bg .careerfy-main-content .widget,.content-col-wrap,.careerfy-news-grid-wrap { background-color: #ffffff; border-radius: 15px; } /*Страница работодателя*/ .careerfy-priceplan-style5 { float: left; width: 100%; background-color: #fafafa; text-align: center; padding: 57px 0 33px 0; margin-bottom: 30px; border-radius: 15px; } .careerfy-employer-subheader-three figure img { float: left; width: 150px; border: 1px solid #ececec; margin-top: -60px; background-color: #ffffff; border-radius: 8px; } /*Старница работодателя - боковая панель*/ .careerfy-blog-grid-text,.widget-text-info,.widget_faq, .body-nowhite-bg .careerfy-main-content .widget,.content-col-wrap,.careerfy-news-grid-wrap { background-color: #ffffff; border-radius: 15px; } /* Job Detail Content */ .careerfy-jobdetail-content { float: left; width: 100%; padding: 30px; border: 1px solid #efefef; margin-bottom: 31px; background-color: #ffffff; border-radius: 15px; } /* Employer Gallery */ .careerfy-employer-wrap-section { float: left; width: 100%; border: 1px solid #efefef; border-radius: 15px; border-top: none; padding: 27px 29px 15px 29px; background-color: #ffffff; } /*Старница работодателя - кнопки*/ .careerfy-employer-detail2-toparea-btn { color: #ffffff; background-color: #0a65fc; line-height: 1; border-radius: 80px; gap:10px; align-items: center; transition: all 0.4s ease-in-out; } /* Календарь */ .calendar-title { font-size: 24px; color: #2e2e2e; /* Тёмный текст */ text-align: center; margin-bottom: 20px; } .calendar-table { width: 100%; max-width: 600px; margin: 0 auto; border-collapse: collapse; background: #ffffff; /* Белый фон */ border: 1px solid #e5e5e5; border-radius: 8px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); } .calendar-table th, .calendar-table td { text-align: center; padding: 12px; border: 1px solid #e5e5e5; font-size: 16px; color: #2e2e2e; /* Основной цвет текста */ } .calendar-table th { background-color: #f4f4f4; /* Светло-серый фон для заголовков */ color: #555555; text-transform: uppercase; } .calendar-table .weekend { color: #d9534f; /* Красный для выходных */ font-weight: bold; } .calendar-table .holiday { background-color: #e9d5ff; /* Светло-фиолетовый для праздников */ color: #6c3db5; /* Фиолетовый текст */ font-weight: bold; border: 1px solid #c8a9f4; border-radius: 4px; } .calendar-table .holiday.weekend { background-color: #f6e7ff; /* Чуть светлее для выходных-праздников */ } .calendar-table .preholiday { background-color: #fff6d5; /* Светло-жёлтый фон для предпраздничных дней */ color: #b58b00; /* Золотистый цвет текста */ font-weight: bold; border: 1px solid #ffe3a1; border-radius: 4px; } .calendar-table tr:nth-child(odd) td { background-color: #fafafa; /* Чередование строк */ } /* стили для блока легенды*/ .legend { margin-top: 20px; font-size: 14px; color: #555; } .legend p { margin: 5px 0; display: flex; align-items: center; } .legend-box { display: inline-block; width: 16px; height: 16px; margin-right: 8px; border: 1px solid #ccc; border-radius: 2px; } .legend-box.preholiday { background-color: #fff6d5; border-color: #ffe3a1; } .legend-box.holiday { background-color: #e9d5ff; border-color: #c8a9f4; } .legend-box.weekend { background-color: #f9f9f9; border-color: transparent; color: #d9534f; }