/*
 Description:    Style for Casino Vertical
 Last update:    2019-02-25
 Version:        1.0.0
*/

/**
* CONTENTS
*
* COLORS
* ELEMENTS
* MEDIA QUERIES
*/

/**
* COLORS
*
* primary casino red: #c01313
* primary shadow: #ac1111
* call to action: #5aad1e
* call to action::hover: #4f981b
* a href: casino red: #c01313
* a href::hover: #ac1111
* price-green: #7ab310
*
*/

/* ------------------------------------ *\
  #GENERAL
\* ------------------------------------ */

h2::after,
.h2::after {
  background: #c01313;
}

/* ------------------------------------ *\
  #ELEMENTS
\* ------------------------------------ */

/* Buttons */

/* Same look for Shortcode: Success Buton */
.btn-success {
  background-color: #5aad1e;
  border-color: #5aad1e;
}

.btn-success:hover {
  background-color: #4f981b;
  border-color: #4f981b;
}

/* fontawesome close icon */
.fa-close {
  color: #c01313;
}

/* Cookiebar */

.cookie-bar {
  background: rgba(51, 51, 51, .95);
}

/* ------------------------------------ *\
  #Quick Navigation
\* ------------------------------------ */

@media screen and (min-width: 768px) {
	.sticky-toc a:hover {
		box-shadow: inset 0 -3px 0 #c01313;
	}
}
.sticky-toc a.active {
	box-shadow: inset 0 -3px 0 #c01313;
}

/* ------------------------------------ *\
  #Media Queries
\* ------------------------------------ */

@media (max-width: 767px) {

  /* Custom Mobile Header; Logo left, burger right, Dropdown Menu in primary color */

  /* Dropdown menu in primary color */
  #navigation .navbar .navbar-collapse {
    background: #c01313;
  }

  #navigation .navbar .navbar-toggle .icon-bar,
  #navigation .navbar .navbar-toggle:hover .icon-bar,
  #navigation .navbar .navbar-toggle:focus .icon-bar {
    background-color: #c01313;
  }
}