/*
Theme Name: iGaming Software Development
Author: iGaming Software Development
Tags: White, Orange, Grey, responsive, fixed width
Description: India Policy iGaming Software Development for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images,  beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
*/

.event-bar { padding: 0; width: 100%; z-index: 999; max-height: 100px; overflow: hidden; position: fixed; top: 0; transition: .15s linear; box-sizing: border-box; background: linear-gradient(90deg,#00044b 0,#00044b 41%,#ff0268 49%,#ff0268 100%); }
.event-bar.show { max-height: 0; }
.event-bar .link { height: auto; width: 100%; display: grid; grid-template-columns: 320px 1fr; padding-top: 0; padding-bottom: 0; text-decoration: none; }
.event-bar .content { padding-left: 24px; box-sizing: border-box; height: inherit; display: flex; min-height: 50px; align-items: center; justify-content: space-between; background-color: #ff0268; }
.event-bar .countdown { padding: 0 24px; box-sizing: border-box; height: inherit; display: flex; flex-direction: column; justify-content: center; min-height: 50px; color: #fff; font-size: 1.8rem; font-weight: 700; background-color: #00044b; }
.event-bar .title { font-weight: 700; color: #fff; }
.event-bar .countdown span { padding-left: 4px; padding-right: 5px; font-size: 1.6rem; font-weight: 300; }
.event-bar .button { display: flex; flex-direction: column; align-items: center; padding: 12px; border-radius: 8px; background: rgba(255,255,255,.7); transition: .3s ease; width: 35px; height: 35px; }
.event-bar:hover .button { background-color: #fff; }
.event-bar:hover .button svg path { stroke: #000; }

.event-bar .button svg path { stroke: rgba(0,0,0,0.6); stroke-width: 4px; }

@media(max-width:767px){
    .event-bar .countdown { display: none; }
    .event-bar .link { grid-template-columns: 100% 1fr; }
    .event-bar { max-height: 40px; background: #ff0268; }
    .event-bar .content { padding-left: 0; min-height: 40px; }
    .event-bar .button { width: 30px; height: 30px; }
}