/* =================================
   CONTENT SECTION
================================= */
.tonight-text{
font-family:teko;
display:flex;
align-items:center;
justify-content:flex-start;

background:linear-gradient(180deg,#E05E00,#C24700);
color:#fff;

font-size:26px;
letter-spacing:.6px;

padding:12px 18px;

border-radius:6px;

text-transform:uppercase;
max-width:1500px;
margin:15px auto;
width:95%;

box-shadow:0 3px 10px rgba(0,0,0,.45);

animation:tonightpulse 2.8s ease-in-out infinite;

}
.tonight-text::before{
content:"";
width:10px;
height:10px;
border-radius:50%;
background:#fff;
margin-right:10px;
animation:dotpulse 1.5s infinite;
}


@keyframes dotpulse{
0%{opacity:1;}
50%{opacity:.3;}
100%{opacity:1;}
}

@keyframes tonightpulse{

0%{
box-shadow:
0 3px 10px rgba(0,0,0,.45),
0 0 0 rgba(211,84,0,0);
}

50%{
box-shadow:
0 3px 10px rgba(0,0,0,.45),
0 0 16px rgba(211,84,0,.75);
}

100%{
box-shadow:
0 3px 10px rgba(0,0,0,.45),
0 0 0 rgba(211,84,0,0);
}

}
.section-body{

display:flex;
flex-direction:column;

background:#222;
color:#ddd;

padding:28px 30px;

border-radius:8px;

line-height:1.6;
font-size:15px;

box-shadow:0 4px 12px rgba(0,0,0,.45);

border-top:4px solid #D35400;
max-width:1500px;
width:80%;


margin:40px auto;

gap:16px;

}
.img-body{

display:flex;
flex-direction:column;

max-width:1500px;
width:95%;


margin:20px auto;


}


/* TITLE */

.section-title{
font-family:teko;
font-size:28px;

max-width:1500px;
color:#fff;

margin-bottom:16px;

letter-spacing:.5px;

position:relative;

}


/* subtle underline accent */

.section-title::after{

content:"";

display:block;

width:60px;
height:3px;

background:#D35400;

margin-top:8px;

border-radius:2px;

}


/* links inside section */

.section-body a{

color:#D35400;
text-decoration:none;

}

.section-body a:hover{
text-decoration:underline;
}
.link {
	cursor:pointer;
}

/* MOBILE */

@media screen and (max-width:700px){

.section-body{


min-width:0;

margin:20px auto;

}

.section-title{
font-size:20px;
}
.img-body{

display:flex;
flex-direction:column;


width:100%;


margin:20px auto;


}
.tonight-text{
justify-content:center;
padding:12px 0px;

border-radius:0;

text-transform:uppercase;

margin:0 auto;

width:100%;

box-shadow:0 0px 0px rgba(0,0,0,.45);

animation:tonightpulse 2.8s ease-in-out infinite;

}

.tonight-text::before{
content:"";
width:10px;
height:10px;
border-radius:50%;
background:#fff;
margin-right:10px;
animation:dotpulse 1.5s infinite;
}

animation:dotpulse 1.5s infinite;
}

}