/*
Theme Name: twentyseventeen-child-nordicmessaging
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: Enestedt.se
Author URI: https://www.enestedt.se/
Description: Twenty Seventeen child theme.
Template: twentyseventeen
Version: 1
*/

/*--------------------------------------------------------------
TABLE OF CONTENTS:
-------------------
Allmänt
	Tabeller
	Kod block
Header
	Meny
Footer
Respnsivitet

--------------------------------------------------------------*/
/**** Allmänt ****/
	a{color:#ff6600;}
	body .entry-content a{box-shadow: none;}
	ul li, ol li {margin-left: 30px;margin-bottom:5px;}
	.widget ul li{border-top: none;}
	code{font-family: monospace; }
	.columns-color .wp-block-column {background: #f2f2f2;padding: 20px;}


	/** Tabeller - Var något sådant som skulle in..? **/
		table tr td:not(:last-child), table thead th:not(:last-child){white-space: nowrap;/*word-break: keep-all;*/}
		table tr td:last-child{word-break: normal;}

	/** Kod block **/
		.wp-block-code {border: 1px solid #ccc !important;border-radius: 3px;padding: 15px 20px !important;}

/**** Header ****/
	.header-image-wrapper-nmt{max-width: 1000px;margin: auto;}
	.header-wrapper-nmt{background: linear-gradient(#5496b2, #2f7a99);position: absolute;top: 0;width: 100%;}
	.header-image-nmt{height: auto;max-width: 100%;max-height: 100%;}

	/**** Meny ****/
		header .navigation-top{background-color: #d8e3e9;}
		#top-menu li {margin: 0;}
		.avdelning-meny {border-top: 1px solid grey !important;}

/**** Footer ****/
	.site-footer {background: #d8e3e9; }
	.fixed-footer.site-footer {position: fixed;bottom: 0;width: 100%;}

/**** Respnsivitet ****/
	@media screen and (min-width: 48em) {
			.main-navigation ul ul a {padding: 0.6em 1.25em;}
		}
	@media screen and (min-width: 30em) {
		.page-one-column .panel-content .wrap {max-width: 1000px;}
		/**** Header ****/
			.site-branding {min-height: 138px;}
			.header-wrapper-nmt{height: 138px;}
			.header-image-nmt{width: 550px;}
			.custom-header {margin-bottom: 72px;}
	}
	@media screen and (max-width: 30em) {
		/**** Header ****/
			.site-branding {min-height: 78px;}
			.header-wrapper-nmt{height: 78px;}
			.header-image-nmt{width: 300px;}
	}