:root {
--mitc-main: #ab3a66;
--mitc-second: #FFFFFF;
--mitc-third: #E2E2E2;
--mitc-shadow: 0px 2px 6px #0000003B;
--mitc-med-radius: 10px;
--mitc-low-radius: 5px;
}
@media screen and (max-width: 768px) {
.mit__cookiebar .mitcConainter {
flex-direction: column;        
}
.mitcConainter .mitcButtons {
flex-direction: row;
width: 100%;
}
.mitcConainter .mitcButtons a {
width: 100%;
}
.mitcConainter .mitcButtons a:not(:last-of-type) {
margin-right: 10px;
}
.mitcConainter .mitcIconHolder {
display: none;
}
.mitcConainter .mitcColumn:not(:last-of-type) {
margin-bottom: 25px;
}
.mitcConainter .mitcDescription .mitcSub{
font-size: 14px;
}
}
@media screen and (min-width: 769px) {
.mitcConainter .mitcButtons {
flex-direction: column;
min-width: 250px;
}
.mitcConainter .mitcButtons a:not(:last-of-type) {
margin-bottom: 10px;
}
.mitcConainter .mitcDescription .mitcSub{
font-size: 14px;
}
.mitcConainter .mitcColumn:not(:last-of-type) {
margin-right: 20px;
}
}
#mitCookieBar {
position: fixed;
z-index: 99999!important;
bottom: 20px;
width: 100%;
padding: 0px 10px;
display: none;
transform: translateY(400px);
box-sizing: border-box;
}
@keyframes mitcFlowIn {
0% {
opacity: 0;
transform: translateY(400px);
}
100% {
opacity: 1;
transform: translateY(0px);
}
}
@keyframes mitcFlowOut {
0% {
opacity: 1;
transform: translateY(0px);
}
100% {
opacity: 0;
transform: translateY(400px);
}
}
.mit__cookiebar .mitcConainter {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1300px;
background-color: var(--mitc-main);
margin: 0 auto;
border-radius: var(--mitc-med-radius);
padding: 10px 20px;
box-shadow: var(--mitc-shadow);
}
.mitcConainter .mitcDescription p{
color: var(--mitc-second);
}
.mitcConainter .mitcDescription .mitcTitle {
font-weight: bold;
font-style: normal;
font-size: 20px;
margin-bottom: 5px;
line-height: 1.2;
}
.mitcConainter .mitcDescription .mitcSub {
line-height: 1.4;
font-style: normal;    
margin-bottom: 0px;
}
.mitcConainter .mitcDescription .mitcSub a {
color: var(--mitc-second);
text-decoration: none;
border-bottom: 2px solid var(--mitc-second);
transition: 161ms ease;
}
.mitcConainter .mitcDescription .mitcSub a:hover {
transition: 322ms ease;
color: var(--mitc-third);
border-bottom: 2px solid var(--mitc-main);
}
.mitcConainter .mitcIconHolder {
background-color: var(--mitc-second);
border-radius: 50%;
height: 80px;
}
.mitcIcon .mitcIconHolder svg {
max-width: 80px;
max-height: 80px;
padding: 15px;
fill: var(--mitc-main);
}
.mitcConainter .mitcButtons {
display: flex;
}
.mitcConainter .mitcButtons a {
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-size: 16px;
border-radius: var(--mitc-low-radius);
font-weight: bold;
line-height: 1;
padding: 15px 30px;
border: 2px solid var(--mitc-second);
cursor: pointer;
}
.mitcConainter .mitcButtons .mitcAccept {
color: var(--mitc-main);
background-color: var(--mitc-second);
transition: 161ms ease;
}
.mitcConainter .mitcButtons .mitcAccept:hover {
background-color: var(--mitc-main);
border: 2px solid var(--mitc-second);
color: var(--mitc-second);
transition: 322ms ease;
}
.mitcConainter .mitcButtons .mitcDecline {
color: var(--mitc-third);
border: 2px solid var(--mitc-third);
transition: 161ms ease;
}
.mitcConainter .mitcButtons .mitcDecline:hover {
color: var(--mitc-second);
border: 2px solid var(--mitc-second);
transition: 322ms ease;
}