/*
* Body settings, change it as required
*/

body { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 1em; line-height: 1.4; color: #fff; background-color: #1b1b1b; }

body .off-canvas-content { padding-top: 60px; }
body.body-home .off-canvas-content { padding-top: 0; }

@media screen and (max-width: 39.9375em) {
    body .off-canvas-content { padding-top: 50px; }
    body.body-home .off-canvas-content { padding-top: 0; }
}


table tbody td, table tbody th { text-align: left; }
table tfoot { color: #fff; }
span.unavailable {
  cursor:not-allowed;
  text-decoration: line-through;
  opacity: 0.5;
}

.grid-container { padding-left:2.8125rem; padding-right: 2.8125rem; }
.grid-container .grid-container { padding-left:0; padding-right: 0; }

.no-js .off-canvas { display: none; }

@media only screen and (max-width: 63.9375em) {
    .grid-container { padding-left:2em; padding-right: 2em; }
    .grid-container .grid-container { padding-left:0; padding-right: 0; }
}

@media only screen and (max-width: 39.9375em) {
    .grid-container { padding-left:20px; padding-right: 20px; }
    .grid-container .grid-container { padding-left:0; padding-right: 0; }
}

.callout.success { background-color: #00ff99; }
.callout a { color: #000; }
.callout a:hover { color: #000; }

#delete.callout { background-color: transparent; border:1px solid #ccc; color: #fff; }
#delete.callout a,
#delete.callout a:hover { color: #fff; }

/*
* Headings
*/

h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; font-weight:bold; text-rendering: optimizeLegibility; margin-top:0px; }

h1 { margin:0 0 30px; }

.error { color: red; }

.callout { max-width: 800px; }

.input-group { margin-bottom: 0 !important; }

.adlift { padding:20px 0; overflow: hidden; }
#fuse-slot-21703250591-1 > div { text-align: left !important; margin:0 !important; }
.single-job.page-content .adlift { padding:0; }

aside.medium-3 .adlift { overflow: inherit; }

.sticky-footer {
    position:fixed;bottom:0;left:0;right:0;overflow:hidden;z-index:5;
}

.job-alerts { background-color: #666; padding:20px 10px 10px; }
.job-alerts h4 { font-size: 19px; line-height: 38px; }
.job-alerts input[type="text"],
.job-alerts input[type="email"] { margin-bottom: 10px; }
.job-alerts button[type="submit"] { margin:0 0 10px; background-color: transparent; color: #00ffff; padding:9px 30px; }
.job-alerts button[type="submit"]:hover { color: #000; background-color: #00ffff; }

@media only screen and (max-width: 39.9375em) {
    .fuse-slot { padding:15px 5px; margin:10px 0; background-color: #efefef; position: relative; -webkit-box-shadow:inset 0 0 10px 0 rgba(0,0,0,.1); box-shadow:inset 0 0 10px 0 rgba(0,0,0,.1); }
    .fuse-slot:after {
        content: "Advertisement";
        font-size: 12px;
        color: #bbb;
        position: absolute;
        top:3px;
        left:3px;
    }
    .sticky-footer .fuse-slot { padding:15px 5px; margin:0 !important; }
}


/*--- Placeholder --- */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity:1;}
input:-moz-placeholder, textarea:-moz-placeholder { opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { opacity:1;}


.entry { word-wrap: break-word; }

.ad-unit { padding:0 30px; margin:0 0 20px; }

.verify-content #job-details .ad-unit,
.verify-content #job-details .breadcrumbs { display: none; }

a.button { text-decoration: none; }
a.button:hover { text-decoration: none; }

.button-green { background-color: green; }
.button-green:hover { background-color: green; }

.action-buttons .button { display: block; padding:5px 25px; font-size: 18px; font-weight: bold; text-align: left; }
.action-buttons .button.button-large { padding:15px; max-width: 240px; }
.action-buttons .button i,
.action-buttons .button svg { margin-right: 10px; }

.entry p small { font-size: 12px; }


@media only screen and (max-width: 63.9375em) {

}

@media only screen and (max-width: 39.9375em) {

}



/*
* Links
*/

a { color: #00ffff; text-decoration: underline; }
a:hover { color: #00ffff; text-decoration: none; }
a:focus { color: #00ffff; outline: none; }

label { color: #ccc; }

/*
* A better looking default horizontal rule
*/

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cfdfe5; margin:0 auto; margin-top: 20px; margin-bottom: 20px; padding: 0; clear:both; }


/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
    vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic;
}


/*
* Remove default fieldset styles.
*/

fieldset { border: 0; margin: 0; padding: 0; }


.profile-incomplete.callout,
.profile-incomplete.callout p,
.profile-incomplete.callout li { font-size: 14px; }
.profile-incomplete.callout p { margin:0 0 10px; }

/*
* Allow only vertical resizing of textareas.
*/

textarea {
    resize: vertical;
}

form label input[type="checkbox"] { margin-bottom: 0; margin-right: 5px; }

ul.paginate {
    border:1px solid #e1e1e1;
    margin:10px 10px 20px;
    padding:0;
    list-style: none;
    display: inline-block;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

ul.paginate:after {
    content: '';
    display: table;
    clear: both;
}

ul.paginate li {
    margin:0;
    padding:0;
    text-align: center;
    float: left;
    border-right: 1px solid #e1e1e1;
}

ul.paginate li:last-child {
    border-right: none;
}

ul.paginate li a {
    display: block;
    float: left;
    padding:10px;
    background-color: #fff;
    font-size: 15px;
    color: #b5b5b5;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

ul.paginate li a:hover {
    background-color: #f5f5f5;
}

ul.geo-category {
    margin:0;
    font-size: 13px;
    position: relative;
    z-index: 2;
}
ul.geo-category li { color: #fff; margin-left: 0px; margin-right: 15px; }
ul.geo-category li a { color: #fff; }


@media only screen and (max-width: 39.9375em) {
    .breadcrumbs { display: none; }
}








/* ==========================================================================
	Layout
========================================================================== */



.pricing-table {
  background-color: transparent;
  border: solid 1px #cacaca;
  width: 100%;
  text-align: center;
  list-style-type: none;
  margin:0 0 20px;
}

.pricing-table li {
  
  padding: 0.875rem 1.125rem;
}

.pricing-table li:last-child {
  border-bottom: 0;
}

.pricing-table .title {
  background-color: #0a0a0a;
  color: #fefefe;
  border-bottom: 1px dashed #fff;

}

.pricing-table .price {
  background-color: transparent;
  font-size: 18px;
  border-bottom: 0;
}

.pricing-table .price span {
    font-size: 14px;
}

.pricing-table .description {
  color: #8a8a8a;
  font-size: 80%;
}

.pricing-table :last-child {
  margin-bottom: 0;
}


.pricing-screenshots {
    margin-bottom: 30px;
    font-size: 14px;
}

.pricing-screenshots img {
    margin:0 0 10px;
}

.callout-shadow {
    border:1px solid #eee;
    border:1px solid rgba(0,0,0,0.1);
    background-color: #fff;
    border-radius: 3px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
    margin-bottom: 20px;
    height: 100%;
}

.callout-shadow:target {
    background-color: #fffff1;
}

@media only screen and (max-width: 39.9375em) {
    .callout-shadow { height: auto; }
}

/*--- Header --- */


.header { z-index:10; color: #fff; height: 60px; position:fixed; left:0px; top:0px; right: 0; background-color: #1b1b1b; }


body.body-home .header {
    background-color: transparent;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

body.body-home.scrolled .header {
    background-color: #1b1b1b;
}

.header a.menu-btn {
    display: block;
    width: 60px;
    padding:0 20px;
    text-align: center;
    position: relative;
}

.header a.menu-btn span {
    display: block;
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    top:50%;
    left:50%;
    margin-left: -10px;

    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.header a.menu-btn span.bar-top { margin-top: -6px; width: 12px; }
.header a.menu-btn span.bar-middle { margin-top: -1px; }
.header a.menu-btn span.bar-bottom { margin-top: 4px; width: 14px; }
.header a.menu-btn:hover span.bar-top,
.header a.menu-btn:hover span.bar-bottom { width: 20px; }

.header img.logo { display: block; max-width: 190px; height: auto; margin:10px; }

.header .main-nav-menu { padding:0 20px; height: 100%; }
.header .main-nav-menu > ul { position: relative; height: 100%; }
.header .main-nav-menu > ul > li { position: relative; padding:0; }
.header .main-nav-menu > ul > li > a > .fa-chevron-down {  margin-left: 5px; opacity: 0.6;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.header .main-nav-menu > ul > li > a:hover > .fa-chevron-down { opacity: 1; }
.header .main-nav-menu > ul > li > a { padding:21px 8px 20px; height: 60px; font-size: 16px; font-weight: normal; color: #fff; }
.header .main-nav-menu > ul > li > a:hover { text-decoration: none; background-color: transparent; }
.header .main-nav-menu > ul > li:hover > a { }
.header .main-nav-menu > ul > li.mega-menu.active > a { background-color: transparent; }
.header .main-nav-menu > ul > li.mega-menu.active:after {
    display: block;
    content: "";
    position: absolute;
    bottom:0;
    left:50%;
    margin-left: -20px;
    border:10px solid transparent;
    border-bottom:10px solid #fff;
}

.header .main-nav-menu > ul .sub-menu { display: none; position: absolute; top:60px; left:-150px; width: 680px; background-color: #fff; border:1px solid #d7d7d7; border-top: none; padding:20px 20px; }
.header .main-nav-menu > ul li.active .sub-menu { display: block; }
.header .main-nav-menu > ul .sub-menu .border-menu-item { padding-bottom: 10px; border-bottom:1px solid #d7d7d7; margin-bottom:18px; }

.header .main-nav-menu > ul .sub-menu a { font-size: 15px; padding:7px 5px; margin:0; display: block; color: #333; }
.header .main-nav-menu > ul .sub-menu a i,
.header .main-nav-menu > ul .sub-menu a .svg-inline--fa { color: #00ffff; margin-right: 5px; }
.header .main-nav-menu > ul .sub-menu a:hover { text-decoration: underline; }

.header .main-nav-menu > ul .sub-menu .column-block { margin-bottom: 0; }
.header .main-nav-menu > ul .sub-menu .prent-menu { font-weight: bold; text-decoration: underline; }

.header ul.menu-account.simple.menu { float: right; padding:0 20px; }
.header ul.menu-account.simple.menu li { color: #fff; font-size: 14px; }
.header ul.menu-account.simple.menu li a { display: inline; display: inline-block; color: #fff; }
.header ul.menu-account.simple.menu li a:hover { text-decoration: underline; }

.header ul.menu-account.simple.menu li a.user-profile { position: relative; }

.header ul.menu-account.simple.menu li a.user-profile span.menu-profile {
    display: inline-block;
    margin:0 7px 0 0;
    line-height: 24px;
    height: 24px;
    width: 24px;
    text-align: center;
    background-color: #fff;
    text-decoration: none;
    border-radius: 50%;
    font-size: 14px;

    background-repeat: no-repeat;
    background-position: center center;
    border:1px solid #fff;
    border-radius:50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.header ul.menu-account.simple.menu li a.user-profile:hover {
    text-decoration: underline;
}

.header ul.menu-account.simple.menu li a.user-profile i,
.header ul.menu-account.simple.menu li a.user-profile svg {
    color: #0066cc !important;
}

.header ul.menu-account.simple.menu li a.user-profile.w-img i,
.header ul.menu-account.simple.menu li a.user-profile.w-img svg {
    opacity: 0 !important;
}

#user-menu ul li a .update-profile,
.header ul.menu-account.simple.menu li a.user-profile span.update-profile {
    display: block;
    position: absolute;
    top:-5px;
    left:-3px;
    background-color: red;
    z-index: 1;
    height: 14px;
    width: 14px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
}


.header ul.menu-account.simple.menu li:nth-child(2) { border-left: 1px solid #fff; border-left: 1px solid rgba(255,255,255,0.4); margin-left: 1.5em; padding-left: 1.0em; }

.header ul.menu-account.simple.menu li a.button {
    border:2px solid #fff;
    background-color: transparent;
    margin:10px 0 0;
    display: block;
    padding:10px 25px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 1px;
}

.header ul.menu-account.simple.menu li a.button:hover {
    background-color: #fff;
    color: #1b1b1b;
    text-decoration: none;
}

.header ul.menu-account.simple.menu li .fa-sign-in { margin-right: 0.5em; }

@media only screen and (max-width: 39.9375em) {
    .header ul.menu-account.simple.menu li.post-job-button { display: none; }

    .header ul.menu-account.simple.menu { padding:0 20px 0 0;}
    .header ul.menu-account.simple.menu li:nth-child(2) { border-left: none; margin-left: 8px; padding-left: 0; }

    .header ul.menu-account.simple.menu li .fa-sign-in { display: none; }

    .header { height: 50px; }

    .header img.logo { max-width: 170px; }

    .header ul.menu-account.simple.menu li a.user-profile span.menu-label { display: none; }

    .header a.menu-btn { width: 50px; }
}

/*--- Search Form --- */
#search-form { float:left; padding:18px 21px; height:80px;}
#search-form i { font-size: 28px; margin-right: 10px; color: #00ffff; float: left; }
#search-form input[type='text'] { border:0px; box-shadow:none; font-size:18px; color:#acacac; width:195px; padding:3px 0px; height:28px; margin:0; background:none; float: left; border-bottom: 1px solid transparent;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#search-form input[type='text']:active,
#search-form input[type='text']:focus { border-bottom: 1px solid #eee; }
#search-form p { margin:0px; padding:7px; }


/*--- Main Navigation --- */

.position-left { background-color: #000; }

.off-nav-menu { }
.off-nav-menu ul { margin:0px; list-style:none; padding:0; }
.off-nav-menu ul li a { display:block; padding:10px; font-size:16px; color:#eee; font-weight:normal; position:relative; background-color: transparent;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.off-nav-menu ul li a i,
.off-nav-menu ul li a svg {
    width: 25px !important;
}

.off-nav-menu ul ul li:nth-child(1) a svg { color: #00ffff; }
.off-nav-menu ul ul li:nth-child(2) a svg { color: #F8C332; }
.off-nav-menu ul ul li:nth-child(3) a svg { color: #BE3930; }
.off-nav-menu ul ul li:nth-child(4) a svg { color: #CEA3DA; }
.off-nav-menu ul ul li:nth-child(5) a svg { color: #00ffff; }
.off-nav-menu ul ul li:nth-child(6) a svg { color: #F8C332; }
.off-nav-menu ul ul li:nth-child(7) a svg { color: #BE3930; }
.off-nav-menu ul ul li:nth-child(8) a svg { color: #CEA3DA; }
.off-nav-menu ul ul li:nth-child(9) a svg { color: #00ffff; }
.off-nav-menu ul ul li:nth-child(10) a svg { color: #F8C332; }
.off-nav-menu ul ul li:nth-child(11) a svg { color: #BE3930; }
.off-nav-menu ul ul li:nth-child(12) a svg { color: #CEA3DA; }
.off-nav-menu ul ul li:nth-child(13) a svg { color: #00ffff; }
.off-nav-menu ul ul li:nth-child(14) a svg { color: #F8C332; }
.off-nav-menu ul ul li:nth-child(15) a svg { color: #BE3930; }
.off-nav-menu ul ul li:nth-child(16) a svg { color: #00ffff; }
.off-nav-menu ul ul li:nth-child(17) a svg { color: #F8C332; }

.off-nav-menu ul li a:hover, .off-nav-menu ul li.active a, .off-nav-menu ul li:hover > a { background:#333; color:#00ffff; }
.off-nav-menu ul li a:hover svg { color: #fff !important; }


.off-nav-menu ul li ul li a { font-size:15px; font-weight:normal; }


.off-nav-menu ul li .sociable { padding:10px 0 0; }
.off-nav-menu ul li .sociable a { padding:10px; height: auto; line-height: normal; text-align: center; color: #ccc; }


.drilldown .is-drilldown-submenu { background-color: #fafafa; }

.position-right.off-canvas { background-color: #000; }
#user-menu { background-color: #000; }
#user-menu ul { position: relative; margin:0; padding:0; list-style: none; }
#user-menu ul li { margin:0; padding:0; }
#user-menu ul li a { color:#eee; background-color: transparent; display: block; padding:10px 15px; text-decoration: none; position: relative;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#user-menu ul li a svg,
#user-menu ul li a i {
    width: 25px !important;
    color: #eee;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
#user-menu ul li a:hover { background-color: #333; color: #00ffff; }
#user-menu ul li a:hover svg { color: #00ffff; }

#user-menu ul li a .update-profile { left: auto; right:auto; position: relative; display: inline-block; }

/*--------------------------------
    Search Popup
----------------------------------*/

.popup-box {
    position: relative;
    width: 100%;
    max-width: 540px;
    margin:0 auto;
    padding:40px 60px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}

.search-popup {
    position: relative;
    width: 100%;
    margin:0;
    padding:10px;
    height: 60px;
    background-color: #0084db;
    color: #fff;
    border-radius: 0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.1);
}

.popup-box {
    max-width: 650px;
}

.search-popup h3, .popup-box h3 {
    margin:0 0 10px;
    font-size: 30px;
    font-weight: 900;
    color: #333;
}

.search-popup form { max-width: 250px; float: right; width: 100%; }
.search-popup form fieldset.input-group { margin-bottom: 0; }
.search-popup form input[type="text"] { margin-bottom: 0; font-size: 14px; border-radius: 0px; border:none; box-shadow: none; color: #fff; background-color: transparent; text-align: left; border-bottom: 1px solid #fff; }
.search-popup form button { margin:0; height: auto; padding:0 10px; font-size: 14px; border:none; background-color: transparent; color: #fff; border:none; box-shadow: none; }
.search-popup form button:hover { background-color: transparent; color: #fff; }

/*--------------------------------
    Home - hero
----------------------------------*/

.hero-slider.royalSlider { width: 100%; }
.hero-slider.royalSlider img.rsImg { opacity: 0.7; margin-left: 0 !important; }
img.rsImg {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.royalSlider > .rsContent { visibility: hidden; }

.hero-wrapper { position: relative; overflow: hidden; z-index: 3; }

.hero-wrapper .hero-caption {
    position: absolute; top:50%; left:0; right:0; z-index: 25; text-align: center;
    padding:90px 0 40px;
    -webkit-transform: translateY(-50%);
    -moz-transform:    translateY(-50%);
    -ms-transform:     translateY(-50%);
    -o-transform:      translateY(-50%);
    transform: translateY(-50%);
}
.hero-wrapper .hero-caption h1 { font-size:60px; letter-spacing: -1px; font-weight:900; z-index:7; color:#fff; line-height:1.2em; margin:0 0 10px; }
.hero-wrapper .hero-caption h2 { font-size:24px;  line-height: 1.4em; color: #fff; margin:0 0 5px; font-weight:bold; }
.hero-wrapper .hero-caption p { font-size:18px; line-height: 1.4em; color: #fff; margin:0 0 30px; font-weight:normal; }

.hero-wrapper .hero-caption acronym[title] {
    text-decoration: none;
}

.hero-wrapper .hero-caption p a { display: inline-block; text-decoration: none; color: #fff; background-color: #00ffff; padding:0 4px; margin:0 0 2px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.hero-wrapper .hero-caption p a:hover { background-color: #00ffff; text-decoration: underline; }

.hero-caption form { width: 100%; max-width: 520px; margin:0 auto; }
.hero-caption form fieldset {
    background-color: rgba(255,255,255,0.2);
    padding:10px;
    margin:0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.hero-caption form fieldset:hover { background-color: rgba(255,255,255,0.2);  }

.hero-caption form input { padding:10px 15px; font-size: 22px; color: #999; border:none;  box-shadow: none; height: 60px; margin:0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;

-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.hero-caption form input:active,
.hero-caption form input:focus { box-shadow: none; border:none; outline: none; }
.hero-caption form button {
    border:none;
    background-color: #f8c332;
    width: 60px; height: auto; padding:10px 0; text-align: center; text-transform: none; font-size: 22px; height: 60px; margin:0;

    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.hero-caption form button:hover { background-color: #efb108; color: #fff; }

@media only screen and (max-width: 63.9375em) {


    .hero-caption form { max-width: 360px; }
    .hero-caption form input { padding:5px 15px; height: auto; font-size: 18px; }
    .hero-caption form button { padding:5px 0; height: auto; font-size: 18px; }
}

@media only screen and (max-width: 39.9375em) {
    
    .hero-wrapper .hero-caption { }
    .hero-wrapper .hero-caption h1 { font-size:26px; }
    .hero-wrapper .hero-caption h2 { font-size:18px; font-weight: normal; }
    .hero-wrapper .hero-caption h2 br { display: none; }
    .hero-wrapper .hero-caption p { font-size:16px; }
    .hero-caption form { display: none; }
}


.section-links { background:#fafafa; padding:60px 0 40px; }
.section-links h2 { color: #333; font-size: 30px; font-weight: 900; margin:0 0 15px; }

.section-links a { color: #333; text-decoration: none; }
.section-links a:hover { color: #333; text-decoration: underline; }
.section-links acronym,
.section-links abbr { color: #333; text-decoration: none; }

.premium-jobs { background:#fff; padding:60px 0 40px; }
.premium-jobs h2 { color: #333; font-size: 30px; font-weight: 900; margin:0 0 15px; }

.employer-grid { padding:20px 0; }
.employer-grid h2 { color: #333; font-size: 30px; font-weight: 900; margin:0 0 15px; }
.employer-grid a { text-decoration: none; color: #999; }

.employer-grid .thumbnail-bg {
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 80%;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: left;
  text-indent: -9999px;
  border:1px solid transparent;
  background-color: transparent;
  margin:0 0 10px;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

.employer-grid .thumbnail-bg:hover { border:1px solid #00ffff; }


.latest-jobs { background:#1b1b1b; color: #fff; padding:40px 0 40px; }
.latest-jobs h2 { color: #eee; font-size: 30px; font-weight: 900; margin:0 0 15px; }

.content-block { background:#1b1b1b; padding:60px 0 30px; }
.content-block h2 { color: #eee; font-size: 30px; font-weight: 900; margin:0 0 15px; }

.entry,
.entry p,
.entry li { font-size: 17px; }

.content-block .entry a.button { text-decoration: none; font-weight: bold; font-size: 18px; }
.content-block .entry ul { list-style: none; color: #767676; margin-bottom: 25px; margin-left: 0; }
.content-block .entry li a { color: #767676; text-decoration: none; }
.content-block .entry li i,
.content-block .entry li svg { width: 40px; }
.content-block .entry li a:hover { text-decoration: underline; }

@media only screen and (max-width: 63.9375em) {
    .section-links,
    .employer-grid,
    .latest-jobs { padding:30px 0; }
    .section-links h2,
    .premium-jobs h2,
    .employer-grid h2,
    .latest-jobs h2 { font-size: 24px; }
    .section-links h2 { margin:20px 0; }
}

@media only screen and (max-width: 39.9375em) {
    .premium-jobs { padding:40px 0 20px; }
    .section-links h2,
    .premium-jobs h2,
    .employer-grid h2,
    .latest-jobs h2 { font-size: 20px; }
}


#home-accordion a.accordion-title {
    font-size: 18px;
    color: #0a0a0a;
    font-weight: normal;
    text-decoration: none;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

/*--------------------------------
    Job Listings
----------------------------------*/

.job-entry { position: relative; padding:0 0 20px; }
.job-images { position: relative; padding:15px; }
.job-images > a { display: block; }

.job-images .no-images,
.job-images .job-img {
    width: 80px;
    height: 80px;

    line-height: 70px;

    border:3px solid #666;
    border-radius: 3px;

    background-color: #fff;
}

.job-images .job-img {

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    background-position: center center;
    background-repeat: no-repeat;
}

.job-images .job-img.job-img-contain {
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;

    background-position: center center;
    background-repeat: no-repeat;
}

.premium-jobs-grid .job-images .no-images,
.premium-jobs-grid .job-images .job-slider { position: relative; top:auto; right:auto; bottom:auto; left:auto; height: 160px; }

.job-entry .job-title { font-size: 22px; line-height: 1.1em; margin:0 0 4px; max-width: 400px; }
.job-entry .job-title a { color: #eee; text-decoration: none; }
.job-entry .job-title a:hover { color: #fff; text-decoration: none; }
.job-entry .job-location { margin:0; color: #00ffff; text-transform: uppercase; font-weight: 400; font-size: 14px; line-height: 1.2em; }
.job-entry .job-company { margin:0; font-weight: 300; font-size: 14px; color: #eee; line-height: 1.2em; text-transform: uppercase; }

.premium-jobs-grid .job-entry .job-images { margin:0 0 10px; overflow: hidden; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.premium-jobs-grid .job-entry .job-category { position: absolute; top:0; right:0; max-width: 60%; float: right; background-color: #000; background-color: rgba(0,0,0,0.7); color: #fff; font-size: 14px; padding:3px 5px; margin:0; z-index: 2;
-webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; line-height: 1.2em; }

.jobs-list .job-entry {
    cursor: pointer;
    padding:0;
    border:1px solid transparent;
    border:1px solid rgba(0,0,0,0.0);
    background-color: #333;
    border-radius: 3px;
    overflow: hidden;
    max-width: 900px;
    margin:0 auto;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.0);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.0);
}

.jobs-list .job-entry.job-entry-featured,
.jobs-list .job-entry.job-entry-featured-premium { border:3px solid #00ffff; }

.jobs-list .job-entry:hover { background-color: #444; }

.jobs-list.jobs-list-others .job-entry { padding:10px 20px; }



.jobs-list .job-entry .job-details { padding:15px 0 15px 10px; }
.jobs-list .job-entry p { margin:0; line-height: 1.2em; margin:0 0 5px; }
.jobs-list .job-entry p.job-excerpt { font-size: 13px; color: #999; }
.jobs-list .job-entry p.job-excerpt a { text-decoration: underline; color: #999; }
.jobs-list .job-entry p.job-excerpt a:hover { text-decoration: none; }
.jobs-list .job-entry p.job-published { font-size: 13px; line-height: 1.1em; color: #999; margin:0 0 5px; }
.jobs-list .job-entry .job-location { text-transform: none; }

.jobs-list .job-entry .job-meta { text-align: center; padding:0 15px; }
.jobs-list .job-entry .job-meta p { font-size: 16px; font-weight: normal; line-height: 1.2em; color: #999; margin:0; }
.jobs-list .job-entry .job-meta .job-datestamp { display: block; }
.jobs-list .job-entry .job-meta .job-new { text-transform: uppercase; border-radius: 3px; display: inline-block; padding:3px 5px; color: #000; background-color: #00ffff; margin:0 0 10px; font-size: 13px; position: absolute; top:5px; right:5px; }


.jobs-list .job-entry .job-meta .button { margin-bottom: 0; background-color: #00ffff; color:#1b1b1b; padding:10px 35px; font-weight: bold; font-size: 16px; opacity: 0; }
.jobs-list .job-entry:hover .job-meta .button { opacity: 1; }

.jobs-list .job-entry .second-year { }
.jobs-list .job-entry .second-year abbr { }

.job-details aside h3 { margin:20px 0 10px; }

.job-images .no-images {
    overflow: hidden;
    display: block;
    text-align: center;
    margin:0;
    color: #000;
    border-radius: 3px;
    font-size: 60px;
    font-weight: bold;
}

.job-images .no-images span {
    opacity: 0.1;
}

body.body-home .latest-jobs .ad-block { margin:0 0 40px; }

.position-right.ad-panel-content {
    width: 85%;
    max-width: 850px;
    padding:40px 60px ;
    background-color: #1b1b1b;
}

.position-right.ad-panel-content .job-images { float: right; }

.position-right.ad-panel-content .button-apply {
    display: block;
    margin:10px 0 0;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    border:2px solid #00ffff;
    background-color: #00ffff;
}

.position-right.ad-panel-content .button-apply:hover {
    background-color: #000;
    color: #00ffff;
}

.position-right.ad-panel-content h2 { font-size: 24px; margin:0 0 10px; max-width: 600px; }
.position-right.ad-panel-content h2 span { 
    color: #00ffff;
    display: block;
}
.position-right.ad-panel-content h4 {
    font-size: 18px;
    font-weight: normal;
    margin:0 0 10px;
}

.position-right.ad-panel-content p.job-published {
    font-size: 15px;
    color: #eee;
    margin:0 0 20px;
}

.position-right.ad-panel-content hr {
    border-top: 1px solid #333;
}

.position-right.ad-panel-content button.close-button {
    position: absolute;
    top:10px;
    left:15px;
    color: #fff;
    background-color: transparent;
    font-size: 30px;
    opacity: 0.3;
}

.position-right.ad-panel-content button.close-button:hover { opacity: 1; }

@media only screen and (max-width: 63.9375em) {

    .jobs-list .job-entry .job-meta .button { opacity: 1; }
    .job-entry .job-title { font-size: 18px; }
    .jobs-list .job-entry .job-meta p { font-size: 14px; }

}

@media only screen and (max-width: 39.9375em) {

    .employer-grid { padding:30px 0; }
    .latest-jobs { padding:20px 0 30px; }
    .jobs-list .job-entry .job-meta .job-new { margin-bottom: 0; }
    .jobs-list .job-entry .job-meta { text-align: right; padding:10px 20px 0; }
    .jobs-list .job-entry .job-meta p { margin-bottom: 0; }

    .jobs-list .job-entry .job-details { padding:15px 10px 15px 0; }
    .job-entry .job-location { display: block; }
    .jobs-list .job-images .no-images, .jobs-list .job-images .job-img {
        width: 60px;
        height: 60px;
        border: 2px solid #666;
        line-height: 55px;
    }
    .jobs-list .job-images .no-images {
        font-size: 40px;
    }

    .position-right.ad-panel-content button.close-button { font-size: 24px; }

    .position-right.ad-panel-content { padding:40px 30px 20px 40px; }

    .position-right.ad-panel-content h2 { font-size: 22px; line-height: 1.2em; }
    .position-right.ad-panel-content h4 { font-size: 16px; }

    .position-right.ad-panel-content .button-apply { margin:10px 0 0; }

}

/*--- Map Stats - homepage --- */

.map-stats { background:#f8c332; padding:80px 0 60px;}
.map-stats .australia-stats { background:url(../img/australia-map.jpg) left top no-repeat; background-size:100% 100%; max-width:462px; height:422px; width:100%; margin-right:35px; float:right; padding-top:159px;}
.map-stats .australia-stats p { color:#f8c332; letter-spacing:2px; text-align:center; font-size:60px; line-height:43px; font-weight:bold;}
.map-stats .australia-stats p span { display:inline-block; margin:0px 15px;}
.map-stats .australia-stats p small { font-size:24px; letter-spacing:1px; font-weight:normal; display:block;}
.map-stats ul { margin:0px; padding:30px 0 0 10%; list-style:none; }
.map-stats ul li {font-size:36px; color:#fff; font-weight:900; margin-bottom:20px; line-height:45px;}
.map-stats ul li a { color:#fff; opacity: 1; text-decoration: none;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.map-stats ul li a:hover { opacity: 0.8; }
.map-stats ul li span { }

@media only screen and (max-width: 63.9375em) {
    .map-stats { display: none; }
}



/*--- Search results --- */

.search-feature a {
    display: block;
    position: relative;
    text-align: center;
    min-height: 150px;
    border: 3px solid #e1e1e1;
    background-color: #fffdf7;
    border-radius: 5px;
    padding:5px;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    background-position: center center;
    background-repeat: no-repeat;
}

.search-feature a:hover {
    border: 3px solid #f8c332;
}

.search-feature a span {
    display: block;
    padding:100px 5px 5px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.7) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 50%,rgba(0,0,0,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 );
}


/*--- Newsletter Form --- */

.footer form input[type='email'] { box-shadow:none; height:48px; padding:10px 17px; margin:0px; font-size:20px; color:#9f9f9f; font-style:italic; border: none;}
.footer form button[type='submit'] {
    background:#f4b738; height:48px; outline:none; border:none !important; width:100%; margin:0px; padding:0px 20px; font-size:20px; color:#fff; font-weight:bold; border-radius: 0px !important; text-transform: none;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.footer form button[type='submit']:hover { background: #eca40d; }

/*--- Footer --- */
.footer { background-color: #1b1b1b; color: #999; padding: 40px 0 40px; border-top: 1px solid #666; }
.footer h3 { font-size:20px; color:#999; font-weight:bold; line-height:22px; margin-bottom:20px;  }
.footer p { font-size:15px; color:#999; line-height:1.4em; margin-bottom:30px;}
.footer a { color: #999; text-decoration: underline; }
.footer .section { float:left; padding:0 2% 0px 4%; width:23.7%;}

.footer ul { margin:0px; padding:0px; list-style:none;}
.footer ul li { margin-bottom:5px;}
.footer ul li ul { margin-top: 5px; }
.footer ul li li { margin-left: 15px; margin-bottom: 0px; }
.footer ul li a { font-size:15px; color:#666; text-decoration: none;}
.footer ul li li a { font-size: 13px; }
.footer ul li a:hover { text-decoration: underline;}

.footer a abbr,
.footer a acronym { color: #999; }

.footer .section:first-child { width:29%; padding-left:0px; padding-right:0px; background:none;}
.footer .section:first-child .column1 { padding-right:8%; float:left; width:41%;}
.footer .section:first-child .column2 { float:left; padding-left:15%; width:59%; padding-right:5%; }
.footer .section:nth-child(3n) { width:21.8%;}
.footer .section:last-child { background:none; padding-right:0px; padding-left:4%;}

.footer .sociable h3 {  }
.footer .sociable ul { }
.footer .sociable ul li { float:left; margin-right:10px;}
.footer .sociable ul li a { font-size: 24px; color: #666;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

.footer .sociable ul li a:hover { text-decoration:none;}
.footer .sociable ul li a.twitter { }
.footer .sociable ul li a.google-plus { }
.footer .sociable ul li a.facebook { }
.footer .sociable ul li a.twitter:hover { color: #55acee; }
.footer .sociable ul li a.linkedin:hover { color: #0077b5; }
.footer .sociable ul li a.google-plus:hover { color: #e04a33; }
.footer .sociable ul li a.facebook:hover { color: #3b5998; }
.footer .sociable ul li a.instagram:hover { color: #d047d1; }



@media (max-width:1500px){


	.footer h3 { font-size:19px;}
}

@media (max-width:1270px){
	.footer .sociable h3 { float:none;}
	.footer .sociable ul { float:none; margin-left:0px;}
	.footer .sociable ul li:first-child { margin-left:0px;}
	.footer h3{ font-size:18px;}
	.footer ul li a { font-size:14px;}
	.footer p { font-size:14px; line-height:22px; margin-bottom:25px;}

}


@media (max-width:1024px){



	.footer ul li { margin-bottom:5px;}
	.footer h3 { margin-bottom:18px;}
	.footer .section:first-child .column2 { padding-left:11%;}
	.footer .section, .footer .section:last-child { padding-left:3%;}


    #search-form { display: none; }
	#search-form { padding:26px 18px;}
	#search-form input[type="text"] { width:174px;}

}

@media (min-width:767px) {
	#search-form input[type="text"] { display:block !important;}

}
@media (max-width:767px){


	.footer .section { float:none; width:100% !important; padding:0 !important; background:none; margin-bottom:25px;}
	.footer .section:first-child .column2, .footer .section:first-child .column1 { background:none;}
	.footer h3 { margin-bottom:12px;}
	.footer { padding-bottom:25px;}


	#search-form input[type="text"] { display:none; background:#fff; left:218px; top:81px; position:absolute; padding:10px; height:42px; width:250px;}
	#search-form .search-icon {cursor:pointer; margin-right:0px;}

}

/*--- Default Page --- */

.page-content { padding:70px 0; }

.page-content header { }
.page-content header h1 { color: #eee; font-size: 30px; font-weight: 900; margin:0 0 15px; }
.page-content header h2 { color: #eee; font-size: 19px; font-weight: normal; margin:0 0 20px; }
.page-content header h1 span { display: block; }
.page-content header p { font-size: 14px; }
.page-content header hr { max-width: 600px; margin-left: 0; border-top: 1px solid #666; }
.page-content h2 { font-size: 24px; }
.page-content h3 { font-size: 20px; }

.page-content .ad-block { margin:20px 0; }

.job-details .button {
    display: block;
    margin:10px 0 0;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    border:2px solid #00ffff;
    background-color: #00ffff;
    max-width: 600px;
}

.job-details .button:hover {
    background-color: #000;
    color: #00ffff;
}

.title-bar { background-color: transparent; display: block; padding:0; margin:0 0 20px; }
.title-bar > a { display: block; background-color: #f5f5f5; color: #999; font-size: 18px; font-weight: normal; text-decoration: none; padding:7px 10px; }
.title-bar > a i,
.title-bar > a svg { margin-right: 10px; }

.about-menu { margin:0 0 20px; }
.about-menu ul {
    max-width: 300px;
    margin: 0; padding:0; list-style: none;
    border:1px solid #666;
    background-color: #333;
    border-radius: 3px;
}

.about-menu ul li {
    margin:0;
    padding:0;
    border-bottom:1px solid #666;
}

.about-menu ul li:last-child {
    border-bottom: none;
}

.about-menu ul li a {
    display: block;
    padding:15px 20px;
    text-decoration: none;
    color: #eee;
    font-weight: normal;
    font-size: 17px;
}

.about-menu ul li a:hover {
    color: #fff;
    text-decoration: underline;
}

.about-menu ul li a svg,
.about-menu ul li a i {
    width: 27px !important;
    font-size: 11px !important;
    opacity: 0.1;
}

@media only screen and (max-width: 63.9375em) {
    .page-content { padding:40px 0; }
    .page-content header h1{ font-size: 24px; }
}

@media only screen and (max-width: 39.9375em) {
    .about-menu { display: none; }
    .page-content.single-job .about-menu { display: block; }
    .page-content { padding:30px 0; }

}

/*--- Browse Categories Page --- */

.category-content > section { margin:0 0 60px; }
.category-content img { display: block; width: 100%; height: auto; }

.category-content .cell > a { display: block; position: relative; text-decoration: none; }
.category-content img { border-radius: 3px; display: block; }
.category-content h3 { margin:0 0 20px; padding:0; font-weight: normal; }
.category-content h3 a { display: block; text-decoration: none; text-align: left; font-size: 17px; color: #464646; }
.category-content h3 a:hover { text-decoration: none; }

/*--- Register Page --- */

a.register-link {
    display: block;
    text-decoration: none;
    width: 100%;
    margin:0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #fff;
    border:1px solid #eee;
    color: #333;
    padding:30px;
    border-radius: 5px;
    transition: transform .5s ease;
}
a.register-link h2 { margin:0 0 10px;}
a.register-link h2 span { display: block; font-size: 22px; line-height: 1.1em; }
a.register-link i,
a.register-link svg { margin-bottom: 20px; }
a.register-link p { font-size: 20px; }
a.register-link:hover { color: #00ffff; border-color: #00ffff; }

/*--- Our Favourites --- */
.our-favourites { padding:60px 40px; }
.favourite-list { padding:0; }
.favourite-list .royalSlider.rsDefault { width: 100%; height: 450px; }

.favourite-list .favourite-item { height: 450px; position: relative; }
.favourite-list .inner { text-align: center; padding:40px 50px 20px; position: relative; }
.favourite-list .inner h3 { font-size: 26px; margin:0 0 40px; padding:0 0 30px; position: relative; }
.favourite-list .inner h3:after {
  content: "";
  display: block;
  height: 2px;
  width: 100px;
  position: absolute;
  bottom:0;
  left:50%;
  margin:0 0 0 -50px;
  background-color: #ccc;
}
.favourite-list .inner h3 a { text-decoration: none; color: #00ffff; }
.favourite-list .second-year { position: absolute; float: right; text-align: right; top:15px; right: 20px; color: #999; }
.favourite-list .second-year abbr { color: #999; }
.favourite-list .inner a.button {
    margin:30px 0 0;
    border:2px solid #00ffff;
    background-color: #fff;
    color: #00ffff;
    display: inline-block;
    padding:10px 30px;
    border-radius: 3px;
    font-size: 16px;
    line-height: 1.2em;
}
.favourite-list .inner .time-posted { font-size: 13px; }
.favourite-list .inner .location { font-weight: bold; }

.csstransforms .favourite-list .inner {
  padding:10px 20px;
  position: absolute;
  top:50%;
  left:0;
  right:0;
-webkit-transform: translateY(-50%);
  -moz-transform:    translateY(-50%);
  -ms-transform:     translateY(-50%);
  -o-transform:      translateY(-50%);
    transform: translateY(-50%);

}

@media (max-width:500px){
  .favourite-list .royalSlider.rsDefault { height: 300px; }
  .favourite-list .favourite-item { height: auto; }
  .csstransforms .favourite-list .inner {
  padding:40px 20px;
  position: relative;
  top:auto;
  left:auto;
  right:auto;
  -webkit-transform: translateY(0%);
  -moz-transform:    translateY(0%);
  -ms-transform:     translateY(0%);
  -o-transform:      translateY(0%);
  transform: translateY(0%);
  }

}

/*--- Calendar Page --- */

.calendar-grid { margin-bottom: 30px; }

ul.cal-index { margin-bottom: 30px; }

li.cal-harvest { color: #f4b738; }
li.cal-holidays { color: #D0352B; }
li.cal-events { color: #00ffff; }
li.cal-fishing { color: #1fa67a; }
li.cal-ski { color: #ae5aea; }

.cal-item li.cal-harvest { color: #333; background-color:#fbe6b9 }
.cal-item li.cal-holidays { color: #333; background-color:#f8e1df }
.cal-item li.cal-events { color: #333; background-color:#edf4ff }
.cal-item li.cal-fishing { color: #333; background-color:#cef7e8 }
.cal-item li.cal-ski { color: #333; background-color:#f1e2fb }

.cal-item li.cal-harvest:hover { color: #333; background-color:#f8d589 }
.cal-item li.cal-holidays:hover { color: #333; background-color:#f0b9b5 }
.cal-item li.cal-events:hover { color: #333; background-color:#bad5ff }
.cal-item li.cal-fishing:hover { color: #333; background-color:#a2efd4 }
.cal-item li.cal-ski:hover { color: #333; background-color:#dbb5f5 }

.cal-item { border:1px solid #ccc; border-radius: 5px; min-height: 550px; padding:10px; max-width: 450px; }
.cal-item img { display: block; margin-bottom:10px; }
.cal-item ul { margin:0 0 10px; padding:0; list-style: none; border-top: 1px solid #eee; }
.cal-item ul li { font-size: 16px; margin:0; padding:5px 10px; background-color: #fff; border-bottom: 1px solid #eee; }

.cal-item h3 { font-size: 20px; text-align: center; }

.entry-footer h2 { font-size: 17px; }

/*--- Category / Location page --- */


.taxonomy-content { padding:30px 0; }

.taxonomy-content header h1 { color: #eee; font-size: 30px; font-weight: 900; margin:0 0 5px; }
.taxonomy-content header h2 { color: #eee; font-size: 18px; font-weight: normal; margin:0 0 10px; }
.taxonomy-content header .breadcrumbs { margin-bottom: 20px; float: right; }

.taxonomy-content h2 { color: #eee; font-size: 24px; font-weight: bold; }

.taxonomy-content .description { font-size: 14px; line-height: 1.2em; margin:0 0 20px; max-width: 700px; }
.taxonomy-content .description h2 { color: #333; font-size: 30px; font-weight: 900; margin:0 0 15px; }

.related-jobs { margin:0 0 20px; font-size: 14px; color: #666; padding:0;}
.related-jobs a {text-decoration: none;}
.related-jobs a:hover {text-decoration: underline;}

.taxonomy-content .pagination li a { text-decoration: none; }

@media only screen and (max-width: 63.9375em) {
    .taxonomy-content header h1{ font-size: 24px; }
}

@media only screen and (max-width: 39.9375em) {
    .taxonomy-content header h1 { font-size: 20px; }
}


.hero {
    padding:180px 0 30px;
    background-color: #eee;
    margin:0 0 20px;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.hero:after {
    display: block;
    position: absolute;
    content: "";
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: rgba(0,0,0,0.2);
}

.hero h1 {
    color: #fff;
    margin:0;
    text-shadow: 0 0 5px #000;
    text-shadow: 0 0 5px rgba(0,0,0,0.1);
    position: relative;
    font-size: 30px;
    font-weight: 900;
    z-index: 2;
}

.hero nav {
    position: relative;
    z-index: 2;
    color: #fff;
}

.hero nav a { color: #fff; }

@media screen and (max-width: 39.9375em) {
    .hero { padding:80px 0 30px; }
}

ul.category-filters {
    zoom:1;
    display: inline-block;
    *display: inline;;
    padding:0; list-style: none;
    background-color: #fff;
    position: relative;
    border:1px solid #eee;
    border:1px solid rgba(0,0,0,0.1);
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.06);
    margin:0 0 30px;
}
ul.category-filters:after { content: ""; display: table; clear: both; }
ul.category-filters > li { margin:0; padding:15px 30px; font-weight: bold; font-size: 17px; color: #333; float: left; position: relative; }
ul.category-filters > li:first-child { padding-right: 0; }
ul.category-filters > li:last-child { padding-left: 10px; }
ul.category-filters > li span { display: block; font-weight: normal; color: #999; cursor: pointer; padding:0 30px 0 20px; position: relative; }
ul.category-filters > li span svg { position: absolute; top:5px; right:5px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;

    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

ul.category-filters > li:hover span svg {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

ul.category-filters ul { position: absolute; top:57px; left:30px; right: 30px; margin:0; padding: 0; max-height: 250px; min-width: 220px; overflow: auto; list-style: none; background-color: #fff; border:1px solid #e1e1e1; z-index: 5; display: none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;

    -webkit-box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.1);

    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

ul.category-filters li:hover ul { display: block; }

ul.category-filters ul li { margin:0; padding:5px 20px; font-size: 14px; }
ul.category-filters ul li:first-child { padding-top: 15px; }
ul.category-filters ul li:last-child { padding-bottom: 15px; }
ul.category-filters ul li a {text-decoration: none; display: block; color: #666; }
ul.category-filters ul li a:hover { text-decoration: none; color: #00ffff; }

.widget { margin:0 0 20px; }

.widget-title {
    font-size: 16px;
    color: #ccc;
    font-weight: bold;
    padding:5px;
    margin:0 0 10px;
    border-bottom: 2px solid #f8c332;
    max-width: 85%;
}

.widget h4 { font-size: 18px; }

.widget ul { margin:0; padding:0; list-style: none; }
.widget ul li { margin:0 0 5px; padding:0 5px; font-size: 14px; }
.widget ul li a { color: #464646; text-decoration: none; }
.widget ul li a.current-menu-item { text-decoration: underline; }
.widget ul li a svg { width: 25px !important; color: #00ffff !important; }
.widget ul li a:hover { text-decoration: underline; }

.widget ul.featured-widget li a { font-weight: bold; }

.widget ul.cities-nav > li > a { display: block; margin:0 0 5px; padding:0 5px 5px; border-bottom:1px solid #e7e7e7; font-weight: bold; }
.widget ul.cities-nav li ul { margin:5px 0 0 0; list-style: none; }
.widget ul.cities-nav li ul li { font-size: 14px; }
.widget ul.cities-nav li i { font-size: 11px; color: #ccc; }

aside nav { max-width: 250px; }
aside nav .widget ul li { font-size: 15px; }
aside nav .widget ul li a { color: #eee; text-decoration: none; }
aside nav .widget ul li a:hover { color: #eee; text-decoration: underline; }

.description {
    text-align: left;
    margin: 20px 0;
}

.description figure.job-thumbnail { float: right; width: 220px; margin:0 0 20px 10px; padding:10px; background-color: transparent; border:1px solid #333; border-radius: 3px; }
.description figure.job-thumbnail img { display: block; margin:0 0 10px; }
.description figure.job-thumbnail figcaption { display: block; text-align: center; font-size: 13px; font-style: normal; margin:0; }

.description h2,
.description h3,
.description h4 { font-size: 18px; }
.description p { font-size: 14px; }

.accordion { background-color: #000; color: #fff; }
a.accordion-title { font-size: 18px; color: #fff; background-color: #333; text-decoration: none; }
.accordion-title:focus, .accordion-title:hover { background-color: #000; }
.accordion-content { background-color: #000; color: #fff; }


@media only screen and (max-width: 63.9375em) {

}

@media only screen and (max-width: 39.9375em) {
    ul.category-filters { display: block; }
    ul.category-filters > li { padding: 10px 15px !important; font-size: 15px; float: none; }
    ul.category-filters > li:first-child { padding-bottom: 0px !important; }
    ul.category-filters > li:last-child { padding: 10px 15px !important; }
    ul.category-filters > li span { padding-left:0; }
    ul.category-filters ul { top:40px; }

    .description figure.job-thumbnail { float: none; width: auto; margin:0 0 20px 0; }
}


/*--- Single Job / Job detail --- */

.single-job.page-content { padding:30px 0 70px; }
.single-job.page-content header { padding-bottom: 30px; }
.single-job.page-content header h1 { margin-bottom: 5px; padding-top: 30px; line-height: 1.2em; }
.single-job.page-content header h2 { font-weight: 300; margin-bottom: 5px; font-size: 15px; }
.single-job.page-content header h2 .job-company { text-transform: uppercase; display: inline-block; margin:0 10px 0 0; }
.single-job.page-content header h2 .job-location { color: #00ffff; display: inline-block; }
.single-job.page-content header p.second-year { color: #ccc; }
.single-job.page-content header p.second-year abbr { border-bottom: none; }
.single-job.page-content header ol.breadcrumbs { float: right; }
.single-job.page-content header .job-images { float: left; margin-top: 20px; padding-left: 10px; }

ol.breadcrumbs li a { color: #ccc; }
ol.breadcrumbs li a:hover { color: #aaa; }

.job-meta-menu { background-color: #eee; padding:10px 20px; margin:0 0 15px; }
.job-meta-menu ul li { color: #464646; font-size: 13px; text-transform: uppercase; }
.job-meta-menu ul li i,
.job-meta-menu ul li svg { margin-right: 5px; }

ul.menu.menu-action li { margin-right: 10px; margin-bottom: 5px; }
ul.menu.menu-action li a.button { font-size: 16px; text-decoration: none;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
ul.menu.menu-action li a.button i,
ul.menu.menu-action li a.button svg { margin-right: 5px; }

ul.menu.menu-action li a.button.button-apply { background-color: #82c91e; color: #fff; border:2px solid #82c91e; }
ul.menu.menu-action li a.button.button-apply:hover { background-color: #fff; border-color: #82c91e; color: #82c91e; }
ul.menu.menu-action li a.button.button-category { background-color: #fff; border:2px solid #00ffff; color: #00ffff; }
ul.menu.menu-action li a.button.button-category:hover { background-color: #00ffff; border:2px solid #00ffff; color: #fff; }

.report {
    float: right;
    font-size: 12px;
    margin:0 0 10px 10px;
}

.report a {
    display: block;
    background-color: #fafafa;
    padding:5px 8px;
    border-radius: 2px;
    color: #bbb;
    text-decoration: underline;
}

.report a:hover {
    background-color: #d0352b;
    color: #fff;
}


.job-description {
    margin:0;
    max-width: 710px;
    font-size: 1.2rem;
}

.job-description .callout { font-size: 14px; }

.job-description p.other-links { padding:10px 0; margin:10px 0 20px; font-size: 14px; }
.job-description p.other-links a { color: #fff; }

/*--- Single Job detail: gallery --- */

.job-gallery { padding:20px 0; }
.job-gallery a { display: block; border:1px solid #fafafa; }
.job-gallery a:hover { border:1px solid #f8c332; }

/*--- Single Job detail: Manage Menu --- */

ul.menu-action.menu { margin:0 0 15px; padding:0;}
ul.menu-action.menu li { margin:0 5px 5px 0; font-size: 15px; }
ul.menu-action.menu li a { display: inline-block; background-color: #f5f5f5; color: #333; text-decoration: underline; border-radius: 3px; }
ul.menu-action.menu li a:hover { text-decoration: none; }

/*--- Single Job detail: Employer Profile --- */

.employer-profile {
    border:1px solid #666;
    background-color: #333;
    padding:20px 20px 10px;
    margin:0 0 20px;
}



.employer-profile p {
  font-size: 14px;
  margin:0 0 10px;
}

.employer-profile a { text-decoration: none; }
.employer-profile a:hover { text-decoration: underline; }

.employer-profile p i,
.employer-profile p svg {
  width: 25px !important;
  text-align: center;
}

.avatar {
  position: relative;
  display: block;
  margin: 0;
  height: 90px;
  width: 90px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center center;
  border:1px solid #eee;
  background-color: #fafafa;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
  border-radius:50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.avatar i,
.avatar svg {
    font-size: 40px !important;
    height: 40px;
    position: relative;
    top:50%;
    margin-top: -30px;
    left:0;
    right:0;
    color: #e6e6e6;
}

.avatar.update-avatar i,
.avatar.update-avatar svg { margin-top:-34px; margin-left: 5px; }

.employer-profile-heading { margin-bottom:10px; }
.employer-profile-heading .avatar { margin-right: 15px; }
.employer-profile-heading h3 {
  font-size: 18px;
  margin:0;
}
.employer-profile-heading p { font-size: 14px; margin:0; color: #fff; }

.employer-profile a.update-profile-link { color: #eee; text-decoration: underline; font-size: 13px; }
.employer-profile a.update-profile-link:hover { text-decoration: none; }

.single-job.page-content .jobs-list.jobs-list-others { max-width: 710px; }

.single-job.page-content .callout.alert { max-width: 710px; }

#apply-online { max-width: 710px; margin-bottom: 30px; }

.applicant-profile-heading { margin-bottom:10px; }
.applicant-profile-heading .avatar { margin-right: 15px; }
.applicant-profile-heading h3 {
  font-size: 18px;
  margin:0;
}
.applicant-profile-heading p { font-size: 14px; margin:0; color: #a2a2a2; }

#apply-online ul.profile-meta { margin:0 0 20px; padding:0; list-style: none; max-width: 500px; }
#apply-online ul.profile-meta li { margin:0; font-size: .875rem; font-weight: 400; line-height: 1.8; }
#apply-online ul.profile-meta li b { display: inline-block; font-weight: 400; width: 30%; }
#apply-online ul.profile-meta li a { color: #333; }

@media only screen and (max-width: 39.9375em) {
    #apply-online ul.profile-meta li b { display: block; width: auto; font-weight: bold; }
}

#apply-online form#frm-apply-online {
    max-width: 560px;
    background-color: #fff;
    padding:30px;
    border-radius: 4px;
    border:2px solid #eee;
    border:2px solid rgba(0,0,0,0.06);
    margin:0 0 40px 0;
    -webkit-transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out;
    -moz-transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out;
    -o-transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out;
    -ms-transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out;
    transition: background-color 500ms ease-in-out, border-color 500ms ease-in-out;
}

#apply-online form#login_form {
    background-color: transparent;
    border:none;
    padding:0;
    margin:0;
    max-width: 460px;
    box-shadow: none;
}

#apply-online form#login_form button { margin-bottom: 0; margin-right: 10px; }

#apply-online.focused form {
    background-color: #fffff1;
    border:2px solid #00ffff;
}

#apply-online form input[type=file] { margin-bottom: 5px; }
#apply-online form .suggestion { margin-bottom: 20px; }
#apply-online textarea { height: 140px; }

#apply-online .g-recaptcha { margin-bottom: 10px; }

#apply-online ul.checklist { margin-left: 0; list-style: none; }
#apply-online ul.checklist li { font-size: 14px; }
#apply-online ul.checklist li .ico-red { color: red; }
#apply-online ul.checklist li .ico-green { color: green; }
#apply-online ul.checklist li .ico-yellow { color: #efb108; }

#apply-online form input#subscribe,
input.inline { display: inline; margin:0 5px 0 0; }

.single-job.page-content aside p a { text-decoration: none; }

@media only screen and (max-width: 63.9375em) {

}

@media only screen and (max-width: 39.9375em) {
    .single-job.page-content { padding:10px 0 20px;}
    .job-meta-menu { display: none; }
    .job-meta ul li { font-size: 13px; }
    .job-description { margin-bottom: 20px; }
    .job-description > h3 { clear: both; }
    ul.menu.menu-action li a.button { display: block; }

    .single-job.page-content header { padding-bottom: 10px; }
    ul.menu-action.menu { margin-bottom: 0; }

    .single-job.page-content .adlift { margin-bottom: 20px; }
}

.bottom-bar { position: fixed; bottom:0; left:0; right:0; z-index: 20; background-color: #f5f5f5; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); }
.bottom-bar p { margin:0; padding:10px; font-size: 17px; font-weight: normal; }
.bottom-bar p a.button { margin-bottom: 0; padding:.7rem 1.5rem; }

table tr.even, table tr.alt, table tr:nth-of-type(2n) {
    background-color: transparent;
}


#recaptcha_area input[type="text"] {
  display: inline-block;
  height: auto;
}
#recaptcha_response_field {
  margin: 12px 0 0 0!important;
}
#recaptcha_table, #recaptcha_table td {
    line-height: 1em !important;
}


input#submit-btn,
button#submit-btn,
input#submit,
button#submit,
button[type=submit] {
    background: none repeat scroll 0 0 #00ffff;
    border: 2px solid #00ffff;
    border-radius: 3px;
    color: #1b1b1b;
    font-size: 18px;
    padding: 10px 32px;
    margin:10px 0 30px 0;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: bold;
}

input#submit:hover,
button#submit:hover,
button[type=submit]:hover {
    background: #1b1b1b;
    color: #00ffff;
}



/*--- Featured / Premium Employers --- */

.company-profile.page-content { padding:0; }

.company-profile header { text-align: left; background-color: #f5f5f5; padding:40px 0; margin:0 0 40px; }
.company-profile header h1 { max-width: none; margin:0; }
.company-profile header .entry { max-width: 620px; padding:0; margin:0; }
.company-profile header .entry p { text-align: left; color: #333; }

.company-profile .employer-profile-heading .avatar { height: 120px; width: 120px; }

.company-profile h2 {
  font-size: 24px;
  margin:0 0 20px;
}

.company-profile article {
  padding:0 30px 0 0;
}

.company-profile article .adsbygoogle {
  margin:0 0 20px;
}

.company-profile .jobs-list {
  clear: both;
}

.company-profile p.profile-link {
  margin:0 0 5px;
}

.company-profile p.profile-link a {
  color: #0a0a0a;
  text-decoration: none;
  color: #00ffff;
}

.company-profile p.profile-link a:hover {
 color: #0084db;
}

.company-profile p.profile-link a i {
  width: 30px;
  text-align: center;
}

@media only screen and (max-width: 63.9375em) {
  .company-profile .profile-thumbnail {
    float: none;
    margin:0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
  }
  .company-profile .grey-wrapper { padding:30px 0 30px 0; }
  .company-profile h2 { float: none; margin:30px 0; }
}




/*--- Sidebar --- */


ol.breadcrumbs li.step-active { font-weight: bold; }
.verify-content ol.breadcrumbs { margin:20px 0 0;}
form select {
    -moz-appearance: none;
    webkit-appearance:none;
    text-indent: 0.01px;
    text-overflow: '';
}

form#apply-online,
form#publish_form {
    max-width: 550px;
    padding:30px;
    background-color: #333;
    margin-bottom: 40px;
    border: none;
}

form#publish_form {
    max-width: 100% !important;
    background-color: #333;
    padding:30px 0;
}


form#reset_form, form#login_form,
form#forgot_form,
form#register_form {
    max-width: 550px;
    width: 100%;
    margin:0;
    margin-top: 40px;
    margin-bottom: 40px;
}

form h3 { margin:0 0 20px; }

form#publish_form {
    max-width: 650px;
}

form#publish_form fieldset {
  padding:20px 30px;
  border:none;
  background-color: #333;
}

.verify-content form#publish_form fieldset  {
  background-color: transparent;
  border:none;
}

form#publish_form fieldset legend {
  margin-bottom: auto;
  font-size: 18px;
  font-weight: bold;
  color: #00ffff;
  background-color: transparent;
}

form#publish_form fieldset table,
form#publish_form fieldset table tbody,
form#publish_form fieldset table tbody tr {
  background-color: transparent;
  border:none;
}


form#publish_form table td.publish-label { min-width: 125px; }

form#publish_form table tbody tr:nth-child(2n+1) td,
form#publish_form table tr td,
form#publish_form table tr:hover td { background-color: transparent; }

form#publish_form select { background-color: #fff; }

form#register_form ul, form#login_form ul,
form#reset_form ul, form#forgot_form ul {
    margin:0;
    padding:0;
    list-style: none;
}

form#register_form ul li, form#login_form ul li,
form#reset_form ul li, form#forgot_form ul li {
    margin:0 0 5px 0;
    padding:0;
}

form#register_form input#email { display: none; }

form#publish_form #job-type-list .cell { margin-bottom: 0; }

form fieldset {
    margin:0 0 20px 0;
    padding:0;
    border:none;
}

form fieldset table {
    border: none;
}

form fieldset legend {
    margin-bottom: 15px;
}

form .package {
  margin:0 0 10px;
  padding:15px;
  background-color: #fafafa;
  border:1px solid #ccc;
  border-radius: 5px;
}

p.instructions {
    font-size: 13px;
    margin:0 0 10px;
    color: #ccc;
}

@media only screen and (max-width: 63.9375em) {

}

@media only screen and (max-width: 39.9375em) {
    form#publish_form fieldset { padding:20px 10px; }
    form#publish_form table td.publish-label { min-width: 80px; }
}

#media-upload, .upload-dropzone {
  text-align: center;
  padding:100px 20px;
  background-color: transparent;
  margin:10px 10px 30px;
  border:5px dashed #ccc;
  font-size: 24px;
  font-weight: bold;
  color: #999;
  border-radius: 5px;
}

.drop-active #media-upload, .drop-active .upload-dropzone {
  background-color: #f8c332;
}

#media-upload:hover, .upload-dropzone:hover {
  border:5px dashed #00ffff;
  color: #00ffff;
}

a.resume-file { display: inline-block; padding:10px; text-decoration: none; }
a.resume-file:hover { text-decoration: underline; }

ul#media-upload-error, ul#resume-upload-error {
  margin: 0 0 10px 0 !important;
  padding:10px !important;
  list-style: none;
  border:1px solid #d0352b;
  color: #d0352b;
  background-color: #fbeeed;
  clear: both;
}
ul#media-upload-error li, ul#resume-upload-error li {
  margin:0;
  padding:0;
}

#uploaded-images:after { display: table; clear: both; content: ""; }
#uploaded-images .uploaded-image { float: left; text-align: center; }
#uploaded-images .uploaded-image a { display: block; }
#uploaded-images .uploaded-image a { font-size: 12px; }

#uploaded-images {

}
#uploaded-images .uploaded-image {
}
#uploaded-images .uploaded-image img {
    height: 80px;
    width: auto;
    margin: 2px;
}

#media-upload-preview {

}
#media-upload-preview .image-preview-container {
    width: 100px;
    margin-right: 4px;
    float: left;
}
#media-upload-preview .image-preview-container .image-preview {
    max-height: 100%;
    width: auto;
}

#media-upload-preview .progress-bar-container {
    height: 7px;
}
#media-upload-preview .progress-bar {
    background-color: #f8c332;
    height: 5px;
    width: 0;
}

#media-upload-preview .upload-cancel-button {
    cursor: pointer;
    font-size: 12px;
    text-decoration: underline;
    color: #00ffff;
    text-align: center;
}

#media-upload-error {
    display: none;
}


ul#job-type-list li,
ul#job-type-list li label,
ul#job-type-list li input {
    margin-bottom: 0;
    padding-bottom: 0;
}

table#view-apps {
    width: 100%;
}

table#view-apps tbody tr.even, table#view-apps tbody tr.alt, table#view-apps tbody tr:nth-of-type(2n) {
    background: none repeat scroll 0 0 #f9f9f9;
}

table#view-apps tbody tr.viewed-false {
  background-color: #fdf1d9;
}

table#view-apps tbody tr:hover { background-color: #fdeec6; }

table#view-apps tbody tr.filter-shortlisted td { }

table#view-apps tbody tr.filter-archived { opacity: 0.6 }
table#view-apps tbody tr.filter-archived:hover { opacity: 0.7; }

table#view-apps tbody tr,
table#view-apps tbody td { vertical-align: top; }

table#view-apps th#th-app-id { width: 20px; }
table#view-apps th#th-applicant { width: 25%; }
table#view-apps th#th-action { width: 15%; }


table { width: 100%; margin:0 0 40px; }
table thead { color: #fff; }
table tbody, table tfoot, table thead { background-color: transparent; }
table tbody tr:nth-child(2n) { background-color: transparent; }
table tbody tr td { background-color:  transparent; font-size: 15px; color: #fff; }
table tbody tr:nth-child(odd) td { background-color:  transparent; }
table tbody tr:hover td { background-color:  transparent; }

table a { text-decoration: none; }
table a:hover { text-decoration: underline; }

table#manage-jobs td .menu span { line-height: 1; display: block; padding: .7rem 1rem; }

@media only screen and (max-width: 63.9375em) {
  table tbody tr td { font-size: 13px; }
}

@media only screen and (max-width: 39.9375em) {

    /* Force table to not be like tables anymore */
    table#manage-jobs, table#manage-jobs thead, table#manage-jobs tbody, table#manage-jobs th, table#manage-jobs td, table#manage-jobs tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table#manage-jobs thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    table#manage-jobs tr { border-bottom: 1px solid #ccc; }

    table#manage-jobs td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid rgba(0,0,0,0.02);
        position: relative;
        max-width: none !important;
    }



    table#manage-jobs td .menu span,
    table#manage-jobs td .menu a { padding:0 10px; }

    table#manage-jobs td .menu li.action-pause a { padding-left: 0; }
    table#manage-jobs td .menu li.action-delete a { padding-right: 0; }
    table#manage-jobs td .menu li.action-delete { text-align: left; }


}

table#manage-applications tbody tr,
table#manage-applications tbody td { vertical-align: top; }

@media only screen and (max-width: 39.9375em) {

    /* Force table to not be like tables anymore */
    table#manage-applications, table#manage-applications thead, table#manage-applications tbody, table#manage-applications th, table#manage-applications td, table#manage-applications tr {
        display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    table#manage-applications thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    table#manage-applications tr { border-bottom: 1px solid #ccc; }

    table#manage-applications td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid rgba(0,0,0,0.02);
        position: relative;
        padding-left: 30%;
        width: auto;
    }

    table#manage-applications td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 25%;
        padding-right: 10px;
        white-space: nowrap;
    }

    /*
    Label the data
    */
    table#manage-applications td:nth-of-type(1):before { content: "Application"; }
    table#manage-applications td:nth-of-type(2):before { content: "Job"; }
    table#manage-applications td:nth-of-type(3):before { content: "Cover Letter"; }

}


ul.action-list { margin:0 0 20px 0; padding:0; list-style: none; }
ul.action-list li { margin:0 0 7px; padding:0; display: inline-block; }
ul.action-list li a { display: block; padding:5px; border-radius: 0px; text-align: left; text-decoration: none;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

ul.action-list li a { color: #999; text-decoration: none; }
ul.action-list li a:hover { text-decoration: underline; }

ul.action-list li a.shortlist-btn { }
ul.action-list li a.shortlist-btn.active { color: #00ffff; }

ul.action-list li a.archive-btn { }
ul.action-list li a.archive-btn.active { color: #d0352b; }

ul.action-list li a.active { font-weight: bold; }

@media only screen and (max-width: 63.9375em) {
    ul.action-list li a.shortlist-btn { font-size: 14px; }
    ul.action-list li a.archive-btn { font-size: 14px; }
}


ul.app-meta {
    margin:0;
    padding:0;
    list-style: none;
}

ul.app-meta li {
    margin:0 0 5px 0;
    padding:0;
    font-size: 0.875rem;
}

ul.filter-options { margin:0 0 20px 0; padding:0px; list-style: none; background-color: #f5f5f5; }
ul.filter-options:after { content: ""; display: table; clear: both; }
ul.filter-options li { float: left; margin:0; padding:0; font-size:16px; }
ul.filter-options li a {
  display: block;
  padding:20px 20px;
  text-decoration: none;
}
ul.filter-options li a.active {
  background-color: #00ffff;
  color: #fff;
}

ul.filter-options li a:hover { text-decoration: underline; }

@media only screen and (max-width: 40em) {
  table#view-apps thead { display: none; }

  table#view-apps tbody tr { border-bottom: 1px solid #ddd; }

  table#view-apps tbody tr,
  table#view-apps tbody tr td { display: block; }

  ul.filter-options li { font-size: 13px; }
  ul.filter-options li a { padding:10px; }


}


#feature-job { margin-bottom: 20px; }

#feature-job label {
    display: block;
    padding: 10px;
    min-height: 200px;
    background-color: transparent;
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.1);
    cursor: pointer;
    border-radius: 5px;
    font-size: 13px;
    overflow: hidden;
    position: relative;
    border: 2px solid #999; border: 2px solid rgba(255,255,255, 0.1);
}

#feature-job label svg,
#feature-job label i {
  position: absolute;
  top:10px;
  right:10px;
  color: #ccc;
  opacity: 0.5;
}

#feature-job label.active { background-color: #333; }

#feature-job label:hover { border: 2px solid #999; border: 2px solid rgba(255,255,255, 0.1); }
#feature-job label.active { border: 2px solid #00ff99; color: #fff; }

#feature-job label.active svg,
#feature-job label.active i { color: #00ff99; opacity: 1; }

#feature-job label input[type="radio"] { margin-bottom: 0; visibility: hidden; float: left; position: absolute; left: -50px; }
#feature-job label .f-title { display: block; font-weight: bold; font-size: 16px; padding-right: 15px; line-height: 1.2em; }
#feature-job label:hover {
    -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.6);
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.6);
}
#feature-job label.active {
    -webkit-box-shadow: 0 0 3px 0 rgba(130,201,30,0.5);
    box-shadow: 0 0 3px 0 rgba(130,201,30,0.5);
}
.google-map {
    height: 260px;
    margin-bottom: 0;
}
.google-map *, .google-map *:before, .google-map *:after {
    -moz-box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important;
    box-sizing: content-box!important;
}
.google-map img {
    max-width: none;
}
.google-map label {
    width: auto;
    display: inline;
}


@media print {

 #header, #footer, #offCanvasLeft, #offCanvasRight, a.button { display: none !important; }
}

.category-description {
    margin:0 0 20px;
}
.category-description h2 { font-size: 18px; color: #999; }
.category-description p { font-size: 14px; color: #999; }