/* CSS Document */
/*
Theme name: Dating ASW
Author: Agence SW
Author URI: http://agencesw.com
Description: Agence SW
Version: 1.0
Text Domain: dating
*/


body {
	min-height: 75rem; /* Can be removed; just added for demo purposes */
}

.navbar {
  margin-bottom: 0;
}

.jumbotron {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 0;
  background-color: #fff;
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
}

.jumbotron .container {
  max-width: 40rem;
}

#DatingContenu {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #f7f7f7;
}

.card {
  float: left;
  width: 33.333%;
  padding: .75rem;
  border: 0;
}

.card > img {
  margin-bottom: .75rem;
}

.card-text {
  font-size: 85%;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}

.bg-rgba-white{background-color:rgba(255,255,255, 0.7);}
#DatingCarousel{-moz-box-shadow: 0px 0px 10px 0px #000000;-webkit-box-shadow: 0px 0px 10px 0px #000000;-o-box-shadow: 0px 0px 10px 0px #000000;box-shadow: 0px 0px 10px 0px #000000;filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=10);}
#DatingVignette{-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);-o-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.5);filter:progid:DXImageTransform.Microsoft.Shadow(color=rgba(0,0,0,0.5), Direction=180, Strength=5);position: relative; z-index: 2;}
#DatingVignette table{width:100%;text-align: center;}
section#DatingBK{overflow: hidden;position: relative; width: 100%; height: 100%;}
.carousel-item{max-height: 385px !important; height: auto !important;}
.carousel-item .img-fluid {height:100% !important; position: relative;}
.carousel-item > img {height:100% !important;}
.nav-link {padding: .1em 0;}
.navbar-toggler {font-size: 1rem; line-height: 1;}
a.more-link{display: block;}
#DateForm select{height:34px !important;}
#DateFooter a{margin:0px 30px;}
.fa{font-size:3rem;margin-bottom: 1.25rem;}
.fa.rounded-circle{width:75px; height: 75px;color:#FFF;line-height: 75px;}
ul.Dating-pager {list-style: none;}

@media (max-width: 575px) {
	.card{flex: unset; clear: both; width: 100%; margin: 1rem auto !important;}
	#DatingContenu{padding: 1rem 0px;}
	#DatingBK::before{background-image: none;width: auto;height: auto;position:absolute;}
	.carousel-inner, .carousel-item{min-height:200px; height: auto;}
	.btn{white-space: normal;}
	.navbar .dateTitre{width:100%;}	
	#DateFooter {text-align: center;}
	#DateFooter button{margin-bottom:1em;}
}

@media (max-width: 767px) {
	.card{clear: both; width: 100%; margin: 1rem auto !important; flex: unset !important;}
}