@charset "UTF-8";
/* CSS Document */

/*----------------------------------*/
/*----------------------------------*/

/*Classes using Adobe Web Fonts*/

/*----------------------------------*/
/*----------------------------------*/

/*Logo Matthew Stein*/
.logo_matthewStein {
font-family: pragmatica, sans-serif;
font-weight: 700;
font-style: normal;
}

/*Logo Design*/
.logo_design {
font-family: pragmatica, sans-serif;
font-weight: 400;
font-style: normal;
}

/*Great things blurb*/
.greatThings {font-family: pragmatica-condensed, sans-serif;
font-weight: 400;
font-style: normal;
}

/*Headlines*/

.headlineType1 {
font-family: pragmatica, sans-serif;
font-weight: 700;
font-style: normal;
color:#0B5B0A;
}

.headlineType2 {
font-family: pragmatica-condensed, sans-serif;
font-weight: 400;
font-style: normal;
color:#0B5B0A;
line-height: .75;
}

.headlineType3 {
font-family: pragmatica-condensed, sans-serif;
font-size: 7rem;
font-weight: 400;
font-style: normal;
color:#0B5B0A;
line-height: 1;
}

.headlineType3_Print {
font-family: clarendon-urw-extra-narrow,serif;
font-size: 7rem;
font-weight: 700;
font-style: normal;
color:#0B5B0A;
line-height: 1;
}

.headlineType3_Print_Mobile {
font-family: clarendon-urw-extra-narrow,serif;
font-size: 6rem;
font-weight: 700;
font-style: normal;
color:#0B5B0A;
line-height: 5.2rem;
}

/* .headlineType3_Digital {
font-family: eurostile-condensed,sans-serif;
font-size: 7rem;
font-weight: 400;
font-style: normal;
color:#0B5B0A;
line-height: 1;
} */

.headlineType3_Digital {
font-family: eurostile-condensed,sans-serif;
font-size: 7rem;
font-weight: 800;
font-style: normal;
color:#4C3386;
line-height: 1;
}






.headlineType3_Digital_Mobile {
font-family: eurostile-condensed,sans-serif;
font-size: 5.2rem;
font-weight: 800;
font-style: normal;
color:#4C3386;
line-height: 5.2rem;
}

.headlineType3_Content {
position: relative;
font-family: korolev-compressed,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 7rem;
color:#0B5B0A;
line-height: 1;
}

.headlineType3_Content .text-wrapper {
position: relative;
display: inline-block;
padding-bottom: 0.1em;
overflow: hidden;
}

.headlineType3_Content .letter {
  display: inline-block;
  transform-origin: 0 0;
}

.headlineType3_Content_Mobile {
font-family: clarendon-urw-extra-narrow,serif;
font-size: 6rem;
font-weight: 700;
font-style: normal;
color:#0B5B0A;
line-height: 5.2rem;
}


/* ORIGINAL .descriptorBold {
font-family: pragmatica, sans-serif;
font-weight: 700;
font-style: normal;
} */

.descriptorBold {
font-family: pragmatica-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1.5rem;
}

.descriptorNorm {
font-family: pragmatica, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 0.9rem;
}

.descriptorNormItal {
font-family: source-sans-pro, sans-serif;
font-weight: 400;
font-style: italic;
font-size: 0.9rem;
}

.landingBold {
font-family: source-sans-pro, sans-serif;
font-weight: 700;
font-style: normal;
color: #bbbbbb;
}

.subNav {
font-family: pragmatica-condensed, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 1rem;
color:#0B5B0A;
}



/*----------------------------------*/
/*----------------------------------*/

/*WORK NAV TOGGLE*/

/*----------------------------------*/
/*----------------------------------*/


.workToggle {
	/*border-style: solid;
	border-width: thin;*/
	background-color: black;
	border-radius:4px;
	outline:none; box-shadow:0 0 0;
	padding: 0.5rem 1rem;
	color: white;
	text-decoration: none;
}

.workToggle:hover, .workToggle:focus {
	border-color: black;
	background:#0B5B0A;
	color: white;
	text-decoration: none;
}


/*----------------------------------*/
/*----------------------------------*/

/*LANDING BACKGROUND IMAGE*/

/*----------------------------------*/
/*----------------------------------*/

.landingBkg {
  /* The image used */
  background-image: url("../images/indexPageBkg/indexPageImage.jpg");

  /* Full height */
  height: 100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


/*----------------------------------*/
/*----------------------------------*/

/*STICKY NAVBAR*/

/*----------------------------------*/
/*----------------------------------*/

.stickyNav {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: white;
  z-index: 10;
}


/*----------------------------------*/
/*----------------------------------*/

/*SUBHEADERS*/

/*----------------------------------*/
/*----------------------------------*/

.subHeaderPreDiv {
	height: 3.5rem;
	background-color: none;
	text-align: center;
	vertical-align: bottom;
	border-radius: 0.5rem;
}

.subHeaderDiv {
	height: 4rem;
	background-color: #4F4F4F;
	text-align: center;
	vertical-align: bottom;
	border-radius: 0.5rem;
}

.subHeaderP {
	font-family: pragmatica-condensed, sans-serif;
	font-weight: 400;
	font-style: normal;
	color:white;
	line-height: 4rem;
}


/*----------------------------------*/
/*----------------------------------*/

/*PLATFORM VISIBILITY - DEPRECATED*/

/*----------------------------------*/
/*----------------------------------*/

.content-desktop {display: block !important;}
.content-mobile {display: none !important;}

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

.content-desktop {display: none !important;}
.content-mobile {display: block !important;}

}


/*----------------------------------*/
/*----------------------------------*/

/*TOP BUTTON*/

/*----------------------------------*/
/*----------------------------------*/

#topBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #0B5B0A;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 3rem;
}

#topBtn:hover {
  background-color: #003300;

}


/*----------------------------------*/
/*----------------------------------*/

/*RESUME*/

/*----------------------------------*/
/*----------------------------------*/

.blockMargins {
	margin-top: 1.3rem;
	margin-bottom: 1.3rem;	
}

.placesType {
font-family: pragmatica-condensed, sans-serif;
font-weight: 400;
font-style: normal;
color:#0B5B0A;
line-height: 1.6rem;
}

.datesType {
font-family: pragmatica, sans-serif;
font-weight: 400;
font-style: normal;
color: black;
line-height: 1.6rem;
}

.resumeLi {
	margin: 0.4rem 0;
}


/*----------------------------------*/
/*----------------------------------*/

/*TEXT ANIMATIONS - Print Power and Bouncing Icon*/

/*----------------------------------*/
/*----------------------------------*/

.animated {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: 2;
}


@keyframes pulse {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  200% {transform: scale(1);}
}
.pulse {
  animation-name: pulse;
  animation-duration: 1s;
}


/*----------------------------------*/
/*----------------------------------*/

/*TEXT ANIMATIONS - Design for Digital*/

/*----------------------------------*/
/*----------------------------------*/


.line-1{
    position: relative;
    top: 50%;  
    width: 24em;
	height: 1.1em;
    margin: 0 auto;
    border-right: 2px solid rgba(255,255,255,.75);
    /*font-size: 180%;*/
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(-50%);    
}

/* Animation */
.anim-typewriter{
  animation: typewriter 1.5s steps(44) 1s 1 normal both,
             blinkTextCursor 500ms steps(44) infinite normal;
}
@keyframes typewriter{
  from{width: 0;}
  to{width: 6.5em;}
}
@keyframes blinkTextCursor{
  from{border-right-color: rgba(0,0,0,.75);}
  to{border-right-color: transparent;}
}






/*----------------------------------*/
/*----------------------------------*/

/*BOUNCING ICON*/

/*----------------------------------*/
/*----------------------------------*/
.bouncingIcon {
	animation: bounce 0.5s;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(.5, 0.05, 1, .5);
    animation-iteration-count: infinite;
}
          
@keyframes bounce {
	from {
		transform: translate3d(0, 0, 0);
        }
	to {
		transform: translate3d(0, 18px, 0);
		}
}
        /* Prefix Support */
          
bouncingIcon {
	-webkit-animation-name: bounce;
	-webkit-animation-duration: 0.5s;
	-webkit-animation-direction: alternate;
	-webkit-animation-timing-function: cubic-bezier(
	.5, 0.05, 1, .5);
	-webkit-animation-iteration-count: infinite;
}
          
@-webkit-keyframes bounce {
	from {
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		}
	to {
		-webkit-transform: translate3d(0, 18px, 0);
				transform: translate3d(0, 18px, 0);
		}
}