@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@font-face {
    font-family: "OpenSans";
    src:local("OpenSans"), 
        local("Open Sans"), 
        url("../../fonts/OpenSans-Regular.ttf") format('truetype'),
        url('https://gstatic.com') format('woff2');
}
@font-face {
    font-family: "NotoSans";
    font-style: normal;
    font-weight: 100 900; /* Supports variable weights */
    src:local('Noto Sans'), 
        url("../../fonts/NotoSans-VariableFont_wdth-wght.ttf") format('truetype'),
        url('https://gstatic.com') format('woff2');
}
@font-face {
    font-family: "NotoSans";
    font-style: italic;
    font-weight: 100 900; /* Supports variable weights */
    src:local('Noto Sans Italic'), 
        url("../../fonts/NotoSans-Italic-VariableFont_wdth-wght.ttf") format('truetype'),
        url('https://gstatic.com') format('woff2');
}
/* body{
    max-width:8.5in;
    margin-left: auto;
    margin-right: auto;
    font-family: OpenSans, Helvetica, sans-serif;
    font-size:10pt;
    color: rgb(66, 66, 66);
    margin:35pt auto 100pt auto;
} */

/*This is resume-building breaking*/
#rb-printable-resume{
    
}
#rb-resume{
    display: flex;
    align-items: stretch;
    flex-direction: row;
    max-width:8.5in;
    margin-left: auto;
    margin-right: auto;
    font-family: OpenSans, Helvetica, sans-serif;
    font-size:10pt;
    color: rgb(66, 66, 66);
    margin:35pt auto 100pt auto;
}
ul{
    margin-top: 0;
    margin-bottom:0;
}
li{
    margin-top: 0.2rem;
}
#rb-contact-info{
    flex: 1;
    margin-right: 10pt;
    margin-left: 10pt;
    font-weight: bold;
}
#rb-name{
    font-size:30pt;
    color:#ac3125;
}
#rb-resume-content{
    /* going to consider changing this to a dynamic div when we use jQuery */
    flex: 10;
    margin-right: 10pt;
}

.rb-section-header{
    color:#ac3125;
    font-size: larger;
    font-weight: bold;
    border-bottom: solid 1px;
    text-transform: uppercase;
}

.rb-school-name,.rb-job-title{
    font-weight: bold;
    font-size:larger;
    /* flex-basis:70%; */
    text-decoration:underline;
}
.rb-list-title,.rb-activity-title,.rb-title{
    font-weight:bold;
    text-decoration:underline;
}
.rb-company-name{
    flex-basis:70%;
}
.rb-company,.rb-activity{
    margin-bottom:10pt;
}
.rb-job-dates{
    flex-basis:20%;
}
.rb-essentials,.rb-skill-lists{
    flex-wrap: wrap; 
    display: flex;
    align-items: stretch;
    flex-grow: 1;
}
ul>.rb-bold,.rb-company-name,.rb-major{
    font-weight: bold;
}
/* .rb-essentials .rb-title{
    flex-basis:80%;
    
} */
.rb-essentials>div:nth-child(odd){
    flex-basis:70%;
}
.rb-essentials>div:nth-child(even){
    flex-basis:30%;
}


.rb-hide{
    display: none;
}
.rb-skill-lists>ul{
    /* not sure why it needs to be less than 50, it has no margins */
    flex-basis:42%;
}

.rb-school-location,.rb-date,.rb-location{
    text-align: right;
    font-weight: bold;
    /* flex-grow: 1; */
}