.studyGuideType {
	cursor: pointer;
}

.studyGuideType:hover .studyGuideImg {
	opacity: 0.7;
} 

#studyGuideTypes .blue, #studyGuideFiles .blue {
	background-color: #00aaff;
}

#studyGuideTypes .yellow, #studyGuideFiles .yellow {
	background-color: #ecc337;
}

#studyGuideTypes .orange, #studyGuideFiles .orange {
	background-color: #ca5612;
}

#studyGuideTypes .green, #studyGuideFiles .green {
	background-color: #b2ba0a;
}

#studyGuideTypes .grey, #studyGuideFiles .grey {
	background-color: #787878;
}

.studyGuideImg {
	height: 300px;
	width: 100%;
	object-fit: cover;
	border-radius: 10px 10px 0px 0px;
	opacity: 0.3;
	display: block;
}

.studyGuideTitle {
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: transparent;
	padding: 10px 20px;
	font-size: 28px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;	
}

.studyGuideTitle.file {
	top: 50%;
	font-size: 14px;
	text-transform: none;
	width: 75%;
}
.studyGuideTitle.file p{
	color: black;
}

.studyGuideTitle i {
	padding: 9px 17px 10px 20px;
	border-radius: 10px;
	color: black;
}

.rtl .studyGuideTitle i {
	padding: 9px 20px 10px 17px;
}

.studyGuideSubtitle {
	padding: 15px 5px 15px 5px;
	text-align: center;
	color: black;
	border-radius: 0px 0px 10px 10px;
	font-weight: 600;
	min-height: 55px;
}

#studyGuideFiles {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 65px;
}

.fileImg {
	height: 150px;
	width: 100%;
	object-fit: cover;
	border-radius: 10px;
	opacity: 0.3;
	display: block;
}

.studyGuideFile:hover .fileImg {
	opacity: 0.7;
} 

.studyGuideFile {
	cursor: pointer;
	height: 150px;
}

.copyClipboard {
	position: absolute;
    top: 5px;
    right: 10px;
    font-size: 18px;
}

.copyClipboard.blueText {
    color: #0093ff;
}

.copyClipboard.blueText:hover {
    color: #43adfb;
}

.copyClipboard.yellowText {
    color: #ecc337;
}

.copyClipboard.yellowText:hover {
    color: #e9ce71;
}

.copyClipboard.orangeText {
    color: #ca5612;
}

.copyClipboard.orangeText:hover {
    color: #eb8d56;
}

.copyClipboard.greenText {
    color: #b2ba0a;
}

.copyClipboard.greenText:hover {
    color: #d7dd59;
}

.copyClipboard.greyText {
    color: #787878;
}

.copyClipboard.greyText:hover {
    color: #9b9b9b;
}