.turitop_bswp_button_box_wrap{
margin-top: 20px;
margin-bottom: 20px;
text-align: center;
}
.turitop_booking_system_button_woocommerce_wrap .turitop_bswp_button_box_wrap{
text-align: left;
}
.turitop_booking_system_service_flex_wrap{
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}
.turitop_booking_system_service_flex_wrap div{
margin: 10px 10px;
}
.turitop_booking_system_service_title_summary{
text-align: center;
}
.turitop_booking_system_service_grid{
display: grid;
grid-row-gap: 10px;
grid-column-gap: 20px;
justify-items: center;
grid-template-areas:
"title"
"image"
"summary"
"box_button"
"description";
}
.turitop_booking_system_service_title {
grid-area: title;
font-weight: bold;
font-size: 1.8rem;
}
.turitop_booking_system_service_image {
grid-area: image;
width: 100%;
text-align: center;
}
.turitop_booking_system_service_summary {
grid-area: summary;
}
.turitop_booking_system_service_box_button {
grid-area: box_button;
width: 100%;
text-align: center;
}
.turitop_booking_system_service_description {
grid-area: description;
width: 100%;
text-align: justify;
}
@media (min-width: 600px) {
.turitop_booking_system_service_grid_image_left_box{
display: grid;
grid-row-gap: 10px;
justify-items: start;
align-items: start;
grid-template-areas:
"image title"
"image summary"
"box_button box_button"
"description description";
grid-template-columns: 400px 1fr;
grid-template-rows: auto 1fr auto auto;
}
.turitop_booking_system_service_grid_image_left_button{
display: grid;
grid-row-gap: 10px;
justify-items: start;
align-items: start;
grid-template-areas:
"image title"
"image summary"
"image box_button"
"description description";
grid-template-columns: 400px 1fr;
grid-template-rows: auto auto 1fr auto;
}
.turitop_booking_system_service_box_button_image_left_button{
text-align: left;
}
.turitop_booking_system_service_grid_image_right_box{
display: grid;
grid-row-gap: 10px;
justify-items: start;
grid-template-areas:
"title image"
"summary image"
"box_button box_button"
"description description";
grid-template-columns: 1fr 400px;
grid-template-rows: auto auto 1fr auto;
}
.turitop_booking_system_service_grid_image_right_button{
display: grid;
grid-row-gap: 10px;
justify-items: start;
grid-template-areas:
"title image"
"summary image"
"box_button image"
"description description";
grid-template-columns: 1fr 400px;
grid-template-rows: auto auto 1fr auto;
}
.turitop_booking_system_service_box_button_image_right_button{
text-align: left;
}
}
.turitop_booking_system_service_grid_summary{
width: 180px;
display: grid;
grid-row-gap: 0px;
grid-template-areas:
"image"
"title"
"summary"
"box_button"
"description";
}
.turitop_booking_system_service_grid_summary a{
text-decoration: none;
box-shadow: none;
}
.turitop_booking_system_service_title_summary{
font-size: 1rem;
font-weight: normal;
}
.turitop_booking_system_service_image_summary img{
width: 180px;
height: 170px;
}