/*	Default Layout
	92px columns, 24 px gutters, 72 px margins, 1234px total (extra space for scrollbars)
	-------------------------------------------------------------------------------
cols    1    2     3     4     5     6     7     8     9     10     11     12     13
px      68   160   252   344   436   528   620   712   804   896	988    1050   1142 */


/* #### Generated By: http://www.cufonfonts.com #### */

    @font-face {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Regular'), url('/fonts/myriad-pro/MYRIADPRO-REGULAR.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed'), url('/fonts/myriad-pro/MYRIADPRO-COND.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Condensed Italic'), url('/fonts/myriad-pro/MYRIADPRO-CONDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Light';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Light'), url('/fonts/myriad-pro/MyriadPro-Light.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold'), url('/fonts/myriad-pro/MYRIADPRO-SEMIBOLD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Semibold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Semibold Italic'), url('/fonts/myriad-pro/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Condensed';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed'), url('/fonts/myriad-pro/MYRIADPRO-BOLDCOND.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold'), url('/fonts/myriad-pro/MYRIADPRO-BOLD.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Italic'), url('/fonts/myriad-pro/MYRIADPRO-BOLDIT.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Myriad Pro Bold Condensed Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Myriad Pro Bold Condensed Italic'), url('/fonts/myriad-pro/MYRIADPRO-BOLDCONDIT.woff') format('woff');
    }


.yellow {
	color: #fcb203;
}

.purple {
	color: #6D28AA;
}

.beige{
	 color: #d7bf9d;
}

.mintgreen{
    color: #cad4bc; 
}

.peach {  
    color: #edddc6; 
}
.mediumyellow {  
 color: #dfdbae; 
}

.lightyellow {  
    color: #e9e6bb; 
}

.lightblue {  
    color: #d7e1e2;
}

.lightgreen {  
    color: #eaece1;
}

.title-oer {
    font-family: 'Myriad Pro Bold Italic', Helvetica, Arial, 'sans-serif';
    color: #6D28AA;
    font-size: 45px;
}

.subtitle-oer {
    background-repeat: no-repeat;
    font-family: 'Myriad Pro Semibold Italic', Helvetica, Arial, 'sans-serif';
    color: #6D28AA;
    font-size: 30px; 
   /* text-align: center;*/
}

.subtitle-oer p{
    padding: 15px 10px 10px 10px;
}

.shade-oer {
	background-image: url("../images/background.jpg");
    background-repeat: no-repeat;
	background-color: #e8e5ba;
}


.inner-oer {
    padding: 15px;
    background-color: #fff;
    height: 95%;
}

.session-date {
    font-weight: bold;
      border-bottom: thin solid #000;
/*padding-bottom: 5px;*/
  
}

.session-title {
    font-family: 'Myriad Pro Semibold Italic', Helvetica, Arial, 'sans-serif';
    font-size: 20px;
    color: rgba(89, 20, 121, .85);
    padding-top: 10px;
}
.session-presenter {
    font-family: 'Myriad Pro Semibold Italic', Helvetica, Arial, 'sans-serif';
    font-size: 18px;
    color: rgba(89, 20, 121, .85);
    padding-bottom:  10px;
}

.button a {
	background-color: rgba(89, 20, 121, .85);
	/*background-image: url("../pressbooks/oer-event/images/background.jpg");
    background-position: right;
	color: #6D28AA;*/
    color: #fff;*
	font-family: 'Myriad Pro Semibold', Helvetica, Arial, 'sans-serif';
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	display: block;
	width: 180px;
	padding: 15px 20px;
    line-height: 20px;
    margin-left: auto;
    margin-right: auto;

   
	/*letter-spacing: .1em;*/
}

.button a:hover {
	color: rgba(89, 20, 121, .85);
    background-color: #cad4bc;
	background-image: url("../images/background.jpg");
    background-position: left;
	}

.button-sm a {
    color: #fff;
    background-color: rgba(89, 20, 121, .85);
    margin: 0 10px 25px;
    padding: 5px 10px;
    float: right;
    width: 140px;
    text-align: center;
}

.button-sm a:hover {
	color: rgba(89, 20, 121, .85);
    background-color: #cad4bc;
	background-image: url("../images/background.jpg");
    background-position: left;
}

.grid-event {
	display: grid;
	grid-template-columns: 1fr 25px 1fr 25px 1fr;
	grid-gap: 15px;
	
}

.outline {
    border: thin #4d4d4d solid;
    background: #fff;
}

.event-box {
	/*text-align: center;*/
}

/*.event-box h2 {
	background-color: #fcb203;
	color: #000;
	font-family: Helvetica, Arial, 'sans-serif';
	font-size: 25px;
	font-weight: 600;
	text-align: center;
	padding: 15px 10px 12px 10px;
	border-bottom: none;
}*/

.event-box h2 {
	font-family: 'Myriad Pro Bold Italic', Helvetica, Arial, 'sans-serif';
    color: rgba(89, 20, 121, .85);
	font-size: 25px;
	font-weight: 600;
	text-align: center;
	padding: 15px 10px 12px 10px;
	border-bottom: #000 2px solid;
}

.event-box h3 {
	font-family: 'Myriad Pro Bold Italic', Helvetica, Arial, 'sans-serif';
    /*color: rgba(89, 20, 121, .85);*/
     color: #000;
	font-size: 18px;
	/*font-weight: 200;
	/*text-align: center;*/
	/*padding: 15px 10px 5px 10px;*/
	/*border-bottom: #000 1px solid;*/
}

.speaker-box h2 {
	font-family: 'Myriad Pro Bold Italic', Helvetica, Arial, 'sans-serif';
    color: rgba(89, 20, 121, .85);
	font-size: 25px;
	font-weight: 600;
	/*text-align: center;*/
	/*padding: 15px 10px 12px 10px;*/
	border-bottom: #000 2px solid;
}

.speaker-bio {
    /*background-color: #fff;*/
    font-size: 14px;
    padding: 10px;
}

.divider {
	border-bottom: solid #504E4E thin;
    padding-bottom: 10px;

}



.campus h2 {

	color: #623C17;
	font-family: 'social-gothic', Helvetica, Arial, 'sans-serif';
	font-size: 30px;
	font-weight: 600;
	border-bottom: none;
	padding-top: 20px;
}

.info-box {
	background-color: #623C17;
	color: #fff;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}



/*		10 Column Layout: 992px. 
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

@media only screen and (min-width: 992px) and (max-width: 1221px) {



}


/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	

	
}

/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436   */

@media only screen and (min-width: 480px) and (max-width: 767px) {

.grid-event {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto 25px auto 25px auto;
	grid-gap: 15px;
	
}
	.divider {
	/*border-right: solid #504E4E thin;*/
	background-image: url("/indigenous22/images/divider-horz.jpg");
	background-repeat: no-repeat;
	background-position: center;
	
}
	
	.btn-center {
		margin-left: auto;
		margin-right: auto;
	}
	
}

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 479px) {

.grid-event {
	display: grid;
	grid-template-columns: auto;
	grid-template-rows: auto 25px auto 25px auto;
	grid-gap: 15px;
	
}
    
    .grid-1-3 {
       grid-template-columns: 1fr;

}
    
    .title-oer {
    font-size: 35px;
}
    
    .speaker-box h2 {
        line-height: 25px;
}
    
    
	.divider {
	/*border-right: solid #504E4E thin;*/
	background-repeat: no-repeat;
	background-position: center;
	
}
	
	.btn-center {
		margin-left: auto;
		margin-right: auto;
	}

}