/*


Theme Name:   wp-game
Theme URI:    https://www.wpbeginner.com/
Description:  wp-bootstrap child theme 
Author:       dht
Author URI:   https://dht.com
Template:     wp-bootstrap 0.9.3
Version:      0.1.0
Text Domain:  wp-bootstrap-starter-child
*/





/*--------------------------------------------------------------
## my edit xxx
--------------------------------------------------------------*/
/* # global	#  */
body{
	background-color: #edf1fe;
}
#content a{
	color : #4b4b4b ;	 
}
#page {
  /* direction: rtl !important; */
  /* text-align: right; */
}
#main-nav a,  #main-nav2 a{
    font-size: 22px !important;
	/* color: #cdbfe3; */
    color: rgba(255,255,255,.5) !important ;   /* #99979c; */
	padding: 0.5rem;
	font-weight: 500 !important;
}
#main-nav a:hover,  #main-nav2 a:hover{
    color: rgba(255,255,255) !important ;   /* #99979c; */
}
#main-nav2 section {
	margin: 0; 
}
.site-title {
	font-size: 26px !important;
	font-weight: 500 !important;
}

/* line: 866 */
footer#colophon {
    color: rgba(255,255,255,.5) !important;   /* #99979c; */
    /* background-color: #563d7c; */
	background-color: #014997 !important;
}
footer#colophon a {
    color: rgba(255,255,255,.8) !important;   /* #99979c; */
}
footer#colophon a:hover{
    color: rgba(255,255,255) !important;   /* #99979c; */
}
footer#colophon .menu-item a{
	background-color: inherit ; 
}
footer#colophon .nav-link{
	display: inline-block;
	margin: .25rem 1rem;
	margin: 0.15rem;
}
footer#colophon ul{
	padding: 2rem 0.15rem;
	font-size: 0.9 rem;
}
/* 
background-color: #014997 !important;

 */
header#masthead {
	background-color: #014997 !important;
}
 
header#masthead a{
	color : #fff ;	 
}
 
 
.icon-menu a{
	 color: rgb(1, 73, 151) !important 
}
.icon-menu a:hover{
	 color: rgba(0,0,0,.5) !important;  
}


/* #  card #  */
.card-body{
}
.card-body a {
  overflow: hidden;
  display: block;
  
  text-align: left;
  display: block;
  font-size: 14px;
  font-size: 0.8rem;

  white-space: nowrap;
  text-overflow: ellipsis;
  direction: ltr;
}
 img.card-img-top {
	 padding: 0 !important;
 }


/* ## */

@media (min-width: 1300px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl .container-tx {
    max-width: 1240px;
  }
}
@media (min-width: 1500px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl .container-tx {
    max-width: 1740px;
  }

  .col-tx-1{-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}.col-tx-2{-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}.col-tx-3{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}.col-tx-4{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}.col-tx-5{-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}.col-tx-6{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}.col-tx-7{-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}.col-tx-8{-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}.col-tx-9{-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}.col-tx-10{-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}.col-tx-11{-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}.col-tx-12{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  
}



/* # carousel 	# */
.overlay {
	pointer-events: none;
	height: 40%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
}
.carousel-indicators [data-bs-target] {
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

/* Initially hide the carousel controls */
.carousel .carousel-control-prev, .carousel .carousel-control-next {
	visibility: hidden;
	opacity: 0; /* Optional: adds a fade effect when combined with transition */
	transition: opacity 0.3s ease, visibility 0.3s ease; /* Optional: smooth transition */
}

/* Show the controls when the entire carousel container is hovered */
.carousel:hover .carousel-control-prev, .carousel:hover .carousel-control-next {
	visibility: visible;
	opacity: 0.5;
}

.limit-text {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	-webkit-box-orient: vertical;
}

/* # End carousel 	# */