/* 
CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles at the end of this file instead 
of style.css so it is easier to update the theme. 
Simply copy an existing style from style.css to this file, 
and modify it to your liking.
*/
.header .row {
    min-height: 160px;
    background: url("/wp-content/themes/jobjockey/custom/bethel-college-wordmark.png") top left no-repeat;
}
.navigation {
  margin: 0 0 0 -2.5% !important;
  width: 100% !important;
}
.nav-left li {
  margin: 0 0 0 3% !important;
}
.header li {
  margin: 0 3% 0 0 !important;
}
@media only screen and (min-width: 768px) and (max-width: 977px) {
  .navigation {
		margin: 190px 2% 55px 2% !important;
		width: 91% !important;
	}
  .user-info {
   		margin-bottom:-73px !important; 
  }
}
@media only screen and (min-width: 240px) and (max-width: 479px) {
  .header .row {
    	background-size:100%;
  }
  .navigation {
		margin: 190px 2% 55px 2% !important;
		width: 91% !important;
	}
  .user-info {
   		margin-bottom:-73px !important; 
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .user-info {
   		margin-bottom:-73px !important; 
  }
	.navigation {
		margin: 190px 2% 55px 2% !important;
		width: 91% !important;
	}
}

.button { background: #cdcdcd; }
.section-content { background: #fff !important; }
.job-info .button {
    top: initial;
    right: initial;
    position: relative;
    float: right;
    margin: 0 2px;
}