/* OPSIS Custom CSS */
.button{
  color: black;
}

/*Opsis H2 Custom CSS, updated h2 color to #01a8a8 * by Avishek */
h1,h2{
  color: #01a8a8;
}
h1, h2, h3, h4, h5 {
  font-family: "Impact", "Verdana", "Helvetica", "Tahoma", "Geneva", "Arial", "sans-serif";
}

/* this section is for the thank-you page */
/* copy file to correct location e.g. /var/www/*/media/gantry5/assets/css/opsis.css */


/* option 1 - standard logo image as background */
.thankYouBackground1 {
  background-image: url('/images/Large-feint-forbackgrounds.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
}
/*  for inline CSS in the article, use the following at the start of the article:
NOTE: the editor will automatically put a closing </div> at the end of the article
<div style="background-image: url('images/Large-feint-forbackgrounds.png'); background-size: 100% auto; background-repeat: no-repeat;">
OR if using this CSS file:
<div class="thankYouBackground1">
*/

/* option 2 - same as option 1, but with opacity setting */
.thankYouBackground2 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  min-width: 100%;
  background-image: url('/images/Large-feint-forbackgrounds.png');
  background-size: 100% auto;
  background-repeat: no-repeat;
  opacity: 80%;
}
/*  for inline CSS in the article, use the following at the start of the article:
NOTE: the editor will automatically put a closing </div> at the end of the article
<div style="position: relative;">
  <div style="position: absolute; top: 0; left: 0; bottom: 0; width: 100%; min-width: 100%; background-image: url('images/Large-feint-forbackgrounds.png'); background-size: 100% auto; background-repeat: no-repeat; opacity: 40%;">&nbsp;</div>
OR if using this CSS file:
<div style="position: relative;">
  <div class="thankYouBackground2">&nbsp;</div>
*/

/* option 3 - use a tiled approach with opacity */
.thankYouBackground3 {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  min-width: 100%;
  background-image: url('/images/Large-feint-forbackgrounds.png');
  background-size: 20% auto;
  opacity: 35%;
}
/*  for inline CSS in the article, use the following at the start of the article:
NOTE: the editor will automatically put a closing </div> at the end of the article
<div style="position: relative;">
  <div style="position: absolute; top: 0; left: 0; bottom: 0; width: 100%; min-width: 100%; background-image: url('images/Large-feint-forbackgrounds.png'); background-size: 20% auto; opacity: 40%;">&nbsp;</div>
OR if using this CSS file:
<div style="position: relative;">
  <div class="thankYouBackground3">&nbsp;</div>
*/