/**************************/
/* VPC Custom Landing Page */
/**************************/


/* Define custom background-image */
body
{
  /* Define custom "background-image"s */

  /* background-color: #f2f2f2; */
  /* Sample for 1 image */
  /* 
  background-image: url("images_custom/page-background-image.png");
  background-position: 0vw 0vh;
  background-size: 100vw;
  background-repeat: no-repeat;
  */
  /* Sample for 2 sections 30% + 70% widths (logon + info) and using 2 images (header and background) */ 
  /*
  background-image: url("images_custom/page-title-image.png"), url("images_custom/page-background-image.png");
  background-position: 31vw 1vh, 30vw 0px;
  background-size: 25vh, 70vw;
  background-repeat: no-repeat;
  */
}

/* Add new custom text as custom CSS content or updating html page */
/* Hide Java and default VPC header */
hr,
center h1
{
  /* display: none; */
}
/* Customized header text */
body > center + center:before
{
  /* Customized header text */
  /*
  content: 'Proposal Development Center';
  white-space: pre-wrap;

  display: block;
  position: absolute;
  top: 20vh;
  left: 33vw;
  left: max(33vw, 400px);
  width: 50vw;

  text-align: left;
  font-weight: bolder;
  font-family: sans-serif;
  font-size: larger;
  */
}
/* Customized info text */
body > center + center:after
{
  /* Customized info text (use "\A" text as break line char */
  /*
  content: 'Welcome to Virtual Proposal Center.\A .';
  white-space: pre-wrap;

  display: block;
  position: absolute;
  top: 30vh;
  left: 33vw;
  left: max(33vw, 400px);
  width: 60vw;

  text-align: center;
  font-family: sans-serif;
  font-size: larger;
  */
  /* font-weight: bolder; */
  /* font-weight: bold; */
}

/* Default VPC buttons */
h3,
blockquote
{
  /*
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  text-indent: 0px;
  font-size: 1em;
  font-weight: normal;
  margin: 0px
  */
}
/* VPC buttons */
center input[type="button"]
{
  /*
  display: block;

  background-color: #068FC9;
  border: 2px solid #068FC9;
  color: white;
  */
  /*
  text-decoration: none;
  text-transform: uppercase;
  */
/*  font-size: larger; */

  /* Sample for 2 sections 30% + 70% widths (logon + info) */ 
  /*
  width: 27vw;
  margin: 10px 750vw 10px 10px;
  padding: 10px 10px;
  box-sizing: border-box;
  */
/*  min-width: 360px; */
}

form#vpcAppletForm
{
  /* padding-top: 30vh; */

  /* Remove VPC button */ 
  /*
  display: none !important;
  visibility: hidden;
  */
}

form#vpcExpressForm
{
  /* Remove VPC button */ 
  /*
  display: none !important;
  visibility: hidden;
  */
}

/* VPC links */
h3 a:link, a:visited
{
  /* Show VPC links as buttons */
  /* 
  display: block;

  margin: 10px;
  padding: 10px 10px;
  box-sizing: border-box;

  background-color: white;
  border: 2px solid #068FC9;
  color: #068FC9;
  color: black;
  text-decoration: none;
  text-indent: 0px;
  text-align: center;
  */
/*  font-size: larger; */

  /* Sample for 2 sections 30% + 70% widths (logon + info) */ 
  /*
  width: 27vw;
  */
/*  min-width: 360px; */
}


/* Hide unused contents */
/* Required Support Software */
blockquote + hr + h3
{
  /* display: none; */
}
/* Java plugin version must be equal to or greater than 1.8.0  */
blockquote + hr + h3 + h3
{
  /* display: none; */
}
/* Download latest JRE (Recommended, unless your company has a required version) */
blockquote + hr + h3 + h3 + h3
{
  /* display: none; */
}
/* Click here for troubleshooting guide  */
blockquote + hr + h3 + h3 + h3 + h3
{
  /* display: none; */
}
/* VPC Tutorials  */
blockquote + hr + h3 + h3 + h3 + h3 + h3
{
  /* display: none; */
}
/* Navigating VPC Express  */
blockquote + hr + h3 + h3 + h3 + h3 + h3 + h3
{
  /* display: none; */
}

/* Responsive Design */

/* Sample for 2 sections 30% + 70% widths (logon + info) */
@media (orientation: portrait)
{
  body
  {
    /* background-color: #ffffff; */
    
    /* Sample for 2 sections 30% + 70% widths (logon + info) and using 2 images (header and background) */ 
    /*
    background-image: url("images_custom/page-title-image.png"), url("images_custom/page-background-image.png");
    background-position: 2vw 2vh, 0px 30vh;
    background-size: 30vh, 100vw;
    background-repeat: no-repeat;
    */
  }

  /* Customized header text */
  /*
  body > center + center:before
  {
    top: 20vh;
    left: 3vw;
    width: 90%;
  }
  */
  /* Customized info text */
  /*
  body > center + center:after
  {
    top: 27vh;
    left: 3vw;
    width: 90%;
  }
  */

  /*
  blockquote
  {
    padding-top: 25vh;
  }
  */

  /*  
  center input[type="button"]
  {
    width: 90%;
    margin: 10px auto;
    padding: 10px 10px;
    box-sizing: border-box;
  }
  */

  /*
  h3 a:link, a:visited
  {
    width: 90%;
    margin: 10px auto;
    padding: 10px 10px;
  }
  */
}