/* Department CSS Document */
/*For mobile first adaptive design place styles for mobile and up in the mobile and up area.
Place styles for tablet and up inside the media query in the tablet and up area.
Place styles for desktop only inside the media query in the desktop only area.

For questions or media query training contact Web Development Services.
*/
/* ====================== Mobile and Up ========================== */

/* Accessibility classes */
.text-14 {
	font-size: 0.8750em;
	line-height: 1.5;
}
.text-16 {
	font-size: 1.0000em;
	line-height: 1.5;
}
.text-17 {
	font-size: 1.063em;
	line-height: 1.5;
}
.text-18 {
	font-size: 1.1250em;
	line-height: 1.5;
}
.text-20 {
	font-size: 1.2500em;
	line-height: 1.5;
}
.text-22 {
	font-size: 1.3750em;
	line-height: 1.5;
}
.text-24 {
	font-size: 1.5000em;
	line-height: 1.5;
}
.text-26 {
	font-size: 1.625em;
	line-height: 1.5;
}
.text-28 {
	font-size: 1.75em;
	line-height: 1.5;
}
.text-40-lg {
	font-size: 2.5em !important;
	line-height: 1.5 !important;
}
p {
	line-height: 1.5;
}
a {
	font-weight: bold;
}
/* End accessibility classes */

/* Extra Padding */
.padding-200 {
	padding: 200px;
}

.speaker-cover {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.set-dimensions {
	width: 100% !important;
	height: 400px;
	padding: 10px 0px;
}

/* ====================== Love of Reading - Keynote Speakers  ========================== */
/*ftlr 2020 banner css*/
.bg-image{
	background-image: url("/school-of-ed/engaged-reading/ftlr/images/ftlr-2020-banner-4.jpeg");
	padding-top: 10px;
	padding-bottom: 10px;
	position: relative;
}

/* FTLOR CONFERENCE CLASSES */

.button-solid {
	margin-bottom: 0px !important;
}

.margin-top-80 {
	margin-top: 80px;
}

/* END FTLOR CONFERENCE CLASSES */

/* background-position for headers */
.center-top {
	background-position: center top;
}

/*.bg-image:before{
	content:" ";
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	z-index:0;
	background-color: rgba(0, 0, 0, 0.2);
}*/

/* Classes to override styling on the social media logos */

.forced-flex {
	display: flex;
	justify-content: center !important;
}

.removed-reading {
	display: none !important;
}

/* End override classes */
.accordion:before {
	background-color: #548516;
}
.box-shadow-border {
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.21);
    padding: 5px;
    background-color: white;
}
.overflow-hidden {
	overflow: hidden;
}
.width-300 {
	max-width: 300px;
	width: 100%;
}
.flex-1 {
	flex: 1;
}
.height-75 {
	min-height: 75px;
}
.hover:hover {
	background-color: #f9f9f9;
	color: black;
	cursor: pointer;
}
.hover:hover > p > a,
.hover > p > a:focus{
	color:black;
	text-decoration: none;
}

.border-blue {
	border-color: #333 !important;
}

.border-red {
	/*border-color: #4da977 !important;*/
	border-color: #333 !important;
}

.border-orange {
	border-color: #333 !important;
}

.border-yellow{
	border-color:  #333 !important;
}


.border-green {
	border-color: #333 !important;
}

.flex-col {
	flex-direction: column;
}
.explore-btn {
	color: #010101;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 15px 5px 15px 5px;
}
.explore-btn:hover {
	text-decoration: none;
}
.button-shadow:hover,

.box-shadow {
	box-shadow: 0 1px 2px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.24);
	border-radius: 4px;
	overflow: hidden;

	
	
}
.float-left {
	float: left;
}
.border-4 {
	border-width: 8px;
	border-radius: 4px;
	overflow: hidden;
	border-left: none;
	border-bottom: none;
	border-right: none;
	background-color: white;
	transition: .2s;
}
.border-4:hover {
	transform: translate(0,-10%);
	background-color: white;
}
.border-left {
	border-left: 16px solid;
}
.img-ctr {
	display: flex;
	justify-content: center;
	align-items: center;
}


/* ====================== FTLR ========================== */

.card-picture-5 .card-picture-title {
    font-family: "Raleway", arial, sans-serif;
    text-align: center;
    font-weight: bold;
    border-bottom: 5px solid;
    padding: 30px 10px;
    margin: 0px;
}

.margin-5 {
    margin: 5px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    color: #4da977;
}

.display-flex {
    display: flex;
    flex-direction: column;
}

.card-picture-2 .card-picture-img, .card-picture-3 .card-picture-img, .card-picture-5 .card-picture-img {
    order: -1;
    height: 221px;
    /* width: 388px; */
    object-fit: fill;
}


.pcard-5-or a{
	height: 0px;
}


.pcard-5-or .card-picture-5:hover{
	background-color: silver;
}


/* Registration & Hotel Header */

section.page-header.jumbo.fullbleed.text-center.header-opacity-5 {
    padding: 150px;
}

/* Header Image Style */

 img.bg-image {
	object-fit: cover;
	overflow: hidden;
            }

.red-header-box {
	background: rgba(150, 40, 27, 1);
	padding: 100px 50px;
		   	
}



.flag-angle{
	position: relative;
	display: inline-block;
}

.flag-angle:after {
	content: '';
    width: 0;
    height: 0;
    border-top: 53px solid #275d38;
    border-right: 53px solid transparent;
    position: absolute;
    right: -53px;
    top: 0;
}


.button-ftlr{
	background-color: grey;
	padding: 15px 30px;
	color: white;
}

.button-ftlr:hover{
	background-color: darkgrey;
	color: black;
}


.text-white{
	color:white;
}


.bg-hover-black:hover{
	background-color: black;
}


.text-hover-white:hover{
	color: white;
}


/* buttons styles */

.button-border, .button-shadow {
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-family: 'Rajdhani', sans-serif;
    border-radius: 10px;
    padding: 15px 100px;
    margin-bottom: 0px;
    text-transform: uppercase;
}


h2.card-picture-title {
    text-align: center;
}

#nice-button a  {
    background-color: #3f6f4e;
  color: black;
  padding: 1em 1.5em;
  text-decoration: none;
  text-transform: uppercase;
}

#nice-button > a:hover {
  background-color: lightgreen;
}

#nice-button > a:active {
  background-color: #3f6f4e;
}

#nice-button > a:visited {
  background-color: #3f6f4e;
}


/* Donate Text */

a.color-text {
	color: white;
}

a.color-text:hover {
	color: black;
}

/* Presenter cards override */
.card-spotlight p {
	font-family: 'Lato', sans-serif;
}
/* Bottom footer override */


/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 680px) {


.display-flex {
    display: flex;
    flex-direction: row;
}
	
/*ftlr 2020 banner css*/
.bg-image{
	padding-top: 30px;
	padding-bottom: 30px;
}
	
}/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {
	/*button flex*/
.flex-button-center {
	display: flex;
	justify-content: space-evenly;
}
/*ftlr 2020 banner css*/
.bg-image{
	
	padding-top: 50px;
	padding-bottom: 50px;
}

.red-header-box {
	background-color: #a7212e;
	padding: 100px 50px;	   	
}

.love-reading {
	overflow: hidden;
	min-height: 300px;
	max-height: 400px;
}

}
/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {
	/*ftlr 2020 banner css*/
.bg-image{
	padding-top: 75px;
	padding-bottom: 75px;
}
	
}
/*end media query*/

@media only screen and (min-width: 1600px) {
	/*ftlr 2020 banner css*/
.bg-image{
	padding-top: 90px;
	padding-bottom: 90px;
}
	
}/*end media query*/
/*End desktop only styles*/
/*END OF DOCUMENT*/