/*
Theme Name: Pruett Dermatology Wordpress Theme
Theme URI: https://www.docero.com/
Description: Pruett Dermatology Wordpress Theme
Author: docero
Author URI: https://www.docero.com/
Version: 1.0
*/

#skiptocontent a:focus {
    position: absolute;
    left: 0px;
    top: 0px;
    outline-color: transparent;
    -webkit-transition: top .1s ease-in;
    transition: top .1s ease-in;
}

#skiptocontent a {
    padding: 6px;
    position: absolute;
    top: -40px;
    left: 0px;
    color: white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    background: #89cbaf;
    -webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 100;
    font-weight: bold;
}

/* WooCommerce Pay My Bill */
.woocommerce-product-gallery--without-images,
.product-thumbnail {
  display: none;
}

.woocommerce #content div.product div.summary,
.woocommerce div.product div.summary,
.woocommerce-page #content div.product div.summary,
.woocommerce-page div.product div.summary {
  float: none;
  margin: auto;
}

.product_meta,
div.product-addon-totals,
small.wc-pao-addon-chars-remaining {
  display: none;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
   background-color: #66b28a;
}

.woocommerce div.product form.cart .button {
  float: none;
  margin: auto;
  display: block;
}

.woocommerce form .form-row {
  display: inline-block;
  margin-right: 4px;
}

.nyp input[type='text'] {
    width: 50%;
    display: inline-block;
}

.woocommerce form .wc-pao-addon-container .form-row {
    width: 50%;
}

.nyp label,
.wc-pao-addon-container label {
    width: 40%;
}

.product .nyp .nyp-input{
  text-align: inherit;
  font-weight: normal;
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
  float: none;
  margin: auto;
}

.woocommerce-message .wc-forward {
  display: none!important;
}

/*checkout */
#billing_company_field,
#billing_country_field,
#order_review_heading,
.woocommerce-checkout-review-order-table thead,
.woocommerce-checkout-review-order-table .cart-subtotal,
.woocommerce-order-received .woocommerce-order-details,
.woocommerce-order-received .woocommerce-customer-details {
  display: none;
}

.form-row.address-field,
.woocommerce-billing-fields__field-wrapper .validate-phone {
  width: 32%;
}

#add_payment_method .checkout .col-2 .notes,
.woocommerce-cart .checkout .col-2 .notes,
.woocommerce-checkout .checkout .col-2 .notes {
  width: 100%;
}
@media only screen and (min-width: 641px) {
  .woocommerce .col2-set .col-1, 
  .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 48%;
  }
  .woocommerce .col2-set .col-2, 
  .woocommerce-page .col2-set .col-2 {
    float: right;
    width: 48%;
  }
  .woocommerce-page div.product div.summary {
    width: 48%;
  }
}
.woocommerce-form__label-for-checkbox .input-checkbox {
  position: relative!important;
}

.woocommerce button.button.alt:hover{
  background-color: #1c4e71;
}

@media only screen and (max-width: 767px) {
  .page-content .secondary .payment_method_cybersource img {
    width: inherit;
  }
}

input[type='tel'],
#select2-billing_state-container {
    background: #fff;
    font-weight: 400;
    display: block;
    padding: .625rem;
    width: 100%;
    height: 52px;
    font-family: "Muli",sans-serif;
    font-size: 1rem;
    color: #576775;
    border-radius: 0;
    border: 1px solid #29557c;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

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

.woocommerce-billing-fields__field-wrapper .validate-state,
.woocommerce-billing-fields__field-wrapper .validate-state .select2 {
    vertical-align: top;
}
.woocommerce form .form-row.woocommerce-validated select,
.woocommerce-checkout #payment div.payment_box input.input-text,
#cybersource_expirationMonth,
#cybersource_expirationYear {
    border-radius: 0;
    border: 1px solid #29557c;
}

/* Mobile Responsive For Request Appointment Form */
@media only screen and (max-width: 767px) {
	 #request-an-appointment{
		padding: 0 20px;
	}

	#request-an-appointment h2{
		font-size: 20px;
		font-weight: bold;
	}
	#request-an-appointment label{
		text-align: left;
	}

	#request-an-appointment input[type='text'],
	#request-an-appointment select{
		height: 30px;
		padding: 4px;
	}
	
	#request-an-appointment input[type='submit']{
		padding: 10px;
	}

	#request-an-appointment div.ginput_container,
	#request-an-appointment div.ginput_container_radio{
		margin-top: 0px;
	}

	#request-an-appointment ul li.gfield{
		margin-top: 5px;
	}

	#request-an-appointment textarea.medium{
		height: 70px;
	}

	#request-an-appointment .gform_footer{
		margin-top: 0;
		padding: 0;
	}
}