/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
	/*--main-color: #63567f;*/
	--main-color:rgba(99,86,127,1);
	--second-color: rgba(0,160,153,1);
	--third-color: rgba(78,80,42,1);
	--button-color: rgba(251,76,16,1);
}

/*Header*/

.header-top {
	background-color: var(--main-color);
	min-height: 100px;
}


/*Woocommerce*/

.cart-icon strong, .cart-icon strong:after {
	border: 2px solid var(--main-color);
}

.cart-icon strong {
	color: var(--main-color);
}

.current-dropdown .cart-icon strong, .cart-icon:hover strong {
    background-color: var(--main-color);
}

.product.has-hover .grid-tools a {
		background-color: var(--main-color);
} 

.box.has-hover.hover-dark:hover .box-text {
	background-color: var(--main-color);
}

.badge-inner {
	background-color: var(--main-color);
}

.badge-frame .badge-inner, 
.badge-outline .badge-inner {
	color: var(--main-color);
}

.box:hover .badge-frame .badge-inner, 
.box:hover .badge-outline .badge-inner {
	background: var(--main-color);
}

.button {
	background: var(--button-color);
}

/* "Ghost" buttons */
.primary.is-underline, 
.primary.is-link, 
.primary.is-outline {
    border: 2px solid var(--button-color);
    color: var(--button-color);
}

.button.is-outline.white {
	color: #FFF !important;
	border: 2px solid #FFF;
	
}

.button.is-outline.white:hover {
	border: 2px solid #FFF;
	background-color: #FFF;
	color: #666666 !important;
}

.slider-wrapper .primary.is-underline, 
.slider-wrapper .primary.is-link, 
.slider-wrapper .primary.is-outline { 
	border: 2px solid var(--main-color);
  color: var(--main-color);
}

.primary.is-underline:hover, 
.primary.is-link:hover, 
.primary.is-outline:hover {
	background: var(--button-color);
	border: 2px solid var(--button-color);
}

.slider-wrapper .primary.is-underline:hover, 
.slider-wrapper .primary.is-link:hover, 
.slider-wrapper .primary.is-outline:hover {
	background: var(--main-color);
	border: 2px solid var(--main-color);
	color: #FFF;
}

.slider-nav-circle .flickity-prev-next-button:hover svg, 
.slider-nav-circle .flickity-prev-next-button:hover .arrow {
	background: var(--main-color);
	border-color: var(--main-color);
}

.slider .flickity-prev-next-button:hover svg, 
.slider .flickity-prev-next-button:hover .arrow {
	fill: var(--main-color);
}

/*Shop*/

.nav-pagination>li>.current, 
.nav-pagination>li>span:hover, 
.nav-pagination>li>a:hover {
	border-color: var(--main-color);
  background-color: var(--main-color);
}

.dashboard-links a {
	border-color: var(--main-color);
}

.dashboard-links a:hover {
    background-color: var(--main-color);
}

.secondary, 
.checkout-button, 
.button.checkout, 
.button.alt {
	background: var(--button-color);
}

/*Helpers*/

.standard-ul {
	padding-left:  40px;
}

.standard-ul li {
	margin-bottom:  0;
}

/*Portfolio*/

/* removes category that appears on hover or 
all together if there is no image */
.portfolio-box.has-hover .box-text {
	display: none; 
}


/*Gravity Forms*/

.gform_wrapper select {
  height: auto!important;
} 

.gform_wrapper .multi-select-bg-none select {
	background-image: none;
}


/*Footer*/

footer#footer .absolute-footer {
	background-color: var(--main-color);
}

footer#footer .footer-widgets.footer.footer-2 {
	background-color: var(--second-color);
}

/*Misc*/

.bg-main {
	background-color: var(--main-color);
}

.bg-second {
	background-color: var(--second-color);
}

.bg-third {
	background-color: var(--third-color);
}

.full-height .col-inner {
	height: 100%;
	display: flex;
	background: var(--main-color);
}


.login-register-button {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px; 
  background: var(--main-color);
}

.login-register-block {
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.login-register-block h3 {
	color: #FFF;
	font-size: 32px;
	margin-bottom: 20px;
}

.login-register-block .button,
.login-register-button .button {
	display: block;
	color: #FFF !important;
	border: 2px solid #FFF;
	background: transparent;
	max-width: 300px;
	margin: 10px auto;
	box-shadow: none;
}

.login-register-block .button:hover,
.login-register-button .button:hover {
	border: 2px solid #FFF;
	background-color: #FFF !important;
	color: #666666 !important;
}

.login-register-stripe {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 20px;
}

.login-register-stripe h3, 
.login-register-stripe .button {
	margin-bottom: 0;
}

.widget_price_filter {
  display: none;
}

.logged-in .widget_price_filter {
  display:  block;
}
@media only screen and (min-width: 48em) and (max-width: 62.5em) {
/*************** ADD Tablet ONLY CSS HERE  ***************/

	.login-register-block h3 {

		font-size: 24px;

	}

}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}