The Hatchet’s 2020 Virtual Orientation Guide

@import url(“https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700”);
.basketball-guide-2017-container {
max-width: 1100px;
text-align: left;
font-family: “Source Serif Pro”, “Cambria”, “Georgia”, serif;
margin: 1rem auto
}

.basketball-guide-2017-container * {
box-sizing: border-box
}

.basketball-guide-2017-container a:link {
text-decoration: none
}

.basketball-guide-2017-container h1 {
font-size: 2rem;
font-family: “Source Sans Pro”, “Segoe UI”, “Helvetica Neue”, “Helvetica”, sans-serif;
text-transform: uppercase;
background-color: #0F703C;
color: white;
padding: 0.5rem 0;
margin: 0.5rem 0
}

.basketball-guide-2017-container header.guide-header img {
width: 100%;
max-height: 550px;
object-fit: cover;
}

.basketball-guide-2017-container header.guide-header .cover-story {
max-width: 900px;
margin: 0 auto;
color: black
}

.basketball-guide-2017-container header.guide-header .cover-story h2.big-headline {
font-size: 3rem;
margin: 0.75rem 0 0.75rem 0;
font-family: “Source Sans Pro”, “Segoe UI”, “Helvetica Neue”, “Helvetica”, sans-serif;
text-transform: uppercase;
line-height: 3rem;
color: #0F703C
}

.basketball-guide-2017-container header.guide-header .cover-story p.big-subheadline {
font-size: 1.5rem;
margin: -0.25rem 0 1rem 0;
font-family: “Source Sans Pro”, “Segoe UI”, “Helvetica Neue”, “Helvetica”, sans-serif
}

.basketball-guide-2017-container header.guide-header .cover-story p.big-excerpt {
margin-top: 0.5rem;
font-size: 1.1rem
}

@media screen and (max-width: 500px) {
.basketball-guide-2017-container header.guide-header .cover-story h2.big-headline {
font-size: 2rem;
line-height: 2rem
}
.basketball-guide-2017-container header.guide-header .cover-story p.big-subheadline {
font-size: 1.5rem
}
.basketball-guide-2017-container header.guide-header .cover-story p.big-excerpt,
.basketball-guide-2017-container header.guide-header .cover-story p.read-button span {
font-size: 1rem
}
}

.basketball-guide-2017-container header.guide-header:hover .cover-story h2.big-headline {
color: black
}

.basketball-guide-2017-container section.guide-section {
margin-bottom: 0rem
}

.basketball-guide-2017-container section.guide-section header h3 {
font-size: 2rem;
font-family: “Source Sans Pro”, “Segoe UI”, “Helvetica Neue”, “Helvetica”, sans-serif;
text-transform: uppercase;
/*background-color: #0F703C;*/
color: white;
padding: 0.5rem 0;
margin: 0.5rem 0
}

.basketball-guide-2017-container section.guide-section section.row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

.basketball-guide-2017-container .story-box {
-webkit-box-shadow: 0px 0px 26px -2px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 0px 26px -2px rgba(0,0,0,0.54);
box-shadow: 0px 0px 26px -2px rgba(0,0,0,0.54);
flex-grow: 1;
height: 500px;
/*height: 600px;
/*height: 100%;*/
/*background-color: white;*/
display: block;
/*border: 5px solid #0F703C;*/
margin: 0.7rem 0.7rem;
margin-bottom: -1.0em;

overflow: hidden;
position: relative;
flex-shrink: 0;
flex-basis: 0;
min-width: 45%
}

.basketball-guide-2017-container .story-box img {
width: 100%;
height: 252px;
/*background-color: white;*/
object-fit: cover;
object-position: center top
}

.basketball-guide-2017-container .story-box div.blurb {
width: 100%;
position: absolute;
bottom: 0;
color: white
}

.basketball-guide-2017-container .story-box div.blurb h4,
.basketball-guide-2017-container .story-box div.blurb p.description {
background-color: #0F703C;
padding: 0.25rem 0.5rem
}

.basketball-guide-2017-container .story-box div.blurb h4 {
font-size: 1.5rem;
margin: 2rem 0;
text-align: right;
max-width: 75%;
position: absolute;
right: 0;
bottom: 0
}

.basketball-guide-2017-container .story-box div.blurb p.description {
text-align: left;
display: none;
max-width: 75%
}

.basketball-guide-2017-container p.read-button span {
background-color: #0F703C;
color: white;
text-transform: uppercase;
display: inline-block;
padding: 0.5rem 1rem;
font-family: “Source Sans Pro”, “Segoe UI”, “Helvetica Neue”, “Helvetica”, sans-serif;
font-weight: regular;
font-size: 1.25rem
}

body.ios header {
display: none
}

body.ios .basketball-guide-2017-container header {
display: block
}

body.ios article.post {
padding-left: 0;
padding-right: 0
}

html {
height: 100%;
overflow: hidden;
}

html {
background-color: #4064b3;
}

body {
color: #4064b3;
margin: 0;
padding: 0;
-webkit-perspective: 1px;
perspective: 1px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
height: 100%;
overflow-y: scroll;
overflow-x: hidden;
}

figure {
box-sizing: border-box;
min-height: 40vw;
padding: 30vw 0 5vw;
margin-left: -0.0em;
position: relative;
-webkit-transform-style: inherit;
transform-style: inherit;
width: 100vw;
background-blend-mode: darken;
transition: 3s;
}

figure,
figure:before {
background: 50% 50% / cover;
}

figure::before {
bottom: 0;
content: “”;
left: 0;
position: absolute;
right: 0;
top: 0;
display: block;
background-color: white;
/*./ArmellTransfer_OA-2000×1340.gif*/

/*https://www.gwhatchet.com/wp-content/uploads/2018/11/LandingPage_GS-2000×1340.jpg*/
background-image: url(https://www.gwhatchet.com/wp-content/uploads/2019/11/2019-fall-basketball-preview-image-1.jpg);
background-size: cover;
background-repeat: no-repeat;
background-origin: center;
background-clip: center;
background-attachment: fixed;
background-blend-mode: darken;

transition: 3s;
/*-webkit-transform-origin: center center 0;
-webkit-transform: translateZ(-1px) scale(2);
transform-origin: center center 0;
transform: translateZ(-1px) scale(2);*/
z-index: -1;
min-height: 50vh;
}

@media screen and (max-width: 600px) {
figure::before {
background-attachment: scroll;
}
}

figure * {
text-align: center;
margin: 0;
padding: 0.1em 0;
font-family: “Source Serif Pro”, “Georgia”, “Cambria”, “Times New Roman”, serif;
}

figure h2 {
font-size: 3rem;
margin: 0.75rem 0 0.75rem 0;
font-family: “Source Sans Pro”, “Segoe UI”, “Helvetica Neue”, “Helvetica”, sans-serif;
text-transform: uppercase;
line-height: 3rem;
color: #0F703C;
}

figure .big-subheadline {
font-family: “Source Sans Pro”, “Segoe UI”, “Helvetica Neue”, “Helvetica”, sans-serif;
}

main {
background-color: hsl(60, 10%, 10%);
line-height: 1.7;
max-width: 32em;
padding: 5% calc(50% – 16em) 35%;
position: relative;
z-index: 2;
}

.basketball-guide-2017-container:hover .read-container {
background-color: black;
}

.basketball-guide-2019-story-title {
font-size: 24pt;
font-weight: 600;
/*margin: 1rem 0 0.0rem 0;*/
width: 100%;
margin-top: auto;
margin-bottom: auto;
text-transform: none;
line-height: 1.2;
color: white;
/*margin-left: 1em;
margin-right: 1em;*/
font-family: “Roboto”, sans-serif;

}

.basketball-guide-2019-story-excerpt {
color: rgba(255, 255, 255, 0.7);
font-size: 14pt;
line-height: 1.15;
/*margin-left: 2em;
margin-right: 2em;*/
width: 100%;
/*margin-bottom: auto;*/
margin-top: auto;
font-family: “Rockwell”, “Source Serif Pro”, “Segoe UI”, “Helvetica Neue”, “Helvetica”, sans-serif;

}

.basketball-guide-2019-story-author {
color: rgba(255, 255, 255, 0.7);
font-size: 12pt;
line-height: 1.15;
margin-left: 2em;
margin-right: 2em;
margin-bottom: auto;
font-family: “Source Sans Pro”, “Segoe UI”, “Helvetica Neue”, “Helvetica”, sans-serif;

}

@media screen and (max-width: 600px) {
.basketball-guide-2019-story-title {
font-size: 22pt;
margin-left: 0.25em;
margin-right: 0.25em;
}

.basketball-guide-2019-story-excerpt {
font-size: 10pt;
margin-left: 0.25em;
margin-right: 0.25em;
}

.basketball-guide-2019-story-author {
font-size: 10pt;
margin-left: 1em;
margin-right: 1em;
}
}

@media screen and (max-width: 350px) {
.basketball-guide-2019-story-title {
font-size: 18pt;
margin-left: 0.25em;
margin-right: 0.25em;
}

.basketball-guide-2019-story-excerpt {
font-size: 10pt;
margin-left: 0.25em;
margin-right: 0.25em;
}

.basketball-guide-2019-story-author {
font-size: 10pt;
margin-left: 1em;
margin-right: 1em;
}
}

.basketball-guide-2019-button-subtitle {
font-family: “Source Sans Pro”, “Segoe UI”, “Helvetica Neue”, “Helvetica”, sans-serif;
font-size: 12pt;
color: white;
opacity: 0.7;
margin-top: 0;
font-weight: 700;
}

.read-button {
transition: .5s ease;
}

.hover-button {
transition: .5s ease;
width: calc(50% – 1.0rem);
}

.hover-button:hover {
opacity: 0.8;
}

.hover-button { cursor: pointer; }

a { cursor: pointer; }

.read-background {
transition: .5s ease;
width: 55%;
}

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

.backgroundBox {
transition: .5s ease;
/* padding-top: 1em; */
justify-content: space-between;
display: flex;
flex-direction: column;
width: 100%;
padding-left: 1rem;
padding-right: 1rem;

/* padding-bottom: 1rem; */
}
}

.story-box:hover div {
opacity: 0.8;
}

.basketball-guide-2017-container {
padding-bottom: 2em;
}

.disappearing-box {
display: block;
}

.centered-post {
max-width: 48.5%;
margin-left: auto;
margin-right: auto;
}

@media screen and (max-width: 600px) {
.centered-post {
max-width: 100%;
}

.hover-button {
width: calc(100% – 1.0rem);
margin-bottom: 0.25rem;
margin-top: 0.25rem;
}

.read-background {
width: 100%;
}

.basketball-guide-2017-container {
padding-bottom: 0em;
}

.disappearing-box {
display: none;
}
}

@media screen and (max-width: 350px) {
.big-headline {
font-size: 2.5rem;
}
}

.read-button:hover .read-background {
opacity: 0.8;
}

.header-title {
text-transform: uppercase;
background-color: #0F703C;
color: white;
padding: 0.5rem 0;
margin: 0;
font-size: 40pt;
font-weight: regular;
font-family: trade-gothic-next, sans-serif;
margin-top: -0.4em;
}

.header-subtitle {
text-transform: uppercase;
background-color: #0F703C;
color: white;
padding: 0.5rem 0;
padding-top: 0.9em;
margin: 0;
font-size: 20pt;
font-weight: regular;
font-family: trade-gothic-next, sans-serif;
color: #E5D28D;
}

.threeboxgallery {
width: 50%;
}

@media screen and (max-width: 900px) {
.threeboxgallery {
width: 100%;
}
}

.basketball-guide-2017-container .story-box {
min-width: calc(100% – 1.4rem);
}

.basketball-guide-2017-container .story-box {
height: 650px;
}

.basketball-guide-2017-container .story-box img {
height: 400px;
}

@media screen and (min-width: 900px) {
.basketball-guide-2017-container .story-box {
min-width: 45%;
}
}

.basketball-guide-2017-container .story-box img {
height: 300px;
}

.basketball-guide-2017-container .story-box {
height: 500px;
}

.tallBox {
width: 100%;
height: 60%;
}

.header-title-container {
margin-left: auto;
margin-right: auto;
margin-top: 20%;
width: 50%;
background-color: white;
padding: 1em;
padding-left: 2em;
padding-right: 2em;
text-align: center;
box-shadow: 10px 10px 0px #0F703C;
}

.header-subtitle-text {
color: #000;
font-size: 20pt;
font-weight: 1000;
margin-top: 0.5em;
}

.header-title-text {
color: #000;
font-size: 45pt;
font-family: grafolita-script, sans-serif;
font-weight: 700;
font-style: normal;
}

.header-paragraph {
font-family: “Source Sans Pro”, “Segoe UI”, “Helvetica Neue”, “Helvetica”, sans-serif;
font-size: 16pt;
margin-top: 0.5em;
color: black;
}

.section-header-title {
color: #FFF;
font-size: 25pt;
text-transform: none;
text-align: center;
margin-top: 2em;

box-shadow: 10px 10px 0px #92C99D;
background-color: #0F703C;
padding: 1em;
font-family: “Source Sans Pro”, “Segoe UI”, “Helvetica Neue”, “Helvetica”, sans-serif;

}

.guide-section-first {
margin-top: calc(100vh + 6em);
}

.guide-header-image-container {
width: 100%;
height: 700px;
}

.guide-header-image {
width: auto;
height: inherit;
margin-left: auto;
margin-right: auto;
}

@media only screen and (max-width: 1200px) {
.header-title-container {
width: 80%;
}
}

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

.guide-header-image {
width: 100%;
height: auto;
margin-top: auto;
margin-left: auto;
margin-right: auto;
}

.guide-header-image-container {
width: 100%;
height: calc(100vw * 0.6495);
}

.header-title-container {
width: calc(100% – 2em);
}

.header-subtitle-text {
font-size: 15pt;
}

.header-title-text {
font-size: 30pt;
}

.header-paragraph {
font: 12pt;
}

.section-header-title {
font-size: 15pt;
}

.guide-section-first {
margin-top: calc(400px + 7em);
}
}

.story-box {
transition: all .2s ease-in-out;
background-color: #e17138;
}

.story-box:hover {
transform: scale(1.05);
}

.card-box {
background-color: #e17138;
padding-top: 1.2em;
padding-bottom: 1.2em;
}

.card-story-title {
color: #000;
font-size: 16pt;
}

.card-story-subtitle {
font-size: 12pt;
font-weight: 100;
margin-top: 0.5em;
color: #000;
}

.wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 150%;
min-height: 100vh;
z-index: -1;
margin-top: calc(100vh);
}

footer .social-links {
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

footer p.copyright {
border-top: 1px solid #000;
color: #000;
}

footer .footer-widgets ul.widgets li.widget_nav_menu li a {
color: #000;
}

.issue-link {
color: black;
margin-left: 37%;
}

.issue-link a {
color: black;
}

footer .footer-widgets ul.widgets li.widget h2.widgettitle {
color: black;
}

Tips for making college friends from home

Take out your phone or open your laptop to follow these suggestions for making friends in your first semester at GW.

Advice for freshmen from STAR leaders

STAR leaders said you can still make the most out of your time from home by staying engaged and prioritizing yourself.

Get up to speed on student activism from the summer, academic year

From a pass/fail grading scale to dropping the Colonials moniker, here are the top issues students have been advocating for before you got to GW.

D.C. bucket list: What to look forward to once you’re in town

You might not get a full campus feel this fall, but there’s a laundry list of places to look forward to visiting once you’re living in the District.

Resources to take care of your mental health in your first year

Despite the distance, GW is still offering several virtual mental health resources to ensure you prioritize yourself through the pandemic.

How to succeed in online classes

Take some time to connect with professors, practice a self-care routine and stay in touch with classmates to alleviate some worries.

Social media orientation: Accounts to follow for news, updates and connections

As we navigate classes from all parts of the globe, social media is a sure-fire way to connect with administrators, students and faculty.

How to stay engaged with student activities from a distance

The move online has paused all physical student activities, but you’d be surprised at the number of groups that are staying strong with a virtual presence.