File: /home/frenchy/refonte2023/wordpress/wp-content/plugins/ova-dir/assets/css/frontend/_single.scss
.ova-dir-single {
.ova_dir_content{
.title {
font-size: 22.5px;
}
.thumbnail {
img {
display: block;
width: 100%;
}
}
.content {
margin-top: 30px;
}
.contact-box {
.contact-list {
margin: 0;
padding: 0;
list-style: none;
.item {
display: flex;
align-items: center;
column-gap: 10px;
a {
&:hover {
text-decoration: underline;
}
}
i {
color: var(--heading);
}
}
}
}
.opening_hours {
.table {
border: 0;
tr:nth-child(odd){
background-color: rgba(240,240,240,0.4);
}
tr {
td {
width: 50%;
border: 0;
}
}
.time {
text-transform: lowercase;
}
}
}
#ova_dir_single_google_map {
height: 400px;
margin-bottom: 40px;
}
.gallery {
.gallery-inner {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
grid-gap: 5px;
@media (max-width: 1200px) {
grid-template-columns: 1fr 1fr 1fr;
}
.gallery-item {
position: relative;
overflow: hidden;
&:hover {
img {
transform: scale(1.1);
}
}
img {
display: block;
width: 100%;
transition: all .3s linear;
}
}
}
}
.metabox {
margin: 40px 0px 0px 0px;
padding: 24px 0;
list-style: none;
border-top: 1px solid #f0f0f0;
.item {
display: flex;
column-gap: 10px;
align-items: center;
a {
&:hover {
text-decoration: underline;
}
}
}
}
.share-social-icons {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
list-style: none;
padding: 30px 0;
margin: 0;
li {
display: inline-block;
&.share {
font-size: 20px;
font-weight: bold;
color: var(--heading);
}
a {
transition: all .3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #f5f5f5;
width: 46px;
height: 46px;
border-radius: 50%;
font-family: var(--secondary-font);
font-weight: 400;
font-size: 14px;
line-height: 1.2;
font-feature-settings: 'pnum' on, 'lnum' on, 'ordn' on;
color: var(--heading);
&:hover {
transition: all .3s ease;
background-color: var(--primary);
color: #fff;
}
i {
display: inline-flex;
}
}
}
}
}
.share-social-icons {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
list-style: none;
padding: 30px 0;
margin: 0;
margin-top: 30px;
li {
display: inline-block;
a {
transition: all .3s ease;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #f5f5f5;
width: 46px;
height: 46px;
border-radius: 50%;
font-family: var(--secondary-font);
font-weight: 400;
font-size: 14px;
line-height: 1.2;
font-feature-settings: 'pnum' on, 'lnum' on, 'ordn' on;
color: var(--heading);
&:hover {
transition: all .3s ease;
background-color: var(--primary);
color: #fff;
}
i {
display: inline-flex;
}
}
}
.share {
font-size: 20px;
font-weight: bold;
color: var(--heading);
}
}
}
.fancybox__container {
z-index: 9999;
}