/*
	Theme Name: Brook Child
	Theme URI: http://demo.korra.io/brook/
	Template: brook
	Version: 1.0
	Description: Child Theme for Brook
	Author: korra.io
	Author URI: http://korra.io/
	Text Domain: brook
*/



/*------------------------------------------------------------
 * Theme customization starts here
 *------------------------------------------------------------*/


/*------------------------------------------------------------
 * GLOBAL
 *------------------------------------------------------------*/

 .clearfix-footer:after {
 	visibility: hidden;
 	display: block;
 	font-size: 0;
 	content: " ";
 	clear: both;
 	height: 0;
 }
 .clearfix-footer { display: inline-block; }
 /* start commented backslash hack \*/
 * html .clearfix-footer { height: 1%; }
 .clearfix-footer { display: block; }
 /* close commented backslash hack */ 

 .size-small, .size-medium{
 	width: calc(100% + 40px);
 	margin-left:-20px;
 	margin-right: -20px;
 }
p > a:not(.social-nav__link){
   text-decoration:underline;
 }
 a:hover i{
 	opacity: 0.7;
 }

 .dark-mode a:hover{
 	color:#fff;
 	
 }

/*
 .pagination__load-more a{
 	background:#161616;

 }

 .pagination__load-more a:hover{
 	background:#fcc236;
 }



a{
	color:#7ca958;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
	color:#fcc236 !important;
}
*/

 .widget__title{
 	background-color: #111;
 	color: #fff;
 	padding: 10px;
 	text-align: center;
 	position: relative;
 }

 .widget__title:after{
 	content:"";
 	display: block;
 	position: absolute;
 	border-top: 5px solid;
 	border-top-color: #111;
 	border-right: 5px solid transparent;
 	border-left: 5px solid transparent;
 	bottom: -5px;
 	left: 50%;
 	width: 0;
 	height: 0;
 	margin-left: -5px;
 }

 .left-column{
 	width: 100%;
 	margin-bottom: 15px;
 }

 .right-column{
 	width: 100%;
 	margin-bottom: 15px;
 }


 .changeMargin{
 	margin-left:-20px;
 	margin-right: -20px;
 }

 .contact-columns ul > li:first-of-type{
 	display: none;
 } 

 .contact-columns ul{
 	list-style:none;
 	padding:0;
 	overflow: hidden;
 	
 }

 .contact-columns ul > li{
 	padding: 0;
 	margin: 0;
 	width: 100%;
 	text-align: center;
 	padding: 25px;
 }
 .contact-columns ul > li > img{
 	width: 100px;
 	margin-top:15px;
 	margin-bottom: 15px;
 	display: block;
 	margin:auto;
 }
 .contact-columns{	
 	/*margin-left: -20px;
 	margin-right: -20px;*/
 }

.footer-instagram .null-instagram-feed .instagram-pics li, .footer__widgets__center, .footer__widgets__right{
 display:none;
}

.footer-instagram .null-instagram-feed .instagram-pics li:first-of-type{
	display: inline-block;
}

input[type="submit"]{
	background:#161616;
}
/*
input[type="submit"]:hover{
	background:#fcc236;
}

*/

  /*------------------------------------------------------------
 * HEADER
 *------------------------------------------------------------*/



 .header{
 	height: 50px;
 	position: fixed;
    top: 0;
    left: 0;
    width: 100%
 }

 .header-placeholder {
    height: 50px;
}


 .brook-nav--classic, .header__widget-area{
 	top: 10px;
 } 

 .brook-nav-btn {
 	top:10px;
 }

 .dark-mode .post__category li:after{
 	color:#ffffff;
 }

 .header__widget-area{
 	top:8px;
 }

  .main{
 	width:210px;
 	background-color: #fff;
 	padding: 10px;
 }


/*------------------------------------------------------------
 * FOOTER
 *------------------------------------------------------------*/
 div.post__content,div.footer-instagram{
 	background-color: #fff;
 }

 .null-instagram-feed p a{
 	padding: 15px 0;
 	margin: 0 3px;
 	background-color: #111;
 	color: #fff;
 }

 .footer_logo{
 	width: 110px;
 	text-align: left;
 	margin-right: 30px;
 	margin-top: 5px;
 	margin-bottom: 20px;
 	float: left;
 }

 .textwidget p{
 	font-size: 14px;
 	line-height: 27px;
 }

 .jkpglogo{
 	width: 75px;
 	margin: auto;
 }

 .footer_loggos{
 	width: 45px;
 	margin-right: 30px;
 	margin-top: 5px;
 	margin-bottom: 20px;
 	float:left;
 }

 /*filter over map*/
 .brook-gmap{
 	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
 	filter: gray; /* IE6-9 */
 	-webkit-filter: grayscale(85%); /* Chrome 19+ & Safari 6+ */
 	-webkit-backface-visibility: hidden;  /* Fix for transition flickering */
 	opacity: 0.95;
 }

 .meta--items{
 	display: none;
 }

 .gmw-thumbnail-map img{
 	width: 100% !important!;
 }

 .brook-embed-container.brook-gmap{
 	margin-bottom: 5px;
 }

 .gm-style-iw{
 	color:#161616;
 }


 .footer-instagram .null-instagram-feed p {
 	top:-100px;
 	position: absolute;
 	width: 100%;
 	margin: 0;
 }

 .footer-instagram .null-instagram-feed p a{
 	position: relative;
 }

 .footer-instagram .null-instagram-feed p a:after{
 	content:"";
 	display: block;
 	position: absolute;
 	border-top: 5px solid;
 	border-top-color: #161616;
 	border-right: 5px solid transparent;
 	border-left: 5px solid transparent;
 	bottom: -5px;
 	left: 50%;
 	width: 0;
 	height: 0;
 	margin-left: -5px;
 }

#mc_embed_signup{
	background: transparent !important;
}

#mc_embed_signup h2{
	margin-top: 5px !important;
}

#mc_embed_signup form{
	padding: 0 !important;
}

#mc_embed_signup .button{
	background-color: #161616 !important;
	border-radius: 2px !important;
}
/*
#mc_embed_signup .button:hover{
	background-color: #fcc236 !important;
}
*/

#mc_embed_signup input{
	border-radius: 2px !important;
	border-color: #919191 !important;
}

/*------------------------------------------------------------
 * ARCHIVE
 *------------------------------------------------------------*/

 .blackBg .post__inwrap .title--striped{
 	background-color: #111;
 	padding-bottom: 0.75em;
 	margin-bottom:0;
 	color:#fff;
 }

 .blackBg .post__inwrap .post__title{
 	background-color: #111;
 	color:#fff;
 	padding-bottom:10px;
 	position: relative;
 }

 .blackBg .post__inwrap a, .blackBg .loop-container--style-grid .post:not(.brook-sticky) .post__title, .loop-container--style-grid .page:not(.brook-sticky) .post__title, .loop-container--style-grid .post:not(.brook-sticky) .post__title a, .loop-container--style-grid .page:not(.brook-sticky) .post__title a,  .loop-container--style-grid .post:not(.brook-sticky) .post__title a:hover{
 	color: #fff;
 }

#menu-kategorier li a{
	color: #919191;
}

 .loop-container--style-grid .post:not(.brook-sticky) .post__title, .widget__title{
 	font-size: 15px;
 }

 .blackBg .post__inwrap .post__title:after{
 	content:"";
 	display: block;
 	position: absolute;
 	border-top: 5px solid;
 	border-top-color: #111;
 	border-right: 5px solid transparent;
 	border-left: 5px solid transparent;
 	bottom: -5px;
 	left: 50%;
 	width: 0;
 	height: 0;
 	margin-left: -5px;
 }

 .sidebar li,.loop-container--style-list_archive .post:last-child, .loop-container--style-list_archive .page:last-child{
 	border-bottom:1px dotted #cecece;
 }

 .sidebar .widget{
 	padding: 0;
 }

 .loop-container--style-list_archive .post{
 	border-top:1px dotted #cecece !important;
 }

 .brook-blog > .title-header{
 	border-top:solid 3px;
 	padding-top:30px;
 }

 .display_members{
 	margin: 0;
 	display: block;
 	text-align: center;
 	padding: 10px;
 	padding-bottom: 5px;
 	border-top: 2px solid #111;
 	border-bottom: 2px solid #111;
 }

 .brook-nav--classic .sub-menu:before{
 	content:"";
 	display: block;
 	position: absolute;
 	border-bottom: 5px solid;
 	border-bottom-color: #161616;
 	border-right: 5px solid transparent;
 	border-left: 5px solid transparent;
 	top: -5px;
 	left: 50%;
 	width: 0;
 	height: 0;
 	margin-left: -5px;
 }

 .right-column .title--striped__inwrap{
 	display: none;
 }

 .textwidget, .textwidget p {
 	font-size: 12px;
 	overflow: hidden;
 }

 .archive_p .excerpt{
 	text-align: left !important;
 }

 .read-more{
 	color: #fff;
 }

 .brook-btt span, .brook-btt span:before, .brook-btt span:after{
 	background: #fff;
 }
 .content-wrapper{
 	margin-bottom: 70px;
 }

.social-nav--titles .social-nav__item a{
	color:#000000;
}

.social-nav--titles .social-nav__item a:hover{
	color:#fcc236;
}

.pagination__classic .page-numbers.current{
	background: #161616;
}
.pagination__classic .page-numbers{
	color: #161616;
}

.pagination__classic a.page-numbers:hover{
	color: #fff;
	background: #161616;
}
.loop-container--style-list_full .post__footer .post__share{
	float: none;
}

#facebook-container{
	width: 100%;
}
/*------------------------------------------------------------
 * NEWSLETTER
 *------------------------------------------------------------*/

	#mc_embed_signup.newsletter_startpage {
		background-color: #efefef !important;
		padding: 40px;
		line-height: 1.8em;
	}




#mc_embed_signup.newsletter_startpage .mc-field-group input{
		background-color: #fff;
		height: 32px;
		border: none;
		margin-top: 0px;
		margin-bottom: 5px;
		border-color: #fcc236 !important;
}

.mc-field-group input:-webkit-autofill{
	background-color: #fff !important;
}

#mc_embed_signup div#mce-responses {  
    padding: 0 0 0 0! important;
    margin: 0 0 !important;
}

	#newsletter_right{
		width:25% !important;

		width: 100% !important;
		float: right;
		/*padding-top:27px;*/
	}

	#newsletter_right .button{
		width: 100% !important;
		margin: 0;
	}
	#newsletter_left{
		width:73% !important;

		width: 100% !important;
		float: left;
	}

/*------------------------------------------------------------
 * Exhibithion support
 *------------------------------------------------------------*/
.supported-by{
	padding-top:40px;
	padding-bottom:60px;
}

.supported-by span{
	display: block;
	margin-bottom: 10px;
}

.supported-by img{
	max-width: 450px;
}

 @media only screen and (min-width: 540px) {

 	.left-column{
 		width: 50%;
 		float: left;
 		padding-right:10px;
 	}

 	.right-column{
 		width: 50%;
 		float: right;
 		padding-left:10px;

 	}

	#newsletter_right{
		width:40% !important;

	}

	#newsletter_left{
		width:57% !important;
	}

 }

 @media only screen and (min-width: 600px) {


 	.changeMargin{
 		margin-left:-40px;
 		margin-right: -40px;
 	}

 	.header-sticky--true .header-placeholder{
 		height: 50px;
 	}

 	.footer__inwrap:after {
 		visibility: hidden;
 		display: block;
 		font-size: 0;
 		content: " ";
 		clear: both;
 		height: 0;
 	}

 	.footer{
 		position: static;

 	}
 	.footer-spacer{
 		display: none;
 	}

 	.footer-instagram .null-instagram-feed .instagram-pics li{
	 display:inline-block;
	}

 	.footer__widgets__left{
 		width: 50%;
 		float: left;

 	}
 	.footer__widgets__center{
 		width: 50%;
 		float:right;
 		display: block;
 	}
 	.footer__widgets .footer__widgets__right{
 		width: 100%;
 		max-width: none;
 	}


 	.footer .widget:last-child{
 		border-bottom:none;
 	}

 	.size-small{
 		width: 30%;
 	}

 	.size-medium{
 		width: 50%;
 	}


 	.size-medium.alignright, .size-small.alignright{
 		margin-right: -40px;
 		margin-left: 30px;
 	}
 	.size-medium.alignleft, .size-small.alignleft{
 		margin-left: -40px;
 		margin-right: 30px;
 	}

 	section.contact-columns{
 		padding: 0;
 		margin: 0;
 	}


 	.contact-columns ul > li{
 		width: 50%;
 		float:left;
 	}

 	.contact-columns{	
 		margin-left: -40px;
 		margin-right: -40px;
 	}



 }



 @media only screen and (min-width: 961px){

 	.contact-columns ul> li:first-of-type{
 		display: block;
 	} 

 	.contact-columns ul{
 		display: flex;
 	}

 	.contact-columns ul > li{
 		/*width: 33.33%;*/
 		flex:1;
 	}

 	.left-column{
 		width: 30%;
 		padding-right:20px;
 	}

 	.right-column{
 		width: 70%;
 		padding-left:20px;

 	}

 	.footer{
 		position: fixed;

 	}
 	.footer-spacer{
 		display: block;
 	}

 	.footer__widgets__left{
 		width: 33%;
 		float: left;

 	}
 	.footer__widgets__center{
 		width: 33%;
 		float: left;
 	}
 	.footer__widgets .footer__widgets__right{
 		width: 33%;
 		float: left;
 		display: block;
 	}

 	.clearfix-footer:after {
 		display: none;
 	}
 	.clearfix-footer { 
 		display: block; 
 	}

 	.sidebar .widget{
 		padding: 30px;
 	}

 	#newsletter_right{
		width:25% !important;

	}

	#newsletter_left{
		width:73% !important;
	}

 }

 @media only screen and (min-width: 1171px){


 	.changeMargin{
 		margin-left:-100px;
 		margin-right: -100px;
 	}

 	.contact-columns{	
 		margin-left: -100px;
 		margin-right: -100px;
 	}

 	.brook-btt-visible .brook-btt{
 		margin-bottom: 20px;
 	}

 }