/*======================================
Theme Name: JoburiSusRamnicul
Theme URI: https://joburi.susramnicul.ro/
Description: Portal de joburi al proiectului SusRâmnicul
Version: 1.0
Author: Cristian Turcu
Author URI: http://www.pixicenter.com
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */
@import url('assets/css/main.css');
@import url('assets/css/font-awesome.min.css');

#logo h1 {
    background: #ef3f5a;
    color: #fff;
    border-radius: 6px;
    font-family: 'Oleo Script', serif;
    font-weight: 400;
    padding: 0.25em 0.2em 0.25em 0.2em;
    font-size: 3.25em;
    letter-spacing: 0.05em;
    display: inline-block;
    vertical-align: middle;
}
	.box.feature .inner {
    padding: 1em 1em 0.25em 1em;
}
small {
    font-size: small;
}

.cauta-job {
    margin-top: 1em;
    background-color: #10a0d5;
    padding: 1em;
    border-radius: 8px;
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.05);
}
#banner {
    position: relative;
    padding: 4.5em;
    width: 100%;

}
.cover {
    height: 80vh;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.05)), to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
    padding: 20px 50px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin: 0;
    background: url(http://katherinekato.com/misc/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    opacity: 1, 1, 0.2, 1;
    color: #0a0a0b;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0)), linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
   /* -webkit-mask-position: left top, left bottom; */
    overflow: hidden;
}
.flex-form input[type="submit"] {
  background: #ef3f5a;
  border: 1px solid #ef3f5a;
  color: #fff;
  padding: 0 30px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.flex-form input[type="submit"]:hover {
  background: #d73851;
  border: 1px solid #d73851;
}

.flex-form {
  display: -webkit-box;
  display: flex;
  z-index: 10;
  position: relative;
  width: 300px;

  opacity: 0.8;
}
.flex-form:hover {
  opacity: 1;
  box-shadow: 24px 8px 16px rgba(0, 0, 0, 0.3)
  -webkit-transition all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}

.flex-form > * {
  border: 0;
padding: 10px 10px 10px 10px;
background: #fff;
line-height: 70px;
font-size: 2rem;
outline: 0;
-webkit-appearance: none;
}
form label {
    display: block;
    font-weight: 800;
    margin: 0 0 0 0;
    font-size: 0.8em;
    color: #444;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

input[type="search"] {
  flex-basis: 500px;
}
icon {
  color: #ef3f5a;
}

.continut:hover{
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;


}
#header-wrapper {
    padding: 4.5em 0 1em 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.05)), to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0) 100%);

    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin: 0;
    background: url(http://katherinekato.com/misc/bg.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    color: #ffffff;
    text-shadow: -1px 5px 9px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

#nav ul li.current a {
    background: #e23b57;
    color: #fff;
}
#nav ul li a, #nav ul li span {
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    -ms-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    font-weight: 800;
    letter-spacing: 0.025em;
    color: #ffffff;
    text-decoration: none;
    border-radius: 6px;
    padding: 0.5em 1em 0.5em 1em;
}
.navigator:hover{
  color: #e23b57;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

}