/**
* Theme Name: Workreap Child
* Description: This is a child theme of Workreap.
* Author: <a href="https://themeforest.net/user/amentotech/portfolio">Amentotech</a>
* Template: workreap
* Version: 3.2.9
*/

.login-link {
	display: flex;
	width: 220px;
	max-width: 100%;
	color:#d31b07;
	justify-content: space-between;
	align-items: center;
}

.login-link img {
	width: 32px;
}

.wr-list-menu-wrapper .wr-list-menu-icon {
	background: none!important;
}

.attention-text {
	color: red;
    margin: -6px 0 0;
    line-height: 20px;
    font-size: 90%;	
}

.artlove-main-banner {
    display: block;
}

.artlove-main-banner-title {
    text-align: center;
    font-size: 28px;
    color: #686767;
    margin-bottom: 20px;
}

.artlove-main-banner-list {
    display: flex;
    justify-content: center;
}

a.artlove-main-banner-link {
    width: 25%;
    flex-basis: 25%;
    max-width: 110px;
    text-align: center;
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

img.artlove-main-banner-img {
    width: 90%;
    max-width: 50px!important;
}

span.artlove-main-banner-subtitle {
    display: block;
    text-align: center;
    color: #686767;
}

footer .artlove-main-banner {
    display: block;
}

footer .artlove-main-banner-title {
    text-align: center;
    font-size: 20px;
    color: white;
    margin-bottom: 20px;
}

footer .artlove-main-banner-list {
    display: flex;
    justify-content: center;
}

footer a.artlove-main-banner-link {
    width: 25%;
    flex-basis: 25%;
    max-width: 85px;
    text-align: center;
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

footer img.artlove-main-banner-img {
    width: 90%;
    max-width: 50px!important;
    filter: brightness(0) invert(1);
}

footer span.artlove-main-banner-subtitle {
    display: block;
    text-align: center;
    color: white;
}

.wr-footeritem {
    text-align: center;
}

.wr-footeritem a{
    display: inline-block;
}

.wr-footer-two .widget_nav_menu ul li {
	max-width: 100%!important;
}

.wr-footer-two_copyright .wr-fcopyright_info {
    flex-basis: 100px;
    flex-grow: 1;
    font-size: 14px!important;
    line-height: 20px!important;	
}

.wr-sc-shortcode .wr-login-content .wr-placeholderholder.content-center {
	align-items: center;
}

.woocommerce-privacy-policy-link {
    white-space: nowrap;
}

.wr-btn-big {
	width: 100%;
	padding: 20px;
	margin: 5px 0; 
	height: auto;
}

.wr-btn-gray {
	background: gray;
}

.instructions-info-wrap {	
}

.instructions-info-main-text {
	font-size: 80%;	
	line-height: 1rem;
	margin-bottom: 10px;
	white-space: pre-wrap;
}

.instructions-info-wrap p{
	margin-bottom: 10px;	
}

.instructions-info-accordion-button {
	cursor: pointer;
	margin-bottom: 10px;
}

.instructions-info-accordion-button:before {
	content: '▶️';
}
/*
.instructions-info-accordion-button:hover:before {
	content: '🔽';
}*/

.instructions-info-accordion-text {
	font-size: 80%;	
	line-height: 1rem;
	max-height: 1000px;
	transition: all 1s ease-out;
	overflow: hidden;
	white-space: pre-wrap;
}
/*
.instructions-info-accordion-button:hover + .instructions-info-accordion-text {
	max-height: 1000px;
	
}*/

.wr-review-product-wrap {
	border-radius: 20px!important;
	margin-top: 20px;
	
}

.wr-review-product-wrap .wr-review-product-block {
	padding-top: 20px;
	border-top:1px solid lightgray;
}

.wr-review-product-wrap .wr-addcomment {
	display: flex;
	padding-top:10px;
}

.wr-review-product-wrap .wr-blogimg {
	flex-shrink: 0;
}

.wr-pricingitems__content {
	flex-direction: column;
}

.wr-package-active {
	position: relative;
}

.wr-package-active + .wr-package-active {
	border-top: 1px solid lightgray;
}

.gpth-modal-window li {
    line-height: 1.4rem;
    margin-bottom: 10px;
}

.gpth-modal-window p {
	line-height: 1.4rem;
}

.instructions-info-wrap {
	display: none;
}

input:focus + .instructions-info-wrap,textarea:focus + .instructions-info-wrap{
	display: block;
}

.mce-focus + .instructions-info-wrap{
	display: block;
}

.wr-addservice-steps {
	/*display: none;*/
}