/* ************************* color ************************* */

body {
  background: #3d3d3d;
}

a {
  color: #3570c1;
}

a:hover,
a:active,
a:focus {
  color: #3570c1;
}

.form-control:focus {
  border-color: #3570c1;
  -webkit-box-shadow: 0 0 0 .2rem rgba(53,112,193, 0.25);
  -moz-box-shadow: 0 0 0 .2rem rgba(53,112,193, 0.25);
  -ms-box-shadow: 0 0 0 .2rem rgba(53,112,193, 0.25);
  -o-box-shadow: 0 0 0 .2rem rgba(53,112,193, 0.25);
  box-shadow: 0 0 0 .2rem rgba(53,112,193, 0.25);
}


#offcanvas {
  background: #3d3d3d;
}

#offcanvas .offcanvas-headline {
  background: #3570c1;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background: #3570c1;
}

.custom-control-input:active ~ .custom-control-label::before {
  background: rgba(53,112,193, 0.3);
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .2rem rgba(53,112,193, 0.25);
}

/* ************************* BUTTON PRIMARY ************************* */

.btn-primary {
  color: #fff;
  background-color: #3570c1;
  border-color: #3570c1;
}

.btn-primary:hover {
  color: #fff;
  background-color: #3d3d3d;
  border-color: #3d3d3d;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(53,112,193, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #3d3d3d;
  border-color: #3d3d3d;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #3d3d3d;
  border-color: #3d3d3d;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(53,112,193, 0.5);
}

/* ************************* BUTTON OUTLINE PRIMARY ************************* */

.btn-outline-primary {
  color: #3570c1;
  background-color: transparent;
  background-image: none;
  border-color: #3570c1;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #3570c1;
  border-color: #3570c1;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(53,112,193, 0.5);
}

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #3683b6;
  background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #3570c1;
  border-color: #3570c1;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(53,112,193, 0.5);
}

/* ************************* MISC ************************* */




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

h1:before {
  background: #3570c1;
}

hr:before {
  background: #3570c1;
}

#gallery a:before {
  background: #3570c1;
}

#menu ul.main-menu > li > a:before {
  background: #3570c1;
}

#menu ul.main-menu > li.active > a {
  color: #3570c1;
}

#slideshow {
  background: #3570c1;
}

#slideshow .slide .caption {
  background: #3570c1;
}

#sidebar-left ul > li.active > a {
  background: #3570c1;
}

#sidebar-left ul > li.active > ul > li.active > a {
  color: #3570c1;
}

#sidebar-left ul > li.active > ul > li.active > ul > li.active > a {
  color: #3570c1;
}

#sidebar-left ul > li.active > ul > li.active > ul > li.active > ul > li.active > a {
  color: #3570c1;
}


a.menu-block h3 {
  background: #3d3d3d;
}

a.menu-block h3:after {
  background: #3570c1;
}

a.menu-block .menu-block-media i {
  color: #3d3d3d;
}

a.menu-block:hover .menu-block-media i {
  color: #3570c1;
}

.content-top ul li::before,
.content-middle ul li::before,
.content-bottom ul li::before,
.content-top ol li::before,
.content-middle ol li::before,
.content-bottom ol li::before {
  border-color: #3570c1;
  background: #3570c1;
}

blockquote {
  border-color: #3570c1;
}

blockquote:before {
  color: #3570c1;
}

a.text-link:hover,
a.text-link:active,
a.text-link:focus {
  color: #3570c1;
}

a.text-link:after {
  background: #3570c1;
}

#toolbar {
  background: #3d3d3d;
}

#sitetitle {
  background: #3570c1;
}

#bottom {
  background: #3570c1;
}

#footer {
  background: #3d3d3d;
}