@import "reset.css";

/****************** FONT WEBKIT  ******************/

@font-face {
  font-family: 'Proxima Nova Rg';
  src: url('proxima_nova_reg-webfont.eot'); /* IE9 Compat Modes */
  src: url('proxima_nova_reg-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('proxima_nova_reg-webfont.woff') format('woff'), /* Modern Browsers */
       url('proxima_nova_reg-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('proxima_nova_reg-webfont.svg#2c1459d58560f08b4b0586fbe80aa4cd') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  400;
}

@font-face {
  font-family: 'Proxima Nova Lt';
  src: url('proxima_nova_sbold-webfont.eot'); /* IE9 Compat Modes */
  src: url('proxima_nova_sbold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('proxima_nova_sbold-webfont.woff') format('woff'), /* Modern Browsers */
       url('proxima_nova_sbold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('proxima_nova_sbold-webfont.svg#67a6c9f6d7dc8f35ecb08de766ea56f0') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}

@font-face {
  font-family: 'Proxima Nova Th';
  src: url('proxima_nova_xbold-webfont.eot'); /* IE9 Compat Modes */
  src: url('proxima_nova_xbold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('proxima_nova_xbold-webfont.woff') format('woff'), /* Modern Browsers */
       url('proxima_nova_xbold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('proxima_nova_xbold-webfont.svg#131ef5652291f8dc4bd914210809df02') format('svg'); /* Legacy iOS */
       
  font-style:   normal;
  font-weight:  700;
}



/****************** STANDARD PRE-DEFINED ******************/
body, input, select, textarea, table, tr, td {
	color: #333;
	font-family: 'Proxima Nova Rg',sans-serif;
	font-size: 12pt;
	font-weight: normal;
	line-height: 1.45em;
    background-color: #FFF;
}
    small {
        font-size:9pt;
    }

	strong, b {
		color: #333;
		font-weight: bold;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 1em 0;
        font-size: 14px;
	}
	
	table tr td{
		font-size:14px;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #333;
		font-weight: bold;
		line-height: 1em;
		margin: 0 0 1em 0;
        font-family: 'Proxima Nova Th', sans-serif;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h1 {
		font-size: 2em;
		line-height: 1.25em;
		text-transform: uppercase;
	}

        h1.special {
            font-size: 40px;
            color: #FFF;
            margin: 0px;
            text-shadow: 1px 1px 2px rgba(35, 35, 35, 1);
            text-transform: uppercase;
            line-height: 0.8em;
            margin-top:14px;
        }
        
        h1.special i{
        	font-size:32px;
        }

        h1.special span {
            font-family: 'Proxima Nova Rg', sans-serif;;
            font-size: 14pt;
            color: #FFF;
            
        }
        
        h1.special span ul {
        	margin: 0;
        	padding: 0;
        }
        
        html.small h1.special span ul li {
        display: block;}
        
        h1.special span ul li {
        	display: inline-block;
        	list-style: none;
        	margin-right: 10px;
        	font-size: 14pt;
        }
        
        h1.special span ul li:before {
        	content: "-";
        	margin-right: 10px;
        }
        
        html.small h1.special span ul li:before {
        	content: "";
        }
        
        h1.special span ul li:first-child:before {
        	content: "";
        	margin-left: 0;
        }

        h1.pagetitle {
            font-family: 'Proxima Nova Th', sans-serif;
            font-size: 26px;
            text-transform: uppercase;
            padding: 0 0 0 20px;
        }

    .small h1.special {
        font-size: 30px;
    }

	h2 {
		font-size: 1.75em;
		line-height: 1.5em;
	}
    
    h2.date {
		font-size: 23px;
		line-height: 1.5em;
        text-align: right;
        color: #eb1a3a;
        font-family: 'Proxima Nova Rg', sans-serif;
        margin-bottom: 4px;
	}

    html.small h2.date {
		font-size: 23px;
		line-height: 1.5em;
        text-align: left;
        color: #eb1a3a;
        font-family: 'Proxima Nova Rg', sans-serif;
        margin-bottom: 4px;
        margin: 30px 0px 4px;
	}
    
    h2.fooTitle {
        font-size: 24px;
		line-height: 1.5em;
        color: #FFF;
        font-family: 'Proxima Nova Rg', sans-serif;
        margin: 30px 0px;
    }

     h2.fooTitle span {
        color: #978B8B;
    }

	h2.fooTitle ul {
		margin: 0;
		padding: 0;
	}

	h2.fooTitle li {
		display: inline-block;
		margin: 0;
		padding: 0 30px 0 0;
		
		font-family: 'Proxima Nova Rg', sans-serif;
		font-size: 18px;
		line-height: 1.5em;
		list-style: none;
	}

	h3 {
		font-size: 1.35em;
		line-height: 1.5em;
	}
    
    h3.fontSize13 { font-size: 18px; margin-bottom: 12px; }

    ul {
        list-style-type: disc !important;
        list-style-position: outside;
        margin: 1.5em 2em; 
    }
    	ul li{
    		font-size: 14px;
    	}


    ol {
        list-style-type: decimal !important;
        list-style-position: outside;
        margin: 1.5em 2em;
    }

.clear 		{ clear: both; }
.fleft 		{ float:left; }
.fright		{ float:right; }
.taleft		{ text-align: left; }
.taright	{ text-align: right; }
.tacenter	{ text-align: center; }
.hide		{ display: none;}
.error		{ color: #ff0000 !important; }

label.error { display: block; font-size: 0.8em; float:right;}


button, .button, .fakebutton, .submit_button { 
    font-family: 'Proxima Nova Rg', sans-serif; 
    padding: 12px 20px; 
    background-color: #eb1a3a; 
    color: #FFF; 
    text-transform: uppercase; 
    text-decoration: none; 
    border:none; 
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    margin: 20px 0;
    cursor: pointer;
}

.pdfIcon {  
	background: url("../images/layout/pdf.png") no-repeat scroll left 13px center #EB1A3A;
	padding-left: 45px;
}

/* Main */

	#main {
		padding: 0px 0;
	}

/* Header */

	#header {
		text-align: center;
	}
	
/* Footer */

	#footer {
		color: #FFF;
		margin: 0;
		text-align: center;
        background-color: #313131;
        font-size: 12px;
        padding:  50px 0 50px;
	}
	
		#footer a {
			color: inherit;
		}

/* SPECIALS */

    .whiteblock {
        background-color: #FFF; padding:20px 25px;
    }
    

    .event-contact {
        background: #FFF none repeat scroll 0 0;
        float: right;
        margin-top: 20px;
        padding: 45px 0px 25px;
        position: relative;
        width: 90%;
        font-size: 14px;
    }

    .caret {
        border-bottom: 6px solid transparent;
        border-right: 9px solid #FFF;
        border-top: 6px solid transparent;
        height: 0;
        left: -9px;
        position: absolute;
        top: 20px;
        width: 0;
    }
    
    html.small .event-contact { width: 100%; }
    html.small .caret { display: none;}

    .email_link {
        text-decoration: none;
        color: #333;
    }

/* Logo */
    #logo {
        float:left; 
        padding: 17px 10px 16px 0px;
        border-right:  1px solid #e0e0e0;
    }

/* Logo */
    #banner {
        background-repeat: no-repeat !important;
        background-position: center top !important;
        background-size: auto 100% !important;
        height: 475px;
        overflow: hidden;
        background-color: #515151 !important;
    }

     @media (min-width: 1440px) {
        #banner {
            background-size: 100% auto !important;
        }
    }


    #banner2 {
        background: url('../images/layout/main_bg.jpg') center top no-repeat;
        height: 345px;
        overflow: hidden;
        background-color: #515151 !important;
    }


/* Nav */
    #nav-wrapper {
        border-top: 44px solid #323232; 
        border-bottom: 2px solid #ececec; 
        background: url('../images/layout/bg-main-nav-link.gif') repeat-x scroll left bottom;
        height: 115px;
    }

    html.small #nav-wrapper, html.medium #nav-wrapper {
        display: none;
    }

	#nav {
		margin: 0em 0;
		padding: 0em 0em;
		text-align: left;
        height: 68px;
	}
	
		#nav a {
            border-right: 1px solid #e0e0e0;
            color: #333;
            display: inline-block;
            font-family: 'Proxima Nova Rg',sans-serif;
            font-weight: 600;
            font-size: 13px;
            padding: 22px 14px;
            text-decoration: none;
            text-transform: uppercase;
		}
		
			#nav a:first-child {
				border-left: 10px solid #e0e0e0 !important;
			}
            
            #nav a:hover, #nav a.active {
				border-bottom: 2px solid #ED1A3B;
                background-color: #f2f2f2;
			}
            
        .naarNL { 
            float:right; 
            position:relative; 
            z-index:9999;
            margin: -34px 0 0;
            font-family: 'Proxima Nova Rg',sans-serif;
            font-weight: 600;
            font-size: 13px;
        }

        .naarNL a { 
            color: #FFF !important; 
            text-decoration: none;
            opacity: 0.4;
        }
        .naarNL a:hover { 
            opacity: 1.0;
            transition: all 0.4s ease 0s;
        }

/* Nav Panel */
	#navPanel {
		background: #20409A;
		line-height: 3em;
		padding: 1.5em;
	}
	
		#navPanel a {
			border-top: solid 1px #fff;
			color: #fff;
			display: block;
			font-weight: bold;
			text-decoration: none;
		}
		
			#navPanel a:first-child {
				border-top: 0;
			}

/* Title Bar */
	#titleBar {
		background: #FFF;
		line-height: 44px;
		text-align: center;
	}
	
		#titleBar .title {
			color: #fff;
			font-weight: bold;
		}
	
		#titleBar .toggle {
			position: absolute;
			top: 0;
			left: 0;
			width: 70px;
			height: 44px;
			background: #20409A;
			color: #fff;
			font-weight: bold;
		}

/** INPUTS **/
/* Placeholder Styles */
::-webkit-input-placeholder {
   color: #ccc;
   font-weight: lighter;
}

::-moz-input-placeholder {
   color: #ccc;
   font-weight: lighter;
}

/* Default input styles */

.ui.input{
	display: block;
	width: 100%;
	margin: 0.7em 0;
}

input[type=name], input[type=email],
input[type=password], input[type=text],
textarea, input[type=file] {
	color: #333;
	font-family: 'Proxima Nova Rg',sans-serif;
	font-size: 14px !important;
	padding: 10px;
	border: 1px solid #ddd;
	display: block;
	width: 97%;
}

input[type=name]:hover, input[type=email]:hover,
input[type=password]:hover, input[type=text]:hover,
textarea:hover {
	outline: none;
	border: 1px solid #bbb;
}

input[type=name]:focus, input[type=email]:focus,
input[type=password]:focus, input[type=text]:focus,
textarea:focus {
	outline: none;
	border: 1px solid #aaa;
}

select {
   -webkit-appearance: tab-scroll-arrow-back;
   -moz-appearance:    tab-scroll-arrow-back;
   appearance:         tab-scroll-arrow-back;
    border: 1px solid #ddd;
    padding: 10px;
    display: block;
    width: 97%;
}

input.error {
	border: 1px solid #dd212b;
}

.ui.input > label {
    display: block;
    color: #333;
	font-family: 'Proxima Nova Rg',sans-serif;
	font-size: 14px !important;
}

/****************** FOTOALBUM *****************/

.FATitle {
    color: #3C3A3D;
    font-size: 23px;
    padding: 32px 0 12px;
}

.thumbContainer, .thumbContainerRowLast, .thumbContainerLast {
	border: 1px solid #d4d4d4;
	background-color: #FFF;
	padding: 4px;
	float: left;
	margin: 0 14px 15px 0;
}
.thumbContainerRowLast {
	margin: 0 0px 15px 0 !important;
}

.thumbContainerLast {
	margin: 0 0px 15px 0 !important;
}

#pagination {
	margin: 10px 0;
}

#pagination > a {
    background-color: #403E41;
    border: 1px solid #403E41;
    color: #FFFFFF;
    margin: 2px;
    padding: 4px 8px;
    text-decoration: none;
}

#pagination > a:hover {
    background-color: #000;
    color: #CCC;
}


#pagination > a.active {
    background-color: #FFF;
    border: 1px solid #403E41;
    color: #403E41;
    margin: 2px;
    padding: 4px 8px;
    text-decoration: none;
}

.fotosep {	color:#D4D4D4; background-color:#D4D4D4; height:1px; border:none; }

.social { text-align: left; }
.social a { margin: 0px 7px 0px 0px; }
html.small .social { text-align: left; }

.copy { text-align: left; }
html.small .copy { text-align: left; }

.social-media {width: 150px;}

.social-media h3 {
	margin-bottom: 10px;
	
	color: #818181;
}

/* LAYOUT ADJUSTMENT */

div#main.container .row > div:first-child {
    border-right: 1px solid #e0e0e0;
    padding: 45px 20px 75px;
    min-height: 350px;
}

.whiteblock1 {
    padding: 20px 25px 20px 0;
}

.areaLink {
    padding: 20px 40px; 
    display: block; 
    text-align: center;
    text-decoration: none;
}

.areaTitle { 
    text-transform: uppercase;
    color: #333;
    font-weight: bold;
    font-size: 16px;
}

.areaText { 
    color: #333;
    font-weight: normal;
}

.areaAnchor { 
    text-transform: uppercase;
    color: #ed193b;
    font-weight: bold;
    font-size: 14px;
}

img {max-width: 100%;}

.footWhiteLink {
    color: #FFF !important;
    text-decoration: none;
    font-family: 'Proxima Nova Rg',sans-serif;
    font-weight: 600;
    font-size: 14px;
    float: right;
    text-transform: uppercase;
    margin: 38px 0 20px 0;
}

.rightBorder { border-right: 1px solid #515151; min-height: 162px;}
.rightBorder p { margin: 0px !important; }

html.small .rightBorder { border: none; }  

.menu a {
    font-family: 'Proxima Nova Rg',sans-serif;
    color: #FFF;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
}

div.event-contact h3 { font-size: 18px; margin-bottom: 12px; }

div.copy > a {
    color: #FFF !important;
    font-weight: bold;
    text-decoration: none !important;
}




/**** Evaluation form styles ****/
#evaluation_form {
    
}

    /*** Styling all labels, incl. checkbox/radio/etc. texts ***/
    #evaluation_form label {
        margin-right: 8px;
    }

        /*** Styling the actual label ***/
        #evaluation_form label:first-child {
            display: block;
        }

    #evaluation_form input[type="checkbox"], #evaluation_form input[type="radio"] {
        margin-right: 7px;
    }

    #evaluation_form textarea {
        max-width: 97%;
    }

    #evaluation_form button {
        cursor: pointer;
    }
    
.speakerslist img{
	max-height:150px;
}


/** Alginemtn divs ***/


div.row.0% {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

div.row.0% > div.col {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    
    padding: 1em;
    border: solid;
    background-color: aqua;
}

#myrow{
	min-height:200px;
}

#myrow div {
    min-height: 200px;
    background-size: cover !important;
}

/* FOOTER DATES LIST */
.fooTitle ul li {
    font-size: 16px;
    width: 25%;
}

#main h2, #main h3{
	margin-bottom:4px;
}

input[type="text"]:disabled {
    background: #eee;
    color: #aaa;
    cursor: not-allowed;
}