/*2-2020: Added global styles that applies to ALL embed clients*/	
/*Responsive image*/
.jds-main-content img, .contentView-summary img {
  max-width: 100%;
}

.flex {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
}

/*Responsive Table*/
.mb4 {
    margin-bottom: 2rem;
}
.overflow-y-hidden {
    overflow-y: hidden;
}
.overflow-x-auto {
    overflow-x: auto;
}
.green {
    color: #19a974;
}

 /*break long links*/
a {   
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/*break long words*/
p {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

/*Events Styles*/

/*Spacing*/
.ma4 {
	margin: 2rem;
}
.mb3 {
    margin-bottom: 1rem;
}
.ml4 {margin-left: 2rem;}
.pv2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.ph4 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.w2 {
    width: 2rem;
}

.bg-yellow {
    background-color: gold;
}


.fw7 {
    font-weight: 700;
}
.dib {
    display: inline-block;
}
.br-pill {
    border-radius: 9999px;
}

.embed-toolbar {width: 100%;}

/* Video thumbnails restricts from popping out. Also fixes Google Mobile warning */
.video-js, .vjs-poster, .vjs-tech {max-width: 100%;}
.embed-content-container {width: 100%;}

#EventsPanel {
    padding: 0 10px 5px;
}