/* JUMBOTRON */
#myJumbotron{
	background-color: rgb(55, 154, 183);
	text-align: center;
	color: #fff;
	padding: 40px 30px 60px 30px;
	margin-bottom: 50px;
	margin-top: 60px;
}

@media screen and (min-width: 768px) {
    #myJumbotron {
        margin-top: 85px;
    }
}

#myJumbotron #jumbotron-title-underline{
	display: block;
	position: relative;
	top: 5px;
	margin: 0 auto;
	height: 1px;
	width: 115px;
	background-color: #fff;
}

#myJumbotron h1{
	font-size: 3.5em;
	font-weight: 700;
}

#myJumbotron p{
	margin-bottom: 25px;
	font-size: 1.5em;
}



/* AVAILABLE JOBS THUMBNAILS */
#noJobsMsg{
	text-align: center;
	padding-top: 15px;
	padding-bottom: 100px;
}

#noJobsMsg h2{
	font-size: 1.5em;
	font-weight: 600;
	color: rgb(137, 134, 134);
}

#noJobsMsg #emailRecrutamento{
	color: rgb(55, 154, 183);
}

@media screen and (max-width: 768px) {
    #noJobsMsg {
        padding-top: 10px;
		padding-bottom: 70px;
    }

    #noJobsMsg h2{
		font-size: 1.2em;
	}
}


#thumbsContainer{
	margin-bottom: 50px;
}

.card {
	padding: 15px;
  background-color: #fff;
  box-shadow: 0px 4px 4px 0 #b9b9b9;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  border-radius: 15px;
}

.card.faded {
    opacity: 0.5;
}
 
.topic-color .highlighted {
    color: #379ab7;
}


.image .highlighted {
    color: #379ab7;
}

.card .header {
    text-align: center;
    padding: 10px;
    padding-top: 20px;
    color: rgb(137, 134, 134);
    font-weight: 800 !important;
}

.card .description {
    text-align: justify;
    padding: 20px;
    color: rgb(137, 134, 134);
    overflow: hidden;
    min-height: 200px;
    max-height: 200px;
}

.card .details{
    padding: 20px;
}

.card .job-image{
	margin-top:35px;
	height: 50px;
}

.card:hover {
  	box-shadow: 0px 8px 15px 0 #b9b9b9;
}

.card .contractType{
    text-transform: uppercase;
    font-size: 11px;
    color: rgb(137, 134, 134);
}

.card .endsAt{
    font-size: 11px;
    font-weight: 600;
    color: rgb(137, 134, 134);
}

.card .detailsBtn{
	text-align: center;
	padding-top: 15px;
}

.card .detailsBtn a{
	font-weight: 700;
}

.technology .detailsBtn a{
	background-color: #3498db;
	border-color: #3498db; 
	color: #fff;
}

.technology .detailsBtn a:hover{
	background-color: #fff;
	color: #3498db;
}

.topic-color .detailsBtn a{
	background-color: #379ab7;;
	border-color: #379ab7;; 
	color: #fff;
}


.image .detailsBtn a{
	background-color: #379ab7;
	border-color: #379ab7; 
	color: #fff;
}

.image .detailsBtn a:hover{
	background-color: #fff;
	color: #009688;
}



/* FOOTER */
#myFooter{
	background-color: rgb(137, 134, 134);
	color: #fff;
	min-width: 100%;
	padding-top: 10px;
	padding-bottom: 50px;
}

#myFooter .footerColumns{
	padding: 0;
}

#myFooter .form-group div{
	padding: 0;
}

#myFooter .introdutoryText{
	padding-bottom: 15px;
	font-weight: 600;
}

#myFooter #footerSpliter{
	text-align: center;
	min-height: 100%;
}

#myFooter #footerSpliter h2{
	height: 20%;
	top: 40%;
	padding-bottom: 0;
}

#myFooter #copyright{
	padding-top: 30px;
	height: 20px;
}

/* Address and socials buttons */
#myFooter #location div{
	padding-bottom: 10px;
	font-weight: 600;
}

#myFooter #social a{
	float: right;
	height: 56px;
	width: 56px;
	margin: 5px 3px;
	text-decoration: none;
}

#myFooter #social .socialLogo{
	min-height: 56px;
	min-width: 56px;
	padding: 0px;
	display: block;
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#myFooter #social #facebook{
	background-image: url('../assets/fb_gray.png');
	background-size: cover; 
}

#myFooter #social #linkedin{
	background-image: url('../assets/linkedin_gray.png');
	background-size: cover; 
}

#myFooter #social #twitter{
	background-image: url('../assets/twitter_gray.png');
	background-size: cover; 
}

#myFooter #social #facebook:hover{
	background-image: url('../assets/face_blue.png');
}

#myFooter #social #linkedin:hover{
	background-image: url('../assets/link_blue.png');
}

#myFooter #social #twitter:hover{
	background-image: url('../assets/twit_blue.png');
}

/* Form */
#myFooter #form input, #myFooter #form textarea{
	background-color: transparent;
	border-color: #fff;
	resize: vertical;
	color: #fff;
}

#myFooter #form input:focus{
	color: #fff;
	outline: none;
    box-shadow: none;
}

#myFooter #form textarea:focus{
	color: #fff;
	outline: none;
    box-shadow: none;
}

#myFooter #form .form-group>div{
	padding-bottom: 6px;
}

#myFooter #form #submitBtn{
	background-color: transparent;
	color: #fff;
	border-color: #fff;
	font-weight: 600;
}

#myFooter #form #submitBtn:focus{
	outline: none;
    box-shadow: none;
}

#myFooter #form #submitBtn:hover{
	background-color: #fff;
	color: rgb(137, 134, 134);
	border-color: rgb(137, 134, 134);
}

#myFooter #form input::-webkit-input-placeholder {
   color: #fff;
}

#myFooter #form input:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

#myFooter #form input::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

#myFooter #form input:-ms-input-placeholder {  
   color: #fff;  
}

#myFooter #form textarea::-webkit-input-placeholder {
   color: #fff;
}

#myFooter #form textarea:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

#myFooter #form textarea::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

#myFooter #form textarea:-ms-input-placeholder {  
   color: #fff;  
}

#myFooter #form input:focus::-webkit-input-placeholder{
   color: #fff;
}

#myFooter #form input:focus:-moz-placeholder{ /* Firefox 18- */
   color: #fff;  
}

#myFooter #form input:focus::-moz-placeholder{  /* Firefox 19+ */
   color: #fff;  
}

#myFooter #form input:focus:-ms-input-placeholder{  
   color: #fff;  
}

#myFooter #form textarea:focus::-webkit-input-placeholder{
   color: #fff;
}

#myFooter #form textarea:focus:-moz-placeholder{ /* Firefox 18- */
   color: #fff;  
}

#myFooter #form textarea:focus::-moz-placeholder{  /* Firefox 19+ */
   color: #fff;  
}

#myFooter #form textarea:focus:-ms-input-placeholder{  
   color: #fff;  
}


/* MODALS */
.modal{
	color: rgb(137, 134, 134);
}

.modal-title{
	color: rgb(55, 154, 183); 
	font-weight: 600;
}

.applyBtn{
	background-color: rgba(55, 154, 183, 0.9);
	border-color: rgb(55, 154, 183);
	border: none;
}

.applyBtn:hover{
	background-color: rgba(55, 154, 183, 1);
}

.applyBtn:focus{
	background-color: rgba(55, 154, 183, 1);
}

.closeBtn{
	background-color: rgba(137, 134, 134, 0.9);
	border-color: rgb(137, 134, 134);
	color: #fff;
}

.closeBtn:hover{
	background-color: rgba(137, 134, 134, 1);
	color: #fff;
}

.closeBtn:focus{
	background-color: rgba(137, 134, 134, 1);
	color: #fff;
}


/* APPLY JOB FORM */
#contactBtn{
	background-color: rgba(55, 154, 183, 0.8);
	position: fixed;
	right: -160px;
	border: none;
	box-shadow: none;
	height: 70px;
	color: #fff;
	padding: 5px;
	width: 220px;
	z-index: 500;
	-webkit-transition: all 0.5s ease;
  	-moz-transition: all 0.5s ease;
  	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

@media screen and (max-width: 768px) {
   #contactBtn{
   		height: 40px !important;
   		padding: 3px;
   		right: -160px ;
   }

   #contactBtn img{
   		margin-top: 1px !important;
   }

   #contactBtn p{
   		margin: 0;
   		font-size: 0.8em;
   }
}

#contactBtn:focus{
	border-box: none;
}

#contactBtn:hover{
	background-color: rgba(55, 154, 183, 1);
	right: 0;
}

#contactBtnText{
	text-align: center;
}

#contactBtn img{
	padding: 0;
	margin-top: 4%;
}

#loadOverlay{
	height: 100%;
	width: 100%;
	text-align: center;
	position: fixed;
	background-color: rgba(137, 134, 134, 0.9);
	color: #fff;
	z-index: 100000;
}

#loadOverlay #message{
	padding-top: 10%
}

#loadOverlay h2{
	font-size: 2em;
	font-weight: 600;
}

#loadOverlay h2:first-child{
	padding-top: 10%;
}

#loadOverlay img{
	height: 70px;
	width: 70px;
}

@media screen and (max-width: 768px) {
   #loadOverlay h2{
		font-size: 1.2em;
	}

	#loadOverlay img{
		height: 35px;
		width: 35px;
	}

	#loadOverlay h2:first-child{
		padding-top: 5%;
	}
}

#applyFormContainer{
	background-color: #fff; 
	min-height: 100%;
	margin: 0 auto 40px auto;
	color: rgb(137, 134, 134);
	padding: 0;
}

#applyFormContainer .formPairs{
	padding-top: 20px;
}

#applyFormContainer input:focus{
	box-shadow: 1px 1px 10px rgb(55, 154, 183);
}

#applyFormContainer .radioBtn:focus{
	box-shadow: none;
}

#applyFormContainer textarea:focus{
	box-shadow: 1px 1px 10px rgb(55, 154, 183);
}

#applyFormContainer [name="stud"]:focus{
	box-shadow: none;
}

#applyFormContainer #uploadFile{
	padding: 0;
}

#applyFormContainer .enaDisFields{
	-webkit-transition: all 0.7s ease;
  	-moz-transition: all 0.7s ease;
  	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

#applyFormContainer input::-webkit-input-placeholder {
   color: rgb(137, 134, 134);
}

#applyFormContainer input:-moz-placeholder { /* Firefox 18- */
   color: rgb(137, 134, 134);  
}

#applyFormContainer input::-moz-placeholder {  /* Firefox 19+ */
   color: rgb(137, 134, 134);  
}

#applyFormContainer input:-ms-input-placeholder {  
   color: rgb(137, 134, 134);  
}

#applyFormContainer textarea::-webkit-input-placeholder {
   color: rgb(137, 134, 134)ff;
}

#applyFormContainer textarea:-moz-placeholder { /* Firefox 18- */
   color: rgb(137, 134, 134);  
}

#applyFormContainer textarea::-moz-placeholder {  /* Firefox 19+ */
   color: rgb(137, 134, 134);  
}

#applyFormContainer textarea:-ms-input-placeholder {  
   color: rgb(137, 134, 134);  
}

#applyFormContainer input:focus::-webkit-input-placeholder{
   color: rgb(137, 134, 134)ff;
}

#applyFormContainer input:focus:-moz-placeholder{ /* Firefox 18- */
   color: rgb(137, 134, 134);  
}

#applyFormContainer input:focus::-moz-placeholder{  /* Firefox 19+ */
   color: rgb(137, 134, 134);  
}

#applyFormContainer input:focus:-ms-input-placeholder{  
   color: rgb(137, 134, 134);  
}

#applyFormContainer textarea:focus::-webkit-input-placeholder{
   color: rgb(137, 134, 134)ff;
}

#applyFormContainer textarea:focus:-moz-placeholder{ /* Firefox 18- */
   color: rgb(137, 134, 134);  
}

#applyFormContainer textarea:focus::-moz-placeholder{  /* Firefox 19+ */
   color: rgb(137, 134, 134);  
}

#applyFormContainer textarea:focus:-ms-input-placeholder{  
   color: rgb(137, 134, 134);  
}

#applyFormContainer #cv{
	border: none;
	box-shadow: none;
	padding: 0;
}

#applyJobFormBtn, #overviewJobFormBtn{
	margin-right: 15px;
	color: #fff;
	background-color: rgba(55, 154, 183, 0.9);
	border-color: rgba(55, 154, 183, 0.9);
}

#applyJobFormBtn:hover, #overviewJobFormBtn:hover{
	background-color: rgba(55, 154, 183, 1);
	border-color: rgba(55, 154, 183, 1);
}

#applyJobFormBtn:focus, #overviewJobFormBtn:focus{
	background-color: rgba(55, 154, 183, 1);
	border-color: rgba(55, 154, 183, 1);
}

@media screen and (max-width: 768px) {
    #applyFormContainer .formPairs, #applyFormContainer .form-group,
    #applyFormContainer .inputContainer {
        padding: 0;
    }

    #applyFormContainer #applyJobFormBtn{
    	margin-top: 20px;
    	margin-right: -2px;  
    }

    #myFooter .introdutoryText{
    	font-size: 20px;
    }

    #myFooter #social .socialLogo{
    	width: 30px;
    	height: 30px;
    }

    #myJumbotron h1{
		font-size: 2em;
		font-weight: 700;
	}

	#myJumbotron p{
		margin-bottom: 25px;
		font-size: 1.2em;
	}
}