/* real me real people */



/** masonry columns **/



.mea-real-masonry { 

	display: grid;

	grid-gap: 10px;

	grid-template-columns: repeat(auto-fill, minmax(250px,1fr));

	grid-auto-rows: 20px;

}





  

.mea-real-masonry .masonry-brick {

	width: 32%;

    margin-bottom: 2%; /* Optional */

}







/** regular layout **/

.mea-real {

	display: flex;

	flex-direction: row; 

	flex-wrap: wrap; 

	margin: 0;

}



.mea-real .real-person {

	flex-basis: auto;

	

	margin-left: auto;

	margin-right: auto; 

	margin-bottom: 20px;

	background: #f8f8f8;

}



.mea-real .col3 { 

	width: 31%;

}



.mea-real .col2 { 

	width: 46%;

}



.mea-real .col4 { 

	width: 23%;

}



.mea-real .col6 { 

	width: 15%;

}

.mea-wrap-address{

	width: 40%;

}

.mea_review_wrapper{

	width: 60%;

}

.mea-wrap-cover{

	display: flex;

}

.review_from-btn-wrap{

	display: flex;

	column-gap: 20px;

	flex-direction: row;

	padding: 0 40px;

	margin-bottom: 15px;

}

@media (max-width: 840px) {



	.mea-real .col6 { 

		width: 31%;

	}

	

}



.mea-real .real-person div.mea-real-content {

	padding: 10px;

}



/* champion bloggers */



div.mea-champions {

	max-width: 1100px;

	margin-left: auto;

	margin-right: auto;

}



div.mea-champions div.champion {

	display: flex;

	flex-direction: row; 

	flex-wrap: wrap; 

	margin: 0 0 25px 0;

	padding: 0 20px 20px 20px;

}



div.mea-champions div.champion div {

	flex-basis: auto;

	

	margin-left: auto;

	margin-right: auto; 

	margin-bottom: 20px;

	

}



div.mea-champions div.champion div.champion-image {

	text-align: center;

	width: 33%;

}



div.mea-champions div.champion div.champion-image a img {

	margin-left: auto;

	margin-right: auto;

}



div.mea-champions div.champion div.champion-content {

	width: 60%;

	padding: 0 20px;

}



/** champion collage **/

div.champion-collage {

	display: flex;

	flex-wrap: wrap;

	max-width: 400px;

	margin: 0 auto;

}



div.champion-collage div.champion-image {

	width: 25%;



}



div.champion-collage div.champion-image a img {

	box-shadow: 2px 2px 8px 5px #333333;

}



div.champion-collage div.champion-image a.top-left img {

	border-top-left-radius: 50%;

}



div.champion-collage div.champion-image a.top-right img {

	border-top-right-radius: 50%;

}



div.champion-collage div.champion-image a.bottom-left img {

	border-bottom-left-radius: 50%;

}



div.champion-collage div.champion-image a.bottom-right img {

	border-bottom-right-radius: 50%;

}





@media (max-width: 768px) {

	div.mea-champions div.champion div.champion-image,

	div.mea-champions div.champion div.champion-content {

		width: 100%;

	}

}



/** medical matters */



#medical-matter-search-form {

	margin: 1rem 0;

}



.category-alpha, .medical-categories { 

	display: flex; 

}



.category-alpha { 

	margin: .5rem 0; 

}



.category-alpha li { 

	list-style: none; 

	cursor: pointer;

}



.category-alpha li:hover {

	background:#fcad02;

}



ul.medical-categories { 

	display: flex; 

	flex-wrap: wrap;

	margin: .5rem 0;

}



ul.medical-categories li { 

	list-style: none;

}



.category-alpha li, .medical-categories a { 

	margin: 0 3px; 

	padding: 4px; 

	background: #f8f8f8; 

	font-weight: bold; 

}



.medical-categories a:hover {

	background: #fcad02;

	color: #ffffff;

}





.category-alpha li.active,

.medical-categories li.active a

 {

	background:#fcad02;

	color: #ffffff;

}



.medical-matter-content {

	padding: 1rem 0;

	border-bottom: 1px solid #aaaaaa;

}



/** mea staff **/



div.mea-staff-holder {

	display: flex;

	flex-direction: row; 

	flex-wrap: wrap; 

	

	margin: 0 0 25px 0;

	padding: 0;

}



div.mea-staff-holder div.mea-staff {

	flex: 0 23%;

	margin-left: 1%;

	margin-right: 1%;

	margin-bottom: 20px;

	background-color: #eeeeee;

	padding: .5rem;

	position: relative;

}



div.mea-staff-holder div.mea-staff div.mea-staff-image img {

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-top: .5rem;

	margin-bottom: .5rem;

	border-radius: 50%;

}



div.mea-staff-holder .mea-staff-biog {

	display: none;

}



div.staff-biog-more {

	position: absolute;

	right: 10px;

	top: 10px;

	

	cursor: pointer;

}



@media (max-width: 920px) {



	div.mea-staff-holder div.mea-staff {

		flex: 0 47%;

	}

}





/** surveys **/

.mea-survey-question-holder {

	margin-bottom: 1.5rem;

	padding: 1rem;

	background: #e8e8e8;

}



.mea-survey-question-holder .survey-holder {

	display:block;

	padding: 10px;

	background:#e8e8e8;

	

	border-bottom: 1px solid #ddd;

}



.mea-survey-question-holder .survey-holder div {

	display:inline-table;

}



.mea-survey-question-holder .column-header {

	background-color: #d8d8d8;

}



.mea-survey-question-holder .column-header div {

	font-weight: bold;

}



.mea-survey-question-holder .survey-holder .survey-choice {

	width: 40%;

	font-weight: bold;

}



.mea-survey-question-holder .survey-holder .survey-percent {

	width: 40%;

	text-align:right;

}



.mea-survey-question-holder .survey-holder .survey-total {

	width: 20%;

	text-align:right;

}



table.mea-table-data td.column-header {

	text-align: center;

	font-weight: bold;

}



table.mea-table-data td.row-header {

	text-align: left;

	font-weight: bold;

}



table.mea-table-data td.table_data {

	text-align: center;

}



.mea-survey-canvas {

	margin-bottom: 1.5rem;

}



/** maps **/



.group-list .group-item {

	display: none;

}



/** jquery dialog responsive **/

.responsive_class {

	left: 20% !important;

	width: 60% !important;

}



@media (max-width: 600px) {

	.responsive_class {

		left: 5% !important;

		width: 90% !important;

	}

}



button.ui-button {

	background: #4e2681;

	color: #ffffff;

}



button.ui-button:hover {

	background: #fcad02;

	color: #ffffff;

}



.toggle-content {

	display:none;

	margin: 1em 0;

}



/** LIT **/



.literature-category {

	padding: .5em;

	background: #e8e8e8;

	margin: .5em 0;

	cursor:pointer;

	border-radius: 200px;

}



h2.literature-category  {

	font-size: 1.3em;

}



.literature-title {

	font-weight: bold;

}



.literature-downloads {

	display: flex;

	flex-wrap: wrap;

	gap: 1em 2%;

	margin-bottom: 2em;

}



.literature-downloads .thumb {

	width: 12%;

}



.literature-downloads .item {

	width: 60%;

	padding-left: 1em;

}



.literature-downloads .download {

	width: 20%;

}



.literature-downloads .item .tablet_view {

	display: none;

}



.literature-info {

	cursor:pointer;

}



@media (max-width: 800px) {



	.literature-downloads .item {

		width: 55%;

	}



	.literature-downloads .download {

		width: 25%;

	}



	p.literature-title {

		font-size: 1.4em;

	}

}



@media (max-width: 700px) {



	.literature-downloads .thumb {

		display: none;

	}



	.literature-downloads .download {

		display: none;

	}



	.literature-downloads .item {

		width: 100%;

	}



	.literature-downloads .item .tablet_view {

		display: inline-block;

	}



}



/** nearest service **/

form#meanearest {

	margin: 1em 0;

}



form#meanearest fieldset {

	border: 0;

}



form#meanearest label {

	font-weight: bold;

}



/** donate after download **/

.download-donate-box {

	

	margin: 1rem 0;

	padding: 0;

	text-align: center;

	font-weight: bold;

}



.download-donate-box a,

.download-donate-box a button {

	color: #ffffff;

	background: #fcad02;

}



.download-donate-box a button {

	padding: .5rem;

}



.download-donate-box a:hover,

.download-donate-box a button:hover { 

	background-color: #ad8120e7;

}



button {

	border-radius: 200px;

}



ul.mea-menu-horizontal {

	list-style: none;

	text-align: center;

	margin: 0 0 1rem 0; 

	background: #dddddd;

}



ul.mea-menu-horizontal li {

	display: inline-block;

	

	text-align: center;

	cursor: pointer;

}



ul.mea-menu-horizontal li a {

	display: inline-block;

	padding: 0.5rem;

}



ul.mea-menu-horizontal li a:hover {

	background-color:#fcad02;

}



ul.mea-menu-horizontal li:not(:last-child) {

  border-right: 1px solid white;

}



ul.mea-flex-list {

	display: flex;

	flex-wrap: wrap;

}



ul.mea-flex-list li {

	list-style: none;;

}



ul.mea-group-list {

	margin: 0 0 1rem 0;

}



ul.mea-group-list li {

	list-style: none;

	margin-bottom: .2rem;

}



ul.mea-group-list li i {

	padding-right: .7rem;

}



.mea-hidden-content {

	display: none;

}



.mea-click-popup {

	cursor: pointer;

}

.entry-details{

    display: grid !important;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: 1fr;
    gap: 10px;
	grid-template-areas: 
    "d1 d2 d2"
    "d3 d3 d3";
}

.reviewer_name{

    -ms-grid-row: 1;

    -ms-grid-column: 1;

    grid-area: d1;

	color: #000;

	white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;
	cursor: pointer;

}

.reviewer_ratting{

    -ms-grid-row: 1;

    -ms-grid-column: 3;

    -ms-grid-column-span: 3;

    grid-area: d2;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -ms-flex-direction: row;

        flex-direction: row;

    -webkit-box-align: center;

    -ms-flex-align: center;

        align-items: center;

        gap:5px;

}

.review_description{

    -ms-grid-row: 3;

    -ms-grid-column: 1;

    -ms-grid-column-span: 5;

    grid-area: d3;

	display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

	-webkit-box-orient: horizontal;

	-webkit-box-direction: normal;

	-ms-flex-direction: row;

	flex-direction: row;

	-webkit-box-align: center;

	-ms-flex-align: center;

	align-items: center;

	line-height: 1.4;

}

.review-star.checked{

    color: #0170B9

}

.review-star{

    color: #80808069;

}

.entries{padding: 0 40px;opacity: 0;height: 0;}
.entries.slick-initialized{opacity:1;transition:opacity .3s ease-out;height: auto;}

.mea_review_wrapper 

.entry-details.slick-slide {margin-right: 25px !important;}

.entries .slick-list {margin-right: -25px !important; overflow: hidden;}

.entries .slick-track{margin-left: 0;}

.mea_review_wrapper .slick-next, .mea_review_wrapper .slick-prev{

	font-size: 20px !important;

	color:#0170B9 !important;

	width: 30px !important;

	height: 30px !important;

}

.mea_review_wrapper .slick-prev{

	left:0 !important;

}

.mea_review_wrapper .slick-next{

	right: 0 !important;

}

.mea_review_wrapper .slick-next:before, .mea_review_wrapper .slick-prev:before{

	display: none !important;

}

@media (max-width: 991px) {

	.entry-details.slick-slide {margin-right: 0 !important;}

	.entries .slick-list {margin-right: 0 !important; overflow: hidden;}

}

@media (max-width: 600px) {

	.mea-wrap-cover{

		display: flex;

		flex-direction: column;

		gap: 20px;

		margin-bottom: 20px;

	}

	.mea-wrap-address, .mea_review_wrapper{width: 100%;}

	.review_from-btn-wrap{padding: 0;}

}

#nhs-postcode input[type="textfield"], #meanearest input[type="textfield"] { padding: 10px 20px; border: 1px solid #e0e0e0; border-radius: 35px; margin-right: 20px; margin-top: 8px; margin-bottom: 8px; width: 100%; max-width: 260px; line-height: 1.4; }
#nhs-postcode button, #meanearest button { padding: 14px 30px; min-width: 118px; margin-top: 8px; margin-bottom: 8px; }
@media screen and (max-width: 460px) {
	#nhs-postcode input[type=textfield], #meanearest input[type=textfield] { max-width: 100%; margin-right: 0; }
	#nhs-postcode button, #meanearest button { width: 100%; }
}

/* local group service type */
.service-types { display: block; margin-bottom: 20px; }
.service-types strong { margin-right: 6px; }
.service-types label { display: inline-block; padding: 4px 12px; font-weight: 400; line-height: 1.2; color: #222; background: #ccc; border-radius: 30px; margin-right: 6px; }