@charset "utf-8"; /* CSS Document */ body{ position:relative; font-family: 'Arimo', sans-serif; font-size:1.8em; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,007984+100 */ background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(154,151,125,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(154,151,125,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(154,151,125,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#007984',GradientType=0 ); /* IE6-9 */ } body p{ font-size:1em; } .im-centered { margin: auto; max-width: 370px; } .panel-default .panel-heading{ background-color:#298BC5; } .bgimage{ background-image: url(../../images/Course_Image.jpg); background-position: center center; background-size: cover; height:1000px!important; } .hideLogo{ padding-left:0px!important; padding-right:0px!important; padding-top: 20px!important; } .activityTitle h1{ font-size:2em; font-weight:400; color: white!important; text-shadow: 1px 0px 4px rgba(0, 0, 0, 1); } .bgimage h3 { color:#FCFCFC; } .bgimage h1 { color:#FCFCFC; } .bgimage h2 { color:#FCFCFC; } body h4{ text-align:center; } .right { position: absolute; right: -30px; top:-32px; padding: 10px; } .titleBar{ padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 12px; } .details{ padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 12px; } .mainLogo{ margin: 0 auto!important; padding-top:-80px; z-index:4!important; } .modal-header{ background-color: #9A977D; color:white; } .modal-header h2{ color:white; } .modal-footer{ background-color: #00464C; } .modal-footer h2{ color:white; } .unitTitle{ background-color:#D7E1EF; color:#212121!important; min-height:160px; padding:1em; } .unitTitle h2{ color:#212121!important; text-align: center; margin-top:0px!important; font-size:1.5em; } .unitTitle h3{ font-size:1em; } .unitTitle p{ color:#212121!important; text-align:center; } .unitContainer{ background-color:#AA7677; -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); padding-left:0px!important; padding-right:0px!important; margin-top:1em!important; margin-bottom: 2em!important; } .enterUnit{ cursor:pointer; } .md-trigger{ cursor:pointer; } .topButton{ text-decoration: none !important; cursor:pointer; } @media (max-width: 1200px) { header .navbar-brand h2 { font-size:1.2em; } header .navbar-brand h1 { font-size:1.5em; } header .navbar-default .navbar-nav a{ font-size:0.8em; } } @media (max-width: 990px) { header .navbar-brand span.subhead { display:none; } header .navbar-brand h2 { font-size:0.85em; } header .navbar-brand h1{ padding-left:60px; } header .navbar-brand h2{ padding-left:60px; } } @media (max-width:767px){ .modal-body img{ top:-20px; } #Search{ font-size:0.9em!important; } } @media (min-width: 750px) { .col-sm-10{ margin-top:1em!important; } } @media (max-width: 1200px) { header .navbar-brand h1 { font-size:1em; } .md-content h3{ font-size: 1.1em; margin-top: 10px!important; } .md-content h2{ font-size: 1.2em; } .md-content a{ font-size: 0.7em; } .md-content p{ font-size:0.7em!important; } .md-content li{ font-size:0.7em!important; padding:0px!important; } .md-content ul{ padding-bottom:0px!important; } } @media (max-width: 990px) { #sectionTitle h1{ text-align:center; } header .navbar-brand h1 { font-size:1em; } header .navbar-brand h1{ padding-left:60px; } .md-content h3{ font-size: 1.1em; margin-top: 10px!important; } .md-content h2{ font-size: 1.2em; } .md-content a{ font-size: 0.7em; } .md-content p{ font-size:0.7em!important; } .md-content li{ font-size:0.7em!important; padding:0px!important; } .md-content ul{ padding-bottom:0px!important; } } @media (max-width:767px){ .col-sm-10{ margin-top:0.8em!important; } header .navbar-brand span.subhead { display:none; } .hideLogo{ display:none; } .activityTitle{ left:0px; } .md-content h3{ font-size: 1.1em; margin-top: 10px!important; } .md-content h2{ font-size: 1.2em; } .md-content a{ font-size: 0.7em; } .md-content p{ font-size:0.7em!important; } .md-content li{ font-size:0.7em!important; padding:0px!important; } .md-content ul{ padding-bottom:0px!important; } } } .md-content h3{ font-size: 1.1em; margin-top: 10px!important; } body h2{ font-size:1.4em; }