/*
 Theme Name: Casinoking.co.za
 Template: astra
 Description: A custom child theme for casinoking.co.za.
 Version: 1.0.0
*/

.color-red {
	color: #ff0000;
}
.aligncenter {
	display: inline-block;
}

body {
}

body > .site > header {
	padding-top: 20px;
}
.main-header-bar  { /* ast-primary-header ast-primary-header-bar site-header-focus-item*/
	background-color: transparent !important;
}
.content-area.primary {
	margin-top: 30px !important;
}
.ast-article-single {
	padding-top: 0px !important;
}
.site-header-primary-section-right aside {
	width: 100%;
	text-align: center;
}
.top-block {
	margin-top: 20px;
	margin-bottom: 20px;
}
.top-block .menu-holder {display: none;}
.top-block .menu-holder,
.top-block .top-block-text {
	padding: 15px;
	width: 100%;
}
.top-block .top-block-text {
	border: 2px solid #f00;
	border-radius: 20px;
}
.top-block .menu-holder >.main-navigation,
.top-block .menu-holder ul.primary-menu {
	width: 100%;
}
.top-block .menu-holder ul.primary-menu > li {
  margin-bottom: 10px;
}


.site-navigation ul.main-header-menu {
  gap: 20px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.site-navigation ul.main-header-menu > li a,
.top-block .menu-holder li a{
  display: block;
  padding: 10px 25px;
  color: #ffffff;
  text-decoration: none;
  font-family: Arial, sans-serif;
  font-weight: bold;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
  border: 1px solid #5a3d12;
  border-radius: 4px;
  cursor: pointer;

  /* The "Normal" Gradient: Dark bronze with a top-down gloss */
  background: linear-gradient(
    -60deg,
    #870001 0%,    /* Top highlight */
    #540000 50%,   /* Middle break */
    #682222 50%,   /* Bottom shadow start */
    #a32322 100%   /* Bottom edge */
  );
  
  transition: all 0.3s ease;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.site-navigation ul.main-header-menu > li a:hover,
.top-block .menu-holder li a:hover {
  /* The "Hover" Gradient: Swaps for a brighter, more "active" gold */
  background: linear-gradient(
    -60deg,
    #a32322 0%,    /* Brighter gold */
    #682222 50%, 
    #540000 50%, 
    #870001 100%
  );
  
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 10px rgba(212, 175, 55, 0.4);
  color: #fff;
}

@media(min-width: 960px){
	.site-header-primary-section-right {
		border: 2px solid #ff0000;
		border-radius: 20px;
	}
	.top-block {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
	}
	.top-block .menu-holder {
		display: block;
		width: 250px;
	}
	.top-block .top-block-text {
		width: calc(100% - 270px);
		width: 100%;
	}
}
/*
@media (min-width: 993px) {
  .ast-separate-container  #primary{
	  margin-top: 30px !important;
  }
  .ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single, .ast-separate-container .ast-author-box, .ast-separate-container .ast-404-layout-1, .ast-separate-container .no-results {
    padding-left: 0px !important;
	padding-right: 0px !important;
  }
  .ast-plain-container.ast-no-sidebar #primary {
    margin-top: 30px !important;
    margin-bottom: 60px;
  }
}*/