/**
 * Associated Team Members specific styles
 * 
 */

/** General */
	.our-team-module {
		padding: 2em 0;
	}

		.our-team-module .container {
			justify-content: space-between;
		}

			.our-team-module .container .sidebar {
				width: 25%;
			}

				.our-team-module .container .sidebar > h2 {
					margin-top: 0;
				}

				.our-team-module .container .sidebar h6 {
					position: relative;
					color: #FFF;
					padding: .75em 1em .75em calc(1em + 2px);
					cursor: pointer;
					margin: .5em 0 0 ;
				}
				.our-team-module .container .sidebar h6.residential-property {
					background: #422d2d;
				}
				.our-team-module .container .sidebar h6.wills-and-inheritance {
					background: #8a2419;
				}
				.our-team-module .container .sidebar h6.business-and-commercial {
					background: #6c7784;
				}
				.our-team-module .container .sidebar h6.family-and-children {
					background: #415364;
				}
				.our-team-module .container .sidebar h6.farming-and-rural {
					background: #495c5e;
				}
				.our-team-module .container .sidebar h6.dispute-resolution {
					background: #9db39d;
				}
				.our-team-module .container .sidebar h6.tourism-and-hospitality {
					background: #aba57d;
				}
				.our-team-module .container .sidebar h6:focus {
					outline: none;
				}
				.our-team-module .container .sidebar h6::before,
				.our-team-module .container .sidebar h6::after {
					position: absolute;
					top: 50%;
					right: 1em;
					transform: translateY(-50%) rotate(90deg);
					display: block;
					content: '';
					background: #FFF;
					width: 18px;
					height: 2px;
					-webkit-transition: all .25s;
					   -moz-transition: all .25s;
					    -ms-transition: all .25s;
					     -o-transition: all .25s;
					        transition: all .25s;
				}
				.our-team-module .container .sidebar h6::before {
					transform: translateY(-50%) rotate(0deg);
				}
				.our-team-module .container .sidebar h6.ui-state-active::after {
					transform: translateY(-50%) rotate(0deg);
				}

				.our-team-module .container .sidebar .sidebar-accordion {
					padding: .5em 0 1em 1em;
				}
				.our-team-module .container .sidebar .sidebar-accordion.residential-property {
					border-left: 2px solid #422d2d;
				}
				.our-team-module .container .sidebar .sidebar-accordion.wills-and-inheritance {
					border-left: 2px solid #8a2419;
				}
				.our-team-module .container .sidebar .sidebar-accordion.business-and-commercial {
					border-left: 2px solid #6c7784;
				}
				.our-team-module .container .sidebar .sidebar-accordion.family-and-children {
					border-left: 2px solid #415364;
				}
				.our-team-module .container .sidebar .sidebar-accordion.farming-and-rural {
					border-left: 2px solid #495c5e;
				}
				.our-team-module .container .sidebar .sidebar-accordion.dispute-resolution {
					border-left: 2px solid #9db39d;
				}
				.our-team-module .container .sidebar .sidebar-accordion.tourism-and-hospitality {
					border-left: 2px solid #aba57d;
				}


				.our-team-module .container .sidebar label {
					display: flex;
					justify-content: space-between;
					width: 95%;
					padding: 5px 0;
					cursor: pointer;
				}

					.our-team-module .container .sidebar label button {
						background: transparent;
						border: 1px solid #b7b7b7;
						width: 20px;
						height: 20px;
						padding: 0;
						border-radius: 0;
						transition: opacity .25s ease-in-out;
					   -moz-transition: opacity .25s ease-in-out;
					   -webkit-transition: opacity .25s ease-in-out;
					}
					.our-team-module .container .sidebar label.is-checked button {
						background: url('/images/icons/check.svg');
						background-size: 12px;
						background-repeat: no-repeat;
						background-position: center;
					}

			.our-team-module .container .content {
				width: 73%;
			}

			.our-team-module .container .team-members {
				display: flex;
				flex-flow: row wrap;
				justify-content: flex-start;
				align-items: stretch;
				align-content: flex-start;
			}

				.our-team-module .team-members a.block {
					max-width: 300px;
					width: 23%;
					margin: 0 2.5% 2em 0;
					color: #FFF;
					text-decoration: none;
					-webkit-transition: all .3s;
					   -moz-transition: all .3s;
					    -ms-transition: all .3s;
					     -o-transition: all .3s;
					        transition: all .3s;
						background-color: #c1a875;
						background-image: url('/images/bg-patterns/team-members.png');
						background-repeat: no-repeat;
						background-position: center;
						background-size: cover;
				}
				.our-team-module .team-members a.block:nth-child(4n+1) {
					margin-left: 0;
				}
				.our-team-module .team-members a.block:nth-child(4n+4) {
					margin-right: 0;
				}
				.our-team-module .team-members a.block:hover {
					opacity: .8;
				}

					.our-team-module .team-members .block img {
						width: 100%;
					}

					.our-team-module .team-members .block .team-member-details {
						padding: 1.25em;
						color: #FFF;
						min-height: 110px;
					}

						.our-team-module .team-members .block .team-member-details span {
							display: block;
						}
						.our-team-module .team-members .block .team-member-details span.name {
							font-family: 'Merriweather', serif;
							line-height: 1.4;
							font-size: 1.125em;
							font-weight: 800;
						}
						.our-team-module .team-members .block .team-member-details span.position {
							font-weight: 300;
						}

		@media only screen and (max-width: 1180px) {
			
			.our-team-module .container {
				flex-flow: column;
			}

				.our-team-module .container .sidebar,
				.our-team-module .container .content {
					width: 100%;
				}
				.our-team-module .container .sidebar {
						margin: 0 0 2em 0;
				}

		}
		@media only screen and (max-width: 959px) {

			.our-team-module .team-members a.block,
			.our-team-module .team-members a.block:nth-child(4n+1),
			.our-team-module .team-members a.block:nth-child(4n+4) {
				width: 31.66%;
				margin: 0 2.5% 2em 0;
			}
			.our-team-module .team-members a.block:nth-child(3n+1) {
				margin-left: 0;
			}
			.our-team-module .team-members a.block:nth-child(3n+3) {
				margin-right: 0;
			}
		}
		@media only screen and (max-width: 650px) {

			.our-team-module .team-members a.block,
			.our-team-module .team-members a.block:nth-child(4n+1),
			.our-team-module .team-members a.block:nth-child(4n+4),
			.our-team-module .team-members a.block:nth-child(3n+1),
			.our-team-module .team-members a.block:nth-child(3n+3) {
				width: 49%;
				margin: 0 0 1em;
			} 
			.our-team-module .team-members a.block:nth-child(odd){
				margin-right: 1%;
			} 
			.our-team-module .team-members a.block:nth-child(even){
				margin-left: 1%;
			}

		}
	
	@media only screen and (max-width: 479px) {

		.our-team-module .team-members a.block,
		.our-team-module .team-members a.block:nth-child(4n+1),
		.our-team-module .team-members a.block:nth-child(4n+4),
		.our-team-module .team-members a.block:nth-child(3n+1),
		.our-team-module .team-members a.block:nth-child(3n+3),
		.our-team-module .team-members a.block:nth-child(odd),
		.our-team-module .team-members a.block:nth-child(even) {
			max-width: 100%;
			width: 100%;
			margin: 0 0 1em;
		}

	}