/* EDK custom css for bootstrap framework */

/* Custom web fonts */
@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: local('Montserrat Light'), local('Montserrat-Light'), url(/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/Montserrat-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: local('Montserrat Regular'), local('Montserrat-Regular'), url(/_layouts/15/Eduskunta.Internet.Responsive.Layouts/fonts/Montserrat-Regular.ttf) format('truetype');
}
/* Custom web fonts end */


/* video player styles*/
div[data-gobrain-widgetid] {
	padding-bottom: 56.25%; /* 16:9 aspect ratio */
	position: relative;
	height: 100%;
}

div[data-gobrain-widgetid] > div:first-of-type {
	bottom: 0;
	left: 0;
	position: absolute !important;
	right: 0;
	top: 0;
	height: 100% !important;
	width: 100% !important;
}
/* video player styles - end*/


body {background-color:#f7f7f5;}
#s4-workspace {-webkit-overflow-scrolling: touch;}
#s4-bodyContainer {background-color:#f7f7f5; padding-bottom:0}
#s4-titlerow {display: none !important;}

div#RibbonContainer-TabRowRight {display: none!important;}

#speakerslist {min-height:200px;}
#currentspeaker {min-height:80px;}
.agendarow {
	min-width:100px !important;
}

.caret {
    position: absolute;
    left: 90%;
    top: 45%;
}

/* for making equal height divs, for responsive behaviour this must be reset in mobile @media part*/
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

#edk-header {padding-top:15px; background-color:#fff; box-shadow: 0 0 6px 0 rgba(0,0,0,0.24);}
#edk-header .container {padding:0}
#edk-header .row {padding:0;margin:0}
#content-area {margin-top:20px; padding-right:0}
#mainheading-area {margin-top:20px;background-color:#fff;}
#threecol-mainarea {margin-top:20px}
#threecol-mainarea div {background-color:#fff;margin-right:15px}
#twocol-area {margin-top:20px}
#twocol-area div {background-color:#fff;margin-right:15px}
#threecol-area {margin-top:20px}
#threecol-area div {background-color:#fff;margin-right:15px}
#fourcol-area {margin-top:20px}
#fourcol-area div {background-color:#fff;margin-right:15px}

#threecol-mainarea div:last-child {margin-right:0;}
#twocol-area div:last-child {margin-right:0;}
#threecol-area div:last-child {margin-right:0;}
#fourcol-area div:last-child {margin-right:0;}

#page-mainarea {margin-bottom:20px}
#leftnavigation {background-color:#fff;margin-right:15px}
#maincontent {background-color:#fff; padding-bottom:15px}

#mainheading-area div.ms-rte-embedwp > div {min-width:200px !important;}

#topheader div {padding-right:0}
.container-fluid {padding-right:0}

#custom-search-input {margin-top:8px}

#toollinks {display:none; font-size:12px; text-align:right;padding-top:3px}

.btn-primary {
	background-color:#385590;
	border-radius:0;
}

.header-bg {
	height: 100px;
	width: 1024px;
	background-color: #FFFFFF;
	
}


#linkarea {
	margin-top:20px;
	background-color: #385590;
	font-family: Arial, serif;
	color:#fff;
	padding:0 0 20px 0;
}
#linkarea a {color: #fff;}
#linkarea ul {list-style:none; padding-left:0}

#edk-footer {
	background-color: #2A4376;
	color:#fff;
	padding:15px 0 15px 0;
}

#edk-footer a {color:#fff}
#edk-footer ul {padding:0;}
#edk-footer .nav-bar > li {border:0 !important;}


/* Headings */

#linkarea h3 {
	font-family: Arial, serif;
	font-weight:bold;
	font-size:16px;
	color:#fff
}
#linkarea h3 a {color: #fff;}

h1,
h1 .ms-rteElement-h1,
h1 .ms-rteElement-h1 a,
.ms-rteElement-H1, 
h1.edk-rte-Element-h1,
h1.edk-rteContent-Element-h1,
.ms-rtestate-field h1,
h1.ms-rteElement-H1{
	color:#404040;
	font-family: 'Montserrat',Tahoma,Helvetica,Arial,sans-serif;
	font-weight:300; /* light */
	font-size:2.3em;
	line-height: 1.1em;
}
h2,
h2.ms-webpart-titleText.ms-webpart-titleText, h2.ms-webpart-titleText > a
h2.ms-rteElement-h2,
.ms-rteElement-H2,
h2.edk-rte-Element-h2,
h2.edk-rteContent-Element-h2,
.ms-rtestate-field h2,
h2.ms-rteElement-H2 {
	color:#404040;
	font-family: 'Montserrat',Tahoma,Helvetica,Arial,sans-serif;
	font-weight:400; /* regular */
	font-size:1.7em;
	font-weight:normal;
	line-height: 1.25em;
}
h3,
h3.ms-rteElement-h3,
.ms-rteElement-H3,
.MyAlertsMainTable h3,
h3.edk-rte-Element-h3,
h3.edk-rteContent-Element-h3,
.ms-rtestate-field h3,
h3.ms-rteElement-H3{
	color:#404040;
	font-family: Georgia,"Palatino Linotype","Times New Roman", Times, serif;
	font-size:1.4em;
	font-weight:normal;
	line-height: 1.25em;
}
h4,
h4.ms-rteElement-h4,
 .ms-rteElement-H4,
h4.edk-rte-Element-h4 ,
h4.edk-rteContent-Element-h4,
.ms-rtestate-field h4,
h4.ms-rteElement-H4 {
	color:#404040;
	font-family: Georgia,"Palatino Linotype","Times New Roman", Times, serif;
	font-size:1.2em;
	font-style: normal;
	font-weight:bold;
	font-weight:normal;
	line-height: 1.25em;
}
h1 a,
h2 a,
h3 a ,
h4 a,
h5,
h5 a,
h6,
h6 a {
	color:#404040;
}


.logo {padding:0 0 15px 0}
.logo-mobile {padding:0 0 0 8px}

/* Main navbar styles*/
.navbar {
	background-color:#fff;
	border:0;
	min-height:30px !important;
	margin:0;
}
.navbar-nav > li {
		
	border-bottom:4px solid #2EA8E6;
	margin-right:2px;
}



.navbar-nav > li > a, .navbar-brand {
    padding-top:5px !important; 
    padding-bottom:0 !important;
    height: 30px; 
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #f0f0f0;
    color: #000;
}




/* Dropdown submenu styles*/
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#555;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}



/* breadcrumb */
.breadcrumb {
	padding:0;
	background-color:transparent;
	margin:0 0 10px;
	
}

#TopNavigation-div { display: block; }
#HamburgerNavigation-div { display: none;}

/*----- PN -------*/
#pageTitle {display:none;}

#toollinks ul > li {
	display:inline-block;
	padding-left: 1em;
}

#edk-footer ul > li {display:inline-block;margin-right:10px}


/* PN WP OTSIKOT  */
#DeltaPlaceHolderMain .ms-webpart-chrome-title {
	border: 1px solid #efefef;
	border-bottom: 0px solid #efefef !important;
 }

#DeltaPlaceHolderMain .ms-webpart-chrome-title  h2 {
	color: #2c4671;
	font-family: 'Montserrat',Tahoma,Helvetica,Arial,sans-serif;
	font-weight:400; /* regular */
	font-size: 18px;
	background: #eff2f2;
	margin:0px!important;
	padding: 10px 0px 5px 10px!important;
	width:auto!important;
}

#DeltaPlaceHolderMain .ms-webpart-titleText.ms-webpart-titleText,
#DeltaPlaceHolderMain .ms-webpart-titleText > a
{
	color: #2c4671;
}

#DeltaPlaceHolderMain .wp-border .ms-webpart-chrome {
	border: 1px solid #efefef;
}

#DeltaPlaceHolderMain .ms-WPBorder,
 .ms-WPBorderBorderOnly {
	border:1px solid #efefef;
	border-top-width:1px;
	padding:9px;
}

.js-webpart-titleCell, .ms-webpart-controlBox, .js-webpart-menuCell, .ms-webpart-checkboxTd {
	display:block !important;
}

.ms-webpart-chrome-title {
	margin-bottom:0;
}

/*#DeltaPlaceHolderMain .ms-webpart-chrome {
	-moz-box-shadow: 0 4px 6px -4px rgba(125, 125, 125, 0.8);
	-webkit-box-shadow: 0 4px 6px -4px rgba(125, 125, 125, 0.8);
	box-shadow: 0 4px 6px -4px rgba(125, 125, 125, 0.8);
}*/



/*----- intermediate styles  ------*/
@media screen and (max-width: 1199px) {
	.navbar-default .navbar-nav > li > a {font-size:12px;}
	.nav > li > a {padding:7px 8px}
}

@media screen and (max-width: 992px) {
	.navbar-nav > li {border-bottom:1px dashed #ddd}
	
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}


/*----- Mobile styles  ------*/
@media screen and (max-width: 768px) {
	body {background-color:#fff}
	#content-area {margin-top:20px; padding-right:20px}

    #TopNavigation-div { display: none; }
    #HamburgerNavigation-div { display: block;}
	
	/*#topheader {display:none;}*/
	#toollinks {display:none;}
	#leftnavigation {display:none;}
	
	.row-eq-height {display: block;}
	
	/* mobile menu icon*/
	.navbar-default .navbar-toggle .icon-bar {background-color:#fff}
	.navbar-default .navbar-toggle {border-color:#fff;margin-right:30px}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color:#385590;}
	
    h1{
        font-size:23px;
		font-weight:normal;
    }
	
	h2{
        font-size:20px;
		font-weight:normal;
    }
	
	.navbar {
	background-color:#385590;
	}
	
	.navbar-collapse {padding-left:25px}
	
	.navbar-nav > li {
	border-bottom:1px dashed #BFBFBF;
	margin-right:2px;
	}
	
	.navbar-default .navbar-nav > li > a {
		color:#fff;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color:#fff;
	}
	
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		background-color:#efefef;
	}
	
	.dropdown-menu .divider {background-color:#aaa;margin-left:23px}
	
	.navbar-default .navbar-nav > li > a {font-size:14px;}

	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 768px){
	.navbar-brand {display:none}
	.navbar-collapse {padding:0}
}

/* heteka tables*/
.heteka-data td.first-col {width:65%}
.heteka-data td.second-col {width:35%}
.heteka-data td.third-col {}
.heteka-data td.fourth-col {}

.plain-text-cell {background-color:transparent}

/* custom display templates  ********************************************************************************************/
.edk-list {
	list-style:none outside;
	margin:0 0 .5em;
	padding:0;
}
.edk-list li {
	border-bottom: 1px solid #e8e8e8;
	clear:both;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
	line-height:1.2em;
	padding: 0 0 0.5em;
}
.edk-list li:first-child{
	/*
	border-top:1px solid #e8e8e8;
	padding-top:.5em;
	*/
}
.edk-list .author,
.edk-list time {
	color:#777;
	font-size:.85em;
}
.edk-list h6.title {
	margin:0;
}
#bodywrapper .edk-list-img,
.edk-list-img {
	float:left;
	margin:0 9px 0 0;
	max-height:100px;
	max-width:100px;
}
#bodywrapper .edk-list .description {
	line-height:1.2!important;
	margin:.2em 0 .5em!important;
}

/* //custom display templates  ********************************************************************************************/


/**********************
left navigation
**********************/
#leftnavigation {
}

/* 	#leftnavigation .leftNavWrapper {
		margin-left: 0px;
		padding-top: 0;
	} */

	#leftnavigation a:link,
	#leftnavigation a:visited,
	#leftnavigation a:hover,
	#leftnavigation a:active {
		text-decoration: none;
	}

	#leftnavigation a:hover,
	#leftnavigation .selected > a {
		color: #333;
	}

	#leftnavigation a.leftNaviSelected_1:link,
	#leftnavigation a.leftNaviSelected_1:visited,
	#leftnavigation a.leftNaviSelected_2:link,
	#leftnavigation a.leftNaviSelected_2:visited,
	#leftnavigation a.leftNaviSelected_3:link,
	#leftnavigation a.leftNaviSelected_3:visited {
		color: #333;
	}

	#leftnavigation ul {
		list-style: none;
		padding: 0px;
		margin: 0px;
		background-color: #F0F0F0;
	}

	#leftnavigation li {
		font-weight: bold;
		padding: 0px;
	}

		#leftnavigation li span,
		#leftnavigation li a {
			padding: 7px 2px 7px 10px!important;
			display: block;
			color: #666666 !important;
			font-weight: bold;
			/*font-size: 1.3em !important;*/
			
			margin: 0 0 1px;
			border-bottom: 1px solid #0890D4;
		}

			#leftnavigation li a:hover {
				background-color: rgba(79, 119, 148, 0.3) !important;
			}
			/*79, 119, 148, 0.15*/
			#leftnavigation li a.leftNaviSelected_1,
			#leftnavigation li a.leftNaviSelected_2,
			#leftnavigation li a.leftNaviSelected_3,
			#leftnavigation li a.leftNaviSelected_4,
			#leftnavigation li a.leftNaviSelected_5 {
				background-color: rgba(79, 119, 148, 0.3) !important;
			}
				/*79, 119, 148, 0.15*/
				#leftnavigation li a.leftNaviSelected_1:hover,
				#leftnavigation li a.leftNaviSelected_2:hover,
				#leftnavigation li a.leftNaviSelected_3:hover,
				#leftnavigation li a.leftNaviSelected_4:hover,
				#leftnavigation li a.leftNaviSelected_5:hover {
					background-color: #EFEFEF!important;
				}

	#leftnavigation .menu li a {
		margin: 0;
	}

	#leftnavigation li li {
		font-weight: normal;
		padding: 0;
	}

		#leftnavigation li li span,
		#leftnavigation li li a {
			padding: 7px 2px 7px 0!important;
			border-bottom: 2px dotted #0890D4;
			margin-left: 10px;
			font-weight:normal;
		}

		#leftnavigation li li li {
			padding: 0;
		}

			#leftnavigation li li li span,
			#leftnavigation li li li a {
				padding: 7px 2px 7px 20px!important;
				border-bottom: 2px dotted #0890D4;
                margin-left: 10px;
				font-weight:normal;
			}

			#leftnavigation li li li li span,
			#leftnavigation li li li li a {
				font-size: .85em;
				padding: 7px 2px 7px 35px!important;
				border-bottom: 2px dotted #0890D4;
                margin-left: 10px;
				font-weight:normal;
			}

			#leftnavigation li li li li li span,
			#leftnavigation li li li li li a {
				padding: 7px 2px 7px 50px!important;
				border-bottom: 2px dotted #0890D4;
                margin-left: 10px;
				font-weight:normal;
			}

/**********************
/left navigation
**********************/