Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

.custom-social-container .x-social-global a [class^="x-icon-"], 
.custom-social-container .x-social-global a [class*="x-icon-"] {
 float: center; padding: 20px;
}

body.page {
	background: transparent;
}

/*===============Add Custom Style for Cart Page.=====================*/
.woocommerce form .cart .actions {
	vertical-align: top;
	padding-top: 30px;
}
.woocommerce form .cart .actions .coupon {
	width: 25%;
	float: left;
}

.woocommerce form .cart .checkout-actions {
 	padding: 0;
}

.woocommerce form .cart .actions input[name=apply_coupon] {
 	margin: 0;
 	float: left;
 	margin-left: 30px;
}

.woocommerce form .cart-collaterals {
	padding-top: 30px;
}

.woocommerce form .cart-collaterals .cart_totals {
 	margin-top: 0;
}

.woocommerce form .cart-collaterals .cart_totals .order-total th, .woocommerce form .cart-collaterals .cart_totals .order-total td {
	border: none;
}

.woocommerce form .cart-collaterals .cart_totals .wc-proceed-to-checkout input[name=update_cart] {
 	width: 48%;
 	font-size: 100%;
}

.woocommerce form .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button {
 	width: 48%;
 	font-size: 100%;
 	float: right;
}

.woocommerce form .cart-collaterals .cart_totals .cart-subtotal th, .woocommerce form .cart-collaterals .cart_totals .cart-subtotal td {
 	border: none;
}

.woocommerce form .cart-collaterals table th {
 	width: 65%;
}
.page-id-7332 .x-block-grid.two-up > li {
    width: 100%;
}
@media screen and (max-width: 1200px) {
 	.woocommerce form .cart-collaterals .cart_totals .wc-proceed-to-checkout input[name=update_cart] {
 		width: auto;
 	}
 	.woocommerce form .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button {
 		width: auto;
 	}
}

@media screen and (max-width: 979px) {
 	.woocommerce form .cart-collaterals table th {
 		width: 51%;
 	}
 	.woocommerce form .cart-collaterals .cart_totals .wc-proceed-to-checkout input[name=update_cart] {
 		width: 100%;
 		font-size: 80%;
 	}
 	.woocommerce form .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button {
 		width: 100%;
 		font-size: 80%;
 		margin-top: 5px;
 	}
	.woocommerce form .cart .actions .coupon {
		width: 90%;
	}
	.woocommerce form .cart .actions input[name=apply_coupon] {
	 	margin-top: 10px;
	 	margin-left: 0;
	 	width: 90%;
	 	font-size: 75%;
	}
}

@media screen and (max-width: 480px) {

	.woocommerce >form table thead th {
		display: inline-block;
	}
	.woocommerce >form >table >tbody >tr {
		display: block;
	}
	.woocommerce form .cart .actions, .woocommerce form .cart .checkout-actions {
		display: block;
	}
	.woocommerce form .cart .actions .coupon,
	.woocommerce form .cart .actions input[name=apply_coupon] {
		width: 100%;
	}
	.woocommerce form .cart-collaterals .cart_totals .wc-proceed-to-checkout {
		margin-top: 10px;
	}
	.woocommerce form .cart-collaterals .cart_totals {
		margin-top: 15px;
	}
}
/*===============END for Cart Page.=====================*/

/*===============START for Checkout Page.=====================*/
.woocommerce .contact-email p {
	margin-bottom: 0;
}

.woocommerce .woocommerce-checkout {
	margin-top: 15px;
}

.woocommerce .woocommerce-checkout .user_registration {
	position: relative;
}

.woocommerce .woocommerce-checkout input[name=user_registration]{
	position: absolute;
    left: 0;
    top: 2px;
    display: block;
}

.woocommerce .woocommerce-checkout .user_registration p {
	padding-left: 30px;
	margin-bottom: 0;
}

.woocommerce .woocommerce-checkout .woocommerce-billing-fields >h3 {
	font-size: 18px;
	font-weight: inherit;
	font-family: "Lato",sans-serif;
	margin: 10px 0 20px 0;
}

.woocommerce .woocommerce-checkout #billing_email_field {
	margin-top: 0;
	float: none;
	width: 100%;
}

.woocommerce .woocommerce-checkout input#billing_email {
	border-color: #c1dea8;
    color: #468847;
    height: 80px;
    font-size: 30px;
    background-color: #f3f5f0;
}

.woocommerce form .woocommerce-billing-fields .form-row-first,
.woocommerce form .woocommerce-billing-fields .form-row-last {
	width: 25%;
}

.woocommerce form .woocommerce-billing-fields .clear {
	clear: none;
}

.woocommerce form .woocommerce-billing-fields #billing_phone_field {
	float: right;
}
/*===============END for Checkout Page.=======================*/

header .ubermenu .ubermenu-item.ubermenu-item-level-0 {
    float: left;
}
header .ubermenu .menu-item.x-menu-item.x-menu-item-search {
	float: left;
	line-height: 45px;
}


.traveler-list .item {
    display: block;
    width: 100%;
    padding: 10px 20px;
    border: 1px solid #ccc;
    margin-top: 5px;
}

.traveler-list .item:hover {
    background-color: #eee;
}