/*
Theme Name: Review Theme
Version: 3
*/

@import url('https://fonts.googleapis.com/css2?family=Stylish&family=Berkshire Swash:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&display=swap');

body {
  margin:0px;
  padding:0px;
  font-family: 'Raleway', sans-serif;
  font-size:18px;
  color: #393939;
  
}

section#page-container h1 {
    background: #fd4a65;
    color: #fff;
	margin:0;
	padding:20px 0 20px 0;
}
a{
  outline:none;
  text-decoration:none;	
}

a:hover{
  text-decoration:none;	
}

.row{
  width:1140px;
  margin:0 auto;
}
.row:after{
  display:block;
  content:'';
  clear:both;	
}

#header {
  margin: 20px 0 0 0;
  display: inline;
  font-family: math;
}

#logo{
  float:left;
  width:110px;
  text-align:center	
}

#logo img {
  width: 150px;
	  margin: 18px 0 0 0;
}

#logo  a{
  color:#19357f;
  font-size:17px;
}

#nav{
  float:left;
  width:800px;
  text-align:center;	
}

#mnav-button, #mnav{
  display:none;
}

#nav #top-menu{
  list-style:none;
  margin:30px  0;	
}

#nav #top-menu li{
  display:inline-block;
  
}

#nav #top-menu li a:hover{
  
}

#nav #top-menu li a{
  display:block;
  color:#000;
  padding:5px 0;
  margin:0 20px;

}


#right-button{
  float:right;
  width:200px;
  margin:18px  0;	
}
#right-button a {
  background: #fd4a65
;
  color: #fff;
  display: inline-block;
  transition: background .5s;
  text-align: center;
  padding: 10px 15px 10px 15px;
  border-radius: 10px 0 10px 0;
  margin: 7px 0 0 0;
}


#right-button a.register{
  background:#19357f;
  color:#fff;
}

#right-button a:hover{
  background:#fff;
  color:#fd4a65;
  border:1px solid #fd4a65;


  
}

.page-title {
  color: #fff;
  text-align:center;
}

#page-left{
  float:left;
  width:70% ;
  line-height:30px;	
}

#page-left a{
	  color:#198800
}

#page-left a:hover{
	  color:#19357f;
}

#page-right{
  float:right;
  width:25% ;
}

#page-right ul{
  margin:0px;
  padding:0px;
  list-style:none;
}

#page-right ul li{
  padding:10px 0;
  border-bottom:1px dotted #e0e0e0;
}

#page-right ul li .post-date{
  font-size:12px;
  display:block;
  margin-top:10px
}

#page-right ul li a{
  color:#19357f
}

#page-right ul li a:hover{
  color:#198800;
}

#page-right h2{
	  color:#198800
}



.page-content{
  padding:50px 0 0 0;
  
}

.ad-container{
  text-align:center;
  padding:30px  0;
}
div#recent-posts h2 {
  color:#fff !important;
}
div#recent-posts {
  color:#fff !important;
  background-image: linear-gradient(rgba(0, 0, 0, 6), rgba(0, 0, 0, .6)),url(http://www.africandatereviews.com/wp-content/uploads/2023/09/Screenshot-2023-09-11-163447.png) !important;
  background-repeat: no-repeat !important;
	background-position:center;
  background-size: cover !important;
}

#recent-posts .col img{
  height:230px;
}

#recent-reviews.listing-container .col a{
  float:none !important;
  margin:0px;
  background:#19357f;
  font-size:14px;
}

#recent-reviews.listing-container.rsingle .col{
  float:none;
  width:100%;
  border-bottom:1px dotted #000;
  margin:10px 0px;
  min-height:110px;
  padding-bottom:10px;
}

#post-review-form label{
  display:block;
  margin-top:20px;
  font-size:16px;
}

#post-review-form .rating label{
  margin-top:0px;
  
  
}

.message{
  background:#19357f;
  color:#fff;
  padding:10px;
  border-radius:10px;
  width:50%;
}

.message a{
  color:#fff;
  
}

.message a:hover{
  color:#000;
  
}

#post-review-form input[type=text],textarea,select{
  padding:10px;
  border:1px solid #e0e0e0;
  margin:5px 0;
  width:50%;
  
}

#post-review-form input[type=submit]
{
border:none;
background:#198800;
color:#fff;
padding:15px 40px;
border-radius:20px;
margin-top:20px;
cursor:pointer;
}

.rating {
display: inline-block;
position: relative;
height: 50px;
line-height: 50px;
font-size: 50px;
}

.rating label {
position: absolute;
top: 0;
left: 0;
height: 100%;
cursor: pointer;
}

.rating label:last-child {
position: static;
}

.rating label:nth-child(1) {
z-index: 5;
}

.rating label:nth-child(2) {
z-index: 4;
}

.rating label:nth-child(3) {
z-index: 3;
}

.rating label:nth-child(4) {
z-index: 2;
}

.rating label:nth-child(5) {
z-index: 1;
}

.rating label input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}

.rating label .icon {
float: left;
color: transparent;
font-size:40px;
}

.rating label:last-child .icon {
color: #e0e0e0;
}

.rating:not(:hover) label input:checked ~ .icon,
.rating:hover label:hover input ~ .icon {
color: #ffa500;
}

.rating label input:focus:not(:checked) ~ .icon:last-child {
color: #e0e0e0;

}


.listing-container.single {
  text-align:center;
  color:#fff;
}

.listing-container.single .ratingstar{
  color:#415eab;
}

.listing-container.single .ratingstar.selected {
  color: #ffa500;
}

.listing-container.single h1{
  font-size:40px;
  padding:0px;
  margin:0px;
  word-wrap:break-word;
  
}

.listing-container .ratingstar{
  color:#e0e0e0;
}

.listing-container .ratingstar.selected {
  color: #ffa500;
}

.listing-container.single #links a{
  float:none;
  margin:0px;
}
#recent-reviews.listing-container .col .review-text {
  color: brown!important;
  font-size: 16px;
  font-family: math;
}

#recent-reviews.listing-container .col a:hover{
  background:#198800;
  color:#fff;
}
#recent-reviews.listing-container .col {
  min-height: 240px;
  font-family: sans-serif;
  font-weight: 500;
  color: darkslategray !important;
  box-shadow: .9px .9px .9px .9px black;
}

#recent-reviews.listing-container .col img{
  width:25px;
  border-radius:25px;
  margin-right:10px;
cursor:pointer
}
div#recent-reviews .pagination ul {
    background: #fff;
	    border-radius: 5px 0 5px 0;
}

#recent-reviews.listing-container .user-info{
  line-height:25px;
  font-size:14px;
  
}
div#recent-reviews a {
  margin: 10px 7px 0 0;
}
#recent-reviews.listing-container .user-info span{
  color:#198800;
}

.listing-container,#recent-reviews {
  padding:20px;
     background: linear-gradient( #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
}
.listing-container.dark,div#best-businesses {
  background-image: linear-gradient(rgba(0, 0, 0, 6), rgba(0, 0, 0, .6)),url(http://www.africandatereviews.com/wp-content/uploads/2023/09/Screenshot-2023-09-11-162705.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
	background-position:center;
}

div#follow-us h3 {
  margin: 19px 0 0;
}

.listing-container.dark h2{
  color:#fff;
  float:left;
}
.listing-container.light h2 {
  color: #fff;
  float: left;
  font-family: 'Berkshire Swash', cursive;
  font-size: 40px;
  margin: 0px !important;
  font-weight: 400;
}
.listing-container a {
  float: right;
  display: inline-block;
  margin: 15px 22px 0px 0px;
  padding: 9px 20px;
  font-size: 14px;
  border-radius: 20px;
  color: #198800;
}

.listing-container.dark a.view-all {
  border-radius: 10px 0px 10px 0px;
  color: white;
  FONT-WEIGHT: 600;
  background-color: #fd4a65
;
}
.listing-container.dark a.view-all:hover {
background: #fff;
border:1px solid #fd4a65;
color:#fd4a65;
}

color: #fff;
border-radius: 10px 0 10px 0;
transition: .7s;
}
.listing-container .col .post-details a {
  font-size: 14px;
  border-radius: 10px 5px 10px 5px;
  color: white;
  text-outline:white;
  FONT-WEIGHT: 600;
  font-family: -webkit-body;
  text-transform: normal;
  background-color: #fd4a65
;
}

.listing-container .col .post-details a:hover {
 background: #fff;
color: #fd4a65;
border-radius: 0px 5px 0px 5px;
transition: .7s;
}
.listing-container .col a{
  margin:10px;
}

.listing-container.dark a{
  background:#fd4a65;
  color:#fff;

}

.listing-container.light a, .listing-container.single a{
   border-radius: 10px 0px 10px 0px;
  color: white !important;
  FONT-WEIGHT: 600;
  background-color: #fd4a65
 !important;
}

.listing-container.light a:hover, .listing-container.single a:hover{
  background: #fff !important;
   color:#fd4a65!important;
	border:1px solid #fd4a65;
   border-radius: 10px 0 10px 0;
   transition: .7s;
}
.listing-container .pagination {
  clear: both;
  text-align: center;
  padding-top: 30px;
  color: #fd4a65
;
}

.listing-container .pagination ul{
  margin:0px;
  padding:0px;
  list-style:none;	
}

.listing-container .pagination ul li{
  display:inline-block;
  padding:5px 10px;
  line-height:26px;
  margin:5px;

}



.listing-container .pagination ul li.active{
  cursor:pointer;
}

.listing-container .pagination ul li.active:hover, .listing-container .pagination ul li.selected{
	  background: #fd4a65
;
  color:#fff;
  border-radius: 10px;
}

.listing-container.light .pagination ul li.active:hover, .listing-container.light .pagination ul li.selected{
  color:#fff !important;
}

.listing-container .col{
  float:left;
  width:31%;
  margin:1%;
  position:relative;
	border:1px solid #fd4a65;
  border-radius:0 0 0 10px;
}	
.listing-container .col img {
  width: 100%;
  opacity: 0.8;
}

#page-left img{
	  width:100%;
	  height: auto;
}



.listing-container .col img:hover{
  opacity:1;
}

.listing-container .col .post-details{
  position:absolute;
  bottom:0px;
  width:100%;
  padding:10px 0;
}

#best-businesses.listing-container .col .post-details{
  bottom:30px;
  border-radius:20px;
  
}

.listing-container .col .post-rating{
  display:block;
  color:#fff;	
}
.listing-container .col .post-rating{
  position:relative;	
	  padding: 10px 0px 10px 5px;
}

.listing-container .col .avg-rating {
    position: absolute;
    visibility: hidden;
    right: 5px;
    background: #fff513;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
}

.listing-container .col:hover .avg-rating{
  visibility:visible;
}
.listing-container.dark h1 {
  color: #fff;
  font-family: 'Berkshire Swash', cursive;
  font-size: 75px;
  font-weight: 400;
}
.listing-container.dark h2 {
  float: left;
  color: #fff;
  font-family: 'Berkshire Swash', cursive;
  font-size: 40px;
  margin: 0px !important;
  font-weight: 400;
}

.col.review {
  width: 30% ;
  margin: 4px;
  padding: 13px;
  border-radius: 5px 5px 5px 5px;
  background-color: #fff;
}


#pagination:before{
  content:"";
  display:block;
  clear:both;
  
}

.sliding-review{
  min-height:150px !important;	
}

.sliding-review-container{
  padding:0px !important;
  
}

#footer {
	padding: 50px 0;
	color: #fff;
	background:#1d262d;
	background-repeat: no-repeat;
	background-size: cover;

}

.footer-widget p {
	font-weight: 500;
	margin: 0px 0 7px 0px;
	padding: 2px 0px 0px 0px;
}

#footer ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#footer ul li a {
	display: block;
	padding: 7px 0;
	color: #fff;
}

#footer ul li a:hover {
	color: #f0487a;
	;

}

.footer-logo {
	width: 50%;



}


#footer .col {
	float: left;
	width: 20%;
	margin: 1%;
}

#footer .col1 {
	float: left;
	width: 40%;
	margin: 15px 0 0;

}

#footer .col1 img {
	width: 25%;


}

#reveiw-slide{
  padding:20px;
  
}

#reveiw-slide  div {
display: inline-block;
}
.tnp-field label {
  font-size: 22px;
  font-weight: 600;
}
#cr {
  background: #000;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}

#follow-us a{
  display:inline-block;
  color:#fff;
  padding:10px 5px;
  font-size:20px;
  
}

#follow-us a:hover{
  color:#198800;
  
}
.tnp-subscription input.tnp-submit {
  background-color: #198800 !important;
  cursor: pointer;
  border-radius: 25px;
  margin: auto;
  width: -webkit-fill-available;
}

.tnp-subscription input.tnp-submit:hover{
background-color: #fff!important;
color: #198800 !important;
}



.tnp-subscription input[type="email"] {
  height: 35px !important;
  border-radius: 25px;
}
#mnav{
  width:100%;
  clear:both;
}

#mnav ul{
  margin:0px;
  padding:0px;
  list-style:none;	
}

#mnav ul li{
  display:block;
  text-align:center;
}

#mnav ul li a{
  display:block;
  padding:10px;
  border-bottom:1px dotted #e0e0e0;
  color:#4817b9;
  
}


/*768 */
@media only screen and (max-width: 959px) {
  
  #nav{
	  display:none;
  }
  
  #mnav-button{
	  float:right;
	  display:block;
	  margin-right:10px;
	  width:550px;
	  text-align:right;
  }
  
  #mnav-button a{
		  font-size:25px;
		  color:#888;
  }
  
  #right-button{
	  text-align:right;
	  margin-top:0px;		
  }
  
  #right-button a{
	  font-size:14px;
  }
  #right-button a{ 
	  background:#198800; 
	  color:#fff;
	  display:inline-block;
	  transition: background .95s;
	  text-align:center;
	  padding:10px 20px; 
	  border-radius:20px; 
  }
  
  .ad-container img{
	  width:100%;
  }
  
  .row{
	  width:95%;
  }
  
  
	  
  
  .listing-container .col{
	  float:left;
	  width:47%;
	  margin-bottom:20px;
  }
  
#recent-reviews.listing-container .col {
  min-height: 240px;
  font-family: sans-serif;
  font-weight: 500;
  color: darkslategray;
  box-shadow: .9px .9px .9px .9px black;
}

  #footer .col1, #footer .col{
	  float:left;
	  width:47%;
	  min-height:180px;
  }
  

  
  .listing-container .review_pagination.pagination ul li{
	  
  }
  
  #page-left,#page-right{
	  float:none;
	  width:100%;
  }
  
  .sliding-review-container{
	  display:none;
  }
  
  #post-review-form input[type="text"], textarea, select {
	  width:90%;		
  }
  

}
@media only screen and (max-width: 1024px) {
	  .row{
	  width:95%;
  }
  
  #nav{
	  width:600px;
  }
}
/* 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

@media only screen and (max-width: 767px) {
}
/* 480 */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  
  #nav{
	  display:none;
  }
  
  #mnav-button{
	  float:right;
	  display:block;
	  margin-right:10px;
	  width:400px;
	  text-align:right;
  }
  
  #mnav-button a{
	  font-size:25px;
	  color:#888;
  }
  
  #right-button{
	  text-align:right;
	  margin-top:0px;		
  }
  
  #right-button a{
	  font-size:14px;
  }
  
  .ad-container img{
	  width:100%;
  }
  
  .row{
	  width:95%;
  }
  
  .listing-container .col{
	  float:none;
	  width:100%;
	  margin-bottom:20px;
  }
  
  #recent-reviews.listing-container .col{
	  border-bottom:1px dotted #e0e0e0;
  }

  #footer .col1, #footer .col{
	  float:none;
	  width:100%;
  }
  

  
  .listing-container .review_pagination.pagination ul li{
	  
  }
  
  #page-left,#page-right{
	  float:none;
	  width:100%;
  }
  
  .sliding-review-container{
	  display:none;
  }
  
  #post-review-form input[type="text"], textarea, select {
	  width:90%;		
  }
  

}
/* 320 */
@media only screen and (max-width: 360px) {
#header {
  margin: 40px 0px 20px 0;
}
#right-button {
width:270px !important;
}
#mnav-button {
  top: 75px;
}
	.listing-container, #recent-reviews {
    padding: 0 40px 0 0;
}
}
@media only screen and (max-width: 479px) {
#header {
  display: inline-block;
margin:20px 0 20px 0;
}
#logo img {
width:125px;
  margin:0;
}
#nav{
display:none;
}
#mnav ul{
float:right;
}

#mnav-button {
  float: right;
  margin-right: 10px;
  width: 100px;
  position: absolute;
  top: 28px;
  right: 0;
}

#mnav-button a{
font-size:25px;
color:#888;
}
#right-button {
text-align:right;
float:none;
  width: 310px;
margin:0 0 0 0;

}

#right-button a{
margin:8px 0 0;
font-size:8px;

}

.ad-container img{
width:100%;
}

.row{
width:98%;
}

#best-businesses .row{
text-align:center;
}

#best-businesses .row a{
float:none;
}

#best-businesses .row a.view-all{
margin:0 0 20px 0;

}

.listing-container .col{
float:none;
width:100%;
margin-bottom:20px;
}
	.listing-container a{
		margin:0;
	}

#recent-reviews.listing-container .col{
border-bottom:1px dotted #e0e0e0;
}
	.listing-container, #recent-reviews {
    padding: 0 40px 0 0;
}
	.listing-container.light h2{
		font-size:30px;
	}
	div#recent-reviews a{
		margin:5px 0 0 ;
	}
	.listing-container .pagination ul{
		font-size:10px;
		margin:0 0 15px 40px;
	}
	.listing-container .pagination{
		padding:0;
	}
  #footer .col1, #footer .col{
float:none;
width:100%;
}

.listing-container .pagination ul li{
padding: 5px 8px;
}
.listing-container {
    padding: 20px;
}
		.listing-container, #recent-reviews {
    padding: 10px 30px 0 10px;
}
.listing-container .review_pagination.pagination ul li{
padding:3px;
margin:4px;
}

#page-left,#page-right{
float:none;
width:100%;
}

.sliding-review-container{
display:none;
}

#post-review-form input[type="text"], textarea, select {
width:90%;
}



}

@media screen only and min- @media only screen and (max-width: 767px) {
}