/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/*******************
	Colors 

	blue: #1da1f2
	yellow: #ffcf3d
	orange: #f6682f
	black: #000
	light grey: #e9e9e9


*******************/


input[value="Review & Post Listing →"] {
	content: "Preview & Post Job"
}


/*******************
	Global Styles
*******************/

input[type=text] {
	background-color: #fff;
}

/*******************
	Single Blog Post
*******************/

/* Left alignment images should go full screen on mobile */


@media (max-width: 768px) {
	.single-post .alignleft {
		width: 100%;
	}
}




/*******************
	WooCommerce Overrides
*******************/

.addtocartbutton, .cart .button, .cart .button.alt, .checkout-button, #place_order  {
	border: none !important;
	border-radius: 4px !important;
	color: #fff !important;
	font-weight: bold !important;
}

.addtocartbutton, .cart .button, .cart .button.alt, .checkout-button, #place_order {
	background-color: #1da1f2 !important;
}

.addtocartbutton:hover, .cart .button:hover, .cart .button.alt:hover, .checkout-button:hover, #place_order:hover {
	background-color: #f6682f !important;
}

.fl-theme-builder-woo-notices {
	padding: 20px 0;
}

.woocommerce .woocommerce-message {
	background-color: #d9edf7;
}

.woocommerce-page table.shop_table {
	background-color: #fff;
}

.woocommerce #payment {
	background-color: #fff;
}

.woocommerce-page table.shop_table thead {
	background-color: #e9e9e9;
}

.wc-pao-addon-wrap label {
	color: #f6682f;
	font-weight: bold;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row .input-text  {
	background-color: #fff;
	color: #000;
}


/*******************
	Employers Page
*******************/
.employer-packages {
	font-size: 1.5em;
}

.employer-packages .product .button {
	font-size: .75em;
}

/*******************
	Single Package Page
*******************/
.woocommerce-product-gallery {
	pointer-events: none;
}
.woocommerce-product-gallery__trigger {
	display: none;
}
.wc-pao-addon-name {
	font-weight: bold;
}

/*******************
	Paid Packages
*******************/
.package-section {
	color: #f6682f;
	font-size: 16px;
}

div.job-packages {
	display: flex;
	flex-flow: row wrap;
}

div.package-column {
	flex-basis: 25%;	
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

div.package-column:hover {
	background-color: #efefef;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	flex-basis: 25%;	
}

/*

div.package-section, div.user-job-package {
	flex-basis: 100%;
}

div.job-package {
	flex-basis: 25%;
}

div.job-package img {
	width: 220px;
}

*/

/* Fancier Radio Buttons */
.job-packages input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	background-color: #eee;
	color: #666;
	display: flex;
	justify-content: center;
	top: 5px;
	height: 20px;
	width: 20px;
	border: 2px solid #f6682f;
	border-radius: 50px;
	cursor: pointer;  
	margin: 15px auto;   
	outline: none;
}

.job-packages input:checked::before {
	color: #f6682f;
	display: flex;
	position: absolute;
	font: 10px/1 'Open Sans', sans-serif;
	top: 3px;
	content: '\2B24';
	transform: rotate(40deg);
}

.job-packages input:hover {
     background-color: #f7f7f7;
}

.job-packages input:checked {
     background-color: #ffcf3d;
}



.lower-listing-button-wrap {
	background-color: #eee;
	padding: 7px 14px;
	text-align: right;
}

.job-package {
	border-bottom: 1px solid #ececec;
}

.package-column .job-package:last-child {
	border-bottom: none;
}

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



/*******************
	Job Single
*******************/

input[type="button"].application_button {
	background-color: transparent !important;
	color: #f6682f !important;
	font-size: 2em !important;
	padding: 0px !important;
}


.job_application .application_details, .job_application .application_details:before {
	border-color: #1da1f2;
	font-weight: bold;
}