/*
	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
*/


/* playfair-display-regular - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/playfair-display-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/playfair-display-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/playfair-display-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/playfair-display-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/playfair-display-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/playfair-display-v30-latin-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}
/* playfair-display-700 - latin */
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/playfair-display-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/playfair-display-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/playfair-display-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/playfair-display-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/playfair-display-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/playfair-display-v30-latin-700.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v34-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/open-sans-v34-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/open-sans-v34-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/open-sans-v34-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/open-sans-v34-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/open-sans-v34-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-italic - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/montserrat-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/montserrat-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/montserrat-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}



/*------------------------------------------------------------
 * Typography
 *------------------------------------------------------------*/


html {
	font-family: "Open Sans" !important;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 1.8em;
	text-transform: none;
	letter-spacing: em;
}

h1, .h1 {
	font-family: "Playfair Display", sans-serif !important;
	font-weight: 400;
	font-style: normal;
	font-size: 54px;
	line-height: 1.02em;
	text-transform: none;
	letter-spacing: Kerningem;
}

h2, .h2 {
	font-family: 'Playfair Display' !important;
	font-weight: 400;
	font-style: normal;
	font-size: 34px;
	line-height: 1.2em;
	text-transform: none;
	letter-spacing: em;
}

h3, .h3,
.loop-container--style-grid .post__title, .brook-slider--images .caption,
.widgets--center--true .widget_calendar caption
{
	font-family: "Playfair Display", sans-serif !important;
	font-weight: 400;
	font-style: normal;
	font-size: 28px;
	line-height: 1.2em;
	text-transform: none;
	letter-spacing: em;
}

h4, .h4,
.brook-infobar .title {
	font-family: "Playfair Display",sans-serif !important;
	font-weight: 400;
	font-style: normal;
	font-size: 15px;
	line-height: 1.2em;
	text-transform: none;
	letter-spacing: em;
}

h5, .h5 {
	font-family: "Open Sans",sans-serif !important;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 1.2em;
	text-transform: none;
	letter-spacing: 0.04em;
}

h6, .h6,
.wp-caption-text, .gallery-caption
{
	font-family: "Open Sans",sans-serif !important;
	font-weight: 400;
	font-style: normal;
	font-size: 2px;
	line-height: 1.2em;
	text-transform: none;
	letter-spacing: 0.04em;
}

blockquote {
	font-family: "Playfair Display",sans-serif !important;
	font-weight: 700;
	font-style: normal;
	font-size: 30px;
	line-height: 1.8em;
	text-transform: capitalize;
	letter-spacing: em;
}

.header__nav a {
	font-family: "Montserrat",sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 13px;
	line-height: 1.5em;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

.title--striped, ol li:before, cite,
.button, .comment__list .comment__meta, .comment__list .comment__pager a, .gallery--lightbox .gallery-icon:after, .meta--items, .read-more, post__tags a, .post__navigation a .label, .post__navigation.post__navigation--pages, .loop-container--style-carousel .post__text__inwrap .read-more, .pagination__classic .page-numbers, .pagination__load-more .pagination__message,
.main-content .widget_nav_menu a, .main-content .widget_pages a, .main-content .widget_archive a, .main-content .widget_categories a, .main-content .widget_meta a, .main-content .widget_recent_comments a, .main-content .widget_recent_entries a, .widget_tag_cloud .tagcloud, .brook-lightbox__info,
input[type="text"], input[type="textfield"], input[type="search"], input[type="email"], input[type="password"], input[type="date"], input[type="tel"], input[type="url"], textarea, select,
#lang_sel, #lang_sel_click,
.null-instagram-feed p a, .widget_calendar tfoot td
{
	font-family: "Montserrat",sans-serif !important;
	font-weight: 400;
	font-style: normal;
	font-size: 13px;
	line-height: 1.5em;
	text-transform: uppercase;
	letter-spacing: 0.15em;
}

.button--small, .social-nav--titles, .footer__bottom, .comment__list .comment__meta .comment__date, .comment__list .comment__meta .comment__moderated, .comment__list .comment__links a, .loop-container--style-grid_gallery .post__text .meta--items, .loop-container--style-widget_list .meta--items, .loop-container--related .meta--items
{
	font-family: "Montserrat",sans-serif !important;
	font-weight: 400;
	font-style: normal;
	font-size: 11px;
	line-height: 1.75em;
	text-transform: uppercase;
	letter-spacing: 0.12em;
}



@media (max-width:599px){
	h1, .h1 { font-size: 40.5px; }
	h2, .h2 { font-size: 25.5px; }
	h3, .h3 { font-size: 24.5px; }
	h4, .h4 { font-size: 13.125px; }
	h5, .h5 { font-size: 12.25px; }
	h6, .h6 { font-size: 1.75px; }
	blockquote { font-size: 26.25px; }
}




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


#header {
  background-color: #ffffff;
}

.main-content__inside article p a,
.main-content__inside article li a {
  color: #d7a833;
}

.loop-container--style-list_excerpt > article:nth-child(2) {
	margin-bottom: 50px;
}

.loop-container--style-list_excerpt > article:nth-child(3) {
	margin-top: 50px;
}

.meta--items  .meta--date  {
  color: #000000;
}

body {
	color: #333333;
}

/*article b,
article strong {
  font-weight: normal;
}*/

article p>a,
article li>a {
	text-decoration: underline;
}

.post__footer .read-more {
/*   background: #d7a833; */
  color: #ffffff;
}

.article-single .post__content {
	margin-top: 30px;
}

.post__media img {
  width: 100%;
}

.post__content p {
  text-align: justify;
}

.post__content p,
.post__content h1,
.post__content h2,
.post__content h3,
.post__content h4,
.post__content h5,
.post__content h6,
.post__content ul,
.post__content ol { 
  width: 100%;
  margin: 0 auto 30px;
}

.post__content blockquote {
  margin-left: 0;
  margin-right: 0;
}

.brook-cover .brook-cover__inwrap a:hover {
  color: #d7a833 !important;
}

.read-more {
  background-color: #d7a833;
  color: #fff;
}


.pagination__load-more a:hover {
  background-color: #d7a833 !important;
}

.sticky-kit-wrapper { 
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.loop-container {
	margin-top: 50px;
}

.loop-container--style-list_excerpt .post__content {
    padding-left: 0;
    padding-right: 0;
}

.brook-cover {
	padding-bottom: 0;
}

.footer-instagram .widget_text {
	margin-bottom: 5px;
	display: block; 
	font-size: 1.6em;
	text-align: center;
}

.footer-instagram .widget_text  a { display: inline; }

.widget {
    margin-bottom: 0px;
}

.km-box-one {
  border: 3px solid #000000;
  padding: 20px;  
}

.km-box-grey {
  background: #f5f5f5;
  padding: 20px;  
}

#respond {
	margin-bottom: 30px;
}

.widget_search .search-form input {
  background-color: #000000;
}

.widget_search i,
.widget_search input {
  color: #ffffff;
}


.km-social-media-icons ul {
	list-style: none;
	float: left;
} 

.km-social-media-icons li {
	float: left;
	margin: 0 2px;
}

.km-social-media-icons a {
	background: url(img/icons-some.png) 0 0 no-repeat;
	display: block !important;
	width: 31px;
	height: 31px;
	
}

.km-social-media-icons .youtube { background-position: 0px 0px; }
.km-social-media-icons .facebook { background-position: -127px 0px; }
.km-social-media-icons .instagram { background-position: -42px 0px; }
.km-social-media-icons .twitter { background-position: -84px 0px; }
.km-social-media-icons .googleplus { background-position: -212px 0px; }
.km-social-media-icons .pinterest { background-position: -169px 0px; }
.km-social-media-icons .bloglovin { background-position: -340px 0px; }

.km-social-media-icons .youtube:hover { background-position: 0px -42px; }
.km-social-media-icons .facebook:hover { background-position: -127px -42px; }
.km-social-media-icons .instagram:hover { background-position: -42px -42px; }
.km-social-media-icons .twitter:hover { background-position: -84px  -42px; }
.km-social-media-icons .googleplus:hover { background-position: -212px -42px; }
.km-social-media-icons .pinterest:hover { background-position: -169px -42px; }
.km-social-media-icons .bloglovin:hover { background-position: -340px -42px; }


.km-social-media-icons a span { display: none; }

.post__related {
  padding-left: 0;
  padding-right: 0; 
}

.loop__related {
  margin: 0;
}

.loop__related article {
  margin-bottom: 0;
}

.loop__related h3 {
  margin: 20px 0;
}

.loop__related .loop-container--related {
  margin: 0;
}

.loop__related .loop-container--related .post {
  margin-bottom: 0;
}

.social-nav__link {
  text-decoration: none;
  color: #111;
  font-size: 13px;
}

@media only screen and (max-width: 480px) {
  .header__logo img {
    max-width: 200px;
  }
  
  .sidebar .widget {
    padding: 20px;
  }
  
  .sidebar .sidebar__area {
    padding: 0;  
  }
  
  #sb_instagram.sbi_col_10 #sbi_images .sbi_item, 
  #sb_instagram.sbi_col_3 #sbi_images .sbi_item, 
  #sb_instagram.sbi_col_4 #sbi_images .sbi_item, 
  #sb_instagram.sbi_col_5 #sbi_images .sbi_item, 
  #sb_instagram.sbi_col_6 #sbi_images .sbi_item, 
  #sb_instagram.sbi_col_7 #sbi_images .sbi_item, 
  #sb_instagram.sbi_col_8 #sbi_images .sbi_item, 
  #sb_instagram.sbi_col_9 #sbi_images .sbi_item {
    width: 33.33%;
  }

}

@media only screen and (max-width: 599px) {
  .post__content {
    padding-left: 0;
    padding-right: 0;
  }
  .post__content p {
    padding-left: 20px;
    padding-right: 20px;
  }

  .loop__related img {
    display: none;
  }
  
  h3,
  .h3 {
    font-size: 16.8px;
  }
}

@media only screen and (min-width: 600px) and (max-width: 1170px) {
  .post__related {
    padding-left: 0;
    padding-right: 0;
  }

  .post__content {
    padding-left: 0;
    padding-right: 0;
  }

  .post__content p {
    padding-left: 40px;
    padding-right: 40px;
  }

  .header__logo img {
		width: 40%;
		left: 286px;
  }
}


@media only screen and (min-width: 1171px) {
  .post__related {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1170px) {
  .post__content img {
    padding-left: 40px;
    padding-right: 40px;
  }
}

/* Plugin Code vubon-hover-effects */

.grid vubon_figure {
  background: none;
}

/*.grid vubon_figure {
  background: none;
  width: 25%;
  margin: 0;
  height: auto;
  min-width: 25%;
}*/

vubon_figcaption h2 {
  display: none;
}

vubon_figcaption p {
  color: #000000;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
/* /Plugin Code vubon-hover-effects */


/*------------------------------------------------------------
 * Advent calendar
 *------------------------------------------------------------*/
 .adventcalendar {
  max-width: auto;
 }

 .adventcalendar img {
  margin: 0 auto;
  display: block;
 }

/*------------------------------------------------------------
 * Banner
 *------------------------------------------------------------*/
.brook-cover.bg--true .brook-cover__image {
  top: 110px;
}

.banner {
  text-align: center;
}

.banner .wrapper {
  margin: 0 auto;
}

/*------------------------------------------------------------
 * Shop My Pics
 *------------------------------------------------------------*/
/*.after-post-widget.widget-area.test {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAADklEQVQIW2NgQAXGZHAAGioAza6+Hk0AAAAASUVORK5CYII=") top left repeat;
  padding: 5px;
  text-align: center;
  margin: 10px 0 40px;
}

#text-39 {
  background: #fff;
}*/

.after-post-widget.widget-area.test h2 {
  padding-top: 15px;
}

/*.after-post-widget.widget-area.test .textwidget {
  padding-bottom: 45px;
}*/

.after-post-widget.widget-area.test .widget:first-child {
  padding-bottom: 25px;
}

/*------------------------------------------------------------
 * Mailchimp for Wordpress
 * 
 *------------------------------------------------------------*/
 .mc4wp-checkbox {
    background: #eee;
    padding: 5px 20px;
 }

 .mc4wp-checkbox span {
    margin-left: 12px;
    display: inline-block;
    padding-top: 10px;
    font-family: "Playfair Display",sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    line-height: 1.2em;
    text-transform: capitalize;
    letter-spacing: 0.04em;
 }
 
 
 
 /*------------------------------------------------------------
 * Tooltipster
 * 
 *------------------------------------------------------------*/
 
.tooltips-wrapper {
  margin: 40px auto 0;
  text-align: center;
 }

.home .tooltips-wrapper {
   margin: 0 auto 40px;
 }
 
.tooltip {
  color: #9a9999;
  background-color: #f5f5f5;
  border-color: #c4c4c4;
  padding: 0px 16px;
  font-size: 13px;
  font-weight: bold;
  line-height: 26px;
  border-color: #f8f8f8;
}

.tooltip:hover {
  cursor: help;
}

.tooltip:hover:after, .tooltip:hover:before {
  display: none;
}
 
 .tooltip_templates { 
  display: none;
}

.tooltipster-sidetip .tooltipster-box {
  background: #d7a833;
  border: 1px solid #d7a833;
  border-radius: 4px;
  color: #9a9999;
}
  
.tooltipster-sidetip .tooltipster-content {
  color: #333333;
  font-size: 13px;
  line-height: 26px;
}

.tooltipster-sidetip .tooltipster-content a {
  border-bottom: 1px dotted #000;
}

.tooltipster-sidetip .tooltipster-content a:hover {
  border-bottom: 1px solid #000;
  color: #000;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #d7a833;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #d7a833;
}