.activities-detail-page, .event-detail-page {
background: linear-gradient(to bottom, #0D1731, #000F24);
}
.activities-detail-ttl, .event-detail-ttl {
position: absolute;
top: 60%;
left: 24%;
z-index: 99;
}
.event-detail-ttl {
left: 15%;
}
.event-detail-ttl .container {
width: 100%;
}
.activities-detail-page .container {
width: 45%;
}
.event-detail-page .container {
width: 70%;
padding-right: 170px;
}
.event-gallery {
padding: 100px 0;
}
.event-gallery h2 {
padding-left: 50px;
}
.content-blk {
padding-top: 20px;
}
.content-blk span {
color: var(--primary-color);
font-size: 16px;
font-weight: 700;
line-height: 2;
}
ul.breadcrumbs {
display: flex;
align-items: center;
padding: 20px 0;
white-space: nowrap;
overflow-x: auto;
}
ul.breadcrumbs::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: #f5f5f5;
border-radius: 5px;
}
ul.breadcrumbs::-webkit-scrollbar {
width: 1px;
height: 2px;
background-color: #f5f5f5;
border-radius: 5px;
}
ul.breadcrumbs::-webkit-scrollbar-thumb {
border: 2px solid var(--primary-color);
background-color: var(--primary-color);
border-radius: 5px;
}
ul.breadcrumbs li {
margin-right: 15px;
}
ul.breadcrumbs li a {
color: var(--border-light-color);
font-size: 14px;
font-weight: 700;
}
ul.breadcrumbs li:last-child a {
color: var(--txt-light-color);
}
ul.breadcrumbs li:is(:last-child) a{
cursor: default;
}
ul.breadcrumbs li a:hover{
text-decoration: underline;
color: #525866;
}
ul.breadcrumbs li+li:before {
margin-right: 12px;
padding: 4px;
background: url(//radiantauroramarketing.asia/wp-content/themes/aurora/assets/img/ico_arrow-right.svg) no-repeat center/contain;
content: "";
}
.activities-detail-page p, .event-detail-page p {
margin: 30px 0;
}
.activities-detail-page .img-blk {
display: flex;
flex-wrap: wrap;
}
.activities-detail-page .content-blk .img-blk li {
width: 48%;
margin-right: 22px;
margin-bottom: 20px;
}
.activities-detail-page .content-blk .img-blk li:nth-child(2n+0) {
margin-right: 0;
}
.activities-detail-page .content-blk .img-blk li img {
min-height: 270px;
object-fit: cover;
}
.other-articles {
padding: 100px 0;
}
.other-articles .container {
width: 88.5%;
}
.highlight-ttl {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 50px;
}
.activities-list {
justify-content: unset;
}
.activities-list li {
width: 32%;
margin-right: 15px;
margin-bottom: 0;
}
.highlight-ttl .btn-secondary {
border: none;
}
.highlight-ttl .btn-secondary:hover {
background-color: var(--txt-primary-color);
color: var(--txt-secondary-color);
} @media only screen and (min-width:768px) and (max-width:1280px) { 
.activities-detail-ttl {
left: 22.5%;
}
.event-gallery {
padding: 7.813vw 0;
}
.event-gallery h2 {
padding-left: 3.906vw;
}
.content-blk {
padding-top: 1.563vw;
}
.content-blk span {
font-size: 1.25vw;
}  
.activities-detail-page ul.breadcrumbs {
padding: 1.563vw 0;
}
.activities-detail-page ul.breadcrumbs li {
margin-right: 1.172vw;
}
.activities-detail-page ul.breadcrumbs li a {
font-size: 1.094vw;
}
.activities-detail-page ul.breadcrumbs li+li:before {
margin-right: 0.938vw;
padding: 0.391vw;
}
.activities-detail-page p, .event-detail-page p {
margin: 2.344vw 0;
}
.activities-detail-page .content-blk .img-blk li {
width: 48%;
margin-right: 1.719vw;
margin-bottom: 1.563vw;
}
.activities-detail-page .content-blk .img-blk li img{
min-height: 20vw;
}
.other-articles {
padding: 7.813vw 0;
}
.highlight-ttl {
margin-bottom: 3.906vw;
}
.activities-list li {
margin-right: 1.172vw;
}
} @media all and (max-width:767.9px) {
.activities-detail-ttl, .event-detail-ttl {
width: 100%;
left: 0;
}
.event-detail-ttl .container {
width: 90%;
}
.activities-detail-page .container {
width: 90%;
}
.event-detail-page .container {
width: 90%;
padding-right: 0;
}
.event-gallery {
padding: 13.333vw 0;
}
.event-gallery h2 {
padding-left: 1.333vw;
}
.content-blk {
padding-top: 5.333vw;
}
.content-blk span {
font-size: 3.733vw;
}
.activities-detail-page ul.breadcrumbs {
padding: 5.333vw 0;
}
.activities-detail-page ul.breadcrumbs li {
margin-right: 2.667vw;
}
.activities-detail-page ul.breadcrumbs li a {
font-size: 3.2vw;
font-weight: 600;           
}
.activities-detail-page p, .event-detail-page p  {
margin: 8vw 0;
}
.activities-detail-page .img-blk {
flex-direction: column;
}
.activities-detail-page .content-blk .img-blk li {
width: 100%;
margin-right: 0;
margin-bottom: 5.333vw;
}
.other-articles {
padding: 13.333vw 0;
}
.activities-list li {
width: 100%;
margin-right: 0;
margin-bottom: 5.333vw;
}
}