﻿.cc-window {
	 opacity: 1;
	 transition: opacity 1s ease;
}
 .cc-window.cc-invisible {
	 opacity: 0;
}
 .cc-animate.cc-revoke {
	 transition: transform 1s ease;
}
 .cc-animate.cc-revoke.cc-top {
	 transform: translateY(-2em);
}
 .cc-animate.cc-revoke.cc-bottom {
	 transform: translateY(2em);
}
 .cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
	 transform: translateY(0);
}
 .cc-grower {
	 max-height: 0;
	 overflow: hidden;
	 transition: max-height 1s;
}
 .cc-link, .cc-revoke:hover {
	 text-decoration: underline;
}
 .cc-revoke, .cc-window {
	 position: fixed;
	 overflow: hidden;
	 box-sizing: border-box;
	 font-family: Helvetica, Calibri, Arial, sans-serif;
	 font-size: 16px;
	 line-height: 1.5em;
	 display: -ms-flexbox;
	 display: flex;
	 -ms-flex-wrap: nowrap;
	 flex-wrap: nowrap;
	 z-index: 9999;
}
 .cc-window.cc-static {
	 position: static;
}
 .cc-window.cc-floating {
	 padding: 2em;
	 max-width: 24em;
	 -ms-flex-direction: column;
	 flex-direction: column;
}
 .cc-window.cc-banner {
	 padding: 1em 1.8em;
	 width: 100%;
	 -ms-flex-direction: row;
	 flex-direction: row;
}
 .cc-revoke {
	 padding: 0.5em;
}
 .cc-header {
	 font-size: 18px;
	 font-weight: 700;
}
 .cc-btn, .cc-close, .cc-link, .cc-revoke {
	 cursor: pointer;
}
 .cc-link {
	 opacity: 0.8;
	 display: inline-block;
	 padding: 0.2em;
}
 .cc-link:hover {
	 opacity: 1;
}
 .cc-link:active, .cc-link:visited {
	 color: initial;
}
 .cc-btn {
	 display: block;
	 padding: 0.4em 0.8em;
	 font-size: 0.9em;
	 font-weight: 700;
	 border-width: 2px;
	 border-style: solid;
	 text-align: center;
	 white-space: nowrap;
}
 .cc-highlight .cc-btn:first-child {
	 background-color: transparent;
	 border-color: transparent;
}
 .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
	 background-color: transparent;
	 text-decoration: underline;
}
 .cc-close {
	 display: block;
	 position: absolute;
	 top: 0.5em;
	 right: 0.5em;
	 font-size: 1.6em;
	 opacity: 0.9;
	 line-height: 0.75;
}
 .cc-close:focus, .cc-close:hover {
	 opacity: 1;
}
 .cc-revoke.cc-top {
	 top: 0;
	 left: 3em;
	 border-bottom-left-radius: 0.5em;
	 border-bottom-right-radius: 0.5em;
}
 .cc-revoke.cc-bottom {
	 bottom: 0;
	 left: 3em;
	 border-top-left-radius: 0.5em;
	 border-top-right-radius: 0.5em;
}
 .cc-revoke.cc-left {
	 left: 3em;
	 right: unset;
}
 .cc-revoke.cc-right {
	 right: 8em;
	 left: unset;
}
 @media screen and (max-width: 600px) {
	 .cc-revoke.cc-right {
		 right: 3em;
	}
}
 .cc-top {
	 top: 1em;
}
 .cc-left {
	 left: 1em;
}
 .cc-right {
	 right: 1em;
}
 .cc-bottom {
	 bottom: 1em;
}
 .cc-floating > .cc-link {
	 margin-bottom: 1em;
}
 .cc-floating .cc-message {
	 display: block;
	 margin-bottom: 1em;
}
 .cc-window.cc-floating .cc-compliance {
	 -ms-flex: 1 0 auto;
	 flex: 1 0 auto;
}
 .cc-window.cc-banner {
	 -ms-flex-align: center;
	 align-items: center;
}
 .cc-banner.cc-top {
	 left: 0;
	 right: 0;
	 top: 0;
}
 .cc-banner.cc-bottom {
	 left: 0;
	 right: 0;
	 bottom: 0;
}
 .cc-banner .cc-message {
	 display: block;
	 -ms-flex: 1 1 auto;
	 flex: 1 1 auto;
	 max-width: 100%;
	 margin-right: 1em;
}
 .cc-compliance {
	 display: -ms-flexbox;
	 display: flex;
	 -ms-flex-align: center;
	 align-items: center;
	 -ms-flex-line-pack: justify;
	 align-content: space-between;
}
 .cc-floating .cc-compliance > .cc-btn {
	 -ms-flex: 1;
	 flex: 1;
}
 .cc-btn + .cc-btn {
	 margin-left: 0.5em;
}
 @media print {
	 .cc-revoke, .cc-window {
		 display: none;
	}
}
 @media screen and (max-width: 900px) {
	 .cc-btn {
		 white-space: normal;
	}
}
 @media screen and (max-width: 414px) and (orientation: portrait), screen and (max-width: 736px) and (orientation: landscape) {
	 .cc-window.cc-top {
		 top: 0;
	}
	 .cc-window.cc-bottom {
		 bottom: 0;
	}
	 .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
		 left: 0;
		 right: 0;
	}
	 .cc-window.cc-banner {
		 -ms-flex-direction: column;
		 flex-direction: column;
	}
	 .cc-window.cc-banner .cc-compliance {
		 -ms-flex: 1 1 auto;
		 flex: 1 1 auto;
	}
	 .cc-window.cc-floating {
		 max-width: none;
	}
	 .cc-window .cc-message {
		 margin-bottom: 1em;
	}
	 .cc-window.cc-banner {
		 -ms-flex-align: unset;
		 align-items: unset;
	}
	 .cc-window.cc-banner .cc-message {
		 margin-right: 0;
	}
}
 .cc-floating.cc-theme-classic {
	 padding: 1.2em;
	 border-radius: 5px;
}
 .cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
	 text-align: center;
	 display: inline;
	 -ms-flex: none;
	 flex: none;
}
 .cc-theme-classic .cc-btn {
	 border-radius: 5px;
}
 .cc-theme-classic .cc-btn:last-child {
	 min-width: 140px;
}
 .cc-floating.cc-type-info.cc-theme-classic .cc-btn {
	 display: inline-block;
}
 .cc-theme-edgeless.cc-window {
	 padding: 0;
}
 .cc-floating.cc-theme-edgeless .cc-message {
	 margin: 2em 2em 1.5em;
}
 .cc-banner.cc-theme-edgeless .cc-btn {
	 margin: 0;
	 padding: 0.8em 1.8em;
	 height: 100%;
}
 .cc-banner.cc-theme-edgeless .cc-message {
	 margin-left: 1em;
}
 .cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
	 margin-left: 0;
}
 

/* custom changes */

.cc-window {
   border: 2px solid #bbb;
}

.cc-window.cc-floating {
   padding: 1em;
}

.cc-btn {
   border-color: #2880D7 !important; 
}


#klaro .klaro .cookie-notice,
#klaro .klaro .cookie-modal .cm-modal {
   border: 3px solid #bbb;
   background: #fff;
   color:  #333;
}

#klaro .klaro .cookie-modal p, .klaro .cookie-modal strong, 
#klaro .klaro .cookie-modal h1, 
#klaro .klaro .cookie-modal h2, 
#klaro .klaro .cookie-modal ul, 
#klaro .klaro .cookie-modal li, 
#klaro .klaro .cookie-notice p, 
#klaro .klaro .cookie-notice strong, 
#klaro .klaro .cookie-notice h1,
#klaro .klaro .cookie-notice h2, 
#klaro .klaro .cookie-notice ul, 
#klaro .klaro .cookie-notice li {
  color: #333;
}

#klaro .klaro .cookie-modal .cm-btn,
#klaro .klaro .cookie-notice .cm-btn {
   border: 2px solid #2880D7;
   border-radius: 0;
   padding: 0.5em 1.5em;
}

#klaro .klaro .cookie-modal .cm-btn.cm-btn-success, 
#klaro .klaro .cookie-notice .cm-btn.cm-btn-success {
   background-color: #2880D7;
}

#klaro .klaro .cookie-modal .cm-btn.cn-decline,
#klaro .klaro .cookie-notice .cm-btn.cn-decline {
   background-color: #fff;
   color: #333;
}

#klaro .klaro .cookie-modal a, 
#klaro .klaro .cookie-notice a {
   color: #2880D7;
}

@media (min-width: 990px) {
   #klaro .klaro .cookie-notice {
      max-width: 600px;
    left: 50%;
    bottom: 10px;
    transform: translate(-50%);

   }

   #klaro .klaro .cookie-notice,
   #klaro .klaro .cookie-modal {
      border-radius: unset; 
   }
}

@media (max-width: 989px) {
   #klaro .klaro .cookie-notice {
      border: none;
      border-top: 3px solid #bbb;
   }

   #klaro .klaro .cookie-modal .cm-modal {
      width: calc(100% - 6px);
   }
}


