/*
Theme Name: Twenty Twenty Havas Child
Description: A child theme for Twenty Twenty for Havas.
Template: twentytwenty
Version: 1.0
*/

/* fonts */

/* TungstenBlack, used for headers sometimes */
@font-face {
  font-family: TungstenBlack;
  src: url(/wp-content/themes/twentytwenty-havaschild/assets/fonts/TungstenBlack/fonts/Tungsten-Black.otf);
}
.tungstenblack {
  font-family: TungstenBlack,Arial Black,Arial Bold,Gadget,sans-serif !important;
}
@font-face {
  font-family: TungstenBlackCondensed;
  src: url(/wp-content/themes/twentytwenty-havaschild/assets/fonts/TungstenBlack/TungstenCondensed-Black.otf);
}
.tungstenblack-condensed {
  font-family: TungstenBlackCondensed,TungstenBlack,Arial Black,Arial Bold,Gadget,sans-serif !important;
}
@font-face {
  font-family: TungstenBlackCompressed;
  src: url(/wp-content/themes/twentytwenty-havaschild/assets/fonts/TungstenBlack/TungstenCompressed-Black.otf);
}
.tungstenblack-compressed {
  font-family: TungstenBlackCompressed,TungstenBlack,Arial Black,Arial Bold,Gadget,sans-serif !important;
}
@font-face {
  font-family: TungstenBlackNarrow;
  src: url(/wp-content/themes/twentytwenty-havaschild/assets/fonts/TungstenBlack/TungstenNarrow-Black.otf);
}
.tungstenblack-narrow {
  font-family: TungstenBlackNarrow,TungstenBlack,Arial Black,Arial Bold,Gadget,sans-serif !important;
}

/* Merriweather, italic is used for quotes and callouts sometimes */
@font-face {
  font-family: MerriweatherItalic;
  src: url(/wp-content/themes/twentytwenty-havaschild/assets/fonts/Merriweather/Merriweather-Italic.ttf);
}
.merriweather-italic {
  font-family: MerriweatherItalic, Arial, "Helvetica Neue", Helvetica, sans-serif !important;
}

/* the large tungsten header used in the hero space */
h1.tungsten-header, .entry-content h1.tungsten-header {
  font-family: TungstenBlackCompressed,TungstenBlack,Arial Black,Arial Bold,Gadget,sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
}
h1.tungsten-header-forced, .entry-content h1.tungsten-header-forced {
  font-family: TungstenBlackCompressed,TungstenBlack,Arial Black,Arial Bold,Gadget,sans-serif !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 16.0rem !important;
  line-height: 0.82 !important;
  letter-spacing: 0.2rem !important;
  text-transform: uppercase !important;
}
@media screen and (max-width: 1024px) {
  h1.tungsten-header-forced, .entry-content h1.tungsten-header-forced {
    font-size: 9.0rem !important;
    line-height: 0.9 !important;
  }
}
/* baseline styles */

/* removes the default wordpress page title */
.entry-header {
  display:none !important;
}

/* Sets the padding at the top of the page so the hover nav doesn't cover the content */
.post-inner {
	padding-top: 3.9em !important;
}

/* Sets the desktop navigation to be fixed to the top of the page */
.nav-group-desktop {
	position: fixed;
	top: 0;
	z-index: 999;
}

/* Removes extra space in the nav */
.nav-group {
	margin-top: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.nav-group .wp-block-columns {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

/* Ensures the desktop nav is aligned correctly */
.nav-group-desktop .nav-column {
	text-align: right;
	margin-bottom: 0;
}

/* Sets the default style for the links */
.nav-group a {
	text-decoration: none;
	display: inline-block;
  transform: none !important;
}

/* Sets the hover style for the links */
.nav-group a:hover {
	text-decoration: none;
}

/* tablet breakpoint */
@media screen and (max-width: 1024px) {
  /* resets the page since the nav is no longer sticky */
	.post-inner {
		padding-top: 0 !important;
	}
}