/*
Theme Name: Websavers Theme
Version: 1.3
Description: Custom theme for Websavers builds
Author: Websavers Inc.
Author URI: https://websavers.ca
template: bb-theme

Changelog
v1.3: Added replacements for old social icons
v1.2: Remove certain button overrides to allow customization in BB plugin
*/

/**
 * Replace OLD Social Icons with FontAwesome 
 */

.fl-social-icons .fl-icon.fl-icon-google::before,
.fl-social-icons .fl-icon.fl-icon-youtube-regular::before{
    font-family: "FontAwesome";
    vertical-align: top;
}
.fl-social-icons .fl-icon.fl-icon-google-regular::before{
    content: '\f0d5';
    font-size: .52em;
    padding-left: 2px;
}
.fl-social-icons .fl-icon.fl-icon-google-circle::before{
    content: '\f2b3';
}
.fl-social-icons .fl-icon.fl-icon-youtube-regular::before{
    content: '\f167';
    font-size: .52em;
}

/**
 * Mobile Nav Fixes 
 */
.fl-page-nav-toggle-button.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse{
	padding-bottom: 0 !important; /* Smooth open/close animation */
}
.fl-page-nav-collapse ul.navbar-nav > li:last-child{
	border-bottom: none !important;
}

/**
 * Button Overrides
 */
input,textarea{ border-radius: 0 !important; }
input[type=submit], input[type=submit].button, input[type=button], button, .btn,
.woocommerce .woocommerce-message a.button, .woocommerce .woocommerce-info a.button, .woocommerce .woocommerce-error a.button, .woocommerce-page .woocommerce-message a.button, .woocommerce-page .woocommerce-info a.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce #review_form #respond .form-submit input{
    border-radius: 0;
    border-color: transparent;
/*    color: white; */
    transition: color 0.3s, background-color 0.3s, opacity 0.3s !important;
}

input[type=submit]:hover, input[type=submit].button:hover, input[type=button]:hover, button:hover, .fl-button:hover,
.woocommerce .woocommerce-message a.button:hover, .woocommerce .woocommerce-info a.button:hover, .woocommerce .woocommerce-error a.button:hover, .woocommerce-page .woocommerce-message a.button:hover, .woocommerce-page .woocommerce-info a.button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce #review_form #respond .form-submit input:hover{
    border-color: transparent;
}

.woocommerce button.button.alt.disabled,.woocommerce button.button.alt.disabled:hover,.woocommerce-page button.button.alt:hover{ background-color: #c3c3c3; }

.fl-button.fl-button-icon-animation:hover i.fl-button-icon-after{
    margin-right: 1em;
}

/** Contact Form button and recaptcha more app-like on mobile **/
@media screen and (min-width: 600px){
	.fl-recaptcha{ float:left; }
	.fl-recaptcha + .fl-button-width-auto.fl-button-right{ float:right; }
}

@media screen and (max-width: 599px){
	.fl-recaptcha .g-recaptcha div{ margin: auto; }
	.fl-recaptcha + .fl-button-width-auto{ text-align:center; }
	.fl-recaptcha + .fl-button-width-auto a{ width: 100% }
}

/**
 * WooCommerce Overrides
 */
 
/* Cart Remove Buttons: Fixes non-centred "x" spacing issues */
.woocommerce a.remove{
	height: 1.1em;
	width: 1.14em;
}

/* Cart Proceed Button spacing issues */
.woocommerce .wc-proceed-to-checkout a.button.alt{
	padding-top: 1em;
	padding-bottom: 1em;
}
 
.woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-info, .woocommerce-page .woocommerce-error{
    font-weight: normal;
}

/** Full Width Order Button **/
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
    width: 100%;
    font-size: 1.5em;
    padding: 0.8em;
    height: auto;
    text-transform: uppercase;
}

.woocommerce form .form-row select{ display: inline; }

.woocommerce-checkout .select2-container .select2-selection{
  height: 31px;
}
.woocommerce-checkout #payment div.payment_box:before{
	border: 1em solid #f7f7f7;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;
}

.woocommerce table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon .input-text{ height: 30px; }

.woocommerce table.shop_table, .woocommerce-page table.shop_table,
.woocommerce #order_review, .woocommerce-page #order_review,
.woocommerce #payment, .woocommerce-page #payment{
	background-color: transparent;
	border: none;
	padding: 0;
}

.woocommerce table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover{ background: red; }

/* PayPal Radio Button on checkout */
.woocommerce input#payment_method_paypal.input-radio{ vertical-align: top; margin-top: 15px; }
/* Fixed font size for select2 dropdowns */
.woocommerce form .form-row.woocommerce-validated .select2-container{
  font-size: 15px;
}

/* Client Area Dashboard Pages */
.woocommerce-account table.shop_table tr.order_item td.product-name > a{
	pointer-events: none;
	cursor: default;
}
.woocommerce-account table.shop_table tr.order_item td.product-name .download-url a{
	text-decoration: underline;
}
