/*!
Theme Name:CiviChild
Theme URI: https://civi.uxper.co/
Author: Uxper
Author URI: http://uxper.co/
Description: This is a child theme of Civi
Template: civi
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.4
License URI: https://choosealicense.com/licenses/gpl-2.0/
Text Domain:civichild
Tags: editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/


@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/* COLORS */

:root {
  --black-color:#373737; 
  --red-color: #ee7260;
  --green-color:#28aa63;
  --blue-color: #1e91bc;
  --blue-light-color:#e9f2f4;
  --yellow-color:#f9b017;
  --yellow-light-color:#ffffe9;
}



/* HEADER */

.site-menu.main-menu { background-color: #ffffff1f;    border: 1px solid #ffffff1f;    border-radius: .75rem;     padding: 10px .5rem;}
.site-menu.desktop-menu.main-menu li a { font-size:16px;     font-weight: 600;}

.site-header.header-dark {background: #e9f2f4 !important; }
.site-header.header-dark .container { position:relative;    border-radius: 12px;    padding-top: 10px;    padding-bottom: 10px;background: #fff;}
.site-header.header-dark .container:after {    content: "";    position: absolute;    inset: -1px;    padding: 1px;    border-radius: inherit;    background: linear-gradient(90deg, #EE7260, #F9B017, #29D977, #2BC5FF);    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);    -webkit-mask-composite: xor;    mask-composite: exclude;    pointer-events: none;    box-sizing: border-box;    z-index: 1;}
body header.site-header { border-bottom:none;    padding-top: 15px;    padding-bottom: 15px;}
body .site-menu.desktop-menu .menu>li>a { font-weight:600;font-family: "DM Sans", sans-serif;}
header.site-header.header-light .site-menu.desktop-menu.main-menu .menu>li>a:hover { color:rgba(255, 255, 255, 0.7);}
body header.site-header { padding-left:20px; padding-right:20px;}
.account .user-show a.avatar span.price { display:none;}


/* BREADCRUMBS */

.civi_breadcrumb {  text-transform: uppercase;  font-size: 16px; font-weight:700;}
body .civi_breadcrumb .current {    color: var(--black-color);}
body .civi_breadcrumb li:not(:first-child)::before { content:'/';}

/* TITLES */

body .page-title .entry-detail .entry-title {     font-size: 64px; font-weight:900;}
body .entry-content h2 { font-size:52px;}
body h1,body h2, body h3 { text-transform: uppercase; font-weight: 900;}
body h4 {     font-weight: 700;text-transform: uppercase;  }
.heading-secondary-wrap .heading-secondary {  padding-left: 25px;    position: relative;}
.heading-secondary-wrap .heading-secondary:before { content:''; width:16px; height:16px; display: inline-block;   margin-right: 10px;  background:url(img/icon-subtitle.svg);    position: absolute;    left: 0; }
.icone-blanc .heading-secondary-wrap .heading-secondary:before {   background:url(img/icon-subtitle-white.svg);    background-size: contain;}
.civi-modern-heading .heading-secondary-wrap {   margin-bottom: 20px;}



/* BUTTONS */

body .civi-button,.account .btn-login { background:var(--red-color); color:#fff; border:none; font-weight:700;     padding: 10px 26px;    font-size: 16px; text-transform: uppercase;    -webkit-border-radius: 3em;    -moz-border-radius: 3em;    border-radius: 3em;}
body .civi-button:hover,.account .btn-login:hover {    transform: translateY(-2px);    filter: brightness(1.1);background-image: none;}
body header.site-header .right-header .add-job, body header.site-header .right-header .btn-login.add-job-login,body header.site-header.header-light .right-header .add-job, body header.site-header.header-light .right-header .btn-login.add-job-login { background:var(--green-color) !important; color:#fff !important;display: flex;   align-items: center;}
body header.site-header .right-header .add-job:after, body header.site-header .right-header .btn-login.add-job-login:after,body .civi-button:after { content:''; width:20px; height:20px; display: inline-block;   margin-left: 10px;  background:url(img/arrow-white.svg);  }

/* FORMS */

.select2-container--default .select2-selection--single .select2-selection__placeholder,.select2.select2-container .select2-selection__rendered[title^=All] {  color:var(--black-color);}
body input[type=text]::placeholder {color:var(--black-color);}
.civi-search-horizontal .form-group:last-child {    bottom: 0;    left: 50%;    margin-left: -100px;    position: absolute;}
.civi-search-horizontal .form-group:first-child { display:none;}
.civi-search-horizontal .form-group input { border-radius:40px;}

/* APPLY FOR JOB POPUP FORM */
.form-popup-apply .form-group.civi-upload-cv { display:none;}

/* ARCHIVE */

body .archive-filter-top,body .page-title-orther, body .page-title-other  {  background-color:var(--blue-light-color);     padding-bottom: 45px;   background-image: url(img/bg-title.webp);    background-repeat: no-repeat;    background-size: auto;   position: relative;    background-position: 50% 100%; }
.archive-layout .archive-filter-top h2 { margin-top:0; padding-top:35px;}
.archive-layout .archive-filter-top .form-group i:not(.fa-spin) { z-index:1;}
body .civi-jobs-item .label-type { background:var(--blue-light-color); color:var(--yellow-color);}
body .civi-form-location .radius .labels:after { border-top-color: var(--blue-color);}
body .civi-form-location .radius { border:1px solid var(--blue-color);}
.select2-container--default .select2-selection--single .select2-selection__placeholder, .select2.select2-container .select2-selection__rendered[title^=All],.civi-search-horizontal .form-group .search-horizontal-control { font-size:15px;}
.civi-search-horizontal .form-group .select2-selection { border-radius:40px;}
.archive-layout .archive-filter-top .civi-clear-top-filter { display:none;}
.archive-layout .archive-filter-top .form-archive-top-filter .civi-select2, .archive-layout .archive-filter-top .form-archive-top-filter .select2.select2-container {  height: auto !important;}
.archive-layout .archive-filter-top .form-group:first-child { display:none; }
.civi-search-horizontal .form-group.civi-form-location { border-left:0;}
.archive-layout input.archive-search-location {-webkit-border-top-left-radius: 40px;-webkit-border-bottom-left-radius: 40px;-moz-border-radius-topleft: 40px;-moz-border-radius-bottomleft: 40px;border-top-left-radius: 40px;border-bottom-left-radius: 40px;}
.archive-layout .archive-filter-top .form-group:last-child {     width: 100%;    position: absolute;    bottom: -25px;    left: 50%;    margin-left: -100px;    background: none;    border: none !important;z-index: 10;}
.civi-jobs-item.layout-grid .days {  margin-top: 7px;   font-size: 14px;}
.civi-jobs-item .jobs-archive-footer { margin-top: 7px;}
.civi-jobs-item .categories-wrapper a { font-size:14px;}
.civi-jobs-item.layout-grid .jobs-logo-company { margin-bottom:10px;}
.civi-jobs-item .info-company  { font-size:14px;}
.civi-jobs-item .days span { color:var(--green-color);}
.civi-jobs-item .jobs-title { line-height: normal; margin-bottom:7px;}
.archive-layout .filter-wrapper .text-sort-by { display:none;}
.archive-layout .filter-wrapper .select2 {   width: 155px !important;    font-size: 15px;}

/* JOB SINGLE */

.civi-jobs-header-top .civi-header-left .title-wapper h1,.company-head-details .title-wapper h1  {  font-size: 36px;    line-height: normal; color:#fff; font-weight:700;}
.civi-jobs-header-top .civi-header-left .cate-wrapper .cate { color:#fff;}
.jobs-head-details .label-location { color:#fff; background:rgba(255,255,255, 0.25);}
.civi-header-right .toggle-social a { color:#fff;}
.jobs-apply-sidebar .info-apply h4:before {     content: '';    width: 20px;    height: 20px;    display: inline-block;    background: url(img/icon-job.webp) no-repeat;    position: absolute;    background-size: contain;    left: 0px;    top: 8px; }
.jobs-apply-sidebar .info-apply h4 {  position: relative;    padding-left: 30px;    text-align: left;}
div.jobs-apply-sidebar .days { text-align:left;}
.block-archive-top .block-archive-inner:first-child {    background: linear-gradient(155.08deg, #1E91BC 27.5%, #1EBC7F 174.17%); }   
div.jobs-apply-sidebar { background:var(--blue-light-color);}
.civi-header-right .btn-add-to-wishlist { color:#fff;}
.civi-jobs-header-top .jobs-view {  color: #fff;   font-size: 14px;}
.civi-jobs-header-top .jobs-view:before { background: var(--blue-light-color);}
.label-type { color:var(--blue-color); }
body .civi-jobs-header-top .civi-header-right .added .icon-heart i {  color: #ffffff;}
body .civi-jobs-header-top .civi-header-left .authour { color:#fff;}
.civi-header-left  .info { color:var(--blue-light-color);}
.list-jobs-insights .title-info, .list-jobs-insights-sidebar .title-info { line-height:normal;}
.list-jobs-insights .details-info, .list-jobs-insights-sidebar .details-info {   margin-top: 7px;}


/* COMPANY SINGLE */

body .add-follow-company { display:none;}
.company-head-details .civi-company-header-bottom a.civi-send-mess { display:none;}
body .company-head-details .civi-company-header-bottom .btn-webs { color:#fff; border:1px solid #fff;}
body .company-head-details .civi-company-header-bottom .btn-webs:after { display:none;}
.company-head-details .company-info a { color:#fff;}
body .company-head-details .company-wrapper i { color:var(--blue-light-color);}
.company-sidebar .civi-location { flex-wrap: wrap;}
body .company-head-details .civi-company-header-bottom .btn-webs:hover { background:#fff; border-color:#fff; color:var(--blue-color);}


/* POST JOB FORM */

body #geocoder { z-index:-1;}

/* EMPLOYER ACCOUNT */

.applicants-control .btn-reschedule-meetings { display:none;}
.messages-popup .button-wrapper .btn-realy-mess { display:none;}
.messages-popup .button-wrapper .button-cancel { display:none;}

/* CANDIDATE ACCOUNT */

.form-dashboard .button-wrapper { margin-bottom:25px;}



/* FOOTER */

.site-footer { background: linear-gradient(155.08deg, #1E91BC 27.5%, #1EBC7F 174.17%); margin-top:100px; }
.civi-list.toggle .list-inner { border-left:1px solid #fff3;padding-left:15px;} 
body .civi-social-networks .item .link {   transition: transform .2s;} 
body .civi-social-networks .item .link svg { margin-right: 0;}
body .civi-social-networks.style-large-icons .link { border-radius: 7px; padding:8px;}
body .civi-social-networks .item .link svg path {  fill: var(--blue-color);}
body .civi-social-networks .item:hover .link svg path,body .civi-social-networks .item:hover .link-icon:hover {  color: var(--blue-color);fill: var(--blue-color);}
body .civi-social-networks .item .link svg {  width: 24px;}
body .civi-social-networks .item .link:hover {    transform: scale(1.05);}
.civi-social-networks.layout-inline .item {   margin-left: 3px;}
.page-dashboard .copyright .area-copyright {  color: #fff;    font-size: 14px;    padding-left: 20px;   padding-right: 20px;}
.site-footer .account a.btn-login { color:#fff !important;}
.site-footer  .account .user-show a.avatar span { color:#fff;}


/* RESPONSIVE */

@media (max-width: 767px) { 

.civi-search-horizontal .search-horizontal-inner {    display: block;        border-radius: 16px;}
.civi-search-horizontal .form-group:last-child { position:static; margin-left:0;}
.civi-search-horizontal .select2.select2-container { height: 70px; line-height: 70px;  }
.civi-search-horizontal .form-group:not(:first-child) {    border-left: 0;   }
.civi-search-horizontal .form-group:not(:last-child) {  border-bottom: 1px solid var(--civi-color-border);  }
.civi-search-horizontal .btn-search-horizontal { width: 100%;   margin-top: 24px;    margin-bottom: 24px;   }
.archive-layout input.archive-search-location { border-bottom-left-radius: 0px; border-top-left-radius: 16px;}
.archive-layout .archive-filter-top .form-group:last-child { position:static; margin-left:0;}


}

@media (max-width: 576px) {
    .site-footer  .elementor-widget-wrap {  overflow:visible;}
    body  .civi-list.toggle .list-inner { display:block;}
    body .civi-list.toggle .heading i { display:none;}
    .site-footer .civi-list.toggle { border:none;}
}