﻿/* vibhav 22/3/2017 added, To manage caption and description as two different frames */

.infoBlock {
  padding: 0px;
  
  /* Using top, right, left you can change position for both the frames */
  top: 30px;
  right: 30px;
  left: auto;
  
  width:auto; /* set to auto, so we can set caption and description width individually */
  
  background-color:transparent;
}

/* Caption settings */

.infoBlock h4 {
  line-height: 1.2;
  margin: 0;
  padding:5px;
  background-color:rgba(255, 255, 255, 0.8); /*change back color for caption*/
  
  max-width: 50%; /* set caption width, I used max-width property which is used to set the maximum width of an element */
}

/* Description settings */

.infoBlock p 
{
  padding:5px;
  margin-top: 10px;
  background-color:rgba(255, 255, 255, 0.8); /*change back color for description*/
  
  max-width: 50%; /* set description width, I used max-width property which is used to set the maximum width of an element */
}



