<commit_before>@font-face {
  font-family: 'Roboto';
  src: local('Roboto'),
       url('../fonts/Roboto-Regular.ttf') format("truetype");
}

@font-face {
  font-family: 'Roboto-Light';
  src: local('Roboto-Light'),
       url('../fonts/Roboto-Light.ttf') format("truetype");
}

html {
  position: relative;
  min-height: 100%;
  scroll-behavior: smooth;
}

body {
  background-color: white;
  text-align: right;
}

.overflow-hidden{
    overflow: hidden;
}

/* Different buffers for the footer based on screen size */
@media (max-width: 767px) {
  body {
    margin-bottom: 200px;
  }
}

@media (min-width: 768px) {
  body {
    margin-bottom: 130px;
  }
}

/*
----------------------------------------------------------------------------
HEADER CSS
--------------------------------------------------------------------------
*/
.site-title {
	font-family: Roboto;
	font-size:16px;
	font-weight:700;
    padding: 20px 0px 10px 0px;
	color: #000000 !important;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

.site-title:hover{
    color: #000000 !important;
}

.logo-header {
	height: 70px;
	float: right;
	padding: 0px 20px 10px 0px;
}

#top-nav {
  margin-bottom: 20px;
  background-color: #f8f8f8;
}

.navbar-container{
    padding: 0px 0px 0px 50px;
}

.mobile-menu {
    padding: 10px 0px 10px 0px;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
}

.nav-links {
    font-family: Roboto;
    color: black !important;
    font-size: 14px;
    float: right;
}

.user-button {
    font-family: Roboto;
    font-size: 14px;
    color: #FFFFFF !important;
    background-color: #3366CC !important;
    float: right;
}

.user-button:hover {
    color: #FFFFFF !important;
    background-color: #3366CC !important;
    text-decoration: underline !important;
}

/* Smartphones */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .logo-header {
    	height: 70px;
    	float: right;
    	padding: 0px 0px 10px 10px;
    }
    .site-title{
        display: none;
    }
}

@media screen
and (min-width : 320px)
and (max-width : 480px) {
    .site-title {
        display: none;
    }
}

/*
----------------------------------------------------------------------------
LOGIN PARTIAL CSS
--------------------------------------------------------------------------
*/
@media (max-width: 767px) {
    .login-section{
        min-height: 489px;
        background: #3366CC;
        width: 100%;<commit_msg>RTL compatibility in Bootstrap 4<commit_after>@font-face {
  font-family: 'Roboto';
  src: local('Roboto'),
       url('../fonts/Roboto-Regular.ttf') format("truetype");
}

@font-face {
  font-family: 'Roboto-Light';
  src: local('Roboto-Light'),
       url('../fonts/Roboto-Light.ttf') format("truetype");
}

html {
  position: relative;
  min-height: 100%;
  scroll-behavior: smooth;
}

body {
  background-color: white;
  text-align: right;
}

.overflow-hidden{
    overflow: hidden;
}

/* Different buffers for the footer based on screen size */
@media (max-width: 767px) {
  body {
    margin-bottom: 200px;
  }
}

@media (min-width: 768px) {
  body {
    margin-bottom: 130px;
  }
}

/*
----------------------------------------------------------------------------
HEADER CSS
--------------------------------------------------------------------------
*/
.site-title {
	font-family: Roboto;
	font-size:16px;
	font-weight:700;
    padding: 20px 0px 10px 0px;
	color: #000000 !important;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
}

.site-title:hover{
    color: #000000 !important;
}

.logo-header {
	height: 55px;
}

#top-nav {
  margin-bottom: 20px;
  background-color: #f8f8f8;
}

.top-nav-row{
    width: 100%;
}

.mobile-menu {
    padding: 10px 0px 10px 0px;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle;
    vertical-align: middle;
}

.nav-links {
    font-family: Roboto;
    color: black !important;
    font-size: 14px;
}

.user-button {
    font-family: Roboto;
    font-size: 14px;
    color: #FFFFFF !important;
    background-color: #3366CC !important;
}

.user-button:hover {
    color: #FFFFFF !important;
    background-color: #3366CC !important;
    text-decoration: underline !important;
}

.ebsco-single-search{
    margin-top: 15px;
}

.eds-search-input{
    background: #fff;
    border: 1px solid #3366CC;
    border-radius: 2px 0 0 2px;
    padding: 5px;
    width: 80%;
    font-size: 14px;
}

.eds-search-button{
    font-family: Roboto;
    color: #FFFFFF;
    background-color: #3366CC;
    border-radius: 0 2px 2px 0;
}

.eds-search-button:hover {
    color: #FFFFFF !important;
    background-color: #3366CC !important;
    text-decoration: underline !important;
}

.eds-search-icon{
    display: none;
}

.top-navbar-button{
    margin-top: 15px;
    height: 32px;
}
.top-navbar-button i{
    width: 12px;
}

/* Smartphones */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .logo-header {
    	height: 50px;
    }
    .site-title {
        display: none;
    }
    .site-title-anchor{
        display: none;
    }
    .ebsco-single-search{
        margin: 15px 0px 0px 10px;
    }
    .eds-search-icon{
        display: block;
    }
    .eds-search-text{
        display: none;
    }
    .eds-search-input{
        background: #fff;
        border: 1px solid #3366CC;
        border-radius: 2px 0 0 2px;
        padding: 5px;
        width: 75%;
        font-size: 14px;
    }
}

@media screen
and (min-width : 320px)
and (max-width : 1025px) {
    .site-title {
        display: none;
    }
    .site-title-anchor{
        display: none;
    }
    .logo-header {
        height: 50px;
        position: absolute;
        right: 5px;
        bottom: 1px;
    }
    .ebsco-single-search{
        margin: 15px 0px 0px 15px;
    }
    .eds-search-icon{
        display: block;
    }
    .eds-search-text{
        display: none;
    }
    .eds-search-input{
        background: #fff;
        border: 1px solid #3366CC;
        border-radius: 2px 0 0 2px;
        padding: 5px;
        width: 75%;
        font-size: 14px;
    }
}

@media screen
and (min-width : 320px)
and (max-width : 360px) {
    .logo-header {
        height: 50px;
        position: absolute;
        right: 5px;
    }
    .col-9{
        max-width: 70% !important;
    }
    .eds-search-input{
        background: #fff;
        border: 1px solid #3366CC;
        border-radius: 2px 0 0 2px;
        padding: 5px;
        width: 70%;
        font-size: 14px;
    }
}

/*
----------------------------------------------------------------------------
LOGIN PARTIAL CSS
--------------------------------------------------------------------------
*/
@media (max-width: 767px) {
    .login-section{
        min-height: 489px;
        background: #3366CC;
        width: 100%;
{'fraction_non_alphanumeric': 0.21783166904422255, 'fraction_numerical': 0.04365192582025677, 'mean_word_length': 1.8044, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6327252', 'n_tokens_mistral': 2683, 'n_tokens_neox': 2387, 'n_words': 525}