body {
	font: 300 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #2E3236;
  	-webkit-font-smoothing: antialiased;
  }
  	
p {
  	font: 300 12px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 	color: #2E3236;
 	margin-bottom: 20px;
 	}
a:link {
  text-decoration: none;
} 
a {	
 	color: #2E3236;
 	-webkit-transition: all .1s ease-in-out;
 	   -moz-transition: all .1s ease-in-out;
 		-ms-transition: all .1s ease-in-out; 	   
 		 -o-transition: all .1s ease-in-out;
 	        transition: all .1s ease-in-out; 		 
     }
 	
a:hover { 
	color: #00BCEB; 
	}

.bluetext a:hover{ 
	color: #00BCEB; 
	}

h1, 
p a { 
	color: #2E3236; 
	} 
 
p a:hover { 
	color: #00BCEB; 
	}
	
h2,
h3,
h4,
h5,
h6 { color: #2E3236; font-weight: bold; }
 
h1 { font: 300 20px/15px 'Lato', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
h2 { font: 300 15px/10px 'Lato', "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }


/* POST EXCERPT */
h4,
h4 p {
	font: 28px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #C8CBCE;
	margin-bottom: 25px;
	font-weight: 300; 
	}
	
h5 { 
	font-size: 14px;
	margin-bottom: 20px;
	text-transform: uppercase;
	}

h6 {
	color: #2E3236;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
	}

::selection { 
 	background: #F2F6F7;
 	text-shadow: none;
 	}
 	
.error { 
	color: #ff0000; 
	}
 
pre {
	background: url(/web/20190110084136im_/http://pagefinder.dk/pagefinder_files/assets/images/pre.png) repeat;
	margin: 45px 0px 40px 0px; 
	padding: 21px 20px 19px 16px;
	clear: both;
	color: #2E3236;
	overflow: auto;
	font: 15px/22px Consolas, "Courier New", Courier, monospace;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;      
	}
  
code { 
 	border-radius: 0px;
 	color: #00BCEB;
 	font: 14px/22px "Courier New", Courier, mono, sans-serif;
 	overflow: auto;
 	border-style: none;    
 	}
 	
pre ol,
pre ul { 	
	margin: 0 0 0 0; 
	}

#main ul, 
#main ol { }

ul li ul , 
ol li ol { 
	margin: 1em 0 1.4em 24px;
	} 
	
	
	
	
	
/*--------------------------------------------------------------------*/
/*                    												  
/*                  PRIMARY LAYOUT / SIDEBAR DEFAULTS 		   		  
/*                    												  
/*--------------------------------------------------------------------*/
#main-container {
	padding-top: 75px;
	padding-bottom: 65px;
	padding-left: 0px;
	padding-right: 00px;
	}



/*--------------------------------------------------------------------*/
/*	SIDEBAR STYLES 
/*--------------------------------------------------------------------*/
.sidebar.sidebar-right {
	padding-left: 70px;
	}

.sidebar.sidebar-left {
	padding-right: 70px;
	padding-top: 0px!important;
	}
		
.sidebar .widget {
	margin-bottom: 80px;
	}   

.sidebar .widget_text .widget-title {
	padding-bottom: 12px;
	} 





/*--------------------------------------------------------------------*/
/*                    												  
/*                        FORM & INPUT STYLES    	         		  
/*                    												  
/*--------------------------------------------------------------------*/  
  
/* THEME BUTTON STYLES */
.btn, 
.button, 
button.button, 	       
.btn[type="submit"],
.button[type="submit"],
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	background-color: #00BCEB;
	border: none;	  
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin: 1px 1px 4px 0; 
	padding: 8px 9px;
	text-align: center;      		     	
	-webkit-font-smoothing: antialiased;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
	-webkit-transition: all .1s ease-in-out;
	   -moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out; 	   
		 -o-transition: all .1s ease-in-out;
	        transition: all .1s ease-in-out; 
		}

.btn:hover, 
.button:hover, 
button.button:hover, 
.btn[type="submit"]:hover,
.button[type="submit"]:hover,
input[type="button"]:hover, 
input[type="reset"]:hover, 
input[type="submit"]:hover {
    color: #FFF!important;
    background-color: #2E3236;
    }

.tagcloud a,
a.more-link,
.base-button,
.contact-submit input[type="submit"],
.form-submit input[type="submit"],
.widget_search input[type="submit"],
.widget_bean_newsletter input[type="submit"] {
	background: #F5F5F5 ;
	background: -webkit-gradient(linear, left bottom, left top, from(#F5F5F5), to(#FFF)), #FFF;
	background: -moz-linear-gradient(90deg, #F5F5F5 0%, #FFF 100%), #FFF;
	border: 1px solid #b5b7b8;
	color: #2E3236;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	padding: 6px 10px;
	width: auto;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	}

a.more-link:hover,
.tagcloud a:hover,
a.base-button:hover,
span.page-home:hover,
span.page-previous:hover, 
span.page-next:hover, 
.contact-submit input[type="submit"]:hover,
.form-submit input[type="submit"]:hover,
.widget_search input[type="submit"]:hover,
.widget_bean_newsletter input[type="submit"]:hover  {
	background-color: #FFF;
	border: 1px solid #ACACB8!important;
	color: #2E3236!important;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18)!important;
	   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18)!important;
		    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18)!important;
	}

a.more-link:active,
.tagcloud a:active,
a.base-button:active,
span.page-home:active,
span.page-previous:active, 
span.page-next:active, 
.contact-submit input[type="submit"]:active,
.widget_search input[type="submit"]:active,
.form-submit input[type="submit"]:active,
.widget_bean_newsletter input[type="submit"]:active  {
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, 0.05)!important;
	   -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, 0.05)!important;
	        box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, 0.05)!important;
	}



/*--------------------------------------------------------------------*/
/*	GENERAL THEME FORMS
/*--------------------------------------------------------------------*/
form { 
	margin-bottom: 20px; 
	}
 
fieldset legend { 
	color: #2E3236;
	}
 
form label {
	color: #2E3236;
	padding-top: 0;
	margin-bottom: 0;
	margin: 15px 0 5px 0;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 17px;
 	}
         
form label.error {
     padding-top: 5px;
     width: 100%;
     display: none !important;
     }
  
span.required { 
	color: #CF5C46; 
	}  
	
.contact-submit input[type="submit"] {
	font-size: 14px;
	margin-top: 30px;
	padding: 9px 11px;
	}
	
.form-errors ul ,
.form-errors ul li,
.form-error { 
	list-style: none;
	} 

.form-error-message {
	list-style: none;
	color: #F8F4F3;
	background-color: #CF5C46;
	padding: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
	}
	
.form-error {
	color: #CF5C46;
	}	
	
input[type="password"].error, 
input[type="date"].error, 
input[type="datetime"].error, 
input[type="email"].error, 
input[type="number"].error, 
input[type="search"].error, 
input[type="tel"].error, 
input[type="time"].error, 
input[type="url"].error,   
input[type="text"].error, 
input.error, 
textarea.error { 
	border-color: #CF5C46; 
	}
 
 /* ERROR ANIMATIONS */
 input.error,
 textarea.error,
 .requiredField.error {
 	-webkit-animation-name: BeanButtonShake;
 	   -moz-animation-name: BeanButtonShake;
 	     -o-animation-name: BeanButtonShake;            
 	-webkit-animation-duration: 5s;
 	   -moz-animation-duration: 5s;
 	    -ms-animation-duration: 5s;
 	     -o-animation-duration: 5s;
 }
             
form .input {
     clear: none;
     display: inline;
     margin-bottom: 20px;
     }
     
input.input-text, 
textarea, 
select {
     display: block;
     margin-bottom: 18px;
     } 
 
select { 
	height: 28px; 
	}    
 	 
input[type="text"], 
input[type="password"], 
input[type="date"], 
input[type="datetime"], 
input[type="email"], 
input[type="number"], 
input[type="search"], 
input[type="tel"], 
input[type="time"], 
input[type="url"], 
textarea { 
	height: 38px;
	border:1px solid #B5B7B8;
	font: 14px/26px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding:7px 7px 7px 12px;
	margin:0 0 15px 0;
	background:#FFF;
	border:1px solid #B5B7B8;
	outline:none;
	color:#96999D;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);        
	-webkit-appearance: none;
	-webkit-font-smoothing: antialiased;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
	-webkit-transition: all 0.15s;
	   -moz-transition: all 0.15s;
		-ms-transition: all 0.15s;
		 -o-transition: all 0.15s;
		  	transition: all 0.15s;			
		}

input[type="text"]:hover, 
input[type="password"]:hover, 
input[type="date"]:hover, 
input[type="datetime"]:hover, 
input[type="email"]:hover, 
input[type="number"]:hover, 
input[type="search"]:hover, 
input[type="tel"]:hover, 
input[type="time"]:hover, 
input[type="url"]:hover, 
textarea:hover,
input[type=email]:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus  {
	border-color: #ACACB8;
	color: #2E3236;
	outline:none;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18)!important;
	   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18)!important;
	        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18)!important;
	}

input[type=email]:focus,
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
	border-color: #9999A4;	
	}

textarea {
	padding: 15px 20px;
	}
	
::-webkit-input-placeholder { 
	color: #96999D;
	}

:-moz-placeholder { 
	color: #96999D; 
	}

::-moz-placeholder { 
	color: #96999D;  
	}

:-ms-input-placeholder {  
	color: #96999D;  
	}	

.radio input[type="radio"], 
input[type="radio"],
.checkbox input[type="checkbox"],
input[type=checkbox]  {
	float: left;
	display: inline-block;
	width: auto;
	height: auto;
	padding: 0;
	margin: 10px 7px 3px 0;
	line-height: normal;
	}

.contact-form .clear-form { clear: both; }

.contact-form select { margin-bottom: 13px; }

.contact-form input[type='radio'], 
.contact-form input[type='checkbox'] { float: none; }

.contact-form label.checkbox, 
.contact-form label.radio { 
	margin: 0px; 
	float: none; 
	color: #B6B6B6;
	display: inline-block;
	text-transform: none;
	font-size: 13px;
	line-height: 22px;
	}

.textwidget input[type='text'], 
.textwidget textarea { width: 100% !important; }



/*--------------------------------------------------------------------*/
/*	UI TO TOP
/*--------------------------------------------------------------------*/
#toTop {
	background: url(/web/20190110084136im_/http://pagefinder.dk/pagefinder_files/assets/images/sprite.png) 15px -79px no-repeat #27292E;
	bottom:0px;
	color: #86888A;
	display:none;
	height:38px;
	position:fixed;
	right:30px;
	text-align: center;
	text-transform: uppercase;
	width:58px;
	-webkit-border-radius: 4px 4px 0px 0px;
	   -moz-border-radius: 4px 4px 0px 0px;
	        border-radius: 4px 4px 0px 0px;       
	}

#toTop:hover { 
	background-color: #00BCEB;
	}
	
	
	
	
	
/*--------------------------------------------------------------------*/
/*                    												  
/*                     THEME HEADER & NAVIGATION  			   		  
/*                    												  
/*--------------------------------------------------------------------*/

/*--------------------------------------------------------------------*/
/*	LOGO & BRANDING
/*--------------------------------------------------------------------*/
.logo {
	display: inline-block;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out; 	   
		 -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out; 
	}
	
.logo img { 
	float: left; 
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out; 	   
		 -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out; 
	}

.logo-uploaded { 
	max-width: none;
	}
	
.logo_text { 	
	letter-spacing: -.08em;
	color: #FFF;
	display: inline-block;
	font: bold 36px/27px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-webkit-transition: all .3s ease-in-out;
	   -moz-transition: all .3s ease-in-out;
		-ms-transition: all .3s ease-in-out; 	   
		 -o-transition: all .3s ease-in-out;
	        transition: all .3s ease-in-out;
	} 
	
.logo img:hover,
.logo_text:hover { 	
	opacity: .5;	
	} 



/*--------------------------------------------------------------------*/
/*	HERO / MAIN HEADER
/*--------------------------------------------------------------------*/
#header-container {
	background-color: #2E3236;
	padding: 60px 30px 80px;
	}

#page-header h1 {
	color: #FFF; 
	padding: 0px 65px;
	text-align: center;
	}
	
#header-container p {
	color: #9EA4AC;
	font-weight: 400;
	font-size: 18px;
	margin-top: 35px;
	margin: 30px 0 0px;
	text-align: center;
	text-decoration: none;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	    -ms-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-animation-name: BeanFadeIn;
	   -moz-animation-name: BeanFadeIn;
	     -o-animation-name: BeanFadeIn;
	        animation-name: BeanFadeIn;
	-webkit-animation-duration: 0.2s;
	   -moz-animation-duration: 0.2s;
	    -ms-animation-duration: 0.2s;
	     -o-animation-duration: 0.2s;
	        animation-duration: 0.2s;
	-webkit-animation-delay: 0.2s;
	   -moz-animation-delay: 0.2s;
	    -ms-animation-delay: 0.2s;
	     -o-animation-delay: 0.2s;
	        animation-delay: 0.2s; 
	}

#header-container p a {
	color: #FFF;
	}

#header-container p a:hover {
	color: #00BCEB;
	}
	
	


/*--------------------------------------------------------------------*/
/*                      					   					      
/*                        THEME ANIMATIONS     	        	      
/*                    												  
/*--------------------------------------------------------------------*/
/* BASE ANIMATION - ADD TO ANY ANIMATED OBJECTS */
.animated {
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	    -ms-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	    -ms-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	}

/* FADE IN -ALL PAGE CONTENT */
.BeanFadeIn {
	-webkit-animation-duration: .7s;
	   -moz-animation-duration: .7s;
	    -ms-animation-duration: .7s;
	     -o-animation-duration: .7s;
	        animation-duration: .7s;
	-webkit-animation-delay: .4s;
	   -moz-animation-delay: .4s;
	    -ms-animation-delay: .4s;
	     -o-animation-delay: .4s;
	        animation-delay: .4s;
	-webkit-animation-name: BeanFadeIn;
	   -moz-animation-name: BeanFadeIn;
	     -o-animation-name: BeanFadeIn;
	        animation-name: BeanFadeIn;
	}

.bean-panel.BeanFadeIn {
	-webkit-animation-delay: 0.2s;
	   -moz-animation-delay: 0.2s;
	    -ms-animation-delay: 0.2s;
	     -o-animation-delay: 0.2s;
	        animation-delay: 0.2s; 
	}	
	
@-webkit-keyframes BeanFadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
	}
@-moz-keyframes BeanFadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
	}
@-o-keyframes BeanFadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
	}
@keyframes BeanFadeIn {
	0% {opacity: 0;}	
	100% {opacity: 1;}
	}
	
	
/* FADE IN FROM THE TOP - HEADER CONTENT */
.BeanFadeDown {
	-webkit-animation-delay: 0.3s;
	   -moz-animation-delay: 0.3s;
	    -ms-animation-delay: 0.3s;
	     -o-animation-delay: 0.3s;
	        animation-delay: 0.3s;
	-webkit-animation-duration: 2.0s;
	   -moz-animation-duration: 2.0s;
	    -ms-animation-duration: 2.0s;
	     -o-animation-duration: 2.0s;
	        animation-duration: 2.0s;        
	-webkit-animation-name: BeanFadeDown;
	   -moz-animation-name: BeanFadeDown;
	     -o-animation-name: BeanFadeDown;
	        animation-name: BeanFadeDown;
	}

@-webkit-keyframes BeanFadeDown {
	0% { opacity: 0; -webkit-transform: translateY(-30px); 	}
	100% { opacity: 1; -webkit-transform: translateY(0); 	}
	}
@-moz-keyframes BeanFadeDown {
	0% { opacity: 0; -moz-transform: translateY(-30px); 	}
	100% { opacity: 1; -moz-transform: translateY(0); 		}
	}
@-o-keyframes BeanFadeDown {
	0% { opacity: 0; -ms-transform: translateY(-30px);		}
	100% { opacity: 1; -ms-transform: translateY(0); 		}
	}
@keyframes BeanFadeDown {
	0% { opacity: 0; transform: translateY(-30px); 			}
	100% { opacity: 1; transform: translateY(0); 			}
	}
	
	
/* BOUNCE IN FROM TOP - HEADER SEARCH */
.BeanBounceUp {
	z-index: -1;
	-webkit-animation-name: BeanBounceUp;
	   -moz-animation-name: BeanBounceUp;
	     -o-animation-name: BeanBounceUp;
	        animation-name: BeanBounceUp;
	-webkit-animation-duration: .7s;
	   -moz-animation-duration: .7s;
	    -ms-animation-duration: .7s;
	     -o-animation-duration: .7s;
	        animation-duration: .7s;        
	-webkit-animation-delay: 0.5s;
	   -moz-animation-delay: 0.5s;
	    -ms-animation-delay: 0.5s;
	     -o-animation-delay: 0.5s;
	        animation-delay: 0.5s;	
	}	
	
@-webkit-keyframes BeanBounceUp {
	0% 	 { opacity: 0; -webkit-transform: translateY(200px); 	}
	60%  { opacity: 1; -webkit-transform: translateY(-20px); 	}
	80%  { -webkit-transform: translateY(10px); 				}
	100% { -webkit-transform: translateY(0); 					}
	}
@-moz-keyframes BeanBounceUp {
	0%   { opacity: 0; -moz-transform: translateY(180px); 		}
	60%  { opacity: 1; -moz-transform: translateY(-30px); 		}
	80%  { -moz-transform: translateY(10px); 					}
	100% { -moz-transform: translateY(0); 						}
	}
@-o-keyframes BeanBounceUp {
	0%   { opacity: 0; -o-transform: translateY(180px); 		}
	60%  { opacity: 1; -o-transform: translateY(-30px); 		}
	80%  { -o-transform: translateY(10px); 						}
	100% { -o-transform: translateY(0); 						}
	}
@keyframes BeanBounceUp {
	0%   { opacity: 0; transform: translateY(180px); 			}
	60%  { opacity: 1; transform: translateY(-30px); 			}
	80%  { transform: translateY(10px); 						}
	100% { transform: translateY(0); 							}
	}	
	

/* BUTTON SHAKE - HEADER SEARCH AND NEWSLETTER WIDGET */	
.BeanButtonShake {
	-webkit-animation-delay: 5s;
	   -moz-animation-delay: 5s;
	    -ms-animation-delay: 5s;
	     -o-animation-delay: 5s;
	        animation-delay: 5s; 
	-webkit-animation-name: BeanButtonShake;
	   -moz-animation-name: BeanButtonShake;
	     -o-animation-name: BeanButtonShake;
	        animation-name: BeanButtonShake; 
	-webkit-animation-iteration-count: 5;
	   -moz-animation-iteration-count: 5;               
	-webkit-animation-duration: 5s;
	   -moz-animation-duration: 5s;
	    -ms-animation-duration: 5s;
	     -o-animation-duration: 5s;
	        animation-duration: 5s;          
	}


.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}	

	
html { font-size: 22px; }
body { padding: 1rem; }

.card {
  background-color: white;
  color: white;
  padding: 0rem;
  height: 17rem;
}
.grid {
  color: Black;
  padding: 0rem;

}
h2 {
  color: white;

}	
.cards {
  max-width: 1600px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
}
.grids {
  max-width: 1600px;
  margin: 0 auto;
  display: grid;
  grid-gap: 0rem;
}	
.vids {
  max-width: 1600px;
  max-height: 800px;	
  margin: 0 auto;
  display: grid;
  grid-gap: 0rem;
}	
@media (min-width: 900px) {
  .cards { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1500px) {
  .cards { grid-template-columns: repeat(3, 1fr); }
}
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));	
	
@media (min-width: 600px) {
  .grids { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 900px) {
  .grids { grid-template-columns: repeat(3, 1fr); }
}
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));