::-moz-selection {
    background-color: #e6ae49;
    color: #FFF;
}

::selection {
    background-color: #e6ae49;
    color: #FFF;
}
/*  General Style   ||-----------*/

body, html {
    line-height:2rem;
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    line-height: 24px;
    color: #323232;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    overflow-x:hidden!important;
}

@media (max-width: 767px) {
    body {
    line-height: 20px;
    font-size: 14px;
    }
}

img {
    height: auto;
    max-width: 100%;
    border: none;
    outline: none;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
}

a, a:focus, a:active, a:link, img {
    outline: none;
}

a {
    color: #323232;
    cursor: pointer;
    text-decoration: underline;
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
}

a:hover {
    color: #e6ae49;
    text-decoration: none;
    transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
}

h1, h2, h3, h4, h5, h6, h7 {
    color: #323232; /* text-transform: uppercase; */
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 10px;
}

h1 {
    font-size: 43px;
    letter-spacing: 2px;
    line-height: 40px;
}

    h1.h1, h2.h2 {
        letter-spacing: 15px;
    }

@media (max-width: 767px) {
    h1.h1, h2.h2 {
        letter-spacing: 0px;
    }
}

h2 {
    font-size: 27px;
    letter-spacing: 2px;
    line-height: 37px;
    margin-bottom: 20px;
    padding-top: 10px;
}

h3 {
    font-size: 21px;
    letter-spacing: 4px;
    line-height: 32px;
}

h4 {
    font-size: 18px;
    letter-spacing: 2px;
    line-height: 28px;
}


h5 {
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 23px;
    font-weight: 600;
}

h6 {
    font-size: 15px;
    letter-spacing: 2px;
    line-height: 17px;
    font-weight: 600;
}

h7 {
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 17px;
    font-weight: 600;
}
    h3:after, h4:after, h5:after, h6:after, h7:after {
        color: #e6ae49;
        content: ".";
        font-size:30px;
    }

h1.large {
    font-size: 50px;
}

/* Apply Page */
.myButton {
	-moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
	-webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7892c2), color-stop(1, #476e9e));
	background:-moz-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-webkit-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-o-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:-ms-linear-gradient(top, #7892c2 5%, #476e9e 100%);
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7892c2', endColorstr='#476e9e',GradientType=0);
	background-color:#7892c2;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:19px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.myButton:hover {
	color:#ffe848;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7892c2));
	background:-moz-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-webkit-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-o-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:-ms-linear-gradient(top, #476e9e 5%, #7892c2 100%);
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7892c2',GradientType=0);
	background-color:#476e9e;
}
.myButton:active {
	position:relative;
	top:1px;
}
.myButton:visited {
    color:#ffe848;
}

/* Parallax settings for Summer-Ed-Apps */

.parallax {
  /* Set a specific height */
  min-height: 450px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center bottom 150px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.parallax-image-top-90perc {background-position: center bottom}
/*.parallax-header {position: absolute; z-index: 1000; top: 20px; left: 200px; width:100%; opacity:.4; background-color:#333; text-align:center; margin:0 auto}*/
.parallax-header {position: absolute; z-index: 1000; top: 0px; left: 0px; height:100px; padding-top:30px; width:100%; background: rgba(250,250,250,.5); text-align:center; margin:0 auto}

/*.bcg {background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; height: 100%; width: 100%;}
.hsContainer {width: 100%; height: 100%; overflow: hidden; position: relative;}
.hsContent {max-width: 700px; position: absolute; left: 50%; top: 50%} 
.hsContent h2 {color: #fff8de; background-color: rgba(0,0,0,0.2); padding: 10px 5px; font-size: 35px; line-height: 38px; margin-bottom: 12px; text-align:center } 
.hsContent p {width: 400px; color: #b2b2b2; } 
.hsContent a {color: #b2b2b2; text-decoration: underline; }

.hsContent {bottom: 0;top: auto;}
#parallax-1 h2 {color: #ffffff; background-color: rgba(0,0,0,0.6); }
.parallax-2 {background: none; padding-left: 0; padding-right: 0; }*/

/* To refresh these images: 
    1. Gather all new images into a folder
    2. Resize all images to 1440 width (variable height OK) at 90% compression and dpi=72
    3. Rename all photos to indicate general usage areas (e.g. fun, students, landscape, glacier, etc)
    4. Resize all images for mobile to 640 width (variable height OK) at 90% compression and dpi=72
    5. Copy resized images into /images/ssimages/parallax (or /parallax/mobile) folder
*/

/* The image used */
@media (max-width: 767px) {
.parallax {background-attachment: scroll;}
.img1 {background-image: url("../images/ssimages/parallax/mobile/_Animals1_DSC8761.jpg");}
.img2 {background-image: url("../images/ssimages/parallax/mobile/_Animals2_DSC_0083.JPG");}
.img3 {background-image: url("../images/ssimages/parallax/mobile/_Animals3_DSC01525.JPG");}
.img4 {background-image: url("../images/ssimages/parallax/mobile/_FL1_GOPR4637.JPG");}
.img5 {background-image: url("../images/ssimages/parallax/mobile/_FL2_GOPR0641.JPG");}
.img6 {background-image: url("../images/ssimages/parallax/mobile/_FL3_GOPR4160.JPG");}
.img7 {background-image: url("../images/ssimages/parallax/mobile/_Fun1_DSC01086.JPG");}
.img8 {background-image: url("../images/ssimages/parallax/mobile/_Fun1_DSC01086.JPG");}
.img9 {background-image: url("../images/ssimages/parallax/mobile/_Fun3_GOPR0485.JPG");}
.img10 {background-image: url("../images/ssimages/parallax/mobile/_Fun4_IMG_2195.jpg");}
.img11 {background-image: url("../images/ssimages/parallax/mobile/_Glacier1_DSC8699.jpg")}
.img12 {background-image: url("../images/ssimages/parallax/mobile/_Glacier2_DSC_0382.JPG");}
.img13 {background-image: url("../images/ssimages/parallax/mobile/_Glacier3_Field_Lunch_Creek-2479.jpg");}
.img14 {background-image: url("../images/ssimages/parallax/mobile/_Landscape1_IMG_1415.JPG");}
.img15 {background-image: url("../images/ssimages/parallax/mobile/_Landscape2_IMG_1425.JPG");}
.img16 {background-image: url("../images/ssimages/parallax/mobile/_Landscape3_IMG_1966.JPG");}
.img17 {background-image: url("../images/ssimages/parallax/mobile/_Landscape4_DSC_0372.JPG");}
.img18 {background-image: url("../images/ssimages/parallax/mobile/_Landscape5_IMG_0988.JPG");}
.img19 {background-image: url("../images/ssimages/parallax/mobile/_Landscape6_IMG_1482.jpg");}
.img20 {background-image: url("../images/ssimages/parallax/mobile/_Students1_DSC_0054.JPG");}
.img21 {background-image: url("../images/ssimages/parallax/mobile/_Students2_DJI_0007.JPG");}
.img22 {background-image: url("../images/ssimages/parallax/mobile/_Students3_IMG_0065.JPG");}
.img23 {background-image: url("../images/ssimages/parallax/mobile/_Students4_IMG_0020.JPG");}
.img24 {background-image: url("../images/ssimages/parallax/mobile/_Students5_GOPR0647.JPG");}
.img25 {background-image: url("../images/ssimages/parallax/mobile/_Students6_Photo Jul 11, 2 31 00 PM.jpg");}
.img26 {background-image: url("../images/ssimages/parallax/mobile/_Students7_TGSO9292.jpg");}
.img27 {background-image: url("../images/ssimages/parallax/mobile/_Students8_IMG_0526.JPG");}
.img28 {background-image: url("../images/ssimages/parallax/mobile/_Students9_IMG_0086.JPG");}
.img29 {background-image: url("../images/ssimages/parallax/mobile/_Students10_GOPR7506.jpg");}
.img30 {background-image: url("../images/ssimages/parallax/mobile/_Students11_DSC_0086.JPG");}
.img31 {background-image: url("../images/ssimages/parallax/mobile/_Students12_DSC_0123.JPG");}
.img32 {background-image: url("../images/ssimages/parallax/mobile/_Students13_DSC_0348.JPG");}
.img33 {background-image: url("../images/ssimages/parallax/mobile/_Students14_DSC_0415.JPG");}
.img34 {background-image: url("../images/ssimages/parallax/mobile/_Students14_DSC_0475.JPG");}
.img35 {background-image: url("../images/ssimages/parallax/mobile/_Students15_DSC06005.jpg");}
.img36 {background-image: url("../images/ssimages/parallax/mobile/_Students16_IMG_7090.JPG");}
}

@media (min-width: 769px) {
.img1 {background-image: url("../images/ssimages/parallax/_Animals1_DSC8761.jpg");}
.img2 {background-image: url("../images/ssimages/parallax/_Animals2_DSC_0083.JPG");}
.img3 {background-image: url("../images/ssimages/parallax/_Animals3_DSC01525.JPG");}
.img4 {background-image: url("../images/ssimages/parallax/_FL1_GOPR4637.JPG");}
.img5 {background-image: url("../images/ssimages/parallax/_FL2_GOPR0641.JPG");}
.img6 {background-image: url("../images/ssimages/parallax/_FL3_GOPR4160.JPG");}
.img7 {background-image: url("../images/ssimages/parallax/_Fun1_DSC01086.JPG");}
.img8 {background-image: url("../images/ssimages/parallax/_Fun1_DSC01086.JPG");}
.img9 {background-image: url("../images/ssimages/parallax/_Fun3_GOPR0485.JPG");}
.img10 {background-image: url("../images/ssimages/parallax/_Fun4_IMG_2195.jpg");}
.img11 {background-image: url("../images/ssimages/parallax/_Glacier1_DSC8699.jpg");}
.img12 {background-image: url("../images/ssimages/parallax/_Glacier2_DSC_0382.JPG");}
.img13 {background-image: url("../images/ssimages/parallax/_Glacier3_Field_Lunch_Creek-2479.jpg");}
.img14 {background-image: url("../images/ssimages/parallax/_Landscape1_IMG_1415.JPG");}
.img15 {background-image: url("../images/ssimages/parallax/_Landscape2_IMG_1425.JPG");}
.img16 {background-image: url("../images/ssimages/parallax/_Landscape3_IMG_1966.JPG");}
.img17 {background-image: url("../images/ssimages/parallax/_Landscape4_DSC_0372.JPG");}
.img18 {background-image: url("../images/ssimages/parallax/_Landscape5_IMG_0988.JPG");}
.img19 {background-image: url("../images/ssimages/parallax/_Landscape6_IMG_1482.jpg");}
.img20 {background-image: url("../images/ssimages/parallax/_Students1_DSC_0054.JPG");}
.img21 {background-image: url("../images/ssimages/parallax/_Students2_DJI_0007.JPG");}
.img22 {background-image: url("../images/ssimages/parallax/_Students3_IMG_0065.JPG");}
.img23 {background-image: url("../images/ssimages/parallax/_Students4_IMG_0020.JPG");}
.img24 {background-image: url("../images/ssimages/parallax/_Students5_GOPR0647.JPG");}
.img25 {background-image: url("../images/ssimages/parallax/_Students6_Photo Jul 11, 2 31 00 PM.jpg");}
.img26 {background-image: url("../images/ssimages/parallax/_Students7_TGSO9292.jpg");}
.img27 {background-image: url("../images/ssimages/parallax/_Students8_IMG_0526.JPG");}
.img28 {background-image: url("../images/ssimages/parallax/_Students9_IMG_0086.JPG");}
.img29 {background-image: url("../images/ssimages/parallax/_Students10_GOPR7506.jpg");}
.img30 {background-image: url("../images/ssimages/parallax/_Students11_DSC_0086.JPG");}
.img31 {background-image: url("../images/ssimages/parallax/_Students12_DSC_0123.JPG");}
.img32 {background-image: url("../images/ssimages/parallax/_Students13_DSC_0348.JPG");}
.img33 {background-image: url("../images/ssimages/parallax/_Students14_DSC_0415.JPG");}
.img34 {background-image: url("../images/ssimages/parallax/_Students14_DSC_0475.JPG");}
.img35 {background-image: url("../images/ssimages/parallax/_Students15_DSC06005.jpg");}
.img36 {background-image: url("../images/ssimages/parallax/_Students16_IMG_7090.JPG");}
}

/* End Parallax */

.flbs-alert-block {display:inline-block; font-size:1.2rem; margin:1rem 2rem; padding:.5rem 1rem; border-radius:6px; text-align:center}

.rotate-img1 {
width:90%;
padding:2% 0 0 1%;
transform:          rotate(10deg);
-ms-transform:      rotate(10deg);
-moz-transform:     rotate(10deg);
-webkit-transform:  rotate(10deg);
-o-transform:       rotate(10deg);
}
.rotate-img2 {
width:90%; 
padding:1%;
transform:          rotate(350deg);
-ms-transform:      rotate(350deg);
-moz-transform:     rotate(350deg);
-webkit-transform:  rotate(350deg);
-o-transform:       rotate(350deg);
}

.center-div-parent-container {
  height: 400px;
  position: relative;
}

.center-div-parent {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.center-div-content {
    text-align:center;
    width:100%;
    background-color:steelblue;
    padding:.5rem 1rem;
    margin:.25rem .5rem;
}

.social-parent-block {border: solid 1px #0080c0; padding:.5rem 1rem; }
.text-social-header {}

/* Courses page - course layout */
/*.course-parent {display:flex; height:600px; overflow-y:visible; float:none;text-align:left; border:solid 1px #333; border-radius:6px}*/

.course-parent {border:solid 1px #333; border-radius:10px; padding:8px}
.course-parent {background:#60a3bc} /* Old browsers */
.course-parent {background:-moz-linear-gradient(top, #60a3bc 0%, #82ccdd 100%);} /* FF3.6-15 */
.course-parent {background:-webkit-linear-gradient(top, #60a3bc 0%,#82ccdd 100%);} /* Chrome10-25,Safari5.1-6 */
.course-parent {background:linear-gradient(to bottom, #60a3bc 0%,#82ccdd 100%);} /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
.course-parent {background:filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60a3bc', endColorstr='#82ccdd',GradientType=0 );} /* IE6-9 */

.course {margin-bottom:.25rem;}
.course-title {font-size:1.8rem; min-height:70px; line-height:1.8rem; margin:1rem 0}
.course-fulltitle {font-size:1.2rem; line-height:1.2rem; margin:.25rem 0}
.course-instructors {font-size:1rem; margin-top:1em}
.course-instructors a {font-size:.9rem; color:#333; margin-bottom:.5rem}
.course-instructors a:hover {font-size:.9rem; color:#FFF;}

.course-dates {font-size:1.2rem; margin-top:1em}
.course-prereqs {display:block; font-size:1rem; font-style:italic; margin-top:1rem; min-height:100px}
.course-credits {display:inline; font-size:1rem; margin-right:1em}
.course-number {display:inline; font-size:1rem; margin:1em 1em 0 0}
.course-files-div {background-color:#FFF; padding:.5rem .25rem; border-radius:4px; margin-bottom:1rem}
.course-section-heading {font-weight:bold; color:#333; margin-bottom:.5rem; }
.course-link a {color:#333; margin:0 1rem .5rem 0}
.course-link a:hover {color:#999;}
.course-notice {}
.course-image {}
.course-showhide {visibility:visible}
.course-desc-div {background-color:#FFF; padding:8px 6px; margin:12px 0}
.course-desc {color:rgba(15, 81, 154, 0.88); visibility:visible}
.course-summary {color:rgba(15, 81, 154, 0.88); visibility:hidden}

/* Lists */
.ul-normal {background-color: #CFDEF0; color:#333333; border-radius:3px; margin-left:0; padding-left:30px;font-size:.875em}
.ul-normal li {list-style:circle}
.ul-nostyle {margin-left:0; padding-left:0}
.ull-nostyle#li {list-style:none; margin-left:0}

/* FLBS mods to Bootstrap Nav */
.page-nav {background-color:#F6FCFF; line-height:28px; border:solid 2px #0080C0; margin:1rem 0; border-radius:4px}
.nav-item {display:inline}
.nav-link {padding:.125rem .25rem}
.active{background-color:#eee; border:solid 1px #333; padding:.25rem}
.li-search-bar-icon {display:inline-block; vertical-align:top; margin-bottom:.5em}
.donations > a:link{background-color:#eeaf41;color:#556; text-decoration:underline}
.donations > a:hover{background-color:#eeaf41;color:#FFF; text-decoration:none}
.donations a{background-color:#fff;color:#00F}

@media (max-width: 767px) {
    .navbar {
    display: inline-block;
    float: none;
    vertical-align: top;
    line-height:28px;
    }

    .navbar .navbar-collapse {
        text-align: center;
    }
}

@media (min-width: 1200px) {
    .nav-item {
        padding:.125rem .5rem;
    }
}