@import url(https://fonts.googleapis.com/css?family=PT+Sans);
@import url(https://s3-us-west-2.amazonaws.com/cdn.hbuhsd.edu/canvas/css/DT3.css);

/*********************************************************************/
/***** BEGIN DESIGNPLUS THEME IMPORT & CUSTOMIZATION  ****************/
/*********************************************************************/
/* Import statements need to be at the top of your CSS file */

/*** Legacy Sidebar ***/
/* For Main CSS file */
@import url(https://designtools.ciditools.com/css/themes.css);
/* For Mobile app CSS file */
/*@import url(https://designtools.ciditools.com/css/app.css);*/
/* Institution color customizations */
@import url(https://designtools.ciditools.com/css/inst_theme_overrides.css);

/*** New Sidebar ***/
/* For Main CSS files */
@import url(https://designplus.ciditools.com/css/content.css);
@import url(https://designplus.ciditools.com/css/editor.css);
/* For Mobile app CSS file */
/*@import url(https://designplus.ciditools.com/css/mobile.css);*/

:root {
    --dt-color-primary: #005D97;
    --dt-color-primary-contrast: #FFFFFF;
    --dt-color-primary-dark-text: #00365C;
    --dt-color-secondary: #ED9623;
    --dt-color-secondary-contrast: #000000;
    --dt-color-secondary-dark-text: #7A5012;
    --dt-color-accent: #E4E4E4;
    --dt-color-accent-contrast: #000000;
    --dt-color-accent-dark-text: #4F4F4F;
    --dt-color-gray: #CCCCCC;
    --dt-color-gray-contrast: #000000;
    --dt-color-gray-dark-text: #525252;
    --dt-color-white: #FFFFFF;
    --dt-color-white-contrast: #000000;
    --dt-color-white-dark-text: #4D4D4D;
}

/*********************************************************************/
/***** END DESIGNPLUS THEME IMPORT & CUSTOMIZATION   *****************/
/*********************************************************************/

/*Overrides to default Canvas CSS*/
.user_content, p li tbody {
  font-size: .95rem;
}
.pages.show .page-title {
    font-size: 2em;
    font-weight: 300;
}
#course_section_sis_source_id {
    width: 120px !important;
}

/*New HBUHSD styles*/
blockquote{
  display:inline-block;
  background: #fff;
  padding: 15px 20px 15px 45px;
  margin: 2em;
  position: relative;
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.2;
  color: #666;
  text-align: justify;
  
  /*Borders - (Optional)*/
  border-left: 12px solid #4B4B50;
  border-right: 2px solid #4B4B50;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}
blockquote::before{
  content: "\201C"; /*Unicode for Left Double Quote*/
  
  /*Font*/
  font-family: Georgia, serif;
  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}
blockquote::after{
  /*Reset to make sure*/
  content: "";
}
blockquote em{
  font-style: italic;
}
blockquote cite {
color: #999;
font-size: 14px;
display: block;
margin-top: 5px;
}
blockquote cite:before {
content: "\2014 \2009";
}
.divedeeper {
	width: 75%;
	margin: 2em auto;
	padding: 0px;
	border: #4B4B50 solid 2px
}
.divedeeper h2 {
	color: #99ccff;
	background-color: #4B4B50;
	padding: 0.3em;
	margin-top: 0px;
}
.divedeeper p {
	margin: 1em;
}
.divedeeper h2:before {
	float:left;
	vertical-align:bottom;
	padding-right:6px;	
	content: url("https://s3-us-west-2.amazonaws.com/cdn.hbuhsd.edu/canvas/images/divedeeper.png");
}
.img-right {
    float: right;
    margin: 0px 0px 10px 10px;
}
.img-left {
    float: left;
    margin: 0px 10px 10px 0px;
}
.img-round {
border: 1px solid #ccc;
padding: 5px;
background: #fff;
border-radius: 500px;
}
.img-caption {
	background: #EEEEEE;
    margin: 0px;
    text-align: center;
    padding: 2px;
    font-style: oblique;
    font-size: 14px;
}
.vid-caption {
	background: #EEEEEE;
	margin-top: 0;
    margin-bottom: 1em;
    text-align: center;
    padding: 2px;
    font-style: oblique;
    font-size: 14px;
}
.vid-caption p {
    font-size: 14px;
}
.vid-tile {
    float: left;
    max-width: 480px;
    margin-right: 20px;
	margin-bottom: 20px:
}

/***
	Developed by the University of Derby
	Released under CC by-nc-sa 4.0 (http://creativecommons.org/licenses/by-nc-sa/4.0/)
	Version 2.2, 2016 March 14
	
***/


/*** UoD features for content pages - anywhere in a Canvas course ***/

.uodActivity {
	width: 75%;
	margin: 2em auto;
	padding: 0px;
	border: #488ba4 solid 5px;
}
.uodActivity h2 {
	color: white;
	background-color: #488ba4;
	padding: 0.3em;
	margin-top: 0px;
}
.uodActivity p {
	margin: 1em;
	text-align: justify;
}

/* Generic homepage styling */

#uodAll {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-color: white;
	color: black;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
}

#uodAll a{
	text-decoration: none;
}

#uodAll p{
	font-size: 13px;
}

.uodContentsTableIntroPara{
	text-align: justify;
}

.uodForceLeft{
	padding: 0;
	text-align: left;
}
.uodForceRight{
	padding: 0;
	text-align: right;
}

.uodContentsTable{
	overflow: auto;
	margin-bottom: 20px;
	text-align: center;
	max-width: 760px;
	margin: 0 auto;
}

.uodCurrentWeek::after {
	display: block;
	text-align: center;
	color: white;
	background-color: #008A14;
	font-weight: bold;
	content: "Current";
	padding: 1em;
}

.uodContentsCell{
	display: inline-block;
	vertical-align: top;
	margin: 10px;
	width: 192px;
	padding: 0px;
	line-height: 18px;
	background-color: #4B4B50;
}

/*
.uodContentsCell:hover  {
	background-color: #ffdd00;
}
*/

.uodContentsTitle{
	text-align: center;
	margin: 0px;
	padding: 11px 0;
	height: 34px;
	border-width: 1px 1px medium;
	border-style: solid solid none;
	border-radius: 8px 8px 0px 0px;
}
.uodContentsCell:hover  .uodContentsTitle a{
	color: #fcb51a;
}

.uodContentsLink{
	color: #fff;
	font-weight: bold;
}

.uodContentsImageAndText{
	height: 120px;
	padding: 0;
	margin: 0;
	position: relative;
	border-width: medium 1px 1px;
	border-style: none solid solid;
}

.uodContentsImageAndText img{
	display: block;
	height: 120px;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.uodContentsImageAndText p{
	display: none;
	text-align: center;
	width: 180px;
	height: 105px;
	background-color: rgba(255, 255, 255, 0.90);
	position: absolute;
	z-index: 100;
	top: 0px;
	padding: 15px 5px 0px 5px;
	margin: 0;
}

/* .uodContentsImageAndText p a{
	color: #000;
	font-weight: bold;
} */

.uodContentsCell:hover .uodContentsImageAndText p {
	display: block;
}

.currentWeek::after {
	display: block;
	text-align: center;
	color: white;
	background-color: #e54f00;
	font-weight: bold;
	content: "Current";
	padding: 1em;
}

#bottomBanner {
	overflow: auto;
	width: 100%;
	color: white;
	background-color: #488ba4;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	line-height: 1.5em;
}

/* Enscite homepage branding */


.uodContentsLink.enscite{
	background-color: #4B4B50;
	color: #FFF;
	font-weight: bold;
}

.uodContentsLink.enscite:focus {
	outline: 3px solid orange;
	color: #0096db;
	background-color: #4B4B50;
}

.uodContentsCell.enscite {
	background-color: #4B4B50;
	border-radius: 8px 8px 0px 0px;
}

.uodContentsCell:hover .uodContentsTitle .uodContentsLink.enscite {
	color: #fcb51a;
	background-color: #4B4B50;
	text-decoration: none;
}

.uodContentsImageAndText.enscite p a {
	font-weight: bold;
	color: #0096db;
	width: 172px;
	margin: 0 auto;
}

.uodActivity.enscite{
	border: 5px solid #4B4B50;
}


/* Responsive design */

@media (max-width:1290px){

	.uodContentsTableIntroPara{
		margin-right: 0;
	}
	
	.uodCourseAttributes{
		position: relative;
		margin: 0 auto;
	}
}

/* Grammarly-specific styling */
iframe.tool_launch {
  min-height: auto;
}