/**
* Theme Name: Twentyfourteen Child
* Description: The pro version of the popular Twentyfourteen theme - CHILD theme
* Version: 1.7
* Template: twentyfourteen
* Author: Twentyfourteen - adaptions by Karde AS
* Author URI: http://wordpress.com/
* Copyright: (c) Wordpress
* License: GNU General Public License v2.0 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
* Text Domain: customizr-pro-child
*/

/*
 * CHILD theme tilpasset Klokbolig prosjektet av Karde AS ved Anja Valbekk.
 * 2016-11-04
*/

/* Genericons filene bør legges til twentyfourteen-child katalogen for å sikre at det ikke skjer endringer
   ved fremtidige oppdateringer.
   Fikser dette ved neste større endring
*/

@import url("../twentyfifteen/genericons/genericons.css");

@font-face {
    font-family: 'Genericons';
    src: url('../twentyfourteen/genericons/font/genericons-regular-webfont.eot');
    src: url('../twentyfourteen/genericons/font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../twentyfourteen/genericons/font/genericons-regular-webfont.woff') format('woff'),
         url('../twentyfourteen/genericons/font/genericons-regular-webfont.ttf') format('truetype'),
         url('../twentyfourteen/genericons/font/genericons-regular-webfont.svg#genericonsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


	.site,
	.site-header,
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content .entry-meta,
	.page-content,
	.page-header {
		max-width: 95%;
		text-align: left;
	}

.hentry {
	margin: 0 30px 48px 50px;	
	max-width: 672px;	 
	text-align: left;

}



/* PRIMARY NAVIGATION */
#primary-menu {
  text-transform: none;
  font-size: +1.0em; /* Anja 19.1.17: fra 1,2 til 1,3 */
}

.site-navigation .current_page_item > a {
  color: #FFA500; /* Anja 13.1.17 */
}

.site-title {  /* Erlend, lagt til for å gjøre Klok bolig logo litt større... */
  font-size: +1.5em;
}

.primary-navigation li:hover > a,
.primary-navigation li:focus > a {
	background-color: #1F424B;
}

.primary-navigation li:hover > a:hover,
.primary-navigation li:hover > a:hover {
	color: #DE7E39;;
}

.content-area {
	padding: 52px 0 0 0;
}

/* SECONDARY NAVIGATION */
.secondary-navigation li:hover > a,
.secondary-navigation li:focus > a {
	background-color: #1F424B;
}

.secondary-navigation li:hover > a:hover,
.secondary-navigation li:hover > a:hover {
	color: #DE7E39;;
}

/*

.menu-item li:hover > a {
	color: #1f424b;
        background-color: #1F424B;
}
*/


/*
.site-header, .site-footer, .site, .site-main {
*/

.secondary-navigation {
       background-color: #346F7E;
}

.site-header, .site-footer {
       background-color: #346F7E;
}

.site::before {
       background-color: white; /* #346F7E; */
}


.search-box {
       background-color: #DE7E39;  
}

.widget-area {
       background-color: white; /* #346F7E; */
}


.entry-header h1 {
   font-weight: 600;
   text-transform: none;
   color: #DE7E39;
   font-size: +1.5em;
}

h2 {
   font-weight: 500;
   color: #DE7E39;
   font-size: 1.3em;
}

h3 {
   font-weight: 500;
   color: #DE7E39;
   font-size: 1.2em;
}

p {
 word-break: keep-all;
}

.site-navigation a{
  text-transform: none;
  font-size: +1.6em; /* Anja 15.2.17: fra 1,5 til 1,6 */
}

.wpsm_panel-title {
   font-weight: normal;
}



/* BREADCRUMB */
.widget_breadcrumb_navxt, .widget_breadcrumb_navxt span a {
  color:  #346F7E;
}


/* Search
<svg class="genericons-neue genericons-neue-search" width="16px" height="16px"><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="genericons-neue.svg#search"></use></svg>
 */
.search-toggle {

    background: #000 url('http://klokbolig.wpengine.com/wp-content/uploads/2016/11/search-icon-md.png') no-repeat;
    background-size: 20px;
    background-position: 10px;
}

/* ***** */

.search-toggle:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font: normal 16px/1 Genericons;
	text-decoration: inherit;
	vertical-align: text-bottom;
}

.search-toggle {
	background-color: #346F7E;
	cursor: pointer;
	float: right;
	height: 48px;
	margin-right: 38px;
	text-align: center;
	width: 48px;
}

.search-toggle:hover,
.search-toggle.active {
	background-color:  #DE7E39;
}

.search-toggle:before {
	color: #346F7E;
	content: "";
	font-size: 20px;
	margin-top: 14px;
}

@media screen and (min-width: 846px) {
.hentry {
	margin: 0 30px 38px 40px;
	max-width: 572px;
	text-align: left;
   }
}

@media screen and (min-width: 673px) {
.hentry {
	margin: 0 20px 48px 20px;
	max-width: 472px;
	text-align: left;
  }
}

@media screen and (max-width: 400px) {
.hentry {
	margin: 0 5px 10px 5px;
	max-width: 400px;
	text-align: left;
  }
}