﻿/* Fonts
---------------------------------------------------------------------- */

@font-face 												{font-weight:400;font-style:normal;font-family:"Circular-AddEvent";src:url("https://cdn.addevent.com/web/fonts/CircularXXWeb-Regular.woff2") format("woff2");}
@font-face 												{font-weight:400;font-style:italic;font-family:"Circular-AddEvent";src:url("https://cdn.addevent.com/web/fonts/CircularXXWeb-Italic.woff2") format("woff2");}
@font-face 												{font-weight:500;font-style:normal;font-family:"Circular-AddEvent";src:url("https://cdn.addevent.com/web/fonts/CircularXXWeb-Book.woff2") format("woff2");}
@font-face 												{font-weight:500;font-style:italic;font-family:"Circular-AddEvent";src:url("https://cdn.addevent.com/web/fonts/CircularXXWeb-BookItalic.woff2") format("woff2");}
@font-face 												{font-weight:600;font-style:normal;font-family:"Circular-AddEvent";src:url("https://cdn.addevent.com/web/fonts/CircularXXWeb-Medium.woff2") format("woff2");}
@font-face 												{font-weight:600;font-style:italic;font-family:"Circular-AddEvent";src:url("https://cdn.addevent.com/web/fonts/CircularXXWeb-MediumItalic.woff2") format("woff2");}
@font-face 												{font-weight:700;font-style:normal;font-family:"Circular-AddEvent";src:url("https://cdn.addevent.com/web/fonts/CircularXXWeb-Bold.woff2") format("woff2");}
@font-face 												{font-weight:700;font-style:italic;font-family:"Circular-AddEvent";src:url("https://cdn.addevent.com/web/fonts/CircularXXWeb-BoldItalic.woff2") format("woff2");}

/* General page setup
---------------------------------------------------------------------- */

html,body 												{margin:0px;padding:0px;width:100%;height:100%;background:#fff;font-family:'Circular-AddEvent', Lato, 'Open Sans',sans-serif;font-size:15px;line-height:150%;font-weight:400;color:#333;text-align:left;-webkit-text-size-adjust:none;}

/* Generel table attributes and fonts
---------------------------------------------------------------------- */

table, td, select, input, label, textarea				{font-family:'Circular-AddEvent', Lato, 'Open Sans',sans-serif;font-size:15px;line-height:150%;font-weight:400;color:#333;}
th														{font-family:'Circular-AddEvent', Lato, 'Open Sans',sans-serif;font-size:15px;line-height:150%;font-weight:500;color:#333;}
p														{font-family:'Circular-AddEvent', Lato, 'Open Sans',sans-serif;font-size:15px;line-height:150%;font-weight:400;color:#333;}
a														{font-family:'Circular-AddEvent', Lato, 'Open Sans',sans-serif;font-size:1em;font-weight:400;color:#3399ff;text-decoration:none;-webkit-transition-property:color,background-color,border;-moz-transition-property:color,background-color,border;-o-transition-property:color,background-color,border;transition-property:color,background-color,border;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;}
a:hover													{text-decoration:underline;-webkit-transition-duration:0.2s;-moz-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;}
h1														{margin:0;font-family:'Circular-AddEvent', Lato, 'Open Sans',sans-serif;font-size:32px;line-height:130%;font-weight:600;color:#333;}
h2,h3,h4,h5,h6											{margin:0;font-family:'Circular-AddEvent', Lato, 'Open Sans',sans-serif;font-size:24px;line-height:130%;font-weight:600;color:#333;}
a img													{border:none;}

/* Base template setup
---------------------------------------------------------------------- */

.top 													{width:100%;position:absolute;z-index:2;background:#fff;padding:5px 0px 15px 0px;}
.top .auto 												{max-width:980px;margin:0 auto;text-align:left;}
.top .auto .pad 										{clear:both;padding:12px 20px 0px 20px;}
.top .auto .pad p 										{margin:0;}
.top .auto .pad a 										{text-decoration:none;position:relative;}
.top .auto .pad a:active 								{top:1px;}
.top .auto .pad img 									{height:34px;}

/* Error */
.error 													{width:100%;position:absolute;z-index:1;left:0px;top:50%;margin:-30px 0px 0px 0px;text-align:center;}
.error h1 												{font-size:31px;}
.error p 												{font-size:17px;color:#777;font-style:italic;}

/* Mobile */
@media screen and (max-width:640px){

	/* Top */
	.top .auto 											{width:100%;margin:0;text-align:left;}
	.top .auto  										{width:100%;clear:both;}
	.top .auto .pad 									{clear:both;padding:12px 20px 0px 20px;}

}