@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700&subset=cyrillic');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600&display=swap');

body {
	min-width: 320px;
	min-height: 100vh;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #747373;
	line-height: 1.4;
	background: linear-gradient(to bottom, #f4f4f4, #ffffff);
}

.container,
.container-fluid {
	background-color: #ffffff;
}

.my-container {
	flex: 1 1 auto;
}

img {
	max-width: 100%;
	height: auto;
}

a {
	color: #0076d1;
}

h3 {
	color: #0066cc;
	font-family: 'Rubik', sans-serif;
	font-size: 20px;
	font-weight: 500;
}

h2 {
	color: #0066cc;
	font-family: 'Rubik', sans-serif;
	font-size: 28px;
	font-weight: 500;
}


header .navbar-brand {
	color: #0066cc;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 48px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: normal;
	line-height: normal;
	text-transform: uppercase;
}


header .navbar-brand .alex-navbar-black {
	color: #333333;
	font-weight: 700;
	font-style: italic;
	letter-spacing: -1.45px;
	line-height: normal;
}

header .navbar-brand .alex-navbar-blue {
	font-weight: 700;
	font-style: normal;
	letter-spacing: -1.45px;
	line-height: normal;
	color: #0066cc;
}

h2.blog-title {
	color: #333;
	font-family: 'Rubik', sans-serif;
	font-size: 28px;
	font-weight: 500;
}

.blog-title a {
	color: #333;
}

.blog-title a:hover {
	text-decoration: underline;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,102,204, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: #0066cc;
}

header .nav-item {
	color: #0076d1;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: normal;
	line-height: normal;
	text-transform: uppercase;
	margin-left: 10px;
	margin-top: 5px;
}

header .nav-item .dropdown-menu {
	font-size: 13px;
}

li.alex-navbar-tasks a.nav-link {
	font-size: 16px;
}

.post-category {
	font-family: 'Roboto', sans-serif;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
}

.post-date,
.post-tags {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 11px;
	font-weight: 400;
}

.span-tags a {
	display: inline-block;
	margin-left: 0.5rem;
	padding: 0.2rem 0.5rem;
	background-color: #0066cc;
	color: #fff;
	border-radius: 3px;
	font-weight: 500;
}

.table {
	width: 100%;
}

.table tbody {
	font-weight: 400;
}
.post-description,
.post-fulltext {
	color: #111;
}

.single-post {
	margin-top: 1.3rem;
}

.post-add {
	margin-top: 1.5rem;
}

div.post-add dd {
	display: block;
	margin-inline-start: 20px;
	margin-top: -3px;
	line-height: 0.3rem;
	font-size: 0.7rem;
	font-family: Arial, 'Roboto', sans-serif;
}

#alexmath-pdf-viewer {
    width: 800px;
    height: 1030px;
  }
  #canvas_container {
   background: #333;
   text-align: center;
 }
  #navigation-icons {
   background: #333;
   height: 45px;
   padding-left: 4rem;
   padding-top: 0.5rem;
 }
 .pdf-nav-button {
   height: 35px;
   width: 35px;
   border: solid 1px #666;
   border-radius: 2px;
   background-color: #333;
   appearance: none;
 }
 .pdf-nav-button-icon {
   color: #ccc; 
   font-size: 22px;
 }

 .pdf-nav-text {
   color: #ddd;
   margin-left: 2rem;
   font-family: Roboto, sans-serif;
   font-size: 12px;
 }

 .navigation-icons button:active, button:focus {
   outline: none;
 }
 .navigation-icons button::-moz-focus-inner {
   border: 0;
 }

 .navigation-icons button:hover {
   cursor: pointer;
 }