.personaltrainers-single {
display: grid;
grid-template-columns: minmax(0,1fr) minmax(0,2fr);
grid-gap: 40px;
margin: 20px 0 20px;
}
.personaltrainer-single--meta {
display: grid;
grid-template-columns: 1fr;
grid-gap: 0 25px;
justify-content: start;
margin: 0 0 30px;
border-bottom: 1px solid rgb(212, 212, 212);
}
.personaltrainer-single--meta * {
margin: 0;
}
.personaltrainer-single--meta-item {
margin: 0 0 15px;
}
.personaltrainer-single--meta-item h3 {
margin: 0 0 5px;
}
.personaltrainers-single--listing {
padding: 0 20px 25px;
}
.personaltrainer-single--meta-item a {
background: var(--detail);
padding: 3px 10px;
color: white;
line-height: 2em;
}
.personaltrainers-single--right {
margin-bottom: 15px;
}
.personaltrainers-single--video {
margin: 0 0 30px;
}
.personaltrainers-single--right-inner {
background: #fff; border: 1px solid #c2c2c2;
padding: 20px;
box-shadow: 0 20px 10px -10px rgb(0 0 0 / 23%);
border-radius: 40px;
overflow: hidden;
}
.personaltrainers-single--details {
background: black;
color: white;
text-align: center;
padding: 10px 10px;
margin: 15px 0;
font-size: 16px;
background: var(--detail);
}
.personaltrainers-single--featured {
background: var(--nhsblue);
text-align: center;
color: white;
position: relative;
width: calc(100%);
left: 0px;
top: 0px;
padding: 5px 0;
margin: 10px 0 0;
border-radius: 4px;
}
.personaltrainers-single--sticky {
position: sticky;
top: 100px;
}
.personaltrainers-single--meta {
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
display: grid;
grid-template-columns: minmax(0, 1fr);
padding: 10px 0;
margin: 0px 0 20px;
}
.personaltrainers-single--meta-item {
display: grid;
width: 100%;
justify-content: space-between;
grid-template-columns: auto 1fr auto;
grid-gap: 10px;
}
p.personaltrainers-single--meta-item-title {
margin: 0;
font-size: 14px;
}
.personaltrainers-single--meta-item-line {
border-bottom: 1px dotted #c2c2c2;
position: relative;
top: -10px;
}
.personaltrainers-single--buttonarea {
display: grid;
grid-gap: 20px;
}
.personaltrainers-single--button--wide {
width: 100%;
text-align: center;
}
a.personaltrainers-single--button {
color: white!important;
background: var(--nhsblue)!important;
border-color: var(--nhsblue)!important;
}
a.personaltrainers-single--button:hover {
color: white!important;
background: #222!important;
border-color: #222!important;
}
.personaltrainers-single--right-inner .wpcf7-text, .personaltrainers-single--right-inner .wpcf7-textarea {
background: white;
}
.personaltrainers-single--right-inner .wpcf7 .row {
margin-right: -10px;
margin-left: -10px;
}
.personaltrainers-single--right-inner .wpcf7 p {
margin: 0;
}
.personaltrainers-single--right .backarrow {
margin-bottom: 0px;
}
@media screen and (max-width: 767px) { .personaltrainers-single {
grid-template-columns:  minmax(0, 1fr)!important;
grid-gap: 0px;
}
.personaltrainers-feed {
grid-template-columns:  minmax(0, 1fr)!important;
}
.personaltrainers-single--left {
order: 2;
}
.personaltrainers-single--listing {
padding: 0 0px 25px;
}
.archive-filter-form-wrapper select {
width: 100%;
margin-bottom: 0px;
}
.personaltrainers-single--right-inner .wpcf7 .row {
margin-right: -15px;
margin-left: -15px;
}
.personaltrainers-single--right {
margin-left: -5px;
padding-right: 5px;
}
.personaltrainers-single--details {
display: none;
}
.personaltrainers-single--left .backarrow:first-child {
display: none;
}
a.button.button--arrow.personaltrainers-single--button {
width: 100%;
text-align: center;
}
}
@media screen and (min-width: 768px) { .personaltrainers-single--sidebar-title {
display: none;
}
}  .personaltrainer-card {
border: 0px solid #c2c2c2;
padding: 0px;
border-radius: 0px;
overflow: hidden;
display: grid;
grid-template-columns: minmax(0,1fr) minmax(0,1fr);
grid-gap: 30px;
}
.personaltrainer-card--meta {
display: grid;
grid-template-columns: minmax(0,1fr);
grid-gap: 0 25px;
justify-content: start;
margin: 0 0 15px;
border-bottom: 1px solid rgb(212, 212, 212);
}
.personaltrainer-card--meta * {
margin: 0;
}
.personaltrainer-card--right {
border-top: 1px solid grey;
border-bottom: 1px solid grey;
padding: 20px 0;
}
.personaltrainer-card--meta {
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #909090;
display: grid;
grid-template-columns: minmax(0, 1fr);
padding: 10px 0 10px;
margin: 0px 0 20px;
}
.personaltrainer-card--meta-item {
display: grid;
width: 100%;
justify-content: space-between;
grid-template-columns: auto 1fr auto;
grid-gap: 10px;
}
p.personaltrainer-card--meta-item-title {
margin: 0;
font-size: 14px;
}
.personaltrainer-card--meta-item-line {
border-bottom: 1px dotted #c2c2c2;
position: relative;
top: -10px;
}
.personaltrainer-card--excerpt {
margin: 0 0 20px;
}
.personaltrainer-card--excerpt p {
font-size: 14px;
margin: 0;
}
@media screen and (max-width: 767px) { .personaltrainer-card {
grid-template-columns: minmax(0,1fr) ;
}
}
@media screen and (min-width: 768px) { } .personaltrainers-feed {
display: grid;
grid-gap: 35px;
}
.personaltrainers-archive--filter-form label {
display: none;
}
.personaltrainers-archive--filter-form {
display: grid;
grid-template-columns: minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) auto;
grid-gap: 20px;
justify-content: center;
margin: 0 0 20px;
padding: 20px 0px 20px 0px;
border-top: 1px solid var(--detail);
border-bottom: 1px solid var(--detail);
}
.personaltrainers-archive--filter-form label { }
.personaltrainers-archive--filter-form select {
border-radius: 0px;
width: 100%;
padding: 10px 10px 10px 10px;
}
.personaltrainers-archive--grid {
display: grid;
grid-template-columns: minmax(0,2fr) minmax(0,1fr);
grid-gap: 40px;
padding: 0 0 50px;
}
.personaltrainers-archive--grid--sticky {
position: sticky;
top: 200px;
}
@media screen and (max-width: 767px) { .personaltrainers-archive--grid {
grid-template-columns:minmax(0,1fr);
}
.personaltrainers-archive--filter-form {
grid-template-columns: minmax(0, 1fr);
} }