/*Theme customizations*/
.nicheacademyWidget {
font-family: 'Open Sans', sans-serif;
font-weight: normal !important;
}
.nicheacademyWidget p{
font-family: 'Open Sans', sans-serif !important;
margin: 0px;
padding: 0px;
}
.nicheacademyWidget i,
i.nicheacademyWidget,
.nicheacademyWidget i:hover,
i:hover.nicheacademyWidget,
.nicheacademyWidget i:focus,
i:focus.nicheacademyWidget{
height: auto;
margin: 0px;
padding: 0px;
}
.nicheacademyWidget a:hover,
.nicheacademyWidget a:focus
.nicheacademyWidget i:hover,
.nicheacademyWidget i:focus {
background-image: none;
text-decoration: none !important;
}
.bgPrimary{
background: #3c3c3c;
}
.bgSecondary{
background: #d8d8d8;
}
.colorPrimary{
color: rgba(238,238,238,0.77) !important;
}
.colorSecondary{
color: #d8d8d8 !important;
}
.previewButton{
border: 0;
width: auto;
height: auto;
color: #FFFFFF !important;
cursor: pointer;
font-weight: 400 !important;
position: relative;
white-space: nowrap;
display: inline-block;
text-decoration: none !important;
padding: 6px 13px;
margin: 0px;
text-transform: capitalize;
z-index:999;
background-image: linear-gradient(-300deg, #3c3c3c,#fff  300%);     
}
.previewButton:hover,
.previewButton:focus {
background-image: none;
color: #fff !important;
font-weight: 400 !important;
padding: 6px 13px;    
margin: 0px;
width: auto;
height: auto;    
text-decoration: none !important;        
}
.rounded {
border-radius: 4px !important;
}
/* The Modal (background) */
.modal {
// display: none; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 999999; /* Sit on top */
padding-top: 60px; /* Location of the box */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.75); /* Black w/ opacity */   
}
/* Modal Content */
.modal-content {
background-color: #fefefe;
margin: auto;
// width: 900px;
max-width:756px;
height: 80%;
border-radius: 8px;
position: relative;
overflow: hidden;
}
.nicheacademyWidget .closeIcon a, 
.nicheacademyWidget .closeIcon a:hover,
.nicheacademyWidget .closeIcon a:focus,
.lightboxNicheAcademy.closeIcon a, 
.lightboxNicheAcademy .closeIcon a:hover,
.lightboxNicheAcademy .closeIcon a:focus
{
margin: 9px 0 0 0;
padding: 0;
width: auto;
height: auto;
background: transparent;
position: absolute;
color: #FFFFFF;
cursor: pointer;
font-size: 22px;
right: 5px;
z-index: 99;
text-align: right;
text-decoration: none !important;
}
.lightboxFrame {
width: 100%;
height: 100%;
border-radius: 8px;
}
.sliderFrame {
border: none;
width: 100%;
height: 100%;
}
.colorWhite {
color: #FFFFFF !important;
}
.colorWhite:hover {
color: #FFFFFF !important;
}
.clickable {
cursor: pointer;
}
.sideButton {
float: right;
color:#fff !important;
padding: 6px 13px;
margin: 0px;
line-height: 40px;
animation: main 3s;
transform-origin: 100% 100%;
transform:rotate(-90deg);
cursor:pointer;
z-index:999;
background-image: linear-gradient(-300deg, #3c3c3c,#fff  300%);     
font-weight: normal !important;
width: auto;
height: auto;
text-decoration: none !important;  
}
.sideButton:hover,
.sideButton:focus {
background-image : none;
color: #fff !important;
font-weight: normal !important;
margin: 0px;
padding: 6px 13px;
width: auto;
height: auto;
text-decoration: none !important;    
}
.mySideSlider {
z-index: 9999;
height: 100%;
max-width: 564px;
width: 100%;
background-color: white;
border: 1px solid #e0e0e0;
box-shadow: -3px 0 10px 0 rgba(38,50,56,.50);
position: fixed;
top: 0;
right: 0;
transition: 0.5s;
overflow: auto; /* Enable scroll if needed */
}
@media (max-width: 991px) {
.modal{
padding:0;
}
.modal-content{
height:calc(100% - 4px);
max-width:inherit;
}
}
/** carousel styling **/
* {box-sizing: border-box}
.nicheSlides {
display: none;
text-align: center;
overflow: hidden;
background: #000;
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}
.nicheSlides>div.imgContainer>img {
max-height:100%;
}
.imgContainer{
display: flex;
justify-content: center;
align-items: center;
}
/* Slideshow container */
.slideshow-container {
position: relative;
margin: auto;
}
.slideshow-container i,
.slideshow-container i:hover {
position: absolute;
top: 50%;
left: 50%;
font-size: 5em;
margin-top: -51px;
margin-left: -40px;
width: auto;
height: auto;
}
/* Next & previous buttons */
.prev, .next {
cursor: pointer;
position: absolute;
top: 50%;
width: auto;
height: auto;
padding: 16px;
margin: -22px 0 0 0;
color: white;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
}
/* Position the "prev button" to the right */
.prev {
left: 0;
border-radius: 3px 0 0 3px;
text-decoration: none !important;
}
/* Position the "next button" to the right */
.next {
right: 0;
border-radius: 3px 0 0 3px;
text-decoration: none !important;
}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover,
.prev:focus, .next:focus {
background-color: rgba(0,0,0,0.8);
color: #fff !important;
padding: 16px;
margin: -22px 0 0 0;  
width: auto;
height: auto;
text-decoration: none !important;
}
/* Caption text */
.nicheacademyWidget .text {
color: #f2f2f2;
font-size: 18px;
padding: 8px 12px;
background-image: linear-gradient(-300deg, #3c3c3c, #fff  300%);
text-align: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-family: 'Open Sans', sans-serif !important;
}
@-webkit-keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}
@keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}