/*
Theme Name: Websavers Theme
Version: 1.1
Description: Custom theme for Websavers site builds
Author: Websavers Inc.
Author URI: https://websavers.ca
template: bb-theme
*/

/* Add your custom styles here... */

/**
 * Websavers Button Overrides
 */
.fl-builder-content a.fl-button,
.fl-builder-content a.fl-button:hover{ border-color: transparent; }

input,textarea{ border-radius: 0 !important; }
input[type=submit], input[type=submit].button, input[type=button], button, .fl-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-page .woocommerce-error 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-page .woocommerce-error 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;
}

/**
 * Link and icon Transitions
 */
 .dashicons, .dashicons-before:before, /* Override */
 a{ 	
 	-webkit-transition: all 0.3s ease-in-out;
 	-moz-transition: all 0.3s ease-in-out;
 	-o-transition: all 0.3s ease-in-out;
 	-ms-transition: all 0.3s ease-in-out;
 	transition: all 0.3s ease-in-out;
 }

/**
 * WooCommerce Overrides
 */

/** Full Width Order Button **/
.woocommerce #payment input[type=submit]#place_order, .woocommerce-page #payment input[type=submit]#place_order{
    width: 100%;
    font-size: 1.5em;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    height: auto;
}

.woocommerce form .form-row select{ display: inline; }

.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; }

/**
 * General WP Forms Overrides
 */

@media screen and (min-width: 600px){
    .fl-content div.wpforms-container-full .wpforms-form .wpforms-one-half{
        width: 49%;
    }
    .fl-content div.wpforms-container-full .wpforms-form .wpforms-one-half{
        margin-left: 0.5%;
        margin-right: 0.5%;
    }
}
@media screen and (max-width: 599px){
    .fl-content div.wpforms-container-full .wpforms-form .wpforms-one-half{
        width: 100%;
        margin-left: 0; 
        margin-right: 0;
    }
}


/**
 * WP Forms Select2 Styles
 */

div.wpforms-container-full .wpforms-form .select2-container{
	border: 1px solid #bcbcbc;
	padding: 5px;
	position: relative;
	width: 100% !important;
}
div.wpforms-container-full .wpforms-form .select2-container .select2-selection__arrow{
	height: 34px;
}

/** 
 * WP Forms Colour overrides
 */

div.wpforms-container-full .wpforms-form .wpforms-page-indicator.progress .wpforms-page-indicator-page-progress{ background-color: #ed7400 !important; }