/*
 Theme Name:   Tabula Child
 Theme URI:    http://tabula.bold-themes.com
 Description:  Tabula child theme
 Author:       BoldThemes
 Author URI:   http://bold-themes.com
 Template:     tabula
 Version:      1.0.0
 Tags:         one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  tabula-child
*/

/* ============================================================
   JESILINGUA — Header / Menu customizations
   Keeps the main menu on a single line (never wraps): the font
   shrinks on narrower screens instead of breaking to two rows.
   Optimized for Full HD (1920/1980), stable down to 1200px.
   Below 1200px the theme switches to the mobile menu.
   ============================================================ */

.menuPort {
    text-transform: uppercase !important;
}

@media (min-width: 1200px) {

  .btLogoArea .port { position: relative !important; }

  .btLogoArea .port > .menuPort > nav {
      position: absolute !important;
      top: 50% !important;
      transform: translateY(-50%) !important;
      left: 180px !important;
      right: 200px !important;
      width: auto !important;
      float: none !important;
      margin: 0 !important;
      pointer-events: none;
  }

  .menuPort > nav > ul#menu-jesilingua-menu {
      display: flex !important;
      justify-content: center !important;
      flex-wrap: nowrap !important;
      width: 100% !important;
      pointer-events: none;
  }

  .menuPort > nav > ul#menu-jesilingua-menu > li {
      float: none !important;
      flex-shrink: 0 !important;
      padding: 0 10px !important;
      pointer-events: auto;
  }

  .menuPort > nav > ul#menu-jesilingua-menu > li > a {
      white-space: nowrap !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .btLogoArea .port > .menuPort > nav { left: 150px !important; right: 170px !important; }
  .menuPort > nav > ul#menu-jesilingua-menu > li { padding: 0 6px !important; }
  .menuPort > nav > ul#menu-jesilingua-menu > li > a { font-size: 13px !important; }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .btLogoArea .port > .menuPort > nav { right: 230px !important; }
  .menuPort > nav > ul#menu-jesilingua-menu > li > a { font-size: 15px !important; }
}

@media (min-width: 1600px) {
  .btLogoArea .port > .menuPort > nav { right: 260px !important; }
  .menuPort > nav > ul#menu-jesilingua-menu > li > a { font-size: 17px !important; }
}

@media (min-width: 1200px) {
  .btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown {
      position: relative !important;
  }
  .btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul {
      left: 0 !important;
      right: auto !important;
      width: 560px !important;
  }

  /* Testo dei sottomenu (tendine e mega menu) piu' grande */
  .menuPort > nav > ul#menu-jesilingua-menu ul.sub-menu a {
      font-size: 15px !important;
  }
}

/* Sticky header height (theme default is 48px) */
.btStickyHeaderActive.btMenuHorizontal .mainHeader .btLogoArea .logo img {
    height: 70px !important;
}
.btStickyHeaderActive.btMenuHorizontal .mainHeader .btLogoArea .menuPort nav > ul > li > a,
.btStickyHeaderActive.btMenuHorizontal .mainHeader .btLogoArea .menuPort nav > ul > li > .subToggler {
    line-height: 70px !important;
}
.btStickyHeaderActive.btMenuHorizontal .mainHeader .btLogoArea .topBarInMenu {
    height: 70px !important;
}


/* margine sopra su tutte le pagine per via della sezione header 
.bt_bb_port {
    padding-top: 170px !important;
}*/

.bt_bb_section.bt_bb_top_spacing_medium > .bt_bb_port {
    padding-top: 5em !important;
}



@media (min-width: 1200px) {
    .btMenuHorizontal .menuPort > nav > ul > li.btMenuWideDropdown > ul {
        width: 770px !important;
    }
}

/* ============================================================
   Breadcrumbs — under the menu "STYLE START"
   ============================================================ */

.btPageHeadline .btBreadCrumbs:not(.btSiteBreadcrumbs) {
	display: none;
}

/* Content starts under the fixed header (btBelowMenu) — pin crumbs
   just below the menu so they sit on top of the hero, not behind the header. */
body.btBelowMenu .btContentWrap {
	position: relative;
}

.btContentWrap > .btSiteBreadcrumbsWrap {
	display: block;
	position: absolute;
	top: 0;
	left: 12px;
	right: 0;
	z-index: 30;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
	pointer-events: none;
}

.btContentWrap > .btSiteBreadcrumbsWrap .btSiteBreadcrumbsInner {
	max-width: 1260px;
	margin: 0 auto;
	padding: 2.6em 20px !important;
	box-sizing: border-box;
	pointer-events: auto;
}

@media (max-width: 1199px) {
	.btContentWrap > .btSiteBreadcrumbsWrap {
		top: 4.5rem;
	}
	.btContentWrap > .btSiteBreadcrumbsWrap .btSiteBreadcrumbsInner {
		padding: 0.5em 20px;
	}
}

/* Background only around the breadcrumb text (not full page width) */
.btSiteBreadcrumbs.btBreadCrumbs {
	display: inline-block;
	width: auto;
	max-width: 100%;
	font-size: 0.8rem;
	line-height: 1.5;
	text-transform: uppercase;
	color: 000000;
	background-color: #ffffff;
	padding: 0.35em 0.75em;
	box-sizing: border-box;
	border-radius: 2px !important;
}

.btSiteBreadcrumbs.btBreadCrumbs span,
.btSiteBreadcrumbs.btBreadCrumbs span a {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: 0.8rem;
	line-height: 1.4;
	letter-spacing: 0.04em;
}

.btSiteBreadcrumbs.btBreadCrumbs > span[property="itemListElement"] {
	display: inline-block;
	margin: 0;
	padding: 0;
	color: #000000;
	vertical-align: middle;
}

/* Change the text color */
.btSiteBreadcrumbs.btBreadCrumbs span a {
	color: #000000 !important;
	font-weight: 600;
	text-decoration: none;
}

.btSiteBreadcrumbs.btBreadCrumbs span a:hover {
	color: #191919 !important;
}

/* Change the text color */
.btSiteBreadcrumbs.btBreadCrumbs .current-item {
	color: #000000 !important;
	font-weight: 600;
}

/* Dot separator only between crumbs — not after the current page */
.btSiteBreadcrumbs.btBreadCrumbs > span[property="itemListElement"]:not(:last-child):after {
	content: "";
	display: inline-block;
	margin: 0 10px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	vertical-align: middle;
	background-color: #a9272e;
}

.btSiteBreadcrumbs.btBreadCrumbs span span:after {
	display: none !important;
}

/* Tablet & Mobile Responsive "STYLE STAR" for Breadcrumbs */
@media (max-width: 1199px) {
.btContentWrap > .btSiteBreadcrumbsWrap .btSiteBreadcrumbsInner {
	padding: 1.5em 20px !important; 
}
.bt_bb_row_holder .bt_bb_column .bt_bb_column_content {
    margin-top: 80px;
}
}

@media (max-width: 767px) {
	.btContentWrap > .btSiteBreadcrumbsWrap .btSiteBreadcrumbsInner {
	padding: 20px 20px !important; 
}
.btContentWrap > .btSiteBreadcrumbsWrap {
    top: 3.5rem;
	}
.btContentWrap > .btSiteBreadcrumbsWrap {
	left: 12px;
}
.bt_bb_row_holder .bt_bb_column .bt_bb_column_content {
    margin-top: 60px;
}
}
/* Tablet & Mobile Responsive "STYLE END" for Breadcrumbs */


/* ===== JesiLingua, linee header customize ===== */

header.mainHeader,
.mainHeaderInner,
.mainHeader .btLogoArea,
.mainHeader .menuPort {
    border-bottom: none !important;
}

header.mainHeader {
    border-top: 1px solid #a9272e;
    position: relative;
    z-index: 100;
    padding-bottom: 0;
}

header.mainHeader:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 2px;
    background: #a9272e;
    z-index: 101;
}

body.btStickyHeaderActive.btStickyHeaderOpen .mainHeader {
    border-top: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

body.btStickyHeaderActive.btStickyHeaderOpen .mainHeader:after {
    display: none;
}

.btArticleHeadline,
.btPageHeadline,
.btPageHeadlineInner {
    border-bottom-color: #a9272e !important;
}

.btContentHolder,
.btContent {
    border-top-color: #a9272e !important;
}

.btContentHolder > .bt_bb_section:first-child,
.btContent > .bt_bb_section:first-child {
    margin-top: 0;
}

.btContentHolder > .bt_bb_section.bt_bb_top_spacing_medium:first-child > .bt_bb_port {
    margin-top: 0 !important;
}

/* single article news */
div.btContentWrap[style] {
    padding-top: 40px !important;
    outline: 2px solid lime;
}


/* Breadcrumb greay light su Chi siamo, Peter, Romina, Storia, Contatti */
body.page-id-3642 .btSiteBreadcrumbs.btBreadCrumbs,
body.page-id-3646 .btSiteBreadcrumbs.btBreadCrumbs,
body.page-id-3644 .btSiteBreadcrumbs.btBreadCrumbs,
body.page-id-4842 .btSiteBreadcrumbs.btBreadCrumbs,
body.page-id-3640 .btSiteBreadcrumbs.btBreadCrumbs {
	background-color: #e5e5e5 !important;
}