/* ----------------------------------------------------------------
    print styles for africanfilmfestival.org/2025/
    (_source/styles/print.css)
---------------------------------------------------------------- */

/* ----------------------------------------------------------------
    generic
---------------------------------------------------------------- */
body {
  font-family:"Times New Roman", Times, serif !important;
  font-size:14pt;
}
.page-break {page-break-before:always;} /* custom page break locations */
@page {margin:1.5cm 0.5cm 2cm;} /* overrides Foundation - adds more space to top/bottom of browser-generated page breaks */


/* ------------------------------------
    items to not print
------------------------------------ */
.hide, hr {
  display:none;
  margin:0 !important;
}
.visually-hide {
  height:1px;
  left:-9999px;
  overflow:hidden;
  position:absolute;
}
a.visually-show .visually-hide {
  left:auto;
  position:relative;
}
#tagline p, #tagline::before {display:none;}


/* ------------------------------------
    typography
------------------------------------ */
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color:#000 !important; /* use black instead of dark gray */
  font-family:"Times New Roman", Times, serif !important; /* remove font-face heading font */
  font-weight:bold !important;
  margin-bottom:0;
  padding:0;
}
h1 {font-size:18pt;} /* change to pt from em/px for print */
h2, h2 a {font-size:24pt !important;}
h3, h3 a {font-size:20pt !important;}
h4, h4 a, h4 strong {font-size:18pt !important;}
h5, h5 a {font-size:16pt !important;}
h6, h6 a {font-size:14pt !important;}
h4 strong {font-weight:bold !important;}
p, a, ul, ol, li, dl, dt, dd, em, b, strong, blockquote, cite {
  color:#000; /* use black instead of dark gray */
  font:12pt/1.5 "Times New Roman", Times, serif !important; /* remove font-face body font */
}
a, a:link, a:visited {
  color:#009 !important; /* default browser blue link color */
  text-decoration:none !important;
}
dt, dt a {font-weight:bold !important;}
button, a.button, form input[type="submit"], form input[type="reset"], form input[type="button"] {
  border:none !important;
  padding:0 !important;
  text-align:left;
}
.button i {display:none;} /* no arrow */



/* ----------------------------------------------------------------
    header
---------------------------------------------------------------- */
#header {height:auto;}


/* ------------------------------------
    navigation
------------------------------------ */
.top-bar .top-bar-right {width:100% !important;}


/* ------------------------------------
    branding
------------------------------------ */
#branding {
  display:block;
  height:auto;
}
#branding h1 {
  margin:0;
  padding:0;
}
h1 a::after {display:none;} /* don't show the url */
h1 img {
  background:#000 !important; /* we can't preload a black logo anymore, so need a background on the white logo */
  margin:0 auto;
  padding:10px;
  -webkit-print-color-adjust:exact !important;
  print-color-adjust:exact !important;
}
.logo.logo-stacked {display:none;} /* hide the stacked logo */
.logo.logo-horizontal {display:block !important;} /* hide the horizontal one instead */



/* ----------------------------------------------------------------
    content area
---------------------------------------------------------------- */
.content.grid-container {padding:20px;}

body.home h3 {margin-top:10px;} /* less */
h2::before, body.home h3::before {
  background:none; /* hide the decoration */
  height:0;
  width:0;
}


/* ------------------------------------
    about section
------------------------------------ */
#about-homepage .cell {width:100% !important;}
#about-homepage h3 {margin-top:20px;} /* less */
#about-homepage h4 {
  margin-bottom:20px; /* less */
  margin-top:20px; /* less */
}
#tagline {display:block;} /* not flex, so not center aligned */
#tagline p,
#tagline p span {
  font:18pt/1.5 "Times New Roman", Times, serif !important;
  font-weight:bold !important;
  text-align:left !important;
}
#tagline p span {display:inline !important;}


/* ------------------------------------
    films
------------------------------------ */
.film-grid .cell {page-break-inside:avoid;}
.film-grid .film-info {padding:10px;} /* less */
.film-grid a .film-info h3,
.film-grid a .film-info h4,
.film-grid a .film-info h5,
.film-grid a .film-info p {
  color:#000 !important;
}
.film-grid.small .cell {width:46%;}


/* ------------------------------------
    bottom action section
------------------------------------ */
#social-newsletter h4 {
  font-size:15pt !important; /* smaller */
  margin-top:10px;
}
#social-newsletter .cell {width:100%;}
#social-icons a {display:block;}
#social-icons a i {
  display:block;
  font-size:20pt;
  padding:10px 0 0 0;
}


/* ------------------------------------
    images
------------------------------------ */
img {page-break-inside:avoid;}


/* ------------------------------------
    videos
------------------------------------ */
.youtube-container {
  height:281px;
  page-break-inside:avoid;
  padding:0;
  width:500px; /* match the embedded video's width and height, don't be huge */
}


/* ------------------------------------
    open sesame
------------------------------------ */
.open-sesame {margin-left:0;}
.open-sesame h3 a,
.open-sesame h4 a,
.open-sesame h5 a,
.open-sesame h6 a {
  color:#000 !important; /* not actually a link, so don't look like one */
  font-weight:bold !important;
}
.open-sesame i {display:none !important;} /* don't show plus and minus */
.open-sesame .hidden-content {
  display:block !important; /* all content is expanded/visible */
  font-size:11pt !important; /* a bit smaller */
  margin-left:10px !important;
}
.open-sesame .hidden-content p,
.open-sesame .hidden-content li {
  margin-bottom:0 !important;
  padding-bottom:0 !important;
}


/* ------------------------------------
    cards
------------------------------------ */
.card {
  border:1px solid #555;
  page-break-inside:avoid;
}
.card a::after {
  color:#000;
  content: " (" attr(href) ")"; /* remove the arrows, add the url */
  font:12pt/1.5 "Times New Roman", Times, serif !important;
  position:static;
}



/* ----------------------------------------------------------------
    footer
---------------------------------------------------------------- */
footer {page-break-before:always;} /* so the content and footer don't overlap in FF */
footer .show-for-small-only,
footer .show-for-medium-only {
  display:none;
}
footer img {
  background:#000 !important; /* we can't preload a black logo anymore, so need a background on the white logo */
  margin:0 auto;
  padding:10px;
  -webkit-print-color-adjust:exact !important;
  print-color-adjust:exact !important;
}