/* Add here all your css styles (customizations) */

/*------------------------------------
  Default Styles
------------------------------------*/

#wordoftheday {
font-size: 1.1rem;
font-weight: 400;
line-height: 1.4;
}

#wordoftheday a:link { color: #427fc7; }
#wordoftheday a:visited { color: #427fc7; }
#wordoftheday a:hover { color: #3166a5; }
#wordoftheday a:active { color: #3166a5; }


.btn-primary {
background-color: #568ccd;
}

.nav-link-extended{
font-size: 1rem;
}

.nav-link-extended:hover{
color: #78a3d7;
}

.navbar-toggler{padding:0rem .3rem;font-size:1.3rem;line-height:1;background-color:transparent;border:0px}


/*------------------------------------
  Extra colours
----------------------------#26304d--------*/

.g-bg-header-top {
  background-color: #568ccd !important;
}

.u-header__section--light {
      -webkit-box-shadow: 0 2px 2px #d7d7d7;
    -moz-box-shadow: 0 1px 1px #d7d7d7;
    box-shadow: 0 1px 1px #d7d7d7;
}

.navbar {
padding: 0px;
}

.g-bg-gray-light {
background-color: #fcfcfc;
}

.g-mt-200 {
margin-top: 200px;
}


.btn-light {
border: 1px solid #ccc;
}

.btn-languageswitch-inside {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
}


/*JN - single lemma*/

.jn-single-lemmatitle {
	margin-bottom: 30px;
	margin-top: 20px;
}

.jn-single-lemmaname {
	font-size: 36px;
	margin-bottom: 30px;
	margin-top: 20px;
		/*color: #3152a6;*/
}

.jn-single-reading {
	font-size: 36px;
	margin-top: 20px;
	margin-left: 10px;	
}

.jn-single-alternatives {
	font-size: 36px;
	margin-bottom: 30px;
	margin-top: 20px;
}

.jn-single-romaji {
	font-size: 36px;
	margin-left: 10px;
    color: #5c5c5c;
}


.jn-single-meaning {
	font-size: 18px;
	color: black;
		margin-bottom: 10px;
	margin-top: 0px;
}

.jn-single-reference {
	margin-top: 20px;
}


/* JN - multiple lemmata*/

.jn-multi-lemmatitle {
		margin-bottom: 0px;
}

.jn-multi-lemmaname {
	font-size: 24px;
	margin-top: 20px;
}

.jn-multi-alternatives {
	font-size: 24px;
	margin-top: 20px;
}

.jn-multi-reading {
	font-size: 24px;
	margin-top: 20px;
}

.jn-multi-romaji {
	font-size: 24px;
	margin-left: 10px;
}


.jn-multi-meaning {
	font-size: 16px;
	color: #444;
	margin-bottom: 0px;
	margin-left: 5px;
}

/* end multiple lemma*/






/* NJ single lemma*/

.nj-single-lemmatitle {
	margin-bottom: 10px;
	margin-top: 20px;
}


.nj-single-lemmaname {
	color: #5682cd;
	/* color: #3152a6;*/
	font-size: 36px;
}


.nj-single-intonation {

color: black;
	font-size: 18px;
}

.nj-single-article {
color: black;
font-size: 18px;
}

.nj-single-gender {
color: black;
font-size: 14px;
}

.nj-single-lexicalclass {
color: black;
font-size: 18px;
}

.nj-single-plural {
color: black;
font-size: 18px;
}

.nj-single-meaningreading {
/*color: black;*/
font-size: 30px;
}

/*lemma*/

.nj-multi-lemmatitle {
margin-top: -5px;
	margin-bottom: -10px;
}

.nj-multi-lemmaname {
	color: #5682cd;
	font-size: 30px;
}

.nj-multi-intonation {
color: black;
	font-size: 18px;
}

.nj-multi-article {
color: black;
font-size: 18px;
}

.nj-multi-gender {
color: black;
font-size: 14px;
}

.nj-multi-lexicalclass {
color: black;
font-size: 18px;
}

.nj-multi-plural {
color: black;
font-size: 18px;
}

.nj-multi-meaningreading {
/*color: black;*/
font-size: 24px;
  top: 3px;
  position: relative;
}


.list-group-item {
  position: relative;
  display: block;
  padding: 3px 10px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
  font-size: 14px;
}


span.greyCircle {
  background: #cccccc;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #fff;
  display: inline-block;
  font-weight: normal;
  line-height: 1.4em;
  margin-right: 10px;
  text-align: center;
  width: 1.4em;
  top: -5px;
  position: relative;
}


span.greyCircleSmall {
  background: #cccccc;
  border-radius: 0.8em;
  -moz-border-radius: 0.8em;
  -webkit-border-radius: 0.8em;
  color: #fff;
  display: inline-block;
  font-weight: normal;
  font-size: 1em;
  line-height: 1.2em;
  margin-right: 7px;
  text-align: center;
  width: 1.3em;
}

.greyCircleSmallNumber {
font-size: 0.8em;
}


.labelheader {
	color: gray;
	font-size: 16px;
	text-decoration: underline;
	margin-left: 35px;
	margin-bottom: 5px;
}


.lemma-p {
	margin: 10px 0 20px 35px;
	line-height: 20px;
}


.pagination {
margin-top: 10px;
justify-content: center;
}


/* button */
.u-btn-outline-default {
  color: #333;
  border-color: #ccc;
  background-color: transparent;
}

.u-btn-outline-default:focus, .u-btn-outline-default.active {
  color: #333;
  background-color: #e6e6e6;
}

.u-btn-outline-default:hover {
  color: #333;
  background-color: #e6e6e6;
}



.badge-secondary {
color: #5e5e5e;
background-color: #ededed;
}

/*.dropdown-toggle::after {
    display:none;
} */

.alert {
padding:10px;
padding-left: 10px;
margin-bottom:15px;
}


.grecaptcha-badge {
            width: 70px !important;
            overflow: hidden !important;
            transition: all 0.3s ease !important;
            left: 0px !important;
            
        }

        .grecaptcha-badge:hover {
            width: 256px !important;
}


.nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
    border-color: #d45500;
    border-bottom-color: transparent;
}
.nav-tabs {
   border-bottom: 1px solid #d45500;
}


.nav-tabs{
border-bottom-color: #dde2e6;
}

.nav-tabs{
border-color: #d92121, #d92121, #d92121;
}

.modal-bkgnd{
background-color:#f7f7f7
}


a.collection-of-links:link,
a.collection-of-links:visited,
a.collection-of-links:active { color: #505050;}
a.collection-of-links:hover { color: #505050;}