/*!

Theme Name: dod_2021

Theme URI: http://underscores.me/

Author: Gus Sicard

Author URI: https://kermog.net

Description: Description

Version: 1.0.0

Tested up to: 5.4

Requires PHP: 5.6

License: GNU General Public License v2 or later

License URI: LICENSE

Text Domain: dod_2021

Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned.



dod_2021 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.

Underscores is distributed under the terms of the GNU GPL v2 or later.



Normalizing styles have been helped along thanks to the fine work of

Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

*/



html {

  position: relative;

  min-height: 100%;

  background: #1b2947;

}



body {

	background-color: #e3f0ff;

	/* margin-top: 135px !important; */

  /* margin-bottom: 200px; */

}



#page {

  padding-bottom: 20px;

}



#colophon {

  background: #1b2947;

  width: 100%;

/*

  position: absolute;

  bottom: 0;

  height: 200px;

*/

}

#colophon, #colophon a, #colophon h3 {

  color: #DDD;

}

.site-info {

  padding: 20px 0;

}

.site-info .text-muted {

  color: #BBB !important;

}



a, a:hover {

	color: #354564;

}



h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {

	color: #354664;

}

h1, .h1 {

  font-size: 2rem;

}

h2, .h2 {

  font-size: 1.8rem;

}

h3, .h3 {

  font-size: 1.6rem;

}

h4, .h4 {

  font-size: 1.4rem;

}

h5, .h5 {

  font-size: 1.2rem;

}

h6, .h6 {

  font-size: 1rem;

}



.dropdown-item.active, .dropdown-item:active {

  background-color: #f3f9ff; /* #1b2947; */

  color: #212529;

}

.dropdown-item:focus, .dropdown-item:hover {

  background-color: #f3f9ff;

}

.form-control:focus {

  border: 1px solid #ced4da; /* solid 2px #1b2947;*/

  box-shadow: none; /*0 0 0 .2rem rgba(0,123,255,.25); */

}

/* Accessibility

--------------------------------------------- */



/* Text meant only for screen readers. */

.screen-reader-text {

	border: 0;

	clip: rect(1px, 1px, 1px, 1px);

	clip-path: inset(50%);

	height: 1px;

	margin: -1px;

	overflow: hidden;

	padding: 0;

	position: absolute !important;

	width: 1px;

	word-wrap: normal !important;

}



.screen-reader-text:focus {

	background-color: #f1f1f1;

	border-radius: 3px;

	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

	clip: auto !important;

	clip-path: none;

	color: #21759b;

	display: block;

	font-size: 0.875rem;

	font-weight: 700;

	height: auto;

	left: 5px;

	line-height: normal;

	padding: 15px 23px 14px;

	text-decoration: none;

	top: 5px;

	width: auto;

	z-index: 100000;

}



/* Do not show the outline on the skip link target. */

#primary[tabindex="-1"]:focus {

	outline: 0;

}



/* Navigation

--------------------------------------------- */



#masthead .container {

  /*

  min-height: 135px;

	background: rgb(227,240,255);

	background: linear-gradient(180deg, rgba(227,240,255,1) 0%, rgba(227,240,255,1) 80%, rgba(227,240,255,0.767927239255077) 90%, rgba(227,240,255,0) 100%);

  */

}



.navbar,

.navbar .container {

	padding: 0;

}

.navbar-light .navbar-nav .nav-link,

.navbar-light .navbar-text {

	color: #000;

}



.dod_logo {

  height: 50px;

  width: auto;

}

@media screen and (min-width: 372px) {

  .dod_logo {

    height: 60px;

  }

}

@media screen and (min-width: 576px) {

  .dod_logo {

    height: 70px;

  }

}

@media screen and (min-width: 768px) {

  .dod_logo {

    height: 60px;

  }

}

@media screen and (min-width: 992px) {

  .dod_logo {

    height: 70px;

  }

}

@media screen and (min-width: 1200px) {

  .dod_logo {

    height: 80px;

  }

}



.navbar-toggler {

  background-color: #FFF;

}



#menu-main-menu {

	background-color: #FFF;

	border-radius: 5px;

	padding-left: 5px;

	padding-right: 5px;

}

@media screen and (max-width: 768px) {

	#menu-main-menu li {

		text-align: center;

	}

}



#menu-main-menu li a {

  text-transform: uppercase;

  font-size: 16px;

  font-weight: 600;

  line-height: 18px;

  color: #354664;

}

#menu-main-menu li a:hover {

	text-decoration: underline;

}



/* Basket

--------------------------------------------- */

.checkout_list a.remove {

  text-decoration: none;

}

.shopping_cart {

  position: fixed;

  bottom: 0px;

  right: 0px;

  z-index: 2;

  height: 76px;

  width: 76px;

  padding-top: 8px;

  color: #bdc0cb;

  background-color: #FFF;

  border-top-left-radius: 15px;

  transition: right .75s cubic-bezier(.5,0,.5,1);

  box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);

}

@media screen and (min-width: 480px) {

  .shopping_cart {

    bottom: 20px;

    right: 5%;

    border-radius: 15%;

  }

}



.shopping_cart .dod_cart {

  position: relative; }



.shopping_cart .itemsincart {

  text-align: center; }



.shopping_cart .itemsincart p {

  font-size: 14px;

  line-height: 17px; }



.shopping_cart .itemsincart a {

  color: #354664; }





.basket_count_label {

  font-size: 12px;

  background: #FFE484; /* #f5a623; */

  color: #212529;

  position: absolute;

  top: 20px;

  left: 50%;

  -webkit-transform: translate(-50%, -30%);

          transform: translate(-50%, -30%);

  padding-left: 9px;

  padding-right: 9px;

  border-radius: 9px; }

.basket_total_label {

  font-size: 12px;

  background: #354664; /* #f5a623; */

  color: #FFF;

  min-width: 48px;

  position: absolute;

  top: 40px;

  left: 50%;

  -webkit-transform: translate(-50%, -45%);

          transform: translate(-50%, -45%);

  padding-left: 9px;

  padding-right: 9px;

  border-radius: 9px; }



/* Images

--------------------------------------------- */



img {

    /* max-width: 100%; */

    height: auto;

}







/* DataTables

--------------------------------------------- */

.dataTables_wrapper .dataTables_filter {

    float: none;

    text-align: none;

}

.table-hover tbody tr:hover {

    background-color: #f3f9ff;

}

table.dataTable thead th, table.dataTable thead td {

    border-bottom: 0;

}

table.dataTable.no-footer {

    border-bottom: 0;

}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {

    color: #333 !important;

    border: 1px solid #ced4da;

    border-radius: .25rem;

    background: none;

    background-color: white;

}

/*

.tunelist, .tunelist tbody {

  border-radius: 20px !important;

}

*/

.tunelist a {

    text-decoration: underline;

}

.tunelist a:hover {

    text-decoration: none;

}

/* #drumscores_filter, #tunelist_filter, #librarylist_filter, */

#episodeslist_filter, #libraryeplist_filter {

    float: left;

    text-align: left;

}

.dataTables_wrapper .dataTables_filter input,

.dataTables_wrapper .dataTables_length select {

    background-color: #FFF;

}



/* Responsive Vimeo

--------------------------------------------- */

.videoWrapper {

    clear: both;

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    overflow: hidden;

    max-width: 100%;

}

.videoWrapper iframe, .videoWrapper object, .videoWrapper embed { 

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



/* Buttons

--------------------------------------------- */

.btn-xlg {

    font-size: 1.75rem !important;

}



.btn-dod {

/*

	color: #212529;

	background-color: #f5a623;

	border-color: #f5a623;

	margin-bottom: 5px;

*/

  vertical-align: unset !important;

	color: #212529; /* #856404; */

	background-color: #FFE484; /* #fff3cd; */

	border-color: #ffeeba;

}

/*

.btn-dod a {

    color: #FFF !important;

}

*/

.btn-dod a:hover {

    text-decoration: none !important;

}

.btn-dod:hover {

    background-color: #ffd951;

    border-color: #ffd951;

}

.btn-dod-blue {

  color: #FFF !important;

  background-color: #516796;

  border-color: #516796;

  margin-bottom: 5px;

}

.btn-dod-blue-disabled {

  color: #FFF !important;

  opacity: 100% !important;

  background-color: #8396ba !important;

  border-color: #8396ba !important;

  margin-bottom: 5px;

}

.btn-dod-blue:hover {

  background-color: #1b2947 !important; /* 8396ba */

  border-color: #1b2947 !important;

  color: #e3f0ff !important;

  text-decoration: none !important;

}

.btn-white {

    color: #212529;

    background-color: #FFF;

    border-color: #FFF;

}



.btn-dod-bluebar {

    color: #FFF !important;

    background-color: #516796;

    border-color: #516796;

    margin-bottom: 5px;

}

.btn-dod-bluebar-disabled {

    color: #FFF !important;

    opacity: 100% !important;

    background-color: #3f5075 !important;

    border-color: #3f5075 !important;

    margin-bottom: 5px;

}

.btn-dod-bluebar:hover {

    background-color: #3f5075 !important;

    border-color: #3f5075 !important;

    color: #e3f0ff !important;

    text-decoration: none !important;

}



.prebtn {

  display: inline-block;

  height: 100%;

}



/* My Library

--------------------------------------------- */

#dod-library-navbar {

  background-color: #516796 !important;

  border-radius: 5px;

}

@media screen and (max-width: 992px) {

  #dod-library-navbar li {

    text-align: center;

  }

}

#dod-library-navbar a {

  color: #DDD;

}

#dod-library-navbar .active a, #dod-library-navbar a:hover {

  color: #FFF;

}

.tab-content {

    background-color: #FFF;

    border: 1px solid;

    border-color: #fff #dee2e6 #dee2e6;

    border-bottom-left-radius: .25rem;

    border-bottom-right-radius: .25rem;

}



/* Single Drummer

--------------------------------------------- */

#biog #drummer_biog.collapse:not(.show) {

  display: block;

  height: 22rem;

  overflow: hidden;

  mask-image: linear-gradient(to bottom,#e3f0ff 60%,transparent 100%);

  -webkit-mask-image: linear-gradient(to bottom,#e3f0ff 60%,transparent 100%);

}

#biog #drummer_biog.collapsing {

  height: 22rem;

}

.showmoreless a.collapsed::after {

  content: '+ Show More';

}

.showmoreless a:not(.collapsed)::after {

  content: '- Show Less';

}



/* Single Series

--------------------------------------------- */

.inline-block {

  display: inline-block;

}



/* Single Episode

--------------------------------------------- */

/*

.dod_previous,

.dod_next {

	background: #FFF;

  border-radius: 0.25rem;

}

*/

/* Drum Score Search

--------------------------------------------- */

#drumscores_length select,

#episodeslist_length select,

#libraryeplist_length select,

#librarylist_length select,

#tunelist_length select

 {

	display: inline-block;

	width: auto;

	margin-top: 3px;

}

/*

#drumscores tfoot input {

    width: 100%;

    padding: 3px;

    box-sizing: border-box;

}

#drumscores tfoot {

    display: table-header-group;

}

*/

#drumscores thead th,

#drumscores thead td,

#tunelist thead th,

#tunelist thead td {

	padding: 10px;

}



/* LOGIN MODAL

--------------------------------------------- */

.lrm-form button, .lrm-form button[type=submit] {

    background: #f5a623 !important;

    border-radius: 0;

}

.lrm-user-modal-container-inner {

  border-radius: 0;

}

.lrm-user-modal-container .lrm-switcher.-is-not-login-only li:last-child a {

    border-radius: 0;

}

.lrm-nice-checkbox__label input:checked ~ .lrm-nice-checkbox__indicator {

    background: #1b2947;

    border-color: #1b2947;

}

/* eBOOK PLAYLIST

--------------------------------------------- */

.dod_pl_active {
  font-weight: bold;
}