/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background: #fff;
	color: #000242;
	/*
	background: #0e142d;
	color:#ddfaff;
	*/
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}




a{
text-decoration:none;
border:0;
color: #000242;
}

a:hover{
text-decoration:none;
color: #000242;
}








/* Structure */

.column-1-wrapper-divider{
border-bottom: .5px solid #0071b5;
}


body.index-bg{
background: #fbf9ff;
color:#000242;
/*color:#ddfaff; */
}



.img-content-section-header{
background:#0e142d;
color:#ddfaff;
}



.wrapper{
margin:30 auto;
}

.column-3-wrapper{
padding-left:3%;
padding-top:50px;
text-align:left;
}

.column-1-wrapper{

padding:30px 0 10px 3%;
text-align:left;
/*display:flex;   new 2023*/
}

.column-3{
display:flex;
padding-top:30px;
}


.hero{
display:flex;
width:100%;
/* background-color:#eeeeee; */
padding:50px 0 40px 0;
/*padding:50px 0 70px 0;*/
}







.full-width-background-contact-hp{

text-align:center;
color:#000242;
/*color:#ddfaff;*/

}



/* images */

.img-block{
max-width:60%;
/*margin-left: 3%;*/
/*margin-right: 3%;*/
}


.full-width-img-block{
max-width:100%;
margin: 0 3% 0 3%;
color: #5f5f5f;
}



.hero-background-image{
background-image: url('https://www.bethanygreenberg.com/img/hero-2023.jpg');
background-size: cover;
height:inherit;
}





.full-width-background-RUSA-guide1{
background-image: url('https://www.bethanygreenberg.com/portfolio-pages/large-images/RUSA_guide_background.jpg');
background-size:cover;
background-color:#004c66;
background-repeat:no-repeat;
height:600px;
display:block;
background-position:45% 50%;

}


.full-width-background-RUSA-guide2{
background-image: url('https://www.bethanygreenberg.com/portfolio-pages/large-images/RUSA-guide-screen-collage.png');
background-size:cover;
background-color:#004c66;
background-repeat:no-repeat;
height:600px;
display:block;
background-position:45% 50%;

}




.full-width-background-RUSA-guide3{
background-image: url('https://www.bethanygreenberg.com/portfolio-pages/large-images/RUSA-guide-screen-collage-mobile.png');
background-size:cover;
background-color:#004c66;
background-repeat:no-repeat;
height:600px;
display:block;
background-position:45% 50%;

}





.column-3-img-block{
width:33.3%;
display: inline-block;
padding: 3%;

}

/* text */

.text-block{
max-width:30%;
text-align:left;
margin-left: 1%;
margin-right: 3%;
}



/* 
Dark background
.highlight-words{
font-weight: 300;
-webkit-text-fill-color: transparent;
  background-image: url(https://images.unsplash.com/photo-1618397746666-63405ce5d015?q=80&w=2748&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
  
  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
}
end Dark background
*/


/* Light background*/
.highlight-words{
font-weight: 400;
color:#000242;
font-style:italic;
/*
-webkit-text-fill-color: transparent;
background-image: url(https://images.unsplash.com/photo-1618472609777-b038f1f04b8d?w=900&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTc1fHxhYnN0cmFjdCUyMHB1cnBsZXxlbnwwfHwwfHx8MA%3D%3D);
background-position: 50%;
background-size: cover;
-webkit-background-clip: text;
background-clip: text;
*/
}
/* end Light background*/





.paragraph{
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;  font-size: 14px; font-style: normal; font-variant: normal; font-weight: 300; line-height: 22px;
padding:10px 0 15px 0;
}

.paragraph-light{
font-family:'Instrument Serif', sans-serif; 
/*font-family: 'Unbounded', cursive; */
  font-size: 4.4vw;
  font-style: normal;
  font-variant: normal;
  font-weight: 200;
  line-height: 130%;
  letter-spacing: 0;
  color: #000242;
  max-width: 100%;
  

}


.paragraph-individual{
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-size: 16px; 
font-style: normal; 
font-variant: normal; 
font-weight: 200; 
line-height: 24px;
letter-spacing:1px;
padding:0;
max-width: 85%;
/*max-width: 100%;*/
}


.text-list-copyright{
font-size:13px;
line-height:20px;
}


h1 { 
font-family:'Instrument Serif', sans-serif; 
/*font-family: 'Unbounded', cursive; */
font-size: 24px; font-style: normal; 
font-variant: normal; 
font-weight: 700; 
line-height: 26.4px; } 

h2 { 
font-family:'Instrument Serif', sans-serif; 
/*font-family: 'Unbounded', cursive; */
font-size: 38px; font-style: normal; 
font-variant: normal; 
font-weight: 300; 
line-height: 50px; } 

h3 { 
font-family:'Instrument Serif', sans-serif; 
/*font-family: 'Unbounded', cursive; */
font-size: 35px; font-style: normal; 
font-variant: normal; font-weight: 300; 
line-height: 44.4px; } 

h4 { 
font-family:'Instrument Serif', sans-serif; 
/*font-family: 'Unbounded', cursive; */
font-size: 14px; 
font-style: normal; 
font-variant: normal; 
font-weight: 200; 
line-height: 20px; } 

p { 
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-size: 16px; 
font-style: normal; 
font-variant: normal; 
font-weight: 300; 
line-height: 24px; 
letter-spacing:.5px;
} 


.label{
color:#000242;
border-bottom: 1px solid #000242;
}



.project-button-text{
font-weight:500;
}



blockquote { 
/*
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; 
font-size: 21px; 
font-style: normal; 
font-variant: normal; 
font-weight: 400; 
line-height: 30px; 
*/

/*NEW*/
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
padding-left: 15px;
border-left: 8px solid #ccc;
padding-left:25px;

font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-size: 16px; 
font-style: normal; 
font-variant: normal; 
font-weight: 300; 
line-height: 24px; 
letter-spacing:.4px;
/*NEW*/
} 


pre { 
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; 
font-size: 13px; 
font-style: normal; 
font-variant: normal; 
font-weight: 400; 
line-height: 18.5667px; }



caption{
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
font-size: 11px; 
font-style: normal; 
font-variant: normal; 
font-weight: 300; 
line-height: 24px; 
letter-spacing:.3px;
}


.project-details{
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; 
font-size: 14px; 
font-style: normal; 
font-variant: normal; 
font-weight: 400; 
line-height: 18.5667px;
display:inline-block;
padding:0px 0 0px 0px;
}


.project-details-individual{
display: inline-block;
padding:0 0 20px 0px;
line-height: 22px;
font-family:'Instrument Serif', sans-serif; 
/*font-family: 'Unbounded', cursive; */
font-size: 14px; 
font-style: normal; 
font-variant: normal; 
font-weight: 300; 
line-height: 25px;

}


.project-details-column-3{
padding-top:8px;
font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5667px;
display:inline-block;
color: #000242;
/*
color:#a3d7f6;
color:#ddfaff;
*/
}




/* buttons */


.button{
color:#1e0826;
display:inline-flex;
border:1px solid #1e0826;
padding:18px;
position:relative;
border-radius:50px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 

/*font-family: 'Unbounded', cursive; */
font-size: 14px; 
font-style: normal; 
font-variant: normal; 
font-weight: 400; 
letter-spacing:.5px;
}

.button:hover:after{
content: "\00a0 \00a0 \27F6";
}


.button:hover{
background:#1e0826;
 transition: 0.3s;
 color:#e5ccee;
}


.dark-button{
color:#062233;
display:inline-flex;
border:1px solid #062233;
padding:18px;
position:relative;
border-radius:50px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 

/*font-family: 'Unbounded', cursive; */
font-size: 14px; 
font-style: normal; 
font-variant: normal; 
font-weight: 400; 
letter-spacing:.5px;
}


.dark-button:hover{
background:#062233;
 transition: 0.3s;
 color:#a6f3ff;
}

.dark-button:hover:after{
content: "\00a0 \00a0 \27F6";
}



/*lists*/


li{
list-style-type:disc; 
display:inline;
/*margin-right:1%;*/
text-decoration: none;
list-style-type: disc;
font-size: 16px; 
font-style: normal; 
font-variant: normal; 
font-weight: 300; 
line-height: 24px; 
letter-spacing:.3px;
}


.text-list{
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
}


.nav-list-item{
list-style-type:none; 
display:inline;
/*margin-right:1%;*/
text-decoration: none;

}




/*links*/

/*
a{
text-decoration: none;
border:0;
color: #a3d7f6;
}

a:hover{
text-decoration: underline;
border:0;
color: #a3d7f6;
}
*/

.password-link{
border-bottom:1px solid #3f3f3f;
line-height:1px;
display:inline-flex;
}


.footer-link{

font-family:'Instrument Serif', sans-serif; 
/*font-family: 'Unbounded', cursive; */
font-size: 14px; 
font-style: normal; 
font-variant: normal; 
font-weight: 300; 
line-height: 22px;
padding:10px 0 15px 0;
color:#a6f3ff;

}




















/* Summer 2023 Updates */

.column-1-wrapper-body{
margin: 0 auto;
width:85%;
padding-bottom:90px;
text-align:left;
display:flex; /*new 2023*/
}


.column-1-wrapper-footer{
margin: 0 auto;
width:85%;
padding-bottom:40px;
text-align:left;
display:block;
}


.column-1-wrapper{
padding:30px 0 10px 3%;
text-align:left;
}


.img-block{
max-width:60%;
margin:0;
}


.col-3-details {
color: #000242;
/*color: #a6f3ff;*/
}


.img{
display:inline;
padding:0;

}























/* Media Queries */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 750px) {


.hero{
display:inline-block;
width:100%;
/* background-color:#eeeeee; */
padding:50px 0 30px 0;
}

.hero-right{
display:none;
}

.text-block{
max-width:100%;
text-align:left;
margin-top: 2%;
margin-right: 3%;
margin-left: 3%;
}

.img-block{
max-width:100%;
margin-left: 3%;
margin-right: 3%;
}


.full-width-img-block{
max-width:100%;
margin: 0 3% 0 3%;
}


.column-3{
max-width:100%;
display:block;
padding-top:30px;

}

.column-3-img-block{
width:94%;
display: inline-block;
padding-bottom:0 0 40px 0;
}


.mobile-short-image{
max-height:300px;
overflow:hidden;
border:0 !important;

}


.paragraph-light{
font-family:'Instrument Serif', sans-serif; 
/*font-family: 'Unbounded', cursive; */
font-size: 33px; font-style: normal; 
font-variant: normal; 
font-weight: 200; 
line-height: 42px;
letter-spacing:-.1px;
color:#000242;
max-width: 100%;
}

.column-1-wrapper-body{
display:inline-block;
width:100%;
}


}



/*Top Nav*/


.top-nav-logo{
cursor: pointer;
padding: 0 0 30px 0;
color: #3f3f3f;
font-family:'Instrument Serif', sans-serif; 
/*font-family: 'Unbounded', cursive; */
}

 /* Style the navigation menu */
.topnav {
  overflow: hidden;

  position: relative;
  font-family:'Instrument Serif', sans-serif; 
/*font-family: 'Unbounded', cursive; */
  font-size: 18px; 
  font-style: normal; 
  font-variant: normal; 
  font-weight: 300; 
  letter-spacing:.2px; 
  
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: #a6f3ff; /* #ffffff; */
  padding: 0px 16px 20px 0;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: #eeeeee;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {

color: #a6f3ff; /* #ffffff; */
}


.nav-links a:hover:after {

  color: #a6f3ff; /* #ffffff; */
content: "\00A0 \27F6";
 }
 
 .nav-links{
   display: inline-flex;
 }


/* Style the active link (or home/logo) */
.active {
  background-color: #eeeeee;
  color: #a6f3ff; /* #ffffff; */
} 


.fa{
  color: #a6f3ff; /* #ffffff; */
}

.logo{
font-family: 'Unbounded', cursive;
}











/*div reveal*/

.inline-photo {

  opacity: 0;
  transform: translateY(4em);
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              opacity .3s .25s ease-out;
  /*max-width: 600px;
  width: 90%;
  */
  will-change: transform, opacity;
  
}

.inline-photo.is-visible {
  opacity: 1;

  transform: translateY(.4em); 
}

.inline-photo.is-visible {
  opacity: 1;

}

header {
  opacity: 0;
  transition: opacity .5s .25s ease-out;
}

header.is-visible {
  opacity: 1;
}

.main-photo {
  transform: scale(.8);
}

.heading {
  transform: translate(-50%, calc(-50% + 1em));
}

.is-visible .main-photo {
  transform: none;
}

.is-visible .heading {
  transform: translate(-50%, -50%);
}

.main-photo,
.heading {
  transition: transform 4s .25s cubic-bezier(0,1,.3,1),
              filter 10s 2s ease-out;
  will-change: transform;
}






/* About page*/

.about-type{

}

  
.link-hover:hover{
font-style:italic;
}
  
.column-2-wrapper{
display:block;
margin-top:40px;
}


.paragraph-individual-about{
font-family:'Instrument Serif', sans-serif; 
/*font-family: 'Unbounded', cursive; */
font-size: 14px; 
font-style: normal; 
font-variant: normal; 
font-weight: 300; 
line-height: 22px;
letter-spacing:1px;
padding:0;
max-width: 100%;
display:inline-flex; 
color:#5d5d5d;
line-height:30px;
}


h5{
font-family:'Instrument Serif', sans-serif; 
/*font-family: 'Unbounded', cursive; */
font-size: 20px; 
font-style: normal; 
font-variant: normal; 
font-weight: 300; 
line-height: 22px;
letter-spacing:1px;
padding:0;
}



.about-type{
font-family:'Instrument Serif', sans-serif; 
/*font-family: 'Unbounded', cursive; */
font-size: 14px; 
font-style: normal; 
font-variant: normal; 
font-weight: 200; 
line-height: 45px;
letter-spacing:1px;
padding:0;

}

.about-list{
display: block;
line-height: 50px;
}




.about-list-skills{
font-family:'Instrument Serif', sans-serif; 
/*font-family: 'Unbounded', cursive; */ 
display:block;
font-style: normal; 
font-variant: normal; 
font-weight: 200; 
line-height: 30px;
letter-spacing:1px;
font-size: 14px; 
}

.card-content{
min-height:400px;
background-color:#eee;
display:inline;
/*margin-top:-80px;*/
/*padding:3% 3% 3% 3%;*/
/*background-color:#fff;*/
}

.card2{
margin-left:0;
padding:0 7% 3% 3%; 

}


.card-border{
border-left: 1px solid #d5d5d5;
height: 400px;
padding-left: 50px;
}





/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 750px) {


.card-content{
min-height:400px;
padding-top:9%;
max-width:98%;
display: block;
/*margin-top:-100px;*/
/*margin-left: 3%;*/
/*padding-right:9%;*/
/*padding-left:9%;*/

}

.card2{
/*margin-top:30px;*/
padding: 0;
}

.card-background{
display:inline;
}


.card-border{
border-left: 0px solid #fff;
height: 400px;
padding-left: 0;
}


.hero-right{
display:none;
}
}