/*
	Theme Name: Tolkjour
	Theme URI: http://tolkjour.se
	Description: Tolkjour
	Version: 1.0.0
	Author: Redema
	Author URI: http://redema.se
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

html { background-color: #fff; }
body { font-family: Georgia; color:#555; background-color: #fff; font-size: 11pt; }

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

/* clear */
.clear:before, .clear:after { content:' '; display:table; }
.clear:after { clear:both; }
.clear { *zoom:1; }

img { max-width:100%; vertical-align:bottom; }

a { color: #72b5df; text-decoration:none; }
a:hover { color: #087cc5; }
a:focus { outline:0; }
a:hover, a:active { outline:0; }

input:focus { outline:0; border:1px solid #04A4CC; }

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* Hem */
.sidrubrik-hem { font-size: 14pt; padding-left: 15px; }
.sidrubrik-hem h1 { margin: 35px 0 10px 0; }
.top-image-shadow { width: 100%; background: url('img/bg-image/top-image-shadow.png') no-repeat left bottom; margin: 0 !important; }
.content-image-map { background: #efefef url('img/bg-image/homepage-map-bg.png') no-repeat left top; margin: 0 !important; }
.startpage-thumbs { margin-bottom: 20px; }

/* Nyheter */
.nyhetsrubrik-startsida { margin-bottom: 0; font-size: 12pt; }
.nyhetstext-startsida { margin-bottom: 5px; font-size: 9pt; padding-left: 7px; }
.nyheter-wrap { padding-left: 0; padding-right: 0; padding-top: 0; margin-bottom: 40px; }
.nyheter-sidebar img { margin-top: 0 !important; }
.nyheter-sidebar h4 { text-align: center; color: #fff; font-weight: bold; padding-top: 10px; }
.nyheter-sidebar { padding-bottom: 0; margin-top: 15px; background-color: #000; }
.nyheter-sidebar a { font-size: 10pt !important; }
.nyheter-sidebar ul { list-style-type: none; padding-left: 20px; }
.nyheter-sidebar li { padding-right: 20px; }
.nyheter-sidebar ul li { color: #fff; }
.nyheter-sidebar ul li:nth-child(2) { padding: 0 0px; }
.nyheter-sidebar a { color: #fff; display: inline-block; padding: 0 7px 0 7px; }
.nyheter-sidebar a.las-fler-nyheter { display: inline-block; color: #fff; margin-top: 12px; margin-bottom: 20px; width: 100%; padding-right: 10px; }
.nyheter-text { padding-left: 0; }
.nyheter-bild { margin-top: 10px; }
.nyheter-bild  img{ margin-left: auto; margin-right: auto; }

.single-nyheter-wrap { margin-bottom: 30px; }
.single-nyheter-text { padding-left: 0; }
.single-nyheter-bild { margin-top: 50px; }
.single-nyheter-bild  img{ margin-left: auto; margin-right: auto; }

/* Generellt */
.sidrubrik { margin-top: 15px; }
.sidrubrik h1 { font-size: 30pt; color: #555; margin-top: 0; }
.content-wrap img { margin-top: 15px; }
.content-wrap { margin-top: 0; margin-bottom: 30px; }
.wpcf7-text { width: 100%; }
.wpcf7-textarea { width: 100%; }
.wpcf7-form p { font-weight: bold; }

/* Toppbilder generellt*/
.top-image-wrap { background: url('img/bg-image/board.jpg') repeat-x; background-position: bottom; }
.page-top-image-background { width: 100%; background: url('img/bg-image/page-main-image-board.jpg'); }
.sub-page-top-image-background { display: inline-block; height: 40px; width: 100%; background: url('img/bg-image/sub-page-main-image-board.jpg'); }
.page-top-image { margin-left: auto; margin-right: auto; }
.page-top-image img { width: 100%; }
.page-border-light-blue { height: 2px; width: 100%; background-color: #7fcaf4; }

/* Om Tolkjour */
.faktaruta { background-color: #e1f3fd; }
.faktaruta h4 { font-weight: bold; padding-top: 10px; padding-left: 15px; padding-right: 15px; }
.faktaruta p { margin: 0; padding-top: 0; padding-bottom: 5px; padding-left: 15px; padding-right: 15px; }

/* logo */
.logotype-wrap { float: left; width: 288px; }

/*------------------------------------*\
   Navigation
\*------------------------------------*/

.menu { margin-bottom: 0; }

/* Undermeny*/
.huvudmeny { text-align: right; padding-top: 55px; }
.huvudmeny ul li { display: inline; }
.huvudmeny a { font-size: 10pt; color: #333; padding: 10px 10px 18px 10px; text-decoration: none; }
.huvudmeny .current-menu-item a { color: #087cc5; }
.huvudmeny .current-menu-item a.pil { 
	color: #087cc5; 
	background: url('img/bg-image/menu-marker.png') no-repeat 30px 100%;
	background-size: 25px 13px;
}
.huvudmeny .current-page-ancestor a.pil { 
	color: #087cc5; 
	background: url('img/bg-image/menu-marker.png') no-repeat 30px 100%;
	background-size: 25px 13px;
}

/* Undermeny*/
.undermeny { display: none; background-color: #7fc9f3; }
.undermeny .menu { float: right; margin-bottom: 0; }
.undermeny ul li { display: inline; }
.undermeny a { display: inline-block; font-size: 10pt; font-weight: bold; color: #fff; padding: 10px; text-decoration: none; }
.undermeny .current_page_item a { color: #544f4f; }

/* Mobilmeny */
.mobilmeny { display: none; }
.mobilmeny ul { list-style-type: none; padding-left: 0; }
.mobilmeny li { padding-left: 10px; padding-top: 20px; }
.mobilmeny button { display: inline; border: 0; padding: 20px; padding-bottom: 13px; }
.mobilmeny button:hover { background-color: transparent !important; }
.mobilmeny button:focus { background-color: transparent !important; }
.mobilmeny .nav-ikon {
	background: center center no-repeat;
	background-image: url('img/graphic/rund-navikon.png');
	background-size: 32px 32px;
	display: inline;
	height: 32px;
	top: 1px;
	right: 5px;
	position: absolute;
	width: 32px;
}
.navbar-header { width: 100%; background: url("img/graphic/lightblue_border.png"); height: 50px;  }
.navbar { border: 0 !important; margin: 0; background-color: transparent !important; }
.nav-text { float: left; padding-top: 15px; margin-left: 10px; padding-bottom: 0; color: white; font-size: 12pt; text-transform: uppercase; } 

#collapse { float: left; background-color: #e6e6e6; width: 100%; }
#collapse li { padding-bottom: 5px; padding-top: 10px; }
#collapse li:hover { background-color: #999; }
#collapse li:last-child { padding-bottom: 20px; }
#collapse a { font-size: 12pt; color: #555; }

.nav-heading { display: inline-block; width: 100%; height: 35px; padding: 10px; }
.nav-heading .panel-title { float: left; }
.nav-heading span { float: right; padding: 0px 10px 10px; }
.nav-heading span.toggle { position: relative; left: 10px; bottom: 6px; width: 24px; padding-bottom: 7px; margin-right: 20px; background: url('img/plus_off.png') no-repeat; width: 31px; height: 31px;}
.nav-heading span.toggle.aktiv { background: url('img/plus_on.png') no-repeat; }
.panel-body { padding: 0; background-color: #efefef; }
.panel-body a { }

/* footer */
.footer { background: #fff; height: 100%; margin-top: 30px; padding-left: 0; padding-right: 0; overflow: auto; }
.footer p { color: #555; }
.footer .copyright { float: left; margin-top: 20px; padding-left: 15px; margin-left: 15px; }
.footer .footer-info p { font-size: 11pt; margin-left: 15px; }
.border-light-gray { height: 2px; width: 100%; background-color: #e4e4e4; }

/*------------------------------------*\
    Error page
\*------------------------------------*/

.error-wrap img { margin-left: auto; margin-right: auto; }
.sidebar-wrap { margin-top: 200px; margin-bottom: 30px; }

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

/* Tablet (Liggande) */
@media all and (max-width: 1200px) and (min-width: 768px) {

	/* Hem */
	.top-image-wrap { background: url('img/bg-image/board-tablet.jpg') repeat-x; background-position: bottom; }

	.mobilmeny { display: inline; }
	.huvudmeny { display: none; }
	.undermeny { display: none !important; }
}

/* Tablet (Stående) */
@media all and (max-width: 992px) and (min-width: 767px) {
	/* Hem */
	.top-image-wrap { background: url('img/bg-image/board-tablet-staende.jpg') repeat-x; background-position: bottom; }
	.sidrubrik-hem { font-size: 8pt; }
 }

/* Mobil */
@media all and (max-width: 767px) and (min-width: 200px) {

	/* Globalt */
	img.toppbild { display: none;	}
	img.toppbild-mobil { display: inherit; }
	.sidrubrik h1 { font-size: 20pt; }
	
	/* Nav */
	.mobilmeny { display: inline; }
	.huvudmeny { display: none; }
	.undermeny { display: none !important; }
	
	/* Hem */
	.top-image-wrap .container { padding: 0; }
	.sidrubrik-hem { font-size: 9pt; padding-left: 0; }
	.sidebar-wrap { margin-top: 0; }
	.nyheter-wrap { padding: 0 15px; }
	.nyheter-sidebar { margin-top: 35px; }
	.startpage-thumbs { padding: 0; }
	.startpage-thumbs img { width: 100%; }
	
	.error-wrap { margin-top: 0; }	
}