/** Overlay Boxes vertical **/  

.image-component {
  position: absolute;
    }

.overlay-box-lg {
  margin-top: -4em;
  margin-left: 3em;
  margin-right: 3em;
  position: relative;
      }
  
.overlay-box-lg h2 {
  font-size: 2em !important;
  font-weight: bold;
     }    
  
.overlay-box-lg p{
  font-size: 1.5em !important;
     }  
  
.overlay-box-md {
  margin-top: -2.5em;
  margin-left: 1em;
  margin-right: 1em;
  position: relative;
  }

.overlay-box-sm {
 margin-top: -2em;
margin-left: 1em;
margin-right: 1em;
position: relative;
  }

/** Overlay Boxes horizontal **/  

.horizontal-overlay-box-right {
margin-top: 1em;
margin-bottom: 2em !important;
margin-left: -5em;
	margin-right: 0px;
position: relative;
      }

.data-bogus-editable-container .horizontal-overlay-box-right {
margin-top: 1em;
margin-bottom: 2em;
margin-left: -2em; 
position: relative;
      } 

.horizontal-overlay-box-left {
	margin-top: 1em;
margin-bottom: 2em !important;
margin-right: -5em;
	margin-left: 0px;
z-index: 1;
	position: relative;
      }

.data-bogus-editable-container .horizontal-overlay-box-left {
margin-top: 1em;
margin-bottom: 2em;
margin-left: -2em; 
position: relative;
      } 

/* Horizontal image support - keep in line on tablet */

  .image-horizontal {
  	height: 100%;
  	object-fit: cover;}

/** Overlay Boxes horizontal smaller screens **/ 

@media screen and (max-width: 1199px) {
	
	.horizontal-overlay-box-right {
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px; 
position: relative;
      }
	
.horizontal-overlay-box-left {
	margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
	z-index: 1;
position: relative;
      }	
}

/** Overlay Boxes vertical smaller screens **/ 
@media screen and (max-width: 767px) 
{	
  .overlay-box-lg {
    margin-top: -2em;
    margin-left: 2em !important;
    margin-right: 2em !important;
    position: relative;
      }
       
  .overlay-box-md {
    margin-top: -3em;
    margin-left: 1.2em !important;
    margin-right: 1.2em !important;
    position: relative;
      }

  .overlay-box-sm {
    margin-top: -1em;
    margin-left: 1em !important;
    margin-right: 1em !important;
    position: relative;
      }
	
		.horizontal-overlay-box-right {
margin-top: -3em;
margin-bottom: 0px;
margin-left: 1.2em !important; 
margin-right: 1.2em !important;
position: relative;
      }
	
.horizontal-overlay-box-left  {
margin-top: -3em;
margin-bottom: 0px;
margin-left: 1.2em !important; 
margin-right: 1.2em !important;
	position: relative;
	z-index: 1;
      }

}

/* Shadow animation on hover */

.shadow-animation {
    box-shadow: 0;
  transition: box-shadow 1s;
  border: 1px solid #eee;
      transition: box-shadow 0.3s;
  }
  
  .data-entry.boxstyle_.box2:hover .shadow-animation {
  box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
              0 2px 2px rgba(0,0,0,0.11), 
              0 4px 4px rgba(0,0,0,0.11), 
              0 6px 8px rgba(0,0,0,0.11),
              0 8px 16px rgba(0,0,0,0.11);
  }

 @media (prefers-reduced-motion) {
 .shadow-animation {
     box-shadow: 0;
       transition: box-shadow 0s;
       border: 1px solid #eee;
       transition: box-shadow 0s;
       }
       
      .data-entry.boxstyle_.box2:hover .shadow-animation {
       box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
	   }}

/* Accordion gradient fade */

       .tabs-component--accordion-button{
border-radius: 10px !important;
       background-color: #552d62; /* For browsers that do not support gradients */
       background-image: linear-gradient(-200deg, #552d62, #190d1d);
       }
       
     .tabs-component--accordion-button .btn-default {
       color: #FFF !important;
     }
       
       .tabs-component--accordion-button, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
     color: #FFF !important;
     background-color: #886c91!important;
       
       }

.tabs-component>.tabs-component--panels>.tabs-component--panel.active {border-radius: 10px !important; }
	

.panel {
	border-radius: 10px !important;
overflow:hidden !important;}