/* ----------------------------------------- */ /* Content Template: Loop item in Kart - start */ /* ----------------------------------------- */ .x1{ font-weight:900; } .map-container{ margin-bottom:40px; } /* ----------------------------------------- */ /* Content Template: Loop item in Kart - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Loop item in Ansatte sidevisning - start */ /* ----------------------------------------- */ .employee-card:hover { box-shadow: 0 0 30px rgba(0,0,0,0.1); } .default-link{ position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; /* this is a fix for IE7-9 */ background-color:#ffffff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity:0; } .clear { padding-bottom: 0px!important; } .employee-name h2 { color:#fff!important; text-shadow: 1px 1px 5px rgba(0,0,0,0.25); } .bottom-info { } .employee-card::after { display: block; position: absolute; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0,0,0,0.5) 100%); bottom: 0; width: 100%; content: ''; z-index: 98; height: 100px; } .xwing2 { position: absolute; top: 20px; left: 20px; } .xwing { position: absolute; bottom: 20px; left: 20px; z-index: 99; } @media (min-width: 1001px) { .employee-card { width: 31.3%; margin-right: 1%; margin-left: 1%; margin-bottom: 2%!important; display: block!important; min-height: 400px; } } @media (max-width: 1000px) and (min-width: 691px) { .employee-card { width: 48%; margin-right: 1%; margin-bottom: 1%!important; display: table!important; height: 400px; } } @media (max-width: 690px) { .employee-card { width: 100%; display: block!important; margin-bottom: 5%!important; height: 400px; } } .employee-card { background-repeat: no-repeat; background-size: cover; float: left; background-position: center center; position:relative; } .employee-card:after { clear:both; } .contact-info { background: linear-gradient(to bottom,transparent 25%,#151519 100%); opacity: 1; } .iwithtext .iwt-text { padding-top: 3px; text-shadow: 1px 1px 5px rgba(0,0,0,0.25); line-height: 20px; } .job-title { background-color: #0575a0; display: inline-block; padding: 2px 10px; margin-bottom: 5px!important; color: #fff!important; font-size: 11px; text-transform: uppercase; } .employee-name { color: #fff; text-shadow: 1px 1px 5px rgba(0,0,0,0.35); line-height: 30px; font-size: 26px; } body [class^="icon-"].icon-default-style { color:#fff!important; font-size: 20px!important; } .iwithtext .iwt-text { padding-left: 40px; color: #fff; } .iwithtext .iwt-text a { color: #fff; } /* ----------------------------------------- */ /* Content Template: Loop item in Ansatte sidevisning - end */ /* ----------------------------------------- */