/*
 Theme Name:   Morrisons Banks
 Theme URI:    https://generatepress.com
 Description:  Morrions Banks child theme
 Author:       James Evans
 Author URI:   https://websright.com
 Template:     generatepress
 Version:      0.1
*/


h1.rotated-title mark, h2.rotated-title mark {
	display: inline-block;
    transform: rotate(4deg);
    transform-origin: center;
}

#banks .wpsl-search {
    margin-bottom: 0px;
    padding: 20px 20px 10px;
    background: #002927;
	color: #fff;
}
#banks #wpsl-wrap {
	margin-bottom: 0;
}
#banks #wpsl-search-btn {
	color: var(--accent);
	background-color: var(--global-color-9);
	border-radius: 30px; 
	border: none;
	background-image: none;
	padding: 10px 20px;
}
#banks #wpsl-search-wrap input, #banks .wpsl-dropdown {
	border-radius: 30px; 
}
#banks #wpsl-search-wrap form {
	display: flex;
	flex-wrap: wrap;
}
#banks #wpsl-search-wrap div label {
	line-height: 1.1;
}
@media (min-width: 1025px) {
	#banks {
		#wpsl-search-input {
			width: 280px;
		}
	}
	
}
@media (min-width: 571px) and (max-width: 1024px) {
	#banks #wpsl-gmap, #banks #wpsl-stores {
		height: 450px !important;
	}
}
@media (min-width: 870px) {
	#banks #wpsl-search-wrap form {
		justify-content: center;
	}
}
@media (min-width: 571px) {
	#banks {
		#wpsl-search-btn, #wpsl-search-wrap #wpsl-radius, #wpsl-search-wrap #wpsl-results, #wpsl-search-wrap .wpsl-input input, #wpsl-search-wrap .wpsl-input {
			display: flex;
			align-items: center;
		}
	}
}
@media (min-width: 826px) and (max-width: 869px) {
	#banks #wpsl-search-input {
        width: 138px;
    }
}

@media (min-width: 571px) and (max-width: 825px) {
	#banks #wpsl-search-input {
		width: 290px;
	}
}
@media (max-width: 570px) {
	#banks #wpsl-search-wrap div label {
		margin-bottom: 5px;
	}
	#banks #wpsl-gmap, #banks #wpsl-stores {
		height: 350px !important;
	}
}
@media (max-width: 675px) {
	#banks #wpsl-gmap {
		margin-top: 0;
	}
}
#banks #wpsl-stores li {
	padding: 20px;
}
#banks #wpsl-direction-details {
	padding: 0 10px;
}
#banks li .wpsl-store-location p strong {
	color:  var(--global-color-8);
}

.bank-report-popup-link {
    margin: 10px 0 0;
}

.bank-report-popup-link a {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--global-color-8);
    color: #fff !important;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.2;
	margin-top: 10px;
}

.bank-report-popup-link a:hover,
.bank-report-popup-link a:focus {
    background: var(--accent);
    color: #fff !important;
}

/* background imgs */
@media (max-width: 1024px) {
	.main-pg-container, .bg-container {
		background-size: 28% !important;
	}
}

/* full bank */

.reported-bank {
	background-color: var(--accent);
	padding: 20px 30px;
	color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.reported-bank-name {
	display: block;
	color: var(--global-color-9);
}

#bank-full-form .nf-field-label label {
	color:  var(--accent);
}
#bank-full-form {
	.button, button {
		border-radius: 30px;
	}
}
#bank-full-form p {
	margin-bottom: 10px
}