/*
Theme Name: Theme NordImage 2019
Version: 1.0
Description: A child theme of Twenty Seventeen
Author: mylene
Template: twentyseventeen
*/

@import url("../twentyseventeen/style.css");


*::first-letter{text-transform : capitalize;}
#colophon{margin-top:50px !important; }
.single-featured-image-header{display: none}
article{
	float: left;
	width: 20%;
	/*height:300px;*/
	background:#eee;
	border:5px solid #fff;
	padding:10px;
	text-align: center;
}
article img{
	max-height:200px;
}
h2{font-size: 1em !important;}

.site-content{padding:0;}
#primary{max-width: 1920px !important;margin:0 10% !important;}

#top-menu {
	background: #494c4d;
}

.ui-dialog-titlebar .ui-widget-header .ui-corner-all .ui-helper-clearfix .ui-draggable-handle {
	display: none;
}

.ui-dialog .ui-widget .ui-widget-content .ui-corner-all .ui-front .imgmap-dialog .ui-draggable .ui-resizable {
	background: transparent;
	border: none;
}

h1{font-size: 1.6rem !important;}

th{
	text-align: center
}

th[role=columnheader]:not(.no-sort) {
	cursor: pointer;
}

th[role=columnheader]:not(.no-sort):after {
	content: '';
	float: right;
	margin-top: 7px;
	border-width: 0 4px 4px;
	border-style: solid;
	border-color: #404040 transparent;
	visibility: hidden;
	opacity: 0;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

th[aria-sort=ascending]:not(.no-sort):after {
	border-bottom: none;
	border-width: 4px 4px 0;
}

th[aria-sort]:not(.no-sort):after {
	visibility: visible;
	opacity: 0.4;
}

th[role=columnheader]:not(.no-sort):hover:after {
	visibility: visible;
	opacity: 1;
} 

img.additional_img {
    width: 60%;
    margin-top: 30px;
}

pre {
	background: transparent;
	font-family: inherit;
	padding: 0;
	white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

@media only screen and (max-width : 1000px) {
	article {
		height: 330px
	}
}

@media only screen and (max-width : 800px) {
	article {
		width: 25%;
	}
}

@media only screen and (max-width : 700px) {
	article {
		width: 50%;
	}
}

@media only screen and (max-width : 500px) {
	article {
		width: 100%;
	}
}