/*
Theme Name: Cyprus Jobs
Theme URI: http://simple-webdesign.com
Author: Valentin Mezo
Author URI: http://www.simple-webdesign.com
Description: Cyprus Jobs Theme
Version: 0.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap
Tags: one-column, custom-menu, featured-images, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
UnderStrap is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
Owl Carousel 2: http://www.owlcarousel.owlgraphic.com/ | https://github.com/smashingboxes/OwlCarousel2/blob/develop/LICENSE (Code licensed under MIT)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /css/theme.css
...and now go out and play!
*/
body { color: #666; font-family: 'Open Sans';}
h1, h2, h3, h4, h5, h5 {font-weight: 800; color: #202020;}
a,
a:focus {color: #6ea50c;}
a:hover {color: #5F8F09;}
a.btn:hover {color: #fff;}
a,
.btn,
input.button,
.woocommerce a.button,
.woocommerce button.button {transition: all 0.3s ease;}
a:hover {text-decoration: none; outline: none;}
a.btn:focus,
.woocommerce a.button,
.woocommerce button.button { color: #fff; text-decoration: none; outline: none;}
.wrapper {padding: 0;}

/* Header */
.wrapper-navbar {border-bottom: 1px solid #F6F6F6;}
.wrapper-navbar.home {border: 0;}
.navbar-brand {padding: 0;}
.navbar-brand span {font-size: 11px; font-weight: 600; color: #4d4d4d; display: block;}
.navbar-light .navbar-nav .nav-link { font-size: 0.9375rem; font-weight: 700; color: #202020; text-transform: uppercase;}
.navbar-light .navbar-nav .active .nav-link,
.navbar-light .navbar-nav .current-menu-parent .nav-link,
.post-type-archive-job_listing .navbar-light .navbar-nav .menu-item-10 .nav-link,
.single-job_listing .navbar-light .navbar-nav .menu-item-10 .nav-link  { color: #6EA50C;}
.navbar-light .navbar-nav .current-menu-parent .dropdown-menu .nav-link { color: #202020;}
.navbar-light .navbar-nav .current-menu-parent .dropdown-menu .nav-link:hover { color: #666;}

.navbar #main-menu {margin-top: 25px;}
.nav-link {margin: 0; padding: 10px;}
.dropdown-menu .menu-item a:hover {background: none;}
.navbar .user-menu {margin-top: 25px;}
.nav-item.woocommerce-MyAccount-navigation-link--downloads {display: none;}
.navbar-nav .menu-item .dropdown-menu {margin-top: -1px; border: 0; border-radius: 0;}
.navbar-nav .menu-item.dropdown:hover .dropdown-menu {display: block;}
.navbar-toggle { margin: 15px 0 0; border-radius: 4px; background: #6EA50C;}
.navbar-toggle .icon-bar {background: #fff;}

/* Homepage */
.home .hero { padding: 200px 0; background-color: #333; color: #fff; background-repeat: no-repeat; background-position: left top; background-size: cover;}
.home .hero h2 { margin-bottom: 40px; text-transform: uppercase; font-size: 2.5rem; color: #fff;}
.home .hero p {margin-bottom: 1.875rem;}

.home .jobs-categories .button {margin-top: 50px;}

.home .jobs-list { padding: 60px 0; border-top: 1px solid #eee;}
.home .jobs-list .recent-jobs { padding-bottom: 5px; font-size: 1rem; font-weight: 300; display: block;}
.home .jobs-list .jobs-number { color: #6ea50c;}
.home .jobs-list h2 { margin-bottom: 60px; text-transform: uppercase;}
.home .jobs-list a.btn .fa { margin-left: 5px; font-size: 0.8rem;}
.home div.job_listings .load_more_jobs {display: none;}

.home .featured-companies { padding: 60px 0; text-align: center; border-top: 1px solid #eee;}
.home .featured-companies h2 { text-transform: uppercase;}
.home .featured-companies .wpsisac-slick-carousal {padding: 0; margin: 30px 0;}
.featured-companies .wpsisac-slick-carousal button.slick-next,
.featured-companies .wpsisac-slick-carousal button.slick-next:hover,
.featured-companies .wpsisac-slick-carousal button.slick-next:focus {background: url(css/right-arrow.png) no-repeat center center!important;}
.featured-companies .wpsisac-slick-carousal button.slick-prev,
.featured-companies .wpsisac-slick-carousal button.slick-prev:hover,
.featured-companies .wpsisac-slick-carousal button.slick-prev:focus {background: url(css/left-arrow.png) no-repeat center center!important;}
.featured-companies .wpsisac-slick-carousal .slick-arrow { width: 30px; height: 30px; border-radius: 3px;}
.wpsisac-slick-carousal.design-6 .slick-image-slide img {-webkit-filter: grayscale(100%);filter: grayscale(100%); opacity: 0.5;}
.wpsisac-slick-carousal.design-6 .slick-image-slide img:hover {-webkit-filter: grayscale(0);filter: grayscale(0); opacity: 1;}

/* Job search */
.search_jobs {padding: 25px 20px; border-radius: 4px; background: #fff;}
.search_jobs .form-control { height: 40px; border: 0; border-radius: 2px; font-size: 14px; color: #666; background: #eeeeee;}
.search_jobs .form-control::-moz-placeholder { font-size: 14px; font-style: italic; color: #000;}
.search_jobs .form-control::-webkit-input-placeholder { font-size: 14px; font-style: italic; color: #666;}
.search_jobs .form-control:-ms-input-placeholder { font-size: 14px; font-style: italic; color: #666;}
.search_jobs #search_category.empty {font-style: italic; color: #666;}
.search_jobs #search_category option {font-style: normal;}
.search_jobs select.form-control-lg:not([size]):not([multiple]),
.search_jobs .input-group-lg > select.form-control:not([size]):not([multiple]),
.search_jobs .input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.search_jobs .input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {height: 2.567rem;}

input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce a.button,
.btn-default {color: #fff; font-weight: 700; background: #6ea50c; border-radius: 2px;}
input.button:hover,
.btn-default:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button:hover { color: #fff; background: #4c7406;}
.form-control.wpcf7-text {height: 40px; border-radius: 2px;}
.form-control:focus {border-color: #6EA50C;}
.form-control::-moz-placeholder { font-size: 14px; font-style: italic; color: #000;}
.form-control::-webkit-input-placeholder { font-size: 14px; font-style: italic; color: #666;}
.form-control:-ms-input-placeholder { font-size: 14px; font-style: italic; color: #666;}
.wc-proceed-to-checkout .woo_pp_cart_buttons_div {display: none;}

/* Job listing */
ul.job_listings { margin: 0; padding: 0; list-style: none; border-top: 1px solid #f9f9f9;}
.job-listing {border-bottom: 1px solid #f9f9f9;}
.job-listing:nth-of-type(even) {background: #f9f9f9;}
.job-listing a { padding: 15px 0; display: block; overflow: hidden;}
.job-listing a:hover { color: #fff; background: #6ea50c;}
.job-listing a:hover h3,
.job-listing a:hover .company,
.job-listing a:hover .job-meta,
.job-listing a:hover .job-meta .fa-map-marker {color: #fff;}
.job-listing .job-logo img {border-radius: 4px; max-width: 70px; background: #fff;}
.job-listing .job-position {padding-left: 0;}
.job-listing .job-position h3 { margin: 10px 0 0 0; font-size: 1rem;}
.job-listing .job-position .company {color: #202020; font-size: 0.813rem;}
.job-listing .job-meta { margin-top: 20px; font-size: 0.813rem; color: #666;}
.job-listing .job-meta .fa-map-marker {color: #1684e4;}

ul.job_listings .job-manager-applications-applied-notice { padding-top: 5px; color: #6EA50C;}

/* Single job */
.single-job_listing .job-header {padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #eee;}
.single-job_listing .job-header .company_logo {border-radius: 4px;}
.single-job_listing .job-title {font-weight: 400;}
.single-job_listing .job-title sup {font-size: 0.8rem; color: #666;}
.single-job_listing .job-meta { color: #666; display: block; padding-top: 5px;}
.single-job_listing .job-meta .fa {color: #1684e4;}
.single-job_listing .job-meta a {color: #666;}
.single-job_listing .job-meta a.btn {color: #fff;}
.single-job_listing .job-meta strong {font-weight: 600; color: #202020;}
.single-job_listing .job-company { padding: 0; font-size: 1.125rem;}
.single-job_listing .job-notice {padding-top: 15px; margin: 0;}
.single-job_listing .job-notice .alert {margin: 0;}
.single-job_listing .job-title-overview {text-transform: uppercase; font-size: 1.125rem; font-weight: 600;}
.single-job_listing .job-description h1,
.single-job_listing .job-description h2,
.single-job_listing .job-description h3,
.single-job_listing .job-description h4,
.single-job_listing .job-description h5 { margin-bottom: 15px; font-weight: 600; font-size: 1.5rem;}
.single-job_listing .job-description ul {padding: 0; list-style: none;}
.single-job_listing .job-description ul li {padding: 0 0 15px 20px; position: relative;}
.single-job_listing .job-description ul li:after {content: ""; width: 10px; height: 10px; position: absolute; left: 0; top: 8px; border-radius: 200%; background: #0085cb;}
.single-job_listing .application_details {padding: 30px 0;}
.job-description .job-reference { font-weight: 700; font-size: 1rem;}
.job-description .job-reference .value {font-weight: 400; color: #666;}
.job-description .job-requirements {margin: 30px 0;}
.company_video {position: relative; padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;height: 0; margin-bottom: 30px;}
.company_video iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

.job_listing_preview .single-job_listing {margin: 30px 0;}

/* Job applications */
div.job-applications ul.job-applications li.job-application footer ul.actions li {width: 40px;}
div.job-applications ul.job-applications li.job-application section.job-application-content, div.job-applications ul.job-applications li.job-application section.job-application-edit, div.job-applications ul.job-applications li.job-application section.job-application-notes { padding: 30px 15px;}
.content-area .job-manager-error,
.content-area .job-manager-info,
.content-area .job-manager-message {margin: 30px auto!important; max-width: 600px;}

.fieldset-job_location .description {display: none;}
.job-manager-uploaded-files {margin-bottom: 15px;}
.job-manager-uploaded-files .job-manager-uploaded-file-preview {display: block; max-width: 240px;}
.job-manager-uploaded-files .job-manager-uploaded-file-preview img {width: 100%; height: auto;}

/* Category */
.jobs-categories {padding: 60px 0;}
.jobs-categories h2 {text-transform: uppercase;}
.jobs-categories ul {margin-top: 15px; padding: 0;}
.jobs-categories li {text-align: center; }
.jobs-categories li a { padding: 15px 0; margin: 15px 0; border: 1px solid #f4f4f4; box-shadow: 0 3px 3px rgba(0,0,0,0.1); background: #fff; display: block;}
.jobs-categories li a:hover {background: #f4f4f4;}
.jobs-categories li a .job-category {color: #202020; font-size: 1.25rem;}
.jobs-categories li a .jobs-number { padding: 5px 0; color: #666; font-size: 0.8125rem; font-weight: 600; display: block;}
.jobs-categories li img {margin: 0 auto;}

.category-title {padding: 45px 0; margin-bottom: 30px; background: #F6F6F6;}
.category-title h1 { margin: 0; font-size: 2rem;}
.category-title h1 em {font-style: normal; color: #666;}
.category-title .jobs-number {font-style: normal; font-weight: 600; color: #6EA50C;}
.category-title.company-title .company_logo { border-radius: 4px; background: #fff;}
.jobs-category .job-listing .job-position h3 {margin-top: 15px;}

.top-search .search-field {padding: 0 5px;}

.category-article {padding-bottom: 30px; margin-bottom: 50px; border-bottom: 1px solid #eee;}
.category-article .wp-post-image {margin-bottom: 30px; border-radius: 4px;}
.category-article .published { padding: 5px 0; font-size: 0.85rem; color: #666; font-weight: 400; display: block;}

#content nav.job-manager-pagination ul li,
nav.job-manager-pagination ul li {margin-right: 5px; border: 0; background: #f9f9f9;}
#content nav.job-manager-pagination ul li a, #content nav.job-manager-pagination ul li span, nav.job-manager-pagination ul li a, nav.job-manager-pagination ul li span {padding: 10px 15px; color: #666; font-weight: 700;}
#content nav.job-manager-pagination ul li a:focus, #content nav.job-manager-pagination ul li a:hover, #content nav.job-manager-pagination ul li span.current, nav.job-manager-pagination ul li a:focus, nav.job-manager-pagination ul li a:hover, nav.job-manager-pagination ul li span.current { padding: 10px 15px; color: #fff; font-weight: 700; background: #6EA50C;}

/* Single */
.single-post .wp-post-image {margin-bottom: 30px; border-radius: 4px;}

.single-page-navigation {padding: 15px; font-size: 0.75rem; background: #F6F6F6;}
.single-page-navigation a { color: #333;}
.single-page-navigation a:hover { color: #6ea50c;}

/* Companies */
.company-letters {margin-bottom: 30px; border-bottom: 1px solid #f6f6f6;}
.company-letters a { padding: 10px; font-weight: 700; display: inline-block;}

.companies-overview,
.companies-overview ul { margin: 0; padding: 0; list-style: none;}
.companies-overview .company-group {width: 30%; margin: 0 3% 3% 0; display: inline; float: left;}
.companies-overview .company-letter { padding: 10px 15px; font-size: 1.25rem; font-weight: 700; border: 1px solid #f4f4f4; }
.companies-overview .company-name {border-top: 1px solid #f4f4f4;}
.companies-overview .company-name:first-child {border: 0;}
.companies-overview .company-name a {padding: 10px 0; color: #666; display: block;}
.companies-overview .company-name a:hover { color: #6EA50C;}

/* Comments */
.comments-area h3 {margin-top: 30px;}

/* Content */
.header-image {height: 160px;background: #4D4D4D;}
.content-area {margin: 30px 0;}
.entry-content ol {padding-left: 20px;}
.entry-content ol li {margin-bottom: 20px;} 

/* Dashboard */
#job-manager-job-dashboard table td {padding: 10px 15px; }
#job-manager-job-dashboard table th { padding: 10px 15px;}
#job-manager-job-dashboard table td.date,
#job-manager-job-dashboard table td.expires {font-size: 0.9rem;}
.woocommerce .nav-pills .nav-item.is-active .nav-link {color: #fff; background: #6ea50c;}
.woocommerce-page .entry-header {margin-bottom: 30px;}
.woocommerce .avatar {border-radius: 200%;}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {text-align: center;}

/* Contact */
.wpcf7 sup {color: #ca3215;}
.wpcf7 .wpcf7-textarea {resize: none; max-height: 100px;}
.sidebar-contact .textwidget {padding: 30px; background: #F8F8F8;}
.sidebar-contact ul {margin: 0 0 15px 0; padding: 0; list-style: none;}
.sidebar-contact .social-links li { margin-right: 10px; display: inline-block;}
.sidebar-contact .social-links a { width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 1.5rem; color: #fff; display:inline-block; border-radius: 4px; background: #666;}
.sidebar-contact .social-links a.link-facebook:hover {background: #3B5998;}
.sidebar-contact .social-links a.link-linkedin:hover {background: #3793C3;}

.quicktags-toolbar, .wp-editor-tools, .wp-editor-wrap, .wp-switch-editor {border: 1px solid #d9d9d9; border-radius: 0.25rem;}
.chosen-container-multi .chosen-choices { padding: 0.5rem 0.75rem; border: 1px solid #d9d9d9; border-radius: 0.25rem;}
.job-manager-form .form-group { padding-bottom: 15px; border-bottom: 1px solid #eee;}
.job-manager-form select.postform,
.woocommerce .input-text {padding: 0.5rem 0.75rem; line-height: 1.25; font-size: 1rem; border: 1px solid #d9d9d9; border-radius: 0.25rem; display: block;}
.woocommerce .input-text:focus { border: 1px solid #6EA50C;}

/* Footer */
.footer-question {padding: 90px 0; color: #fff; background: url(images/footer-contact.jpg) no-repeat top center; background-size: cover;}
.footer-question h4 { margin-bottom: 30px; text-transform: uppercase; color: #fff; font-size: 2.5rem;}
.footer-question p {margin-bottom: 30px;}
.footer-question .btn {text-transform: uppercase;}


#wrapper-footer-full { padding: 50px 0; color: #eee; font-size: 0.8125rem; background: #222;}
#wrapper-footer-full a {color: #eee;}
.footer-about img {margin-bottom: 15px;}
.footer-menu .widget-title { margin-bottom: 40px; color: #eee;}
.footer-menu ul {margin: 0; padding: 0;}
.footer-menu ul li { padding-top: 10px; font-size: 0.875rem; display: block; float: none;}

#wrapper-footer {padding: 15px 0; font-size: 0.8125rem; line-height: 34px; color: #eee; background: #131313;}
#wrapper-footer p {margin: 0;}
.social-footer {text-align: right;}
.social-footer ul {margin: 0; padding: 0;}
.social-footer li { margin-left: 20px; display: inline-block;}
.social-footer li:first-child {margin: 0;}
.social-footer li a {width: 34px; height: 34px; line-height: 34px; text-align: center; color: #131313; border-radius: 3px; background: #eee; display: block;}
.social-footer li a.linkedin:hover {color: #fff; background: #1A84BC;}
.social-footer li a.facebook:hover {color: #fff; background: #3B5998;}


@media all and (max-width : 1199px) {
	.navbar .container {position: relative;}
	.navbar .user-menu {margin: 0; position: absolute; right: 0; top: 15px;}
	.navbar #main-menu { width: 100%; margin-top: 15px; border-top: 1px solid #f4f4f4; clear: both;}
}
@media all and (max-width : 991px) {
	.home .hero {padding: 100px 0;}
	.search_jobs .input-group-lg {margin-top: 15px;}
	#job-manager-job-dashboard table ul.job-dashboard-actions {display: block; visibility: visible;}	
	.home .hero .search-field {margin-top: 5px; margin-bottom: 5px;}
	.top-search .search-field {margin-top: 5px;}
}

@media all and (max-width : 767px) {
	.home .hero {padding: 50px 0;}
	.category-title {padding: 30px 0;}
	.job-listing .job-logo img {max-width: 100%;}
	.job-applications-download-csv {padding: 15px 0; display: block; float: none;}
	.footer-menu .widget-title {margin: 30px 0 0 0;}
	#wrapper-footer .copyright,
	#wrapper-footer .social-footer {text-align: center;}
	.top-search .search-field {padding: 0 15px;}
	.navbar {padding: 0;}
	.navbar .user-menu { width: 100%; text-align: left; position: relative; right: auto; top: auto;}
}
@media all and (max-width : 575px) {
	.jobs-category .job-listing .job-position h3,
	.job-listing .job-position h3 {margin: 0;}
	ul.job_listings .job-manager-applications-applied-notice {display: none;}
	.job-listing .job-meta {margin: 0; padding: 0;}
}