/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* Control registration form modal button on every page of the site */

.reg-form-modal {
	display: block;
	padding: 16px;
	font-size: .8rem;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 700;
	background-color: #fa9988;
	color: white;
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 100000;
	border: 1px solid #f46f72;
	border-radius: 5px;
	box-shadow: 0 3px 5px rgba(0,0,0,.5);
}

.reg-form-modal:hover {
	background-color: white;
	border: 1px solid;
}

/* Remove Flexbox props from Main Menu 'I'm New' Button */
#side-header .fusion-main-menu>ul>li.fusion-menu-item-button>a {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: block;
    display: block;
    display: block;
}

/* Edit Product List on Main Page of WooCommerce Shop */
.post-type-archive-product .product-images {
    display: inline-block;
    width: 250px;
    margin-right: 20px;
    text-align: center;
    position: relative;
    float: left;
}

.post-type-archive-product .product .product-buttons {
	padding-bottom: 0;
}

.post-type-archive-product .product-details-container .fusion-content-sep {
	overflow: hidden;
}



/* Media Queries for Responsive Viewports */

@media (max-width: 1125px) {
	.post-type-archive-product .product-images {
	    display: inline-block;
	    width: 100%;
	    text-align: center;
	    position: relative;
	    float: none;
	    margin-right: 0;
	}

	.post-type-archive-product .product .product-buttons {
		padding-bottom: 12px;
	}

	.fusion-body.post-type-archive-product .products li {
		width: 80%;
	}
}

@media (max-width: 800px) {
  .reg-form-modal {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    text-align: center;
    border: none;
    border-radius: 0px;
    box-shadow: none;
  }

  .reg-form-modal:hover {
  	border: none;
  	border-radius: 0px;
  }
}