/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Nov 27, 2019, 11:45:59 PM
    Author     : Nurielmeni
*/
:root {
  --color-primary: #1366b1;
  --color-secondary: #ffdc2d;
  --color-accent: #ffc900;
  --color-dark: #1c1c1c;
  --color-dark-page: #121212;
  --color-positive: #3da43d;
  --color-negative: #d63230;
  --color-info: #40bcd8;
  --color-warning: #f39237;
  --color-main: #8120b3;
  --color-bright: #f1ebf5;
  --color-light: rgba(255, 255, 255, 0.5);
}

/* Background color utilities */
.bg-primary    { background-color: var(--color-primary) !important; }
.bg-secondary  { background-color: var(--color-secondary) !important; }
.bg-accent     { background-color: var(--color-accent) !important; }
.bg-dark       { background-color: var(--color-dark) !important; }
.bg-dark-page  { background-color: var(--color-dark-page) !important; }
.bg-positive   { background-color: var(--color-positive) !important; }
.bg-negative   { background-color: var(--color-negative) !important; }
.bg-info       { background-color: var(--color-info) !important; }
.bg-warning    { background-color: var(--color-warning) !important; }
.bg-main       { background-color: var(--color-main) !important; }
.bg-bright     { background-color: var(--color-bright) !important; }
.bg-light      { background-color: var(--color-light) !important; }

/* Text color utilities */
.text-primary    { color: var(--color-primary) !important; }
.text-secondary  { color: var(--color-secondary) !important; }
.text-accent     { color: var(--color-accent) !important; }
.text-dark       { color: var(--color-dark) !important; }
.text-dark-page  { color: var(--color-dark-page) !important; }
.text-positive   { color: var(--color-positive) !important; }
.text-negative   { color: var(--color-negative) !important; }
.text-info       { color: var(--color-info) !important; }
.text-warning    { color: var(--color-warning) !important; }
.text-main       { color: var(--color-main) !important; }
.text-bright     { color: var(--color-bright) !important; }
.text-light      { color: var(--color-light) !important; }

/* Border color utilities */
.border-primary    { border-color: var(--color-primary) !important; }
.border-secondary  { border-color: var(--color-secondary) !important; }
.border-accent     { border-color: var(--color-accent) !important; }
.border-dark       { border-color: var(--color-dark) !important; }
.border-dark-page  { border-color: var(--color-dark-page) !important; }
.border-positive   { border-color: var(--color-positive) !important; }
.border-negative   { border-color: var(--color-negative) !important; }
.border-info       { border-color: var(--color-info) !important; }
.border-warning    { border-color: var(--color-warning) !important; }
.border-main       { border-color: var(--color-main) !important; }
.border-bright     { border-color: var(--color-bright) !important; }
.border-light      { border-color: var(--color-light) !important; }

/* Button color utilities */
.btn-primary    { background-color: var(--color-primary); color: #fff; }
.btn-secondary  { background-color: var(--color-secondary); color: var(--color-primary); border-color: var(--color-secondary)}

/* Font Size */
.fs-sm {
    font-size: .875em;
}


html,
body {
    min-height: 100%;
    height: auto;
    font-family: "Heebo", sans-serif;
}

.v-hidden {
    visibility: hidden !important;
}

.campaign-wrap {
    position: relative;
}

.row.alerts {
    position: absolute;
    z-index: 100;
    width: 100%;
    top: 80px;
    font-size: 24px;
}

.campaign-wrap .btn {
    font-size: 20px;
    line-height: 24px;
}

.campaign-wrap .btn a {
    text-decoration: none;
}

.campaign-wrap .btn:hover {
    color: #1366b1;
    opacity: 0.85;
}

#ca-wrapper {
    min-height: 100vh;
}

div.logo {
    padding-top: 30px;
}

div.logo img {
    height: auto;
}

#campaign {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 16px;
}

.reply-wrapper .actions > div {
    padding: 0;
}

.reply-wrapper a.fb-icon {
    color: #1366b1;
    border-radius: 24px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

label[for="contactform-cvfile"] {
    font-size: 18px;
    text-decoration: underline;
    font-weight: normal;
    cursor: pointer;
}

.form-group.field-contactform-cvfile.has-success label {
    color: #00ff00;
}

.ca-form .form-group input,
.ca-form .form-group select,
.ca-form .form-group .nice-select.form-control {
    height: 40px;
    font-size: 16px;
    line-height: 28px;
}

.ca-actions .more-jobs:before {
    content: " ";
    display: block;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ffffff;
}

.ca-actions .more-jobs .btn.btn-default {
    width: 192px;
}

.ca-form > div.fields {
    max-width: 478px;
    margin: 0 auto;
    width: 100%;
}

/******** submit-cv-form ********/
#submit-cv-form input.form-control,
#submit-cv-form .form-select,
#submit-cv-form .btn {
   line-height: 2rem;
}

#submit-cv-form .btn.btn-file {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
}

/***********  RESPONSIVE *************/
@media (max-width: 576px) {
    #ca-wrapper .ca-form.col-md-4.col-sm-5.col-xs-12 {
        padding: 0;
    }
}

@media (min-width: 768px) {
}