/*----------------------------------------------------------------------
donations.css holds CSS3 style definition used by donations.html in the website.
Application: Website CultLib
Platform   : CSS3
------------------------------------------------------------------------
Copyright  : http://creativecommons.org/publicdomain/zero/1.0/
Developed  : Hartwig Thomas, Zurich, Switzerland, 2021
Created    : July 2021, Hartwig Thomas
----------------------------------------------------------------------*/
/*======================================================================
media-independent rules
======================================================================*/
@import "sfpd.css";

main>a
{
  width: 100%;
  height: auto;
}

main>a>img
{
  width: 90%;
  height: auto;
  margin-left: 5%;
}


main>div
{
	--size_text_font: 11pt;
  --max_width_img: 12em;
  font-size: var(--size_text_font);
	width: 100%;
  height: var(--main_height);
	overflow-y: auto;
}

main>div input[type="image"]
{
  width: 90%;
  height: auto;
  max-width: var(--max_width_img); 
}

main>div a
{
	width: 100%;
  height: auto;
  max-width: var(--max_width_img); 
}

main>div p>strong
{
  --size_text_font: 9pt;
  font-size: var(--size_text_font);
}

main div#paypal
{
  display: none;
}

@media (orientation: landscape)
{
	main>a
	{
  	height: 100%;
    max-height: var(--main_height);
    width: var(--main_height);
  }
  
  main>div
  {
    height: 90%;
    width: calc(95% - var(--main_height));
    overflow-y: auto;
  }

  main>div>p
  {
    margin-top: 0;
  }
  
}