/* -------------------------------------------------------
* Grand Lodge of Utah diamond .css template
	* Brand colors = 
	   Dark Blue: #091654
	   Medium DK Blue: #0072BC
	   Medium Blue Logo Background: #0077BD
	   Light Blue: #00A7E9
	   Light Brown: #C5A072
	   Reddish Brown: #C15731
----------------------------------------------------------*/

.diamond {
  position: relative;
  height: 200px;
  width: 200px;
  background-color: #0077BD;
  line-height: 200px;
  text-align: center;
  margin: 40px;
  overflow: hidden;
  background-position: center cover;
  box-shadow: 0px 0px 12px gray;
  
  -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
.diamond p {
  color:aliceblue;
  
    -ms-transform: rotateZ(-45deg);
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}
.diamond:before {
  position: absolute;
  content: '';
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
.diamond:after {
  position: absolute;
  top: 10px;
  left: 10px;
  content: '';
  height: calc(100% - 22px);  /* -22px is 2 * 10px gap on either side - 2px border on either side */
  width: calc(100% - 22px);  /* -22px is 2 * 10px gap on either side - 2px border on either side */
  
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}