/*
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.   ***************/


/*************** Start Satisfaction Pop Up Code   ***************/
.popup{
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
align-items: center;
justify-content: center;
opacity: 0;
z-index: 1111;
}
.popup.show{
opacity: 1;
display: flex;
}
.popups__bg{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: rgb(0 0 0 / 20%);
}
.popups__wrapper{
min-width: 100px;
min-height: 100px;
max-width: 90vw;
max-height: 90vh;
position: relative;
z-index: 2;
}
.popups__wrapper img{
min-width: 100%;
min-height: 100%;
max-width: 100%;
max-height: 100%;
}
.popups__close{
position: absolute;
top: -10px;
right: -30px;
width: 30px;
height: 30px;
border-radius: 50%;
border: 2px solid #f68922;
color: transparent;
font-size: 0;
cursor: pointer;
z-index: 2;
transition: all .3s ease;
background-color: #fff;
}
.popups__close:hover{
opacity: .6;
}
.popups__close:after, .popups__close:before{
position: absolute;
content: '';
background-color: #f68922;
width: 2px;
height: 16px;
top: 50%;
left: 50%;
}
.popups__close:before{
transform: translate(-50%, -50%) rotate(45deg);
}
.popups__close:after{
transform: translate(-50%, -50%) rotate(-45deg);
}
@media screen and (max-width: 767px) {
.popups__close{
right: 0;
}
}

/*************** End Satisfaction Pop Up Code   ***************/

/* WOOCOMMERCE NOTIFICATION HIDE FROM DASHBOARD */
#wpwrap #wpcontent .notice.wcs-nux__notice {
	display: none;
}

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