/*
Theme Name: Codepilots
Author: Codepilots ApS
*/
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust:none;
  outline:none;
  box-sizing: border-box;  
}

::-webkit-scrollbar { width: 6px; } 
::-webkit-scrollbar-track { background-color: rgba(255,255,255,.15); }
::-webkit-scrollbar-thumb { background-color: #f12c87; }
::selection { background: #c13d3d22; }
::placeholder { color:#ccc; }

html { min-height:100%; }
body { min-height:100vh; width: 100%; padding:0; margin:0; font-size: 16px; background: var(--bg); color:var(--secondary); display: grid; grid-template-rows: auto 1fr auto; position: relative; }
main { width: 100%; min-height:30vh; animation: fadeIn 2s cubic-bezier(0.075, 0.82, 0.165, 1) forwards; opacity: 0; animation-delay: .4s; }
a { color: inherit; }
img { max-width: 100%; height: auto; width: auto; max-height: 100%; }
img.aligncenter { margin:0 auto; display: block; }
.observerAnchor { position: absolute; width: 0px; height: 0px; top: 85px; left: 0; }

/* Cookies */
.cookies_tekst { position: fixed; z-index: 100; bottom: -240px; background: var(--secondary); width: 100%; display:table; padding: 1em; box-sizing: border-box; box-shadow: 0 -50px 50px -20px #00000011; }
.cookies_content, .cookies_content p, .cookies_tekst, .cookies_tekst p { color: var(--primary) !important; }
.cookies_tekst.inview { transition: transform 1s cubic-bezier(0.075, 0.82, 0.165, 1); transform: translate3d(0, -240px, 0); }
.cookies_table { width:auto; max-width:1280px; margin:0 auto; }
.cookies_icon { font-size:64px !important; margin-right:12px; } 
.cookies_close { display:block; }
.cookies_close button { background: transparent; border:1px solid var(--primary); color: var(--primary); border-radius: 0; padding:10px; margin-top: 10px; box-shadow: none !important; cursor: pointer; font-weight: 700; }
.cookies_close button:nth-child(2) { background:var(--primary); color:var(--secondary); }


/* Animations */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
@keyframes slideDown { from { transform: translate3d(0, -85px, 0); } to { transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }