/* SINATUR HOTEL OG KONFERENCE        */
/* CUSTOM STYLESHEET        */
 
/* WEBFONT */
/*@import url('https://fonts.googleapis.com/css?family=Verdana');*/
/* @import url('https://fonts.googleapis.com/css?family=Roboto'); */

@import url('https://fonts.googleapis.com/css?family=Lato|Playfair+Display');


 
/* COLOR VARIABLES */
:root {
    --jobmatch-header-background-color: white;            /* TOOLBAR BACKGROUND COLOR #D71500 */
    --jobmatch-card-header-background-color: white;         /* CARD HEADER BACKGROUND COLOR */
     
    --jobmatch-footer-background-color: #2d2b2c;    /* #F2F2F2; */
    --jobmatch-footer-text-color: #FFFFFF;    /* #666666 */
    --jobmatch-link-hover-footer-color; #FFFFFF; /*  #ED1C24 */
	--jobmatch-link-footer-color; #FFFFFF;  /* #666666 */
   
    --jobmatch-link-color: #333333; /*  #333333 */
	   --jobmatch-link-hover-color: #d3ccb9; /*   #ED1C24; */
	   --jobmatch-linkx-color: rgba(211,204,185, 1);      /* Button coler */
     
    --jobmatch-base-font-family: 'Lato', sans-serif;       /* MAIN FONT 'Playfair Display-Regular', serif;   */
    --jobmatch-base-font-size: 18px;    /*  14px */
    --jobmatch-base-font-line-height: 1.428571429; 
    --jobmatch-title-font-size: 40px; /*  30px */
    --jobmatch-subtitle-font-size: 22px; /*  18px */
	
	--jobmatch-footer-font-size: 15px;
     
      --mdc-theme-primary: #d3ccb9;               /* checkbox color hover effect #333333 */
	  --mdc-theme-primary-light: rgba(51,51,51,.14);    
	    --mdc-theme-primary-dark: rgba(51,51,51,.14);    
	  
	  
	 --mdc-theme-secondary: #d3ccb9;              /* #ED1C24 checkbox color !!! */
	 --mdc-theme-secondary-light: #b4dafb;        
	  --mdc-theme-secondary-dark: #b4dafb;         
	 
	 --mdc-theme-primary: rgba(66,59,56,.14); /* SELECT drop down blå farve #3f51b5 */
               
    --mdc-theme-accent: #d3ccb9;                /* button color #ED1C24 */ 
    --mdc-theme-text-primary-on-accent: white;  /* text color on raised buttons */
     
	
     
    --mdc-theme-background: #fff;       
    --mdc-theme-text-primary-on-primary: white;
/*
  --mdc-theme-text-secondary-on-primary: rgba(255, 255, 255, 0.7);
  --mdc-theme-text-hint-on-primary: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-disabled-on-primary: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-icon-on-primary: rgba(255, 255, 255, 0.5);
   
  --mdc-theme-text-secondary-on-accent: rgba(255, 255, 255, 0.7);
  --mdc-theme-text-hint-on-accent: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-disabled-on-accent: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-icon-on-accent: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
  --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
  --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
  --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
  --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
  --mdc-theme-text-primary-on-dark: white;
  --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
  --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
  --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5); }*/
 
}
 
/* COLORS */
body {
	 background-color: white !important; 
    background-color: var(--jobmatch-card-header-background-color, white);
	  font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 1.428571429;
    color: #515151;
	
}
 
/* top toolbar */
 
 /* TOOLBAR BACKGROUND COLOR */
.mdc-toolbar 
    {
 
        background-color: white;
        background-color: var(--jobmatch-header-background-color,white);
          border-bottom:1px solid #515151;

         
    }
 
     
     
/* BUTTONS */


/* BUTTONS */
a:hover.mdc-button.mdc-button--raised {
	text-decoration: none !important;
border-bottom: 0 !important;	
	padding: 0 0;
    border-radius: 0px !important;
	
}
a.mdc-button, :not(:disabled).mdc-button {
	color: #d3ccb9 !important;
 
 
	text-decoration:underline;	
}

.public_share_job a {
text-decoration:underline;
color: #d3ccb9 !important;

}	


a.mdc-button.mdc-button--raised.mdc-button--accent {
background-color: #000000 !important;	
color: #d3ccb9 !important;
color: var(--jobmatch-link-color,#d3ccb9) !important;
}

/* button  #d3ccb9 #fff */
.mdc-button--accent.mdc-button--raised, .mdc-button--unelevated:not(:disabled), .mdc-button--raised:not(:disabled) {
    background-color: #ffffff !important;
    /* background-color: var(--mdc-theme-accent,#d3ccb9) !important; */
    color: #000000 !important;
    /* color: var(--mdc-theme-text-primary-on-accent,#fff) !important; */
	border: 1px solid #000;
	text-decoration: none !important;
}

 
a.mdc-button.mdc-button--raised.mdc-button--accent {
    background-color: #ffffff  !important;
	/* background-color: var(--mdc-theme-accent,#d3ccb9) !important; */
     color: #000000 !important;
   /*  color: var(--mdc-theme-text-primary-on-accent,#fff) !important; */
   text-decoration: none !important;
	
}


a:hover.mdc-button--accent, a:hover.mdc-button--raised, a:hover.mdc-button--unelevated:not(:disabled), a:hover.mdc-button--raised:not(:disabled) {
    background-color: #000000 !important;
     
    color: #fff !important;
    color: var(--mdc-theme-text-primary-on-accent,#fff);
	text-decoration: none !important;
}


.mdc-button--raised:focus, .mdc-button--raised:hover, .mdc-button--accent.uploadbutton:hover{
     background-color: #000000 !important;
     
    color: #fff !important;
    color: var(--mdc-theme-text-primary-on-accent,#fff);
	border: 1px solid #000;
	text-decoration: none !important;
}




	 .mdc-button {
    font-family: 'Lato', sans-serif;
	padding: 0 20px;
    
    border-radius: 20px;
    background-color: transparent;
    cursor: pointer;
    
}
	
/* CHECKMARKS */
/*
.mdc-list--avatar-list .mdc-list-item__start-detail i 
    {
        color: white; 
        color: var(--mdc-theme-primary,white);
    }
*/
 
 /* CHECKBOX   lyserød #ff4081 */
 /*
.mdc-checkbox, .mdc-checkbox__background {
	background-color: #009944;
        background-color: var(--jobmatch-link-color, #009944);
} */

.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background
{
	border-color:#d3ccb9 !important;
border-color:var(--mdc-theme-secondary,#d3ccb9)!important;

background-color:#d3ccb9 !important;
background-color:var(--mdc-theme-secondary,#d3ccb9) !important;
}



.mdc-checkbox:before{
	background-color:rgba(211,204,185,.14)!important;
	background-color:var(--mdc-theme-primary-light, rgba(211,204,185,.14)) !important;
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	-webkit-transition:opacity .25s linear;
	transition:opacity .25s linear;
	border-radius:50%;
	opacity:0;
	pointer-events:none;
	content:""}







 
 /* RADIO BUTTON */
 
 	 
.mdc-radio__background:before
{
	color: #d3ccb9 !important;
	background-color:#d3ccb9 !important;
	background-color:color (var(--mdc-theme-primary,#d3ccb9) a(14%))
	}

.mdc-radio__background:after
{
	color: #d3ccb9 !important;
	background-color:#d3ccb9 !important;
	background-color:color (var(--mdc-theme-primary,#d3ccb9) a(14%))
	}	
	
	
.mdc-radio__native-control:checked+,{
		border-color:#d3ccb9 !important;
		border-color:(var(--mdc-theme-primary,#d3ccb9) a(0%));
		background-color:#d3ccb9 !important;
	background-color:color (var(--mdc-theme-primary,#d3ccb9) a(14%))
		border: 1px !important;
}
		


.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle
{ background-color:#d3ccb9;
  background-color:var(--mdc-theme-primary,#d3ccb9);

}
/*

 
/* NORMAL A LINKS */
a 
    {           
        color: #333333 !important;
        	border-bottom: 1px solid #d3ccb9;
		 text-decoration: none;
    }
     
a:hover, a:focus
 {           
        color:  #333333 !important;
     
		background-color: transparent;
		 text-decoration: none;
	opacity: .9;
	
		
    }	 

/*	
 .mdc-button:not(:disabled):after { 

	*/ 
}
.mdc-button:not(:disabled):before {
	/*	
	background-color: white;
	 color: rgba(211,204,185, 1) !important;
        color: var(--jobmatch-link-hoverx-color, rgba(211,204,185, 1));
	opacity: 0; */
    -webkit-transition: none; /* opacity .25s linear; */
    transition: none; /*opacity .25s linear; */

}


.mdc-button:not(:disabled):not(.mdc-ripple-upgraded):active:after, .mdc-button:not(:disabled):not(.mdc-ripple-upgraded):focus:before, .mdc-button:not(:disabled):not(.mdc-ripple-upgraded):hover:before {
	opacity: 0;
	
}    
	 
	 
	 
	 
/* MISC */
 
main#EMain {
    margin-top:0px !important;
}
 
/* UNCOMMENT TO REMOVE BORDERS AND DROPSHADOWS OF CARDS */
.mdc-card { 
    border: 0px;
    box-shadow: none;
}
 
/* CARD HEADER BACKGROUND COLOR */
.mdc-card .mdc-card__primary {
    background-color: white; 
    background-color: var(--jobmatch-card-header-background-color, white);
}


 
/*HEADER*/


#EHeader .mdc-toolbar__section--align-start {
          height: 162px;
		
}

     
/* LOGO UPLOADED BY USER VIA USER SETTING, NORMALLY HIDDEN IN SPECIAL DESIGN */
header#EHeader .logo-default {  
    display:none;
} 
 header#EHeader {
	height: 120px;
	min-height: 120px;
    transform: translateY(0px) !important;
 } 
 header#EHeader div#header-grid {
	 padding:0;
 }
 
 header#EHeader .mdc-layout-grid__inner{width: auto !important;}
 
header#EHeader div#header-r3 a
    {
	 
		background: url("resources/logo_sinatur_phj.png");
		
	background-position: center center;
        background-repeat: no-repeat;
        height: 100px;
        width:187px; 
        background-size: cover;
        display: block;
        margin: 0 auto;
		position: static;
		
		 
		margin-top: 0px; /* margin-top: 14px; er normalt */
		
	 
    }
	
	
	
/* de to næste stiller logo responsive positioneret ved browser resize! */
header#EHeader div#header-grid {
	margin-left: auto;	
} 
.job-title {
	display: none;
}

header#EHeader .mdc-toolbar__title  span.company-name {
        display:none;
}

#header-r4 {
	display: none;
}

header#EHeader .mdc-toolbar__title  span.company-name {
        display:none;
}

/*FOOTER*/
	
	

 
footer#EFooter .footer-graphics 
    {
		display:none; 
		
     /*  background-image: url(https://dl.dropboxusercontent.com/s/x17l6txrdizn7ds/argo-jobboard.css?raw=1); */
        background-position: 0px center;
        background-repeat: no-repeat;
        height: 89px;
        width:318px;  
        float: left;		
        background-size: cover;
        margin-left: 26px;
    }
     
footer#EFooter {
  
	padding-bottom:0px;
     padding-top: 36px; 
    background-color: #2d2b2c !important;
    background-color: var(--jobmatch-footer-background-color,#2d2b2c) !important;
         
    color: #FFFFFF;
    color: var(--jobmatch-footer-text-color, #FFFFFF);
     
    border-top:1px solid  #d6d6d6;
	
    width: 100%;
    margin: 0;
    margin-top: 0px;
	padding-bottom: 10px;
}
 	 
	 
	 
 

footer#EFooter .mdc-layout-grid {

}
 
footer#EFooter div.footer_custom_content {
display: block;
 
margin: 0 auto;
margin-right:24px;
margin-top: 30px;
color: #023346;
font-size: 90%;

}



footer#EFooter div.footer_custom_content  div.footer_element {
width: 33%;
display:inline-block;
vertical-align: top;
}
 
footer#EFooter div.footer_custom_content  div.footer_element:nth-child(3) {
text-align:right;
}
 
footer div.footer_custom_content  div.footer_element span {
display:block;}
 
footer ul.mdl-mega-footer__link-list {
    padding-left:24px;
}
 
/* TYPOGRAFI */
body, .mdc-card  p, .mdc-card  ul li, .mdc-card  ol li  {
    font-family: 'Lato', sans-serif;
    font-family: var(--jobmatch-base-font-family, 'Lato', sans-serif);
     color: #333333;
    font-size: 18px; /* 14px */
    font-size: var(--jobmatch-base-font-size, 18px);
         
        line-height: 1.428571429 !important;
    line-height: var(--jobmatch-base-font-line-height, 1.428571429);
	
	background-color: #ffffff !important;
	letter-spacing: normal;
	-webkit-font-smoothing: antialiased !important;
	font-weight: 400 !important;
	
	
}
.mdc-card .opening p strong {
    font-weight: bold !important;   
    font-size: 18px;
    font-size: var(--jobmatch-base-font-size, 18px);    
}
 
 
.mdc-card__title--large, h2, .mdc-card span.subtitle, .mdc-card span.jobinfo, .mdc-card .opening p, footer span, header span.job-title, header span.job-sub-title {
    font-family: 'Lato', sans-serif;
    font-family: var(--jobmatch-base-font-family, 'Lato', sans-serif);
	
}
.job-sub-title, .job-sub-title-sep    {
	display:none;
	
}

body, .mdc-card  p, .mdc-card  ul li, .mdc-card ol li,.mdc-card__title--large, h2, 
.mdc-card span.subtitle, .mdc-card span.jobinfo, .mdc-card .opening p, 
footer span, header span.job-title, header span.job-sub-title, 
.mdc-select__surface, .mdc-form-field, .mdc-button, .mdc-button--dense, .mdc-typography, .mdc-typography--display4, .mdc-card__supporting-text {
    font-family: 'Lato', sans-serif;
    font-family: var(--jobmatch-base-font-family, 'Lato', sans-serif);
}
/* HEADER ON CARD */
/*
.opening .mdc-card__primary {
    padding: 16px;
    padding-bottom:0px;
    text-align: center;
    text-transform: uppercase;
}
*/
 
 
/* SEPERATOR AFTER JOB TITLE */
/*
.opening .mdc-card__primary::after {
    display: block;
    content: "";
    width: 3px;
    height: 7px;
    background: transparent url(https://dl.dropboxusercontent.com/s/gx555r5s2y7zjxy/sep.png?raw=1) no-repeat;
    width: 258px;
    text-align: center;
    margin: 0 auto;
    margin-top:40px;
}
*/

.mdc-card h2.mdc-card__title--large {
    font-size: 40px;
    font-size: var(--jobmatch-title-font-size, 40px);   
	
	font-weight: 200;
}

.mdc-card span.subtitle {
    font-size: 22px;
    font-size: var(--jobmatch-subtitle-font-size, 22px); 
	color: #333333 !important;
	/* line-height: 44px !important; */
}
 
 
/*custom top photo */
div.top-sep {
    display:block;
    margin: 0 auto;
	
    margin-top: 20px;
    width: auto;
    height: 400px;  
	/*width: 1200px;*/
    max-width: 1200px;
    border: px solid silver;    
    background-repeat: no-repeat;   
}
 
.rewrite div.top-sep {
    margin-top: 110px; /* 140px;  */
}

div.top-sep {
    margin-top: 110px; /* 140px;  */
}
 
.top-sep  {
    background-size: 100%;
    background-position: center center; 
	padding-top:70px;
}
 

/*CUSTOM TOP IMAGES https://dl.dropboxusercontent.com/s/pgjwl8owqtxzu4j/graakjaer00.jpg?dl=0 *//* MIGRATION: topimage moved to FileStorageSystem job setting.

.top-sep { background-image: url("hero/1200x400_sinatur_header_2.jpg"); }
*/
/*
.top-sep { background-image: url("https://dl.dropboxusercontent.com/s/vcbut6vbxxtdslp/hotel_skarrildhus_01_phj-min_1200x429.jpg?raw=1"); }

.xxxx01 .top-sep { background-image: url(XXXX); }
.xxxx02 .top-sep { background-image: url(XXXX); }
.xxxx03 .top-sep { background-image: url(XXXX); }
.xxxx04 .top-sep { background-image: url(XXXX); }
.xxxx05 .top-sep { background-image: url(XXXX); }
.xxxx06 .top-sep { background-image: url(XXXX); }
*/


/* FOOTER RESPONSIVE */


footer.footer .mdc-layout-grid__cell.mdc-layout-grid__cell--span-3 {
   
	
	
  		 line-height:1.42857;
	font-weight: 400;
   font-size: 14px;
    text-transform: uppercase; 
  font-family: 'Lato', sans-serif;
  
     /* text-align: justify; */
 padding-bottom:0px;
    background-color: #2d2b2c;
    background-color: var(--jobmatch-footer-background-color,#2d2b2c);
      
    color: #666;
    color: var(--jobmatch-footer-text-color,#666);
 
}


footer.footer .mdc-layout-grid__cell.mdc-layout-grid__cell--span-2 {
   
		 line-height:1.42857;
	font-weight: 400;
   font-size: 13px;
    text-transform: uppercase; 
  font-family: 'Lato', sans-serif;
  
     /* text-align: justify; */
 padding-bottom:0px;
    background-color: #2d2b2c;
    background-color: var(--jobmatch-footer-background-color,#2d2b2c);
      
    color: #666;
    color: var(--jobmatch-footer-text-color,#666);
 
}


footer.footer {
		font-family: 'Lato', sans-serif;
		    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-weight: 400;
  
    line-height:1.42857;
}



/* Responsive Design */

@media (max-width: 1080px) {
	#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
		div.top-sep {
		margin-top: 80px !important;
		height: 400px;
		margin-bottom: -50px;
	}
	.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	
		.rewrite div.top-sep {
		margin-top: 80px !important;
		height: 400px;
		margin-bottom: -50px;
	}
		.jobagent div.top-sep {
		margin-top: 80px !important;
		height: 400px;
		margin-bottom: -50px;
	}
}




@media (max-width: 1024px) {
		div.top-sep {
		margin-top: 75px !important;
		height: 400px;
		margin-bottom: -55px;
	}
	.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	
		.rewrite div.top-sep {
		margin-top: 75px !important;
		height: 400px;
		margin-bottom: -55px;
	}
	
	.jobagent div.top-sep {
		margin-top: 75px !important;
		height: 400px;
		margin-bottom: -55px;
	}
}


@media (max-width: 940px) {
	#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
		div.top-sep {
		margin-top: 60px !important;
		height: 400px;
		margin-bottom: -60px;
	}
	.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	
		.rewrite div.top-sep {
		margin-top: 60px !important;
		height: 400px;
		margin-bottom: -60px;
	}
		.jobagent div.top-sep {
		margin-top: 60px !important;
		height: 400px;
		margin-bottom: -60px;
	}
	
	 
}

@media (max-width: 900px) {
	#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
		div.top-sep {
		margin-top: 55px !important;
		height: 400px;
		margin-bottom: -60px;
	}
	.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	
		.rewrite div.top-sep {
		margin-top: 55px !important;
		height: 400px;
		margin-bottom: -60px;
	}
		.jobagent div.top-sep {
		margin-top: 55px !important;
		height: 400px;
		margin-bottom: -60px;
	}
	
	 
}




@media (max-width: 840px) {
	#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
		div.top-sep {
		margin-top: 50px !important;
		height: 400px;
		margin-bottom: -70px;
	}
	
			.rewrite div.top-sep {
	margin-top: 50px !important;
		height: 400px;
		margin-bottom: -70px;
	}
	
	.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	
	.jobagent div.top-sep {
		margin-top: 50px !important;
		height: 400px;
		margin-bottom: -70px;
	}
	
	
 
	
}


@media (max-width: 768px) {
	#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
		div.top-sep {
		margin-top: 40px !important;
		height: 400px;
		margin-bottom: -80px;
	}
	
			.rewrite div.top-sep {
		margin-top: 40px !important;
		height: 400px;
		margin-bottom: -80px;
	}
	
	.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	
	.jobagent div.top-sep {
		margin-top: 40px !important;
		height: 400px;
		margin-bottom: -80px;
	}
	
	.mdc-button.mdc-button--dense 
	{
		margin-top: 5px;
		height: auto;
		line-height: 1.4em;
		margin-left: 0px;
	}
}

 



@media (max-width: 667px) {
	
#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
		div.top-sep {
		margin-top: 15px !important;
		height: 400px;
		margin-bottom: -100px;
	}
	
			.rewrite div.top-sep {
		margin-top: 15px !important;
		height: 400px;
		margin-bottom: -100px;
	}
	
	
	.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	.jobagent div.top-sep {
		margin-top: 15px !important;
		height: 400px;
		margin-bottom: -100px;
	}
	
		.mdc-button.mdc-button--dense 
	{
		margin-top: 5px;
		height: auto;
		line-height: 1.4em;
		margin-left: 0px;
	}
	
}

@media (max-width: 568px) {
	#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
	div.top-sep {
		margin-top: 5px !important;
		height: 400px;
		margin-bottom: -120px;
	}
	
   .jobagent div.top-sep {
		margin-top: 5px !important;
		height: 400px;
		margin-bottom: -120px;
	}
	
		.rewrite div.top-sep {
		margin-top: 5px !important;
		height: 400px;
		margin-bottom: -120px;
	}
		.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	
	.mdc-button.mdc-button--dense 
	{
		margin-top: 5px;
		height: auto;
		line-height: 1.4em;
		margin-left: 0px;
	}
}


@media (max-width: 480px) {
	#EFooter .mdc-layout-grid {
		padding: 10px !important;
	}
	
	div.top-sep {
		margin-top: -15px !important;
		height: 400px;
		margin-bottom: -155px;
	}
	
   .jobagent div.top-sep {
		margin-top: -15px !important;
		height: 400px;
		margin-bottom: -155px;
	}
	
		.rewrite div.top-sep {
		margin-top: -15px !important;
		height: 400px;
		margin-bottom: -155px;
	}
		.mdc-card .mdc-card__primary span.jobinfo {
		float: none;
		text-align: left;
		margin-top: 0;
	}
	
	.mdc-button.mdc-button--dense 
	{
		margin-top: 5px;
		height: auto;
		line-height: 1.4em;
		margin-left: 0px;
	}
	

	 
	
	
	
}


@media (max-width: 414px) {	
	div.top-sep {
		margin-top: -20px !important;
		height: 400px;
		margin-bottom: -165px;
	}
	
	.jobagent div.top-sep {
		margin-top: -20px !important;
		height: 400px;
		margin-bottom: -165px;
	}
	
		.rewrite div.top-sep {
		margin-top: -20px !important;
		height: 400px;
		margin-bottom: -165px;
	}

	.mdc-button.mdc-button--dense 
	{
		margin-top: 5px;
		height: auto;
		line-height: 1.4em;
		margin-left: 0px;
	}
	
	
	 
}

@media (max-width: 375px) {	
	div.top-sep {
		margin-top: -30px !important;
		height: 400px;
		margin-bottom: -175px;
	}
	
	.jobagent div.top-sep {
		margin-top: -30px !important;
		height: 400px;
		margin-bottom: -175px;
	}
	
		.rewrite div.top-sep {
		margin-top: -30px !important;
		height: 400px;
		margin-bottom: -175px;
	}

	.mdc-button.mdc-button--dense 
	{
		margin-top: 5px;
		height: auto;
		line-height: 1.4em;
		margin-left: 0px;
	}
}


@media (max-width: 360px) {	
	div.top-sep {
		margin-top: -35px !important;
		height: 400px;
		margin-bottom: -175px;
	}
	
	.jobagent div.top-sep {
		margin-top: -35px !important;
		height: 400px;
		margin-bottom: -175px;
	}
	
		.rewrite div.top-sep {
		margin-top: -35px !important;
		height: 400px;
		margin-bottom: -175px;
	}

	.mdc-button.mdc-button--dense 
	{
		margin-top: 5px;
		height: auto;
		line-height: 1.4em;
		margin-left: 0px;
	}
}

@media (max-width: 320px) {	
	div.top-sep {
		margin-top: -40px !important;
		height: 400px;
		margin-bottom: -185px;
	}
	
	.jobagent div.top-sep {
		margin-top: -40px !important;
		height: 400px;
		margin-bottom: -185px;
	}
	
		.rewrite div.top-sep {
		margin-top: -40px !important;
		height: 400px;
		margin-bottom: -185px;
	}

	.mdc-button.mdc-button--dense 
	{
		margin-top: 5px;
		height: auto;
		line-height: 1.4em;
		margin-left: 0px;
	}
}






  


  .myfooter {
	  
      font-size: 18px;
	  text-align: center;
	 margin-left: 26px;
	  	 line-height:1.42857;
		 
		  font-size: 18px;
line-height: 30px;
font-family: 'Lato', sans-serif;
margin-bottom: 15px;
  }
  
   a.myfooter2 {
      text-align: center;
	  color: white !important;
	  text-decoration: none;
  }
  
   a.myfooter2:hover  {
      text-align: center;
	  color: white !important;
	  text-decoration: none;
  }
  
 

 
   .myfooter2 {
	   font-family: 'Lato', sans-serif;
	  
      font-size: 18px;
	  text-align: center;
	 margin-left: 26px;
	  	 line-height:1.42857;
  }
  
  
 
  /*
 .adresse {
	font-size: 18px;
	margin-left: 26px;
	 line-height:1.42857;
	font-weight: bold;
	color: #969696;
	
}
*/

.adresse4 {
  /* background-image: url(https://dl.dropboxusercontent.com/s/vux99u92w4ag71q/Hjem-IS-filmbil_allertidersoejeblik_regular.png?raw=1); */
 
        background-position: 0px center;
        background-repeat: no-repeat;
          height: 89px;
        width:318px;  
    
	 margin-left: 10px;
	-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;


	/* margin-top: 0px; */
	
		  /*  display: block;
    margin: 0 auto !important; */
   }
  
  
  .adresslogo {
	color:#008000;
	display: block;
	 background-image: url("resources/logo_vertikal_rgb.png");
	  background-position: 0px center;
        background-repeat: no-repeat;
        height: 124px;
        width:100px;    
        background-size: cover;
        margin-left: 10px;
		
	 /* float: right; */
  }
  
  
/*
 .adresse12 {
	 
	 
	 line-height:1.42857;
	font-weight: bold;
	color: #666;
	    font-size: 16px;
    text-transform: uppercase;
    
}
 
 .adresse12x {
	
	margin-left: 38px;
		 line-height:1.42857;
	font-weight: bold;
	color: #666;
	    font-size: 16px;
    text-transform: uppercase; 
   
	float: left;
}

 .adresse12xx {
	
	margin-left: 71px;
		 line-height:1.42857;
	font-weight: bold;
	color: #666;
	    font-size: 16px;
    text-transform: uppercase; 
   
	float: left;
}

.adressex12 {
	font-size: 14px;
	color: #666;
		 line-height:1.42857;
	
	text-decoration: none;
	font-family: 'Open Sans',Verdana,Geneva,sans-serif;
}
.adressex3 {
	font-size: 14px;
	color: #666;
	 line-height:1.42857;
	margin-left: 38px !important;
	text-decoration: none;
	font-family: 'Open Sans',Verdana,Geneva,sans-serif;
    line-height: 18px;
}

.adressex3x {
	font-size: 14px;
	color: #666;
	 line-height:1.42857;
	margin-left: 71px !important;
	text-decoration: none;
	font-family: 'Open Sans',Verdana,Geneva,sans-serif;
    line-height: 18px;
}


 .adresse1 {
	 
	 
	 line-height:1.42857;
	font-weight: bold;
	color: #666;
	    font-size: 16px;
    text-transform: uppercase;
    
}
 

  .adresse {
	 
	   color: #FFFFFF !important;
        color: var(--jobmatch-link-footer-color, #FFFFFF) !important;
      text-align: left;
	  margin-left: 26px;
	
	  line-height: 1.428571429;
	  font-size: 15px;
    font-size: var( --jobmatch-footer-font-size, 15px);    
	
  }

.adressex1 {
	font-size: 14px;
	color: #666;
		 line-height:1.42857;
	
	text-decoration: none;
	font-family: 'Open Sans',Verdana,Geneva,sans-serif;
}
.adressex {
	font-size: 14px;
	color: #666;
	 line-height:1.42857;
	margin-left: 126px;
	text-decoration: none;
	font-family: 'Open Sans',Verdana,Geneva,sans-serif;
    line-height: 18px;
}



a.adressexx {
    text-decoration: none;
      color: #666 !important;
}
}

a.adressexx:hover {
    text-decoration: none;
       color: #666 !important;
}
}

a.adressexx:visited {
    text-decoration: none;
    color: #666 !important;
}






a.adresse2
 {           
        color: #900 !important;
        
		text-decoration: underline;
		margin-left: 0px;
		text-decoration: none;
    }
	
a.adresse2:hover
 {           
        color: #900 !important;
     
		text-decoration: none;
		margin-left: 0px;
		text-decoration: none;
    }

.adresse3 {
	color: #FFFFFF !important;
	font-size: 13px;
	margin-left: 0px;
	 line-height:120%;
	
}

a.adresse3
 {           
        color: #FFFFFF !important;
         
		text-decoration: none;
		margin-left: 0px;
		
    }
	
a.adresse3:hover
 {           
        color: #FFFFFF   !important;
    
		text-decoration: underline;
		margin-left: 0px;
		
    }

.mdc-card .mdc-card__primary .mdc-card__title--large {
	color: #333333;
}

.mdc-card__primary+.mdc-card__supporting-text {
    margin-top: 10px;
}
*/


  .adresse4 {
	  
	  background-image: url("resources/graakjaer_2016_online.png") !important;
	  
        background-position: center center;
        background-repeat: no-repeat;
         height: 35px;
        width:155px;  
        background-size: cover;
        margin-left: 26px; /* fast tal */
		margin-top: 0px;
		margin-bottom: 10px;
	
  }


 .mdc-card .mdc-card__primary .mdc-card__title--large {
	 margin-top: 0px; 
 margin-bottom: -5px; 
 line-height: 120%;  
}

/*
 .mdc-card .mdc-card__primary .mdc-card__title--large {
	 margin-top: 10px; 
 margin-bottom: 25px; 
 */
 
 
 div.mdc-card div.opening strong {
    font-weight: normal;
    font-size: 100% !important;
}


 .mdc-card .mdc-card__primary .mdc-card__title--large {
   color: #333333 !important;
}


.header {
	text-align: center;
	margin-bottom: -20px; 
	font-size: 12px;
}

		.mdc-toolbar-fixed-adjust {
    padding-top: 0px;
}


/*
.social-icons a .icon {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.fb-icon {
    background-position: -197px -282px;
    width: 10px;
    height: 18px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

@media (min-width: 320px)  {
.logo, .icon-loc, .arrow-up, .icon-mail .icon, .menu-logo, .swiper-detail .swiper-nav .swiper-prev:before, .swiper-detail .swiper-nav .swiper-next:before, .key-icon, .bed-icon, .eat-icon, .train-icon, .plane-icon, .taxi-icon, .n-icon, .o-icon, .l-icon, .x-icon, .h-icon, .u-icon, .swiper-testimonial .swiper-nav .swiper-prev:before, .swiper-testimonial .swiper-nav .swiper-next:before, .right-arrow-bigger, .fb-icon, .linkedin-icon, .instagram-icon, .phone-icon, .contact-social .mail-icon, .contact-social .fb-icon, .hotel-detail .swiper-nav .swiper-next:before, .hotel-detail .swiper-nav .swiper-prev:before, .checkbox-icon .icon-check, .selected-drop-item .drop-icon, .drop-item.active .name:before, .maps-icon, .contact-social .maps-icon .icon, .button-play .icon, .icon-error, .icon-valid, .drop-menu-icon, .in-menu .fb-icon, .in-menu .linkedin-icon, .in-menu .instagram-icon {
    background: url(https://www.sinatur.dk/img/sprite2x.png) no-repeat;
    background-size: 1000px;
}


.logo, .icon-loc, .arrow-up, .icon-mail .icon, .menu-logo, .swiper-detail .swiper-nav .swiper-prev:before, .swiper-detail .swiper-nav .swiper-next:before, .key-icon, .bed-icon, .eat-icon, .train-icon, .plane-icon, .taxi-icon, .n-icon, .o-icon, .l-icon, .x-icon, .h-icon, .u-icon, .swiper-testimonial .swiper-nav .swiper-prev:before, .swiper-testimonial .swiper-nav .swiper-next:before, .right-arrow-bigger, .fb-icon, .linkedin-icon, .instagram-icon, .phone-icon, .contact-social .mail-icon, .contact-social .fb-icon, .hotel-detail .swiper-nav .swiper-next:before, .hotel-detail .swiper-nav .swiper-prev:before, .checkbox-icon .icon-check, .selected-drop-item .drop-icon, .drop-item.active .name:before, .maps-icon, .contact-social .maps-icon .icon, .button-play .icon, .icon-error, .icon-valid, .drop-menu-icon, .in-menu .fb-icon, .in-menu .linkedin-icon, .in-menu .instagram-icon {
    display: inline-block;
    background: url(https://www.sinatur.dk/img/sprite.png) no-repeat;
}
*/
