/* FONTS START */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 7, 2019 */

@font-face {
  font-family: 'ubuntu_bold';
  src: url('../fonts/webfontkit-ubuntu/ubuntu-bold-webfont.woff2') format('woff2'),
  url('../fonts/webfontkit-ubuntu/ubuntu-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'ubuntu_bold_italic';
  src: url('../fonts/webfontkit-ubuntu/ubuntu-bolditalic-webfont.woff2') format('woff2'),
  url('../fonts/webfontkit-ubuntu/ubuntu-bolditalic-webfont.woff') format('woff');
  font-weight: bold;
  font-style: italic;

}

@font-face {
  font-family: 'ubuntu_italic';
  src: url('../fonts/webfontkit-ubuntu/ubuntu-italic-webfont.woff2') format('woff2'),
  url('../fonts/webfontkit-ubuntu/ubuntu-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;

}

@font-face {
  font-family: 'ubuntu_light';
  src: url('../fonts/webfontkit-ubuntu/ubuntu-light-webfont.woff2') format('woff2'),
  url('../fonts/webfontkit-ubuntu/ubuntu-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'ubuntu_light_italic';
  src: url('../fonts/webfontkit-ubuntu/ubuntu-lightitalic-webfont.woff2') format('woff2'),
  url('../fonts/webfontkit-ubuntu/ubuntu-lightitalic-webfont.woff') format('woff');
  font-weight: 300;
  font-style: italic;

}

@font-face {
  font-family: 'ubuntu_medium';
  src: url('../fonts/webfontkit-ubuntu/ubuntu-medium-webfont.woff2') format('woff2'),
  url('../fonts/webfontkit-ubuntu/ubuntu-medium-webfont.woff') format('woff');
  font-weight: 500;
  font-style: normal;

}

@font-face {
  font-family: 'ubuntu_medium_italic';
  src: url('../fonts/webfontkit-ubuntu/ubuntu-mediumitalic-webfont.woff2') format('woff2'),
  url('../fonts/webfontkit-ubuntu/ubuntu-mediumitalic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;

}

@font-face {
  font-family: 'ubuntu';
  src: url('../fonts/webfontkit-ubuntu/ubuntu-regular-webfont.woff2') format('woff2'),
  url('../fonts/webfontkit-ubuntu/ubuntu-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

@font-face {
  font-family: 'ubuntu_mono';
  src: url('../fonts/webfontkit-ubuntu-mono/ubuntumono-regular-webfont.woff2') format('woff2'),
  url('../fonts/webfontkit-ubuntu-mono/ubuntumono-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ubuntu_mono_bold_italic';
  src: url('../fonts/webfontkit-ubuntu-mono/ubuntumono-bolditalic-webfont.woff2') format('woff2'),
  url('../fonts/webfontkit-ubuntu-mono/ubuntumono-bolditalic-webfont.woff') format('woff');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'ubuntu_mono_italic';
  src: url('../fonts/webfontkit-ubuntu-mono/ubuntumono-italic-webfont.woff2') format('woff2'),
  url('../fonts/webfontkit-ubuntu-mono/ubuntumono-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'ubuntu_titling_bold';
  src: url('../fonts/webfontkit-ubuntu-titling/ubuntutitling-bold-webfont.woff2') format('woff2'),
  url('../fonts/webfontkit-ubuntu-titling/ubuntutitling-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

/* FONTS END */
/* GENERAL START */

html {
  height: 100%;
}

body::-webkit-scrollbar {
  width: 1em;
}

body::-webkit-scrollbar-track {
  border-left: solid 1px #CCCCCC;
}

body::-webkit-scrollbar-thumb {
  background: #49377A;
  outline: none;
  height: 20px;
}

body {
  overflow-x: hidden;
  background: #FFFFFF;
  color: #666666;
  font-size: 14px;
  font-family: 'ubuntu', sans-serif;
  overflow-y: scroll;
  margin: 0;
  bottom: -60px !important;
  padding: 0;
  height: calc(100% - 110px);
}

body > div {
  min-height:100%;
  position:relative;
  padding-bottom: 300px;
}

a {
  color: #ffbc00;
  transition: 0.15s all;
  font-family: "ubuntu_bold";
  font-weight: normal;
}

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

a:active {
  color: #e97100;
  transition: 0;
}

h1 {
  font-size: 36px;
  color: #473E7A;
  margin-bottom: 15px;
  font-family: "ubuntu_titling_bold"
}

h2 {
  font-size: 30px;
  color: #695096;
  margin-bottom: 15px;
  font-family: "ubuntu_titling_bold"
}

h3 {
  font-size: 22px;
  color: #808080;
  margin-bottom: 15px;
  font-family: "ubuntu_medium"
}

h4 {
  font-size: 18px;
  color: #a9a9a9;
  margin-bottom: 15px;
  font-family: "ubuntu_medium"
}

h5, h6 {
  font-size: 15px;
  color: #a9a9a9;
  margin-bottom: 15px;
  font-family: "ubuntu_medium"
}

* + h1 {
  margin-top: 60px;
}

* + h2 {
  margin-top: 45px;
}

* + h3 {
  margin-top: 30px;
}

* + h4,
* + h5,
* + h6 {
  margin-top: 20px;
}

/* 
h1 + *,
h2 + *,
h3 + * {
  margin-top: 15px;
} */

strong {
  /* color: #666666; */
  font-family: "ubuntu_bold";
  font-weight: normal;
}

hr {
  border-top: solid 1px #FFBC00;
  margin: 0;
  display: inline-block;
  width: 100%;
}

p {
  margin-bottom: 15px;
}

iframe {
  border: none;
}

img {
  display: block;
  margin: auto;
}

ul {
  padding: 0 0 0 15px;
  margin: 0 0 15px 0;
}

ol ol, ol ul, ul ol, ul ul {
  margin: 0 0 15px 10px;
}

form {
  margin: 0;
}

pre,
code,
kbd,
samp {
  font-family: "ubuntu_mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
  font-size: 100% !important;
}

pre,
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  font-family: "ubuntu_mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  background: #f7f7f7 !important;
  text-shadow: none;
  border-radius: 4px;
}

pre code {
  font-family: "ubuntu_mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  text-shadow: none;
  padding: 0 !important;
}

code,
a code {
  color: #7a61bf;
  word-break: break-word;
  background:#f7f7f7;
  border-radius: 2px;
  margin: 0;
  padding: .1em .3em;
}

a code {
  color:#ffbc00;
  font-weight: bold;
  transition: 0.15s all;
}

a code:hover {
  background: #ff8800;
  color: #ffffff;
  text-decoration: none;
}

a code:active {
  background-color: #e97100;
  color: #ffffff;
  transition: 0;
}

kbd {
  background-color: #fafbfc;
  border: 1px solid #d1d5da;
  border-bottom-color:#c6cbd1;
  border-radius: 2px;
  box-shadow: inset 0 -1px 0 #c6cbd1;
  color: #444d56;
  display: inline-block;
  font-size: 100% !important;
  font-family: "ubuntu_mono",SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
  padding: 3px 6px;
  vertical-align: top;
  line-height: 100%;
}

table {
  display: block;
  overflow: auto;
  width: 100%;
  margin-bottom: 30px;
}

table th {
  font-weight: 500;
  font-family: "ubuntu_medium";
  background-color: #f7f7f7;
}

table td,
table th {
  border: 1px solid #dfdfdf;
  padding: 6px 13px;
}

table tr {
  background-color: #fff;
  border-top: 1px solid #dfdfdf;
}

table tr:nth-child(even) {
  background-color: #fcfcfc;
}

/* GENERAL END */

/* HEADER START */

header {
  background: #49377a;
  height: 50px;
  position: fixed;
  z-index: 1003;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.25);
  transition: background-color 0.15s;
}

header .container {
  display: flex;
  align-items: center;
}

header .logo {
  width: 150px;
  height: 40px;
}

header .logo a {
  width: 150px;
  height: 40px;
  display: block;
  outline: none;
}

/* header .logo a svg path {
  fill: #FFFFFF !important;
}

header .logo a svg path#logo {
  fill: #FFBC00 !important;
} */

header .navbar {
  position: relative;
  z-index: 1001;
  padding: 0;
}

header .navbar a {
  color: #FFFFFF !important;
  border-bottom: solid 5px transparent;
  margin-top: 0;
  margin-left: 10px;
  white-space: nowrap;
  cursor: pointer;
  font-weight: normal;
  font-family: "ubuntu";
}

header .navbar a:hover {
  color: #FFFFFF;
}

header .navbar a.selected {
  border-bottom-color: #ffbc00;
}

header .navbar .nav-item {
  position: relative;
}

header .navbar .nav-link {
  padding-top: 16px;
  padding-left: 15px !important;
  padding-right: 15px !important;
  outline: none;
}

header .navbar .nav-link:focus,
header .navbar .nav-link:hover {
  background: rgba(255, 255, 255, 0.05);
}

header .navbar .nav-link:active {
  background: rgba(255, 255, 255, 0.10);
}

header .navbar .nav-item .navbar-submenu {
  position: absolute;
  display: none;
  min-width: 150px;
  left: 15px;
  /* width: 200px; */
}

header .navbar ul.navbar-nav {
  margin-left: 20px;
  padding-bottom: 0;
}

header .navbar .nav-item .navbar-submenu ul {
  background: #ffffff;
  list-style-type: none;
  padding: 8px 0;
  margin: 7px 0 0 0;
  border-radius: 4px;
  border: solid 1px #e6e6e6;
  border-bottom: none;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  position: relative;
}

header .navbar .nav-item .navbar-submenu ul:after,
header .navbar .nav-item .navbar-submenu ul:before {
  bottom: 100%;
  left: 30px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

header .navbar .nav-item .navbar-submenu ul:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #ffffff;
  border-width: 10px;
  margin-left: -10px;
}

header .navbar .nav-item .navbar-submenu ul:before {
  border-color: rgba(0, 0, 0, 0);
  border-bottom-color: #e6e6e6;
  border-width: 11px;
  margin-left: -11px;
}

header .navbar .nav-item .navbar-submenu li a {
  color: #666666 !important;
  margin: 0;
  padding: 3px 15px 3px 15px !important;
  border-bottom: none;
}

/*
header .navbar .nav-item .navbar-submenu li:first-child a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

header .navbar .nav-item .navbar-submenu li:last-child a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
*/

header .navbar .nav-item .navbar-submenu li a:hover {
  background: #ffbc00;
  color: #FFFFFF !important;
}

header .navbar .nav-item .navbar-submenu li a:focus,
header .navbar .nav-item .navbar-submenu li a:active {
  background: #ffae00;
  color: #FFFFFF !important;
}

header .navbar .nav-item .navbar-submenu a:not([href]):not([tabindex]),
header .navbar .nav-item .navbar-submenu a:not([href]):not([tabindex]):focus,
header .navbar .nav-item .navbar-submenu a:not([href]):not([tabindex]):hover {
  color: #acacac !important;
  background: transparent;
  border-bottom: none;
  cursor: default;
  font-size: 13px;
  font-weight: normal;
  font-family: "ubuntu_medium";
}

header .navbar .nav-item .navbar-submenu li:first-child a:not([href]):not([tabindex]):before {
  border-top: none;
  margin: 0;
}

header .navbar .nav-item .navbar-submenu a:not([href]):not([tabindex]):before {
  content: " ";
  border-top: solid 1px #d8d8d8;
  width: 100%;
  display: block;
  margin: 5px auto 10px auto;
}

header .navbar .nav-item:hover .navbar-submenu {
  display: block;
}

header.header-transparent {
  background: transparent;
  box-shadow: none;
}

header .widget.widget-languages {
  margin-left: 10px;
  /* padding-top: 15px; */
  background: transparent;
}

header .widget.widget-languages .btn.btn-secondary.dropdown-toggle {
  background: transparent;
  text-transform: none;
  font-weight: normal;
  font-family: "ubuntu";
  border: none;
  padding-top: 16px;
  padding-bottom: 14px;
  padding-left: 15px !important;
  padding-right: 15px !important;
  border-radius: 0;
  outline: none;
  margin-top: 0;
  font-size: 14px;
  transition: 0.15s all;
  box-shadow: none !important;
}

header .widget.widget-languages .btn.btn-secondary.dropdown-toggle:focus,
header .widget.widget-languages .btn.btn-secondary.dropdown-toggle:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

header .widget.widget-languages.dropdown.show,
header .widget.widget-languages .btn.btn-secondary.dropdown-toggle:active {
  background: rgba(255, 255, 255, 0.10) !important;
}

header .widget.widget-languages .dropdown-menu {
  left: -20px !important;
  min-width: 100px;
  transform: translate3d(0px, 50px, 0px) !important;
}

header .widget.widget-languages a.dropdownMenuLink {
  background: transparent;
  box-shadow: none !important;
  border: none;
}

header .widget.widget-languages a.dropdownMenuLink:active,
header .widget.widget-languages a.dropdownMenuLink:focus {
  background: transparent !important;
  border: none !important;
}

header .widget.widget-search {
  margin-left: auto;
  margin-top: -2px;
  min-width: 30px;
  max-width: 400px;
}

header .widget.widget-search input.form-control {
  height: 30px;
  border-radius: 15px !important;
  background-color: #ffffff0c;
  border-color: #ffffff5c !important;
  box-shadow: none !important;
  color: #fff !important;
  font-size: 14px !important;
  padding-left: 17px;
  padding-right: 45px;
  transition: .15s all;
  min-width: 0;
}

header .widget.widget-search input.form-control::selection {
  background: #ffbc00;
}

header .widget.widget-search input.form-control:hover {
  background-color: #ffffff0f;
  border-color: #ffffff8f !important;
}

header .widget.widget-search input.form-control:active,
header .widget.widget-search input.form-control:focus {
  background-color: #ffffff0f;
  border-color: #ffffff !important;
  box-shadow: none !important;
}

header .widget.widget-search input.form-control::placeholder {
  color: #ffffff3f !important;
  transition: .15s all;
}

header .widget.widget-search input.form-control:active::placeholder,
header .widget.widget-search input.form-control:focus::placeholder {
  color: #ffffff7f !important;
}

header .widget.widget-search .input-group-append {
  position: absolute;
  right: 0;
  z-index: 3;
}

header .widget.widget-search .input-group-append button {
  background: transparent;
  height: 30px;
  width: 40px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
  padding: 0;
  border: transparent;
  box-shadow: none;
  color: #ffffff7c !important;
}

header .widget.widget-search .input-group-append button:hover {
  background: #ffbc00;
  color: #ffffff !important;
}

header .widget.widget-search .input-group-append button:focus,
header .widget.widget-search .input-group-append button:active {
  color: #ffffff !important;
}

/* HEADER END */

/* BREADCRUMB START */

.breadcrumb-container {
  background: #EDEDED;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.25);
  z-index: 1002;
  position: fixed;
  width: 100%;
  top: 50px;
}

.breadcrumb-item::before {
  color: #c0c0c0 !important;
}

.breadcrumb-item.active {
  color: #666666 !important;
}

/* BREADCRUMB END */

/* FOOTER START */

footer {
  background: #252432;
  margin-top: 40px;
  padding-bottom: 20px;
  padding-top: 20px;
  position:absolute;
  bottom: 0;
  width: 100%;
  color: #9c9baa;
}

footer:before {
  content: " ";
  position: absolute;
  width: 100%;
  height: 15px;
  margin-top: -20px;
  left: 0px;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5) inset;
}

footer h4 {
  font-size: 15px;
  color: #b7b6c7;
  margin-bottom: 10px;
}

footer p, footer a {
  font-size: 13px;
}

footer img {
  display: inline;
}

footer ul {
  padding-left: 10px;
  list-style: none;
}

footer a,
footer .shortcode-link a {
  color: #9c9baa;
  font-family: "ubuntu_medium";
  text-decoration: none;
  transition: 0.15s all;
}

footer a:hover,
footer .shortcode-link a:hover,
footer .shortcode-link a:hover path {
  color: #d7d6e2;
}

footer a:active,
footer .shortcode-link a:active,
footer .shortcode-link a:active path {
  color: #ffffff;
}

footer .shortcode-icon svg {
  width: 16px !important;
  height: 16px !important;
  margin-right: 4px;
}

footer .shortcode-icon svg.fa-2x {
  width: 24px !important;
  height: 24px !important;
  margin-right: 0;
}

footer .shortcode-icon path {
  transition: 0.15s all;
  color: #9c9baa;
}

/* FOOTER END */
  
/* PAGE START */
.page {
  margin-top: 110px;
}

.page .shortcode img,
.page img {
  max-width: calc(100% - 60px);
}

.page > .shortcode.shortcode-container > .shortcode.shortcode-game-cover {
  margin-top: -30px;
}

.page > .shortcode.shortcode-container > .shortcode-cover .shortcode-column:first-child {
  padding-right: 0;
}

.page > .shortcode.shortcode-container > .shortcode-cover .shortcode-column:last-child {
  padding-left: 0;
}

.page > .shortcode-highlight:first-child {
  margin-top: -30px;
}

.page.has-header-cover {
  margin-top: 60px !important;
}

/* PAGE END */

/* BOOTSTRAP START */

.btn {
  font-size: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.btn.btn-lg {
  font-size: 30px;
}

.btn.btn-sm {
  font-size: 16px;
}

.btn.btn-primary {
  background: #ffbc00;
  color: #FFFFFF !important;
  border: solid 1px #ffbc00;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  transition: .15s all;
}

.btn.btn-primary:hover {
  background: #ffcb20;
  border-color: #ffcb20;
}

.btn.dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
}

.btn.btn-outline-primary {
  background: transparent;
  color: #ffbc00 !important;
  border: solid 1px #ffbc00;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  transition: .15s all;
  }

.btn.btn-outline-primary:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: #ffcb20;
  color: #ffcb20 !important;
}

.btn.btn-primary:active,
.btn.btn-primary:focus {
  background-color: #ffae00 !important;
  border-color: #ffae00 !important;
  color: #FFFFFF !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.50) !important;
}

.btn.btn-outline-primary:active,
.btn.btn-outline-primary:focus {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border-color: #ffae00 !important;
  color: #ffae00 !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.50) !important;
}

.btn.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  background-color: #ffae00 !important;
  border-color: #ffae00 !important;
}

.btn.btn-primary.btn-menu {
  background: transparent  !important;
  border-color: #ffffff;
  box-shadow: none;
}

.btn.btn-primary.btn-menu:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

.btn.btn-primary.btn-menu:focus {
  border-color: #ffffff !important;
  box-shadow: none !important;
}

.btn.btn-primary.btn-menu:active {
  background: rgba(255, 255, 255, 0.25) !important;
  border-color: #ffffff !important;
  box-shadow: none !important;
}

.btn.btn-primary.btn-menu svg {
  margin-left: auto;
  margin-right: auto;
}

.dropdown-menu {
  left: -30px !important;
  background: #ffffff;
  padding: 8px 0;
  margin: 7px 0 0 0;
  border-radius: 4px;
  border: solid 1px #e6e6e6;
  border-bottom: none;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
  position: relative;
}

.dropdown-menu:before {
  position: absolute;
  top: -10px;
  left: 29px;
  display: inline-block;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #e6e6e6;
  border-left: 10px solid transparent;
  /* border-bottom-color: rgba(0, 0, 0, 0.2); */
  content: '';
}

.dropdown-menu:after {
  position: absolute;
  top: -10px;
  left: 30px;
  display: inline-block;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  border-left: 10px solid transparent;
  content: '';
}

.dropdown-menu .dropdown-item {
  font-size: 14px;
  font-family: "ubuntu";
  font-weight: normal;
  outline: none;
  padding: 3px 15px 3px 15px !important;
}

.dropdown-menu .dropdown-item svg {
  width: 1em;
  height: 1em;
  margin-right: 4px;
}

.dropdown-menu .dropdown-item:hover {
  background: #ffbc00;
  color: #ffffff !important;
}

.dropdown-menu .dropdown-item:focus,
.dropdown-menu .dropdown-item:active {
  background: #ffae00;
  color: #ffffff !important;
}

a.btn,
.btn {
  text-transform: uppercase;
  font-family: "ubuntu_medium";
  font-size: 16px;
}

.btn .label {
  text-transform: uppercase;
  font-family: "ubuntu_medium";
  font-size: 16px;
  text-align: left;
}

.btn .label small {
  text-transform: none;
  text-align: left;
  font-family: "ubuntu_light"
}

.btn.btn-primary .text-primary,
.btn.btn-outline-primary .text-primary {
  margin-right: 10px;
  vertical-align: middle;
  height: 24px;
}

.btn.btn-primary .text-primary {
  color: white !important;
}

.btn.btn-primary svg {
  margin-right: 5px;
}

.btn.btn-outline-primary .text-primary {
  color: #ffbc00 !important;
}

.btn.btn-secondary {
  background: #49377A;
  color: #FFFFFF !important;
  border: solid 1px #49377A;
}

.btn.btn-outline-secondary {
  background: transparent;
  color: #49377A !important;
  border: solid 1px #49377A;
}

.btn.btn-secondary:active,
.btn.btn-secondary:focus,
.btn.btn-outline-secondary:active,
.btn.btn-outline-secondary:focus {
  background-color: #49377A !important;
  border-color: #49377A !important;
  box-shadow: 0 0 0 0.2rem rgba(73, 55, 122, 0.50) !important;
  color: #FFFFFF !important;
}

.btn.btn-info {
  background: #00558E;
  color: #FFFFFF !important;
  border: solid 1px #00558E;
}

.btn.btn-outline-info {
  background: transparent;
  color: #00558E !important;
  border: solid 1px #00558E;
}

.btn.btn-info:active,
.btn.btn-info:focus,
.btn.btn-outline-info:active,
.btn.btn-outline-info:focus {
  background-color: #00558E !important;
  border-color: #00558E !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 85, 142, 0.50) !important;
  color: #FFFFFF !important;
}

.btn.btn-success {
  background: #115E4C;
  color: #FFFFFF !important;
  border: solid 1px #115E4C;
}

.btn.btn-outline-success {
  background: transparent;
  color: #115E4C !important;
  border: solid 1px #115E4C;
}

.btn.btn-success:active,
.btn.btn-success:focus,
.btn.btn-outline-success:active,
.btn.btn-outline-success:focus {
  background-color: #115E4C !important;
  border-color: #115E4C !important;
  box-shadow: 0 0 0 0.2rem rgba(17, 94, 76, 0.50) !important;
  color: #FFFFFF !important;
}

.btn.btn-warning {
  background: #ffbc00;
  color: #FFFFFF !important;
  border: solid 1px #ffbc00;
}

.btn.btn-warning:active,
.btn.btn-warning:focus,
.btn.btn-outline-warning:active,
.btn.btn-outline-warning:focus {
  background-color: #ffbc00 !important;
  border-color: #ffbc00 !important;
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.50) !important;
  color: #FFFFFF !important;
}

.btn.btn-outline-warning {
  background: transparent;
  color: #ffbc00 !important;
  border: solid 1px #ffbc00;
}

.btn.btn-danger {
  background: #7D2E35;
  color: #FFFFFF !important;
  border: solid 1px #7D2E35;
}

.btn.btn-outline-danger {
  background: transparent;
  color: #7D2E35 !important;
  border: solid 1px #7D2E35;
}

.btn.btn-danger:active,
.btn.btn-danger:focus,
.btn.btn-outline-danger:active,
.btn.btn-outline-danger:focus {
  background-color: #7D2E35 !important;
  border-color: #7D2E35 !important;
  box-shadow: 0 0 0 0.2rem rgba(125, 46, 53, 0.50) !important;
  color: #FFFFFF !important;
}

.btn .shortcode-icon {
  vertical-align: text-bottom;
}

.alert.alert-primary {
  background: #FFF8E5;
  color: #886400;
  border-color: #FFEDBB;
}

.alert.alert-primary .close {
  color: #886400;
}

.alert.alert-primary .close:hover {
  color: #886400;
}

.alert.alert-primary a {
  color: #886400;
}

.alert.alert-primary h3 {
  color: #886400;
}

.alert.alert-primary strong {
  color: #886400;
}

.alert.alert-secondary {
  background: #ECEBF1;
  color: #49377A;
  border-color: #D6D1F1;
}

.alert.alert-secondary .close {
  color: #49377A;
}

.alert.alert-secondary .close:hover {
  color: #49377A;
}

.alert.alert-secondary a {
  color: #49377A;
}

.alert.alert-secondary h3 {
  color: #49377A;
}

.alert.alert-secondary strong {
  color: #49377A;
}

.alert.alert-info {
  background: #E8E7F7;
  color: #585299;
  border-color: #C2B5D5;
}

.alert.alert-info .close {
  color: #00558E;
}

.alert.alert-info .close:hover {
  color: #00558E;
}

.alert.alert-info a {
  color: #00558E;
}

.alert.alert-info h3 {
  color: #00558E;
}

.alert.alert-info strong {
  color: #00558E;
}

.alert.alert-success {
  background: #DBF3E4;
  color: #115E4C;
  border-color: #AEE9C4;
}

.alert.alert-success .close {
  color: #115E4C;
}

.alert.alert-success .close:hover {
  color: #115E4C;
}

.alert.alert-success a {
  color: #115E4C;
}

.alert.alert-success h3 {
  color: #115E4C;
}

.alert.alert-success strong {
  color: #115E4C;
}

.alert.alert-warning {
  background: #FFF8E5;
  color: #886400;
  border-color: #FFEDBB;
}

.alert.alert-warning .close {
  color: #886400;
}

.alert.alert-warning .close:hover {
  color: #886400;
}

.alert.alert-warning a {
  color: #886400;
}

.alert.alert-warning h3 {
  color: #886400;
}

.alert.alert-warning strong {
  color: #886400;
}

.alert.alert-danger {
  background: #FFE8E8;
  color: #7D2E35;
  border-color: #FED0D0;
}

.alert.alert-danger .close {
  color: #7D2E35;
}

.alert.alert-danger .close:hover {
  color: #7D2E35;
}

.alert.alert-danger a {
  color: #7D2E35;
}

.alert.alert-danger h3 {
  color: #7D2E35;
}

.alert.alert-danger strong {
  color: #7D2E35;
}

.alert.alert-light {
  background: #fefefe;
  color: #818182;
  border-color: #fdfdfe;
}

.alert.alert-light .close {
  color: #818182;
}

.alert.alert-light .close:hover {
  color: #818182;
}

.alert.alert-light a {
  color: #818182;
}

.alert.alert-light h3 {
  color: #818182;
}

.alert.alert-light strong {
  color: #818182;
}

.alert.alert-dark {
  background: #d6d8d9;
  color: #1b1e21;
  border-color: #c6c8ca;
}

.alert.alert-dark .close {
  color: #1b1e21;
}

.alert.alert-dark .close:hover {
  color: #1b1e21;
}

.alert.alert-dark a {
  color: #1b1e21;
}

.alert.alert-dark h3 {
  color: #1b1e21;
}

.alert.alert-dark strong {
  color: #1b1e21;
}

.badge.badge-primary {
  background: #ffbc00;
  color: #FFFFFF;
}

.badge.badge-secondary {
  background: #49377A;
  color: #FFFFFF;
}

.badge.badge-info {
  background: #00558E;
  color: #FFFFFF;
}

.badge.badge-success {
  background: #115E4C;
  color: #FFFFFF;
}

.badge.badge-warning {
  background: #ffbc00;
  color: #FFFFFF;
}

.badge.badge-danger {
  background: #7D2E35;
  color: #FFFFFF;
}

.breadcrumb {
  margin-bottom: 0;
  padding-left: 0;
  font-size: 12px;
  padding: 3px 6px 3px 6px;
}

.breadcrumb a {
  color: #666666;
  font-family: "ubuntu";
  font-weight: normal;
}

.breadcrumb a:hover {
  color: #333333;
}

.bg-primary {
  background-color: #ffbc00 !important;
}

.bg-secondary {
  background-color: #49377A !important;
}

.bg-info {
  background-color: #00558E !important;
}

.bg-success {
  background-color: #115E4C !important;
}

.bg-warning {
  background-color: #ffbc00 !important;
}

.bg-danger {
  background-color: #7D2E35 !important;
}

.bg-light {
  color: #818182;
  background-color: #fefefe !important;
}

.bg-dark {
  background-color: #1b1e21 !important;
}

.table {
  border-radius: 4px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
}

.table td.shortcode.shortcode-game-thumbnail {
  margin-bottom: -7px;
}

.table th {
  border: none;
  background-color: transparent;
  border-bottom: solid 1px #ECECED;
  white-space: nowrap;
  font-family: "ubuntu_medium";
  font-weight: 500;
}

.table td {
  border: solid 1px #ECECED;
  border-style: none solid solid none;
  padding: 10px;
}

.table tr:first-child td:first-child {
  border-top-left-radius: 4px;
}

.table tr:first-child td:last-child {
  border-top-right-radius: 4px;
}

.table tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}

.table tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}

.table tr:first-child td {
  border-top-style: solid;
}

.table tr td:first-child {
  border-left-style: solid;
}

.table tr th:first-child {
  border-left: solid 1px #ECECED;
}

.table tr:nth-child(even) {
  background: #F7F7F7;
}

.text-primary {
  color: #ffbc00 !important;
}

.text-secondary {
  color: #49377A !important;
}

.text-info {
  color: #00558E !important;
}

.text-success {
  color: #115E4C !important;
}

.text-warning {
  color: #ffbc00 !important;
}

.text-danger {
  color: #7D2E35 !important;
}

.text-light {
  color: #818182 !important;
}

.text-dark {
  color: #1b1e21 !important;
}

/* SHORTCODE START */

.shortcode {
  margin-bottom: 30px;
  position: relative;
}

.shortcode img {
  max-width: unset;
}

.shortcode a.link-filter:after {
  content: ', ';
}

.shortcode .shortcode-search ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.shortcode .shortcode-search li {
  list-style-type: none;
  margin: 0;
  margin-bottom: 30px;
}

.shortcode .shortcode-search li a {
  display: block;
  background: #ffffff;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  padding: 15px 0px;
}

.shortcode .shortcode-search li a:hover {
  border-color: #ffbc00;
  background: #ffbc0011;
}

.shortcode .shortcode-search li a:active,
.shortcode .shortcode-search li a:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.5) !important;
}

.shortcode .shortcode-search li h2 {
  font-size: 20px;
  color: #695096;
  margin-bottom: 2px;
  font-family: "ubuntu_medium";
}

.shortcode .shortcode-search li p {
  font-size: 14px;
  color: #666666;
  font-weight: normal;
  font-family: "ubuntu";
}

.shortcode .shortcode-search li img {
  border-radius: 4px;
}

.shortcode .shortcode-search .row {
  margin-right: 0;
  margin-left: 0;
}

.shortcode .shortcode-search .col-lg-3 {
  padding: 0;
  margin-left: -15px;
  margin-right: -15px;
}

.shortcode .shortcode-search .metas p {
  transition: 0.15s all;
	margin: 0;
  margin-bottom: 10px;
	color: #b5b5b5;
	font-family: "ubuntu";
	font-weight: normal;
  font-size: 13px;
}

.shortcode.shortcode-image {
  width: 100% !important;
  text-align: center;
}

.shortcode.shortcode-image img {
  width: 100% !important;
  transition: .15s all;
}

.shortcode.shortcode-image a:hover img {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25) !important;
  filter: brightness(105%);
}
.shortcode.shortcode-image a:active img,
.shortcode.shortcode-image a:focus img {
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.5) !important;
  filter: none;
}

.shortcode.shortcode-errors {
  width: 100%;
}

.shortcode.shortcode-highlight {
  background: #F2F2F2;
}

.shortcode.shortcode-highlight:last-of-type {
  margin-bottom: -35px;
}

.shortcode.shortcode-inline {
  display: inline;
}

.shortcode.shortcode-align {
  margin-bottom: 0;
}

.shortcode.shortcode-align-center {
  text-align: center;
  margin-bottom: 0;
}

.shortcode.shortcode-align-center img {
  display: inline;
}

.shortcode.shortcode-align-right {
  text-align: right;
  margin-bottom: 0;
}

.shortcode.shortcode-align-right img {
  display: inline;
}

.shortcode.shortcode-hr {
  margin-top: -15px;
}

.shortcode.shortcode-game-thumbnail {
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 0;
  transition-delay: 0s, 0s, 0s, 0s;
  transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25) !important;
}

.shortcode.shortcode-game-thumbnail:active,
.shortcode.shortcode-game-thumbnail:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.25) !important;
}

.shortcode.shortcode-game-thumbnail img {
  width: 100% !important;
  max-width: unset;
  border-radius: 4px;
  transition: .15s all;
}

.shortcode.shortcode-game-thumbnail:hover img {
  transform: scale(1.025);
}

.shortcode.shortcode-game-featured {
  margin-bottom: 0;
}

.shortcode.shortcode-game-featured h2 {
  margin-bottom: 0;
}

.shortcode.shortcode-game-featured h3 {
  margin-top: 0;
}

.shortcode.shortcode-game-featured .metas {
  font-size: 13px;
}

.shortcode.shortcode-game-featured a.thumbnail {
  overflow: hidden;
  display: block;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25) !important;
  outline: none;
}

.shortcode.shortcode-game-featured img {
  width: 100% !important;
  max-width: unset;
  border-radius: 4px;
  transition: .15s all;
}

.shortcode.shortcode-game-featured a.thumbnail:active,
.shortcode.shortcode-game-featured a.thumbnail:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.50) !important;
}

.shortcode.shortcode-game-featured a.thumbnail:hover img {
  transform: scale(1.025);
}

.shortcode.shortcode-game-featured hr {
  width: 20%;
  margin-top: -15px;
  margin-bottom: 15px;
}

.shortcode.shortcode-game-featured .metas {
  margin-top: -15px;
  margin-bottom: 15px;
}

.shortcode.shortcode-game-featured .metas span:after {
  content: " • ";
}

.shortcode.shortcode-game-featured .metas span:last-child:after {
  content: "";
}

.shortcode.shortcode-game-featured .metas span span.field-category span:after {
  content: ", ";
}

.shortcode.shortcode-game-featured .metas span span.field-category span:last-child:after {
  content: "";
}

.shortcode.shortcode-game-featured .more-infos {
  margin-top: 30px;
  margin-bottom: 0px;
  text-align: left
}

.shortcode.shortcode-game-listing h2 {
  display: none;
}

.shortcode.shortcode-game-listing .metas {
  display: none;
}

.shortcode.shortcode-game-listing a {
  margin-bottom: 30px;
  display: block;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25) !important;
  outline: none;
}

.shortcode.shortcode-game-listing a img {
  border-radius: 4px;
  transition: .15s all;
  max-width: 100% !important;
}

.shortcode.shortcode-game-listing a:active,
.shortcode.shortcode-game-listing a:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.50) !important;
}

.shortcode.shortcode-game-listing a:hover img {
  transform: scale(1.025);
}

.shortcode.shortcode-book-listing h2 {
  display: none;
}

.shortcode.shortcode-book-listing .metas {
  display: none;
}

.shortcode.shortcode-book-listing a {
  margin-bottom: 30px;
  display: block;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25) !important;
  outline: none;
}

.shortcode.shortcode-book-listing a img {
  border-radius: 4px;
  transition: .15s all;
  max-width: 100% !important;
}

.shortcode.shortcode-book-listing a:active,
.shortcode.shortcode-book-listing a:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.50) !important;
}

.shortcode.shortcode-book-listing a:hover img {
  transform: scale(1.025);
}

.shortcode.shortcode-resource-pack-listing h2 {
  display: none;
}

.shortcode.shortcode-resource-pack-listing .metas {
  display: none;
}

.shortcode.shortcode-resource-pack-listing a {
  margin-bottom: 30px;
  display: block;
  border-radius: 4px;
  overflow: hidden;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25) !important;
}

.shortcode.shortcode-resource-pack-listing a img {
  border-radius: 4px;
  transition: .15s all;
  max-width: 100% !important;
}

.shortcode.shortcode-resource-pack-listing a:active,
.shortcode.shortcode-resource-pack-listing a:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.50) !important;
}

.shortcode.shortcode-resource-pack-listing a:hover img {
  transform: scale(1.025);
}

.shortcode.shortcode-entity-search .input-group {
  position: relative;
}

.shortcode.shortcode-entity-search .input-group .input-group-prepend {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 40px;
  z-index: 4;
}

.shortcode.shortcode-entity-search .input-group-text {
  background: transparent;
  border-right: none;
}

.shortcode.shortcode-entity-search input {
  padding-left: 40px;
}

.shortcode.shortcode-entity-search input::placeholder {
  opacity: 0.3;
}

.shortcode.shortcode-box {
  background: #f2f2f2;
  border: 1px solid #d1d1d1;
  padding: 10px 15px 0px 15px;
  border-radius: 4px;
}

.shortcode.shortcode-donation,
.shortcode.shortcode-bitcoin,
.shortcode.shortcode-paypal {
  background: #f2f2f2;
  border: 1px solid #d1d1d1;
  padding: 15px 15px;
  border-radius: 4px;
}

.shortcode-model-game-sheet th,
.shortcode-model-game-sheet td,
.shortcode-model-resource-pack-sheet th,
.shortcode-model-resource-pack-sheet td {
  font-size: 13px;
  padding-bottom: 7px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 7px;
}

.shortcode.shortcode-button-highlight {
  background: #f2f2f2;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
  padding: 15px;
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  transition: .15s all;
}

.shortcode-highlight .shortcode.shortcode-button-highlight {
  background: #f9f9f9;
  transition: .15s all;
}

.shortcode-highlight .shortcode.shortcode-button-highlight:hover {
  background: #ffffff;
}

.shortcode.shortcode-button-highlight button {
  background: transparent;
  border: none;
  display: block;
  text-align: center;
  width: 100%;
  color: #808080;
  padding: 0;
}

.shortcode.shortcode-button-highlight a {
  outline: none;
}

.shortcode.shortcode-button-highlight > a > div {
  float: left;
}

.shortcode.shortcode-button-highlight .icon {
  width: 70px;
  margin-right: 15px;
}

.shortcode.shortcode-button-highlight .infos {
  width: calc(100% - 85px);
}

.shortcode.shortcode-button-highlight .infos div {
  margin-top: 20px;
  text-align: left;
}

.shortcode.shortcode-button-highlight .infos .subtitle {
  font-size: 14px;
  margin-top: 10px;
}

.shortcode.shortcode-button-highlight .infos .subtitle + div {
  margin-top: 0;
}

.shortcode.shortcode-button-highlight button:focus {
  outline: none;
}

.shortcode.shortcode-button-highlight:hover {
  background: #f8f8f8;
}

.shortcode.shortcode-button-highlight button:active {
  padding: 0;
}

.shortcode.shortcode-button-highlight:active,
.shortcode.shortcode-button-highlight:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.50) !important;
}

.shortcode.shortcode-button-highlight a {
  display: block;
  text-align: center;
  width: 100%;
  color: #808080;
  text-decoration: none;
  font-weight: normal;
  font-family: "ubuntu_medium";
}

.shortcode.shortcode-button-highlight a .subtitle{
  font-weight: normal;
  font-family: "ubuntu";
}

.shortcode.shortcode-button-highlight svg {
  width: 64px;
}

.shortcode.shortcode-highlight {
  margin-bottom: 0;
}

.shortcode.shortcode-game-extras a {
  display: block;
  width: 100%;
  color: #808080;
  text-decoration: none;
  font-weight: normal;
  font-family: "ubuntu_medium";
  background: #f2f2f2;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  font-size: 16px;
  transition: .15s all;
  margin-bottom: 15px;
  padding: 5px 15px;
}


.shortcode.shortcode-game-extras a:hover {
  background: #f8f8f8;
}

.shortcode.shortcode-game-extras a:active,
.shortcode.shortcode-game-extras a:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.50) !important;
}

.shortcode.shortcode-button-highlight a .subtitle{
  font-weight: normal;
  font-family: "ubuntu";
}

.shortcode.shortcode-game-extras svg {
  margin-right: 10px;
}

.shortcode.shortcode-container {
  margin-bottom: 0;
}

.shortcode.shortcode-container.container-small {
  width: 800px;
  margin: auto;
}

.shortcode.shortcode-row {
  margin-bottom: 0;
}

.shortcode.shortcode-column {
  margin-bottom: 0;
}

.shortcode.shortcode-table-column .shortcode-game-thumbnail {
  margin: -13px -13px -7px -13px;
}

.shortcode.shortcode-table-column .shortcode-game-thumbnail img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.shortcode.shortcode-space {
  margin-bottom: 0;
}

.shortcode.shortcode-space.shortcode-space-vertical {
  display: inline-block;
}

.shortcode.shortcode-small {
  margin-bottom: 0;
  font-size: 12px;
}

.shortcode.shortcode-game-icon img {
  max-width: 100% !important;
}

.shortcode.shortcode-game-medias .slideshow {
  overflow: hidden;
  height: 50px;
  margin-bottom: 30px;
}

.shortcode.shortcode-user-presentation {
  background: #f2f2f2;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
  padding: 15px;
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  transition: .15s all;
}

.shortcode.shortcode-user-presentation img {
  width: 100% !important;
  border-radius: 4px;
}

.shortcode.shortcode-user-presentation .col-md-9 {
  padding-left: 0;
}

.shortcode.shortcode-user-presentation p,
.shortcode.shortcode-user-presentation a {
  font-size: 14px;
}

.shortcode.shortcode-user-presentation p {
  margin-bottom: 3px;
}

.shortcode.shortcode-user-presentation h3 {
  font-size: 16px;
  margin-bottom: 3px;
}

.shortcode.shortcode-book-side-tree {
  background: #f7f7f7;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  padding: 5px 0 20px 0;
  overflow: hidden;
  counter-reset: sidetree-counter-0;
}

.shortcode.shortcode-book-side-tree ul > li {
  padding: 0;
}

.shortcode.shortcode-book-side-tree ul {
  display: none;
  list-style-type: none;
  background: #efefef;
  margin: 0 -15px;
  padding: 0;
}

.shortcode.shortcode-book-side-tree > ul {
  display: block;
  margin: 0;
  background: #f7f7f7;
  padding: 5px 15px 0 15px;
}

.shortcode.shortcode-book-side-tree ul.active {
  display: block;
}

.shortcode.shortcode-book-side-tree ul li.active > a {
  font-family: "ubuntu_bold";
  font-weight: normal;
  color: #666666;
  background: rgba(105, 80, 150, 0.1);
}

.shortcode.shortcode-book-side-tree > ul.active ul {
  display: block;
  padding: 0 0 10px 0;
}

.shortcode.shortcode-book-side-tree ul a {
  color: #808080;
  font-family: "ubuntu";
  display: block;
  padding: 5px 20px;
  text-decoration: none;
}

.shortcode.shortcode-book-side-tree ul a:hover {
  color: #ffffff !important;
  background: #ffbc00 !important;
}

.shortcode.shortcode-book-side-tree > ul > li {
  counter-reset: sidetree-counter-1;
}

.shortcode.shortcode-book-side-tree > ul > li > a {
  color: #695096;
  font-family: "ubuntu_medium";
  font-size: 16px;
  margin: 0 -15px;
  padding: 6px 15px;
}

.shortcode.shortcode-book-side-tree > ul > li > a::before {
  counter-increment: sidetree-counter-0;
  content: counter(sidetree-counter-0) ".\00a0";
  opacity: 0.6;
  
}

.shortcode.shortcode-book-side-tree > ul > li > ul > li > a::before {
  counter-increment: sidetree-counter-1;
  content: counter(sidetree-counter-1) ".\00a0";
  opacity: 0.6;
}

.shortcode.shortcode-book-side-tree > ul > li.active > a {
  color: #695096;
  font-family: "ubuntu_medium";
}

.shortcode.shortcode-book-side-tree > ul > li.active > a:hover {
  color: #ffffff;
}

.shortcode.shortcode-book-side-tree > ul > li > a svg {
  float: right;
  transform: translate(0%, 25%);
}

.shortcode.shortcode-book-side-tree.singleton > ul > li > a svg {
  visibility: collapse;
}

.shortcode.shortcode-book-side-tree.singleton ul li a {
  color: #808080;
  font-family: "ubuntu";
  display: block;
  padding: 5px 20px;
  text-decoration: none;
  font-size: 14px;
}

.shortcode.shortcode-book-side-tree.singleton ul li.active a {
  font-family: "ubuntu_bold";
  font-weight: normal;
  color: #666666;
  background: rgba(105, 80, 150, 0.1);
}



.shortcode.shortcode-game-medias img {
  max-width: unset;
  
}

/* SHORTCODE END */

/* BOOTSTRAP END */

/* HOME START */

.shortcode-jumbotron .jumbotron {
  color: #FFFFFF;
  background: transparent;
  padding-top: 0;
  padding: 0;
  margin-bottom: 30px;
  border-radius: 0;
}

.shortcode-jumbotron .jumbotron h1 {
  font-size: 30px;
}

.shortcode-cover {
  background: #5b458f;
  background-image: url("../img/cover_bg.jpg"), repeating-linear-gradient(#644d96, #22144f 100%);
  background-position: left 50% bottom 30%;
  background-size: cover;
  padding-top: 100px;
  z-index: 1000;
  font-size: 14px;
  margin-bottom: 0;
  margin-top: -60px;
  position: relative;
}

.shortcode-cover:after {
  content: " ";
  position: absolute;
  width:100%;
  height: 20px;
  bottom: 0;
  left: 0px;
  box-shadow: 0 -10px 10px 0 rgba(0, 0, 0, 0.25) inset;
}

.shortcode-cover.cover-top:after {
  display: none;
}

.shortcode-cover h1 {
  color: #FFFFFF;
}

.shortcode-cover h2 {
  color: #FFFFFF;
}

.shortcode-cover .shortcode-align.shortcode-align-center h2:after {
  margin-left: auto;
  margin-right: auto;
}

.shortcode-cover ul {
  list-style-type: none;
  padding-left: 1rem;
}

.shortcode-cover ul li:before {
  color: #ffbc00;
  content: "\2022"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1rem; /* Also needed for space (tweak if needed) */
}

.shortcode-cover .shortcode-small {
  opacity: .5;
}

.shortcode-cover .shortcode-icon svg {
  color: white !important;
  opacity: .5;
}

.shortcode-icon {
  margin-bottom: 0;
}

.shortcode-cover .shortcode-icon + .shortcode-icon:before {
  content: " ";
  width: 15px;
  display: inline-block;
}

.shortcode.shortcode-youtube {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.shortcode.shortcode-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.shortcode-game-cover {
  margin-bottom: 0;
  position: relative;
}

.shortcode-game-cover:after {
  content: " ";
  position: absolute;
  width:100%;
  height: 15px;
  bottom: 0;
  left: 0px;
  box-shadow: 0 -5px 5px 0 rgba(0, 0, 0, 0.15) inset;
}

.shortcode-game-cover > div {
  height: 350px;
  overflow: hidden;
  text-align: center;
  position: relative;
}

.shortcode-game-cover > div img {
  margin-top: 30px;
}

.shortcode-game-medias {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 90px)
}

.shortcode-game-medias.without-nav {
  width: 100%;
}

.shortcode-game-medias .owl-prev,
.shortcode-game-medias .owl-next {
  position: absolute;
  top: 0;
  height: calc(100% - 20px);
  width: 30px;
  font-size: 60px !important;
  background: #f2f2f2 !important;
  border-radius: 4px;
  border: solid 1px #f2f2f2 !important;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
  transition-delay: 0s, 0s, 0s, 0s;
  transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
}

.shortcode-game-medias .owl-prev:hover,
.shortcode-game-medias .owl-next:hover {
  background: #f8f8f8 !important;
  border-color: #f8f8f8 !important;
}

.shortcode-game-medias .owl-prev {
  left: -45px;
}

.shortcode-game-medias .owl-next {
  right: -45px;
}

.shortcode-game-medias .owl-prev:focus,
.shortcode-game-medias .owl-prev:active,
.shortcode-game-medias .owl-next:focus,
.shortcode-game-medias .owl-next:active {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.50) !important;
}

.shortcode-game-medias .owl-prev.disabled:focus,
.shortcode-game-medias .owl-prev.disabled:active,
.shortcode-game-medias .owl-next.disabled:focus,
.shortcode-game-medias .owl-next.disabled:active {
  opacity: .2 !important;
  box-shadow: none !important;
}

.shortcode-game-medias .owl-prev.disabled:hover,
.shortcode-game-medias .owl-next.disabled:hover {
  background: #f2f2f2 !important;
  border-color: #f2f2f2 !important;
}

.shortcode-game-medias .owl-prev.disabled,
.shortcode-game-medias .owl-next.disabled {
  opacity: .2;
  cursor: unset;
}

.shortcode-game-medias .owl-prev:focus,
.shortcode-game-medias .owl-next:focus {
  outline: none;
}

.shortcode-game-medias .owl-dots {
  width: 100%;
  height: 20px;
  text-align: center;
}

.shortcode-game-medias .owl-dots button {
  width: 50px;
  margin: 15px 5px;
  background: #cecece;
  height: 5px;
}

.shortcode-game-medias .owl-dots button.active {
  background: #ffbc00;
}

.shortcode-game-medias .owl-dots button:focus {
  outline: none;
}

.shortcode-game-medias a {
  position: relative;
  display: block;
}

.shortcode-game-medias svg {
  color: white;
  position: absolute;
  top: 35%;
  left: 35%;
  width: 30% !important;
  height: 30%;
}

.shortcode.shortcode-entity-button-download button {
  height: 60px;
}

.shortcode.shortcode-entity-button-download.disabled button,
.shortcode.shortcode-entity-button-download.disabled button:active,
.shortcode.shortcode-entity-button-download.disabled button:focus
{
  background:#ededed !important;
  border: solid 1px #d1d1d1 !important;
  color: #666666 !important;
  cursor: default !important;
  box-shadow: none !important;
}

.shortcode.shortcode-entity-button-download.disabled button .icon {
  margin-top: 3px;
}

.shortcode.shortcode-entity-button-download.disabled button .text-primary {
  color: #666666 !important;
}

.shortcode.shortcode-entity-button-download button.with-dropdown:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.shortcode.shortcode-entity-button-download button:first-child + button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: solid 1px #fcaa00;
  margin-left: -3px;
}

.shortcode.shortcode-entity-button-download button .icon {
  float: left;
  margin-right: 10px;
  margin-top: 12px;
}

.shortcode.shortcode-entity-button-download button .label {
  float: left;
}

.shortcode.shortcode-entity-button-download button .label small {
  font-size: 12px;
  display: block;
}

.shortcode.shortcode-button-download button {
  height: 60px;
}

.shortcode.shortcode-button-download.disabled button,
.shortcode.shortcode-button-download.disabled button:active,
.shortcode.shortcode-button-download.disabled button:focus {
  background:#ededed !important;
  border: solid 1px #d1d1d1 !important;
  color: #666666 !important;
  cursor: default !important;
  box-shadow: none !important;
}

.shortcode.shortcode-button-download.disabled button .text-primary {
  color: #666666 !important;
}

.shortcode.shortcode-button-download button.with-dropdown:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.shortcode.shortcode-button-download button:first-child + button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: solid 1px #fcaa00;
  margin-left: -3px;
}

.shortcode.shortcode-button-download button .icon {
  float: left;
  margin-right: 5px;
  margin-top: 5px;
}

.shortcode.shortcode-button-download button .label {
  float: left;
}

.shortcode.shortcode-button-download button .label small {
  font-size: 12px;
  display: block;
}

.shortcode.shortcode-button-download button .label small svg {
  width: 1.25em !important;
  height: 1.25em !important;
  margin-right: 4px !important;
  vertical-align: sub;
}

.shortcode.shortcode-button-download .dropdown-menu {
  transform: none !important;
  right: 0;
  left: auto !important;
  top: 50px !important;
}

.shortcode.shortcode-button-download .dropdown-menu:before {
  left: auto;
  right: 10px;
}

.shortcode.shortcode-button-download .dropdown-menu:after {
  left: auto;
  right: 10px;
}

.shortcode.shortcode-model {
  margin-bottom: 0;
}

.shortcode.shortcode-model-game {
  margin-top: -36px;
}

.shortcode.shortcode-model-game .shortcode-highlight h1 {
  margin-bottom: 0;
}

.shortcode-model-resource-pack {
  margin-top: -36px;
}

.shortcode.shortcode-model-resource-pack .shortcode-highlight h1 {
  margin-bottom: 0;
}

.shortcode-model-article h1 {
  margin-bottom: 0;
}

.shortcode-model-article hr,
.shortcode-model-article .shortcode-hr {
  margin-bottom: 3px;
  margin-top: 3px;
}

.shortcode-model-article .shortcode-article-metas {
  margin-bottom: 15px;
  color: #b5b5b5;
}

.shortcode-model-article .shortcode-article-metas .date {
  margin-right: 5px;
}

.shortcode-model-article .shortcode-article-metas .date svg{
  margin-right: 3px;
}

.shortcode-model-article .shortcode-article-metas .categories span span {
  background: #bfbfbf;
  border-radius: 16px;
  padding: 2px 10px;
  margin-right: 5px;
  font-size: 12px;
  transition: 0.15s all;
}

.shortcode-model-article .shortcode-article-metas .categories span span:hover {
  background: #cccccc;
}

.shortcode-model-article .shortcode-article-metas .categories span span:active {
  background: #aeaeae;
}

.shortcode-model-article .shortcode-article-metas .categories span span:after {
  content: "";
}

.shortcode-model-article .shortcode-article-metas .categories span span a {
  color: #FFFFFF;
  text-decoration: none;
}

.shortcode-model-article .shortcode-article-metas hr {
  width: 60%;
  display: block;
  margin-top: 5px;
}

.shortcode-model-article .shortcode-article-footer {
  margin-top: 30px;
  margin-bottom: 90px;
}

.shortcode-model-article .shortcode-article-footer .author {
  float: right;
}

.shortcode-model-article .shortcode-article-footer .author .field-category span {
  color: #b5b5b5;
  font-size: 14px !important;
}

.shortcode-model-article .shortcode-article-footer .author .field-category span a {
  color: #b5b5b5;
  font-size: 14px !important;
}

.shortcode-model-article .shortcode-article-footer .author .field-category span a:hover {
  color: #8e8e8e;
  text-decoration: none  !important;
}

.shortcode-model-article .shortcode-article-thumbnail {
  float:left;
  width: 100%;
}

.shortcode-model-article .shortcode-article-thumbnail img {
  border-radius: 4px;
  width: 100% !important;
}

.shortcode-link {
  margin-bottom: 0;
}

.shortcode-article-listing .item {
  background: #fdfdfd;
  color: #b5b5b5;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  margin-bottom: 30px;
  transition: .15s all;
}

.shortcode-article-listing .item > a {
  outline: none;
}

.shortcode-article-listing .item img {
  transition: .15s all;
  max-width: 100% !important;
}

.shortcode-article-listing .item:hover {
  background: #ffffff;
}

.shortcode-article-listing .item:active,
.shortcode-article-listing .item:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.50) !important;
}

.shortcode-article-listing .item:hover img {
  transform: scale(1.05);
}

.shortcode-article-listing .item a {
  font-weight: normal;
  font-family: "ubuntu";
}

.shortcode-article-listing .item .image {
  height: 112px;
  max-height: 112px;
  min-height: 112px;
  overflow: hidden;
}

.shortcode-article-listing .item .date,
.shortcode-article-listing .item .excerpt {
  color: #b5b5b5;
}

.shortcode-article-listing .item h2 {
  color: #666666;
  font-size: 18px;
  margin-bottom: 0;
  font-weight: normal;
  font-family: "ubuntu_medium";
}

.shortcode-article-listing .item .excerpt {
  color: #b5b5b5;
  min-height: 30px;
}

.shortcode-article-listing .item .details {
  padding: 15px;
}

.shortcode-article-listing .item .read-more {
  text-align: right;
}

.shortcode-article-listing .item > a {
  font-size: 14px;
  display: block;
  text-decoration: none;
}

.shortcode-article-listing .item .categories {
  padding: 15px;
}

.shortcode-article-listing .item .categories span span:after {
  content: "";
}

.shortcode-article-listing .item .categories span span {
  background: #bfbfbf;
  border-radius: 16px;
  padding: 2px 10px;
  margin-right: 5px;
  font-size: 12px;
  transition: 0.15s all;
}

.shortcode-article-listing .item .date svg {
  margin-right: 5px;
}

.shortcode-article-listing .item .categories span span a {
  color: #FFFFFF;
}

.shortcode-article-listing .item .categories span span a:hover {
  text-decoration: none;
}

.shortcode-article-listing .item {
  overflow: hidden;
}

.shortcode.shortcode-box-highlight .shortcode-article-listing .listing {
  margin-left: -20px;
  margin-right: -20px;
}

.shortcode.shortcode-article-listing .listing ul {
  list-style: none;
  padding-left: 0;
  font-family: "ubuntu";
  font-weight: normal;
}

.shortcode.shortcode-article-listing .listing ul li {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 10px;
  transition: .10s all;
}

.shortcode.shortcode-article-listing .listing ul li:hover {
  background: #efefef;
}

.shortcode.shortcode-article-listing .listing ul li:active,
.shortcode.shortcode-article-listing .listing ul li:focus {
  background: #e8e8e8;
}

.shortcode.shortcode-article-listing .listing ul a {
  font-family: "ubuntu";
  font-weight: normal;
  color: rgb(128, 128, 128);
}

.shortcode.shortcode-article-listing .listing ul li a .listing-item-meta {
  color: rgb(180, 180, 180);
  text-decoration: none;
  font-size: 12px;
}

.shortcode.shortcode-article-listing .listing ul li a .listing-item-meta .date svg {
  margin-right: 3px;
}

.shortcode.shortcode-article-listing .listing ul a .listing-item-meta:hover,
.shortcode.shortcode-article-listing .listing ul a:hover .listing-item-meta:hover {
  text-decoration: none;
}

.shortcode.shortcode-icon-solarus {
  display: inline-block;
  margin-bottom: 0;
}

.shortcode.shortcode-summary {
  background: #f7f7f7;
  border-radius: 4px;
  padding-top: 0;
  padding-bottom: 15px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}

.shortcode.shortcode-summary a.list-group-item {
  border: none;
  border-radius: 0;
  padding: .25rem 0.25rem;
  font-family: "ubuntu";
  font-weight: normal;
  font-size: 13px;
  background: transparent;
  color: #808080;
  outline: none;
}

.shortcode.shortcode-summary a.list-group-item:hover {
  background: #ffbc00;
  color: #ffffff;
}

.shortcode.shortcode-summary a.list-group-item:active,
.shortcode.shortcode-summary a.list-group-item:focus {
  background: #ffae00;
  color: #ffffff;
}

.shortcode.shortcode-summary a.list-group-item-level-1 {
  margin-top: 10px;
  font-size: 18px !important;
  font-family: "ubuntu_medium";
  font-weight: normal;
  color: #473E7A;
}

.shortcode.shortcode-summary a.list-group-item-level-2 {
  margin-top: 10px;
  font-size: 15px !important;
  font-family: "ubuntu_medium";
  font-weight: normal;
  color: #695096;
}

.shortcode.shortcode-box-highlight {
  background: #f7f7f7;
  border-radius: 4px;
  padding-top: 0;
  padding-bottom: 15px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  padding: 20px;
}

.shortcode.shortcode-entity-filter {
  margin-bottom: 30px;
}

.shortcode-game-logo-author img {
  text-align: center;
  display: block;
}

.shortcode.shortcode-tutorial-listing .item {
  background: #fdfdfd;
  color: #b5b5b5;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  margin-bottom: 30px;
  transition: .15s all;
  padding: 0;
  height: 160;
}

.shortcode.shortcode-tutorial-listing .item:hover .overlay {
  background: #2f256e;
}

.shortcode.shortcode-tutorial-listing .item:active .overlay {
  background: #150c52;
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.75) !important;
}

.shortcode.shortcode-tutorial-listing .item.categories-basics .a {
  color: #ffffff !important;
}

.shortcode.shortcode-tutorial-listing .item .overlay {
  background: #201563;
  opacity: 0.9;
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  transition: .15s all;
}

.shortcode.shortcode-tutorial-listing .item .overlay.overlay-hue {
  mix-blend-mode: hue;
}

.shortcode.shortcode-tutorial-listing .item .a .img.img-fluild {
  visibility: collapse;
}

.shortcode.shortcode-tutorial-listing .item .details {
  color: #ffffff;
  height: 100%;
  left: 0;
  margin: 0;
  padding: 15px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}

.shortcode.shortcode-tutorial-listing .item .details .index {
  color: #ffbc00;
  font-size: 32px;
  margin: 0;
  font-family: "ubuntu_titling_bold";
  line-height: initial;
}

.shortcode.shortcode-tutorial-listing .item .details .title {
  color: #ffffff;
  font-size: 22px;
  margin: 0;
}

.shortcode.shortcode-tutorial-listing .item .details .metas {
  color: #ffffff;
  opacity: 0.8;
  font-size: 14px;
  font-weight: normal;
  font-family: "ubuntu";
}

.shortcode.shortcode-tutorial-listing .item .details .a {
  color: #ffffff;
}

.shortcode.shortcode-book-chapter-listing a {
  margin-bottom: 15px;
  background: #ffffff;
  border: 1px solid #e9e9e9;
  padding: 5px 15px;
  display: block;
  border-radius: 4px;
  overflow: hidden;
  outline: none;
  transition: 0.15s all;
}

.shortcode.shortcode-book-chapter-listing h2 {
  counter-increment: h2-counter;
  counter-reset: h3-counter;
}

.shortcode.shortcode-book-chapter-listing h2:before {
  content: counter(h2-counter) ".\00a0";
  opacity: 0.6;
}

.shortcode.shortcode-book-chapter-listing a h3 {
  transition: 0.15s all;
  color: #808080;
  margin: 0;
  margin-bottom: 4px;
  font-size: 18px;
}

.shortcode.shortcode-book-chapter-listing a h3:before {
  counter-increment: h3-counter;
  content: counter(h3-counter) ".\00a0";
  opacity: 0.6;
}

.shortcode.shortcode-book-chapter-listing a img {
  max-width: 100% !important;
}

.shortcode.shortcode-book-chapter-listing a p {
  transition: 0.15s all;
  margin: 0;
  color: #b5b5b5;
  font-family: "ubuntu";
  font-weight: normal;
  font-size: 13px;
}

.shortcode.shortcode-book-chapter-listing .text {
  float: left;
}

.shortcode.shortcode-book-chapter-listing a:hover {
  border-color: #ffbc00;
  background: #ffbc0011;
}

.shortcode.shortcode-book-chapter-listing a:hover h3 {
  color: #695096;
}

.shortcode.shortcode-book-chapter-listing a:hover p {
  color: #a0a0a0;
}

.shortcode.shortcode-book-chapter-listing a:hover .arrow-icon {
  color: #ffbc00;
}

.shortcode.shortcode-book-chapter-listing a:active,
.shortcode.shortcode-book-chapter-listing a:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.5) !important;
}

.shortcode.shortcode-book-chapter-listing a .arrow-icon {
  transition: 0.15s all;
  float: right;
  font-size: 20px;
  transform: translateY(50%);
  color: #d0d0d0;
}

.shortcode.shortcode-book-chapter-listing.singleton {
  counter-reset: h3-counter-singleton !important;
}

.shortcode.shortcode-book-chapter-listing.singleton a h3:before {
  counter-increment: h3-counter-singleton !important;
  content: counter(h3-counter-singleton) ".\00a0" !important;
}

.shortcode.shortcode-tutorial-table-of-contents {
  background: #f7f7f7;
  border-radius: 4px;
  padding-top: 0;
  padding-bottom: 15px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
  padding: 20px;
}

.shortcode.shortcode-book-chapter-navigation {
  margin-bottom: 20px;
  margin-top: 60px;
}

.shortcode.shortcode-book-chapter-navigation a.btn {
  background: #f2f2f2;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.25);
  padding: 10px 20px;
  border-radius: 4px;
  margin-left: auto;
  margin-right: auto;
  font-size: 16px;
  transition: .15s all;
  color: #808080;
  overflow: hidden;
  margin-bottom: 20px;
  min-width: 30%;
}

.shortcode.shortcode-book-chapter-navigation a.btn .chapter-index {
  opacity: 0.6;
}

.shortcode.shortcode-book-chapter-navigation a.btn:hover {
  background: #f8f8f8;
}

.shortcode.shortcode-book-chapter-navigation a.btn:hover .arrow-icon {
  color: #ffbc00;
}

.shortcode.shortcode-book-chapter-navigation a.btn:active,
.shortcode.shortcode-book-chapter-navigation a.btn:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.50) !important;
}

.shortcode.shortcode-book-chapter-navigation a.btn .arrow-icon {
  vertical-align: middle;
  color: #acacac;
  font-size: 22px;
  transition: .15s all;
}

.shortcode.shortcode-book-chapter-navigation a.btn .line-1 {
  font-weight: normal;
  font-family: "ubuntu";
  text-transform: none;
  color: #acacac;
  font-size: 14px;
}

.shortcode.shortcode-book-chapter-navigation a.btn .line-2 {
  font-weight: normal;
  font-family: "ubuntu_medium";
  text-transform: none;
  font-size: 16px;
}

.shortcode.shortcode-book-chapter-navigation a.btn.navigation-previous {
  float: left;
}

.shortcode.shortcode-book-chapter-navigation a.btn.navigation-next {
  float: right;
}

.shortcode.shortcode-book-chapter-navigation a.btn.navigation-next .arrow-icon {
  float: right;
  margin-left: 20px;
  transform: translate(10%, 50%);
}

.shortcode.shortcode-book-chapter-navigation a.btn.navigation-next .text-lines {
  float: right;
  vertical-align: middle;
  text-align: right;
}

.shortcode.shortcode-book-chapter-navigation a.btn.navigation-previous .arrow-icon {
  float: left;
  margin-right: 20px;
  transform: translate(-10%, 50%);
}

.shortcode.shortcode-book-chapter-navigation a.btn.navigation-previous .text-lines {
  float: left;
  vertical-align: middle;
  text-align: left;
}



/* SHORTCODE END */

/* CONTROLS START */
.control {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  cursor: pointer;
  padding-top: 3px;
  display: block;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control input::placeholder {
  opacity: 0.3;
}

.control-indicator {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
  width: 20px;
  background: #FFFFFF;
  border: solid 1px rgb(214, 214, 214);
  border-radius: 2px;
  transition: 0.15s all;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}

.control.control-checkbox:active .control-indicator,
.control.control-checkbox:focus .control-indicator {
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.50) !important;
}

.control-radio .control-indicator {
  border-radius: 50%;
}


.control:hover input ~ .control-indicator,
.control input:focus ~ .control-indicator {
  background: #FFFFFF;
}

.control input:checked ~ .control-indicator {
  background: #FFFFFF;
}

.control:hover input:not([disabled]):checked ~ .control-indicator,
.control input:checked:focus ~ .control-indicator {
  background: #FFFFFF;
}

.control input:disabled ~ .control-indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}

.control-indicator:after {
  content: '';
  position: absolute;
  display: none;
}

.control input:checked ~ .control-indicator:after {
  display: block;
}

.control-checkbox .control-indicator:after {
  left: 5px;
  top: 0px;
  width: 8px;
  height: 15px;
  border: solid #ffbc00;
  border-width: 0 4px 4px 0;
  transform: rotate(45deg);
  transition: 0.15s all !important;
}

.control-checkbox input:disabled ~ .control-indicator:after {
  border-color: #7b7b7b;
}

.control-radio .control-indicator:after {
  left: 6.5px;
  top: 6.5px;
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background: #ffbc00;
}

.control-radio input:disabled ~ .control-indicator:after {
  background: #7b7b7b;
}

.form-control {
  border: solid 1px rgb(214, 214, 214) !important;
  border-radius: 4px !important;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15) !important;
}

.form-control:focus,
.form-control:active {
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.50) !important;
}

.form-control.error {
  border: solid 1px #d8646f !important;
}

.input-group .input-group-text {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgb(201, 201, 201);
}

.actions {
  text-align: right;
}

.form-group textarea::placeholder,
.form-group input::placeholder {
  opacity: 0.3;
}

/* CONTROLS END */


/* FIELD START */

.field-category span:after {
  content: ', ';
}

.field-category span:last-child:after {
  content: '';
}

.field-category-icon a {
  color: #777777;
  margin-right: 10px;
}

.field-category {
  display: inline;
  font-size: 13px !important;
}

.field-category a,
.field-category span {
  color: #666666;
  font-weight: normal;
  font-family: "ubuntu";
  font-size: 13px !important;
  outline: none;
}

.field-category a:hover {
  color: #333333;
}

h4 .field-category span a {
  font-size: 16px !important;
}

/* FIELD END */

/* MODAL DOWNLOAD START */

.modal-open .modal::-webkit-scrollbar {
  width: 1em;
  background: #FFFFFF;
}

.modal-open .modal::-webkit-scrollbar-track {
  border-left: solid 1px #CCCCCC;
}

.modal-open .modal::-webkit-scrollbar-thumb {
  background: #49377A;
  outline: none;
  height: 20px;
}

.modal-open header {
  padding-right: 15px;
}

.modal-open .breadcrumb-container {
  padding-right: 15px;
}

#modal-download .modal-body .thumbnail {
  background-size: cover;
  background-position: center center;
}

#modal-download .modal-body .thumbnail img {
  height: auto;
  width: 100% !important;
  position: relative;
}

#modal-download .modal-body {
  padding: 0;
}

#modal-download .modal-body .metas {
  background: rgb(223, 223, 223);
  color: #888888;
  padding: 5px 30px;
}

#modal-download .modal-body .metas span svg {
  margin-right: 4px;
}

#modal-download .modal-body .metas span:after {
  content: " • ";
  margin-left: 5px;
  margin-right: 5px;
}

#modal-download .modal-body .metas span:last-child:after {
  content: "";
  margin-left: 0;
  margin-right: 0;
}

#modal-download .modal-body .content {
  padding: 20px 30px 0px 30px;
}

#modal-download .modal-title {
  margin: 0;
  line-height: 1;
}

#modal-download .modal-footer {
  display: block;
  text-align: center;
  border-top: none;
  padding: 0px 15px 30px 15px;
}

#modal-download h3 {
  margin-top: 30px;
}

#modal-download h3:first-of-type {
  margin-top: 0;
}

#modal-download .modal-body,
#modal-download h1,
#modal-download h2 {
  counter-reset: h3counter;
}

#modal-download h3:before {
  content: counter(h3counter);
  counter-increment: h3counter;
  counter-reset: h4counter;
  background: #808080;
  border-radius: 100%;
  color: #ffffff;
  padding: 0px 8px;
  margin-right: 15px;
}

#modal-download h4:before {
  content: "";
  counter-increment: h4counter;
}

#modal-download .modal-header {
  padding: 1rem 1rem 10px 2rem;
}

/* MODAL DOWNLOAD END */

.modal-content {
  box-shadow: 0 4px 16px 0 rgba(0,0,0,0.5);
}

.modal-content button {
  outline: none;
  transition: 0.15s all;
}

.modal-content button.close {
  border-top-right-radius: 4px;
}

.modal-content button.close:hover {
  background: rgb(240, 240, 240);
  box-shadow: 0px 1px 2px 0 rgba(0,0,0,0.25) inset;
}

.modal-content button.close:active,
.modal-content button.close:focus {
  background: rgb(230, 230, 230);
  box-shadow: 0 0 0 0.2rem rgba(255, 188, 0, 0.75) !important;
}