/* fix safari mobile menu */

.site-header .site-menu-container {
position: absolute;
}


/* programme styles from apply pages */ 

    
		/* EN Master's Programme View  */
		
		.main a.red-button { 
		    border: 3px solid #F1563F;
			-webkit-border-radius: 28px;
			-moz-border-radius: 28px;
			border-radius: 28px;
			display: inline-block;
			padding: 8px 20px 8px 20px;
			text-transform: uppercase;
			font-weight: bold;
			font-size: 1rem;
			margin-right: 10px;
			font-family: "Lato Black", "Lato";
		
			margin-top: 37px;
			text-align: center;
					-webkit-transition: background-color .3s ease;
		-moz-transition: background-color .3s ease;
		-ms-transition: background-color .3s ease;
		-o-transition: background-color .3s ease;
		transition: background-color .3s ease;
		background: #f1563f;
		    color: #FFF;
		}
		.main a.red-button:hover { background: #FFF; color: #f1563F; }

	.programmes-facts .mosaic-tile { background: #F7F7F7; height: 100%; }
	.programmes-facts .mosaic-grid-cell { margin-bottom: 10px; }
		.programmes-facts .mosaic-tile-note-card { margin-bottom: 0px; padding: 20px 20px 0px 20px; }
		.programmes-facts .mosaic-tile p { font-size: 1.075rem !important; }
	.programmes-apply {}
		.programmes-apply .mosaic-grid-cell { padding-left: 0px; padding-right: 0px; }
		.programmes-apply .fragment-heroimage {  }
		.programmes-apply .fragment-heroimage .content:before {  }
		.programmes-apply .fragment-heroimage .content .title { font-size: 1.65rem }
		.programmes-apply .fragment-heroimage.content .subtitle { margin-top: 6px; }
		.programmes-apply .fragment-heroimage:hover { }
		
		
		.programmes-apply .mosaic-tile { height: 100%; padding-bottom: 25px;  }
		.programmes-apply .mosaic-tile-content { background: #FFF; height: 100%; padding: 8px; }
		.programmes-apply .fragment-heroimage .backdrop { background-color: #F7F7F7; }
		.programmes-apply .fragment-heroimage + .outside .content .title { font-size: 1.25rem; margin-bottom: 9px; font-weight: 800; font-family: "Lato Black", "Lato", sans-serif;}
		.programmes-apply .fragment-heroimage + .outside { padding-bottom: 5px; margin-top: 0px; }
		.programmes-apply .fragment-heroimage + .outside .content { padding: 15px 5px 5px 5px; border-top: 3px solid #DDD; }
		.programmes-apply .fragment-heroimage + .outside .content .subtitle { font-size: 0.97rem; }
		
		.programmes-jyu {}
		.programmes-jyu .fragment-heroimage { margin-top: 25px; }
		.programmes-jyu .fragment-heroimage .content .title { font-size: 1.65rem }
		.programmes-jyu .fragment-heroimage.content .subtitle { margin-top: 6px; }
		
		.programmes-apply h3, .programmes-jyu h3, .story-faculty-description h3 { 
			text-transform: uppercase;
			color: #172A55;
			font-family: "Lato Black", "Lato";
			font-weight: 800;
			border-bottom: 3px solid #F0553F;
			padding-bottom: 14px;
		}

		/* Updated folding style */ 
		.main ul.listFoldingItems, body#tinymce ul.listFoldingItems { background: #F8F8F8; border-bottom: 2px solid #f1563f; padding-right: 25px; position: relative; margin-bottom: 15px; } 
			/* Expand arrow */
			.main ul.listFoldingItems li span:before, body#tinymce ul.listFoldingItems li span:before { position: absolute; top: 27px; }
			ul.listFoldingItems h2, ul.listFoldingItems h3, ul.listFoldingItems h4 { margin-top: 22px !important; margin-left: 3px; width: 100%; }
				ul.listFoldingItems h2:hover, ul.listFoldingItems h3:hover, ul.listFoldingItems h4:hover, ul.listFoldingItems h2:hover strong, ul.listFoldingItems h3:hover strong, ul.listFoldingItems h4:hover strong { text-decoration: underline; }
			.main ul.listFoldingItems li, body#tinymce ul.listFoldingItems li { padding-left: 16px; } 
			/* List inside folding element */
		    .main ul.listFoldingItems ul li, body#tinymce ul.listFoldingItems ul li { font-size: 1.1rem; padding-left: 8px; }
		
	

/* haitari fixes for hytk */
@media (min-width: 768px) { 
nav.menu .row .nav-item.hovered .content ul li {
    margin-bottom: 8px;
}
}

/* fixes roster gallery image min width in mobile */
.galleryPortrait img {
    min-width: 90px;
}
.main img, body#tinymce img {
    height: auto;
}

/* news pick text shadow for better readability */

.newspick-grand .title a:hover, .newspick-grand .title a:active, .newspick-grand .title a:link {
    text-shadow: 1px 1px 1px #666;
}

/* better style for a portlet named twitter */

.sidebar .portlet-static-twitter {
    padding: 1em 0em;
    margin-bottom: 15px;
    background-color: #fff;
}

/* hide small images from collection portlet */

.portletCollection .image-icon {

    display: none;

}

.portletCollection .contenttype-document::before {

    content: none;
    width: 0.8571em;

}

.portletCollection .portletContent {

    list-style: inherit;
    padding-left: 1em;

}

.portlet.portletCollection {

    background: #f0f2f4;
    padding: 17px;

}


/****************************************************************************************
*****************************************************************************************
 ALLA OLEVAT SIIRRETTY TEEMAAN
*****************/

/* show state color in folder contents */
.itemRow.state-private td.review_state {
    color: #C85300;
}
.itemRow.state-visible td.review_state {
    color: #659408;
}

/* pienempi fonttikoko rosterin taulukossa jotta se mahtuu */
table.roster td {
    font-size: 16px;
}

/* parempi rivinkorkeus ja tekstin väri sisältövälilehden popovereissa*/
#popover-rename input {
    height: 2em;
    color: #333;
}

/* korjaa dynapagen bullettien sisennyksen */

div.dynaitem-collection ul {
    margin-left: 0em;
    padding-left: 1em;
}

/* parantaa dynapagen otsikon tyyliä */

.collection-title {
    background-color: transparent;
    font-weight: bold;
}

/* smaller padding for lists in tables */

#content-core .table-container ul {
    padding-left: 1em;
}


div.dynaitem-collection-3, 
div.dynaitem-collection-2,
div.dynaitem-collection {
    width: 100%;
}

/* mobile styles */
@media screen and (max-width: 1120px) {
.hero-carousel-item .content {
    font-size: 3rem;
}
}
@media screen and (max-width: 768px) {
.hero-carousel-item .content {
    font-size: 2rem;
}
}

/* ihan pieni drop shadow parantamaan haitarin ja karuselliotsikon luettavuutta */
.hero-carousel-item .content, 
body.flex nav.menu .row .nav-item .content h3{
    text-shadow: 1px 1px 1px #333;
}

/* piilottaa headerin printissä */
@media print {
.site-header {
   display: none !important;
}
}

/* parempi sisällysluettelon tyyli */

.pat-autotoc .autotoc-nav {
    float: none;
    border: none;
    padding: 1em;
    width: 100%;
    border-top: 1px solid #d4290f;
    border-bottom: 1px solid #d4290f;
    line-height: 2em;
}

.main div.table-container, body#tinymce div.table-container {
    margin-bottom: 2em;
    margin-top: 2em;
}


/* hide lead image from left menu */
.navTreeItem .image-icon {
    display: none;
}

/* piilottaa lead imagen mosaicin kokoelmassa */

.mosaic-tile-content .summary img {
    display: none;
}

/* remove link underline in mosaic tiles image links */

.mosaic-tile-content .imglink {
    border-bottom: none !important;

}