/*!
Theme Name: MeetMilfsV3
Theme URI: https://www.meetmilfs.org/
Author: https://www.meetmilfs.org/
Author URI: https://www.meetmilfs.org/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: meetmilfsv3
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

*/





body {
	margin: 0;
	color:#000;
	
	font-family: "Titillium Web", sans-serif;
	font-size:16px;
	font-weight:300;
	 background:#dcdcdc; 
	
}
img{max-width:100%;}
#page{margin:0px auto 30px auto;width:100%;max-width:1080px;}
.wrap{width:100%;margin:0 auto;max-width:1080px;}
.divbutton{width:100%;max-width:1080px;margin:15px auto;}
.btn{border: none;
  padding: 5px 15px;
  border-radius: 8px;font-size:18px;font-weight:bold;line-height:33px;width:100%;text-align:center;background:#b9e0d9;border-radius:15px;color:#1b1816;}
.btn:hover{color:#1b1816;}
header,.headerpopup{background:#ca8e83;padding:0px;width:100%;-webkit-box-shadow: 1px 17px 23px 0px #868686; 
box-shadow: 1px 17px 23px 0px #868686;}
main,aside{padding-top:15px;}
.headerbox {
  display: flex;
  justify-content: space-between; /* Pushes col-left to the far left, col-right to the far right */
  align-items: center;            /* Vertically centers both columns relative to each other */
  width: 100%;                     /* Full width of the parent */
  box-sizing: border-box;
}
.modal-header{padding:0px !important;}
.logobanner,
.headertext {
  text-align: left;
}
.headerNav{display: flex;align-content: center;font-weight:600;  align-items: center;}
.headerNav a{color:#fff;font-weight:600;text-decoration:none;padding:5px 10px;}
.headerNav a:first-child{padding-left:0px;}
.headerNav a:last-child{padding-right:0px;}
footer{background:#292421;color:#fff;padding:30px 15px;margin-top:30px;}

.box{
	background:#fff;
-webkit-box-shadow: 0px 4px 10px 3px #868686; 
box-shadow: 0px 4px 10px 3px #868686;
border-radius:15px;
padding:15px;
	margin-top:30px;
}

.blackbox{background:#000;color:#fff;}
.profiles{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:15px;
	
}


.thumb-item img.profthumb{aspect-ratio: 218 / 280;width: 100%;object-fit: cover;border-radius:15px;background-position: center ;}




.thumb-item,.doodle{position:relative;display:block;opacity:1;transition: opacity 0.3s ease-in-out;}
.doodle,.profiles a{position:relative;}

.doodle:hover,.galact{opacity:.5;}

.pcity,.colink,.welcome a,a{color:#ca8e83;}

.profile-title {
  display: flex;
  align-items: center; 
  width: 100%;
  gap: 10px;
font-weight:600;
margin-top:5px;  
}


.profile-title a {
  color: #000000;
  text-decoration: none;
  max-width: 90px;
  flex-shrink: 0; 
  
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 2. Middle Horizontal Line */
.profile-title::after {
  content: "";
  flex-grow: 1; 
  height: 1px;
  background-color: #ca8e83;
}

/* 3. Age Span */
.profile-title .age {
  color: #ca8e83;
  white-space: nowrap;
  flex-shrink: 0; /* Keeps age fixed on the right */
  order: 2; /* Ensures age stays after the ::after line */
}

.page-title{font-size:18px;font-weight:600;text-align:center;margin-bottom:20px;color:#292421;}
.wtitle{font-size:24px;font-weight:600;color:#292421;}
.btbutton{background:#b9e0d9;}

/* pagination*/
/* Centered Container */
.minimal-pagination {
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 8px;
  margin: 35px 0;
  width: 100%;
}
/* Base Rectangular Block (Normal State) */
.minimal-pagination a.page-numbers,
.minimal-pagination span.page-numbers {
  display: block;
  width: 12px;               /* Width of each rectangular bar */
  height: 12px;               /* Exact 8px height */
  background-color: #000000;  /* Normal background */
 /* Subtle outline to show white bars on light bg */
  border-radius: 30px;        /* Sharp rectangular corners */
  
  /* Hide all internal text, numbers, and arrows */
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-indent: -9999px;
  overflow: hidden;
  
  transition: all 0.25s ease-in-out;
}

/* Hover State */
.minimal-pagination a.page-numbers:hover {
  background-color: #ca8e83;
  border-color: #ca8e83;
  transform: translateY(-1px); /* Subtle lift on hover */
}

/* Active / Current Page State */
.minimal-pagination span.page-numbers.current {
  background-color: #ca8e83;
  border-color: #ca8e83;
 
}
aside .box{padding:15px 20px;}
a.colwhite{color:#fff;text-decoration:none;}
/*form*/
.formNote,.bnote{text-align:center;font-size:12px;}
.formRow input,.formRow select{padding:5px 10px;border-radius:10px;border:none;background-color:#fff;}
.formRow {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  width: 100%;
  margin-bottom:15px;
}

.formRow label {

  width: 40%;
  max-width: 80px;
  flex-shrink: 0;
}

.formRow input,.formRow select {

  flex: 1;
  min-width: 0; 
  box-sizing: border-box;
  
}


@media (max-width: 991px) {
  .formRow {
    flex-direction: column;
    align-items: stretch;
  }

  .formRow label,
  .formRow input,.formRow select {
    width: 100%;
    max-width: 100%; 
  }
}
.shout-box{
	  margin:20px auto 0px auto;
	border-bottom:1px solid #ca8e83;
	color:#000000;
}
.shout-div{
		 display:grid;
	 grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
	text-align:left;

  align-content: center;
  justify-content: center;
  align-items: center;
  padding:10px 0px 20px 0px;

}
.shout-div a{font-weight:600;}
.shout-image img{width:100%;max-width:135px;border-radius:15px;}
.page-title p{font-weight:normal;font-size:16px;}
.page-title p .pcity{font-weight:600;}
.seemore{margin-top:20px;text-align:right;}
.seemore,.seemore a{color:#292421;}
.seemore a{text-decoration:underline;}
.headerpopup{padding:20px;text-align:center;}
.fs-5{font-size:18px;}
.tleft{text-align:left !important;}
.profileMeta {margin:0 0 0 0 ; padding:0 0 0 0 ;list-style:none;font-size:18px;}
.profileMeta LI{padding:5px 0px 0px 0px;}
#footer{text-align:center;margin:0 auto;max-width:1080px;}
#footer a:hover{color:#ca8e83;}
#footer a{font-weight:600;text-decoration:none;}
.footerlinks{align-content: center;font-weight:600;  align-items: center;color:#fff;}
.footerlinks a{font-weight:600;text-decoration:none;padding:5px 10px;}
.footerlinks a:hover{text-decoration:underline;color:#ca8e83;}
.footerlinks a:first-child{padding-left:0px;}
.footerlinks a:last-child{padding-right:0px;}
b,strong{font-weight:600;}
hr{background-color: #ca8e83; /* Change to your desired color */
  border-color: #ca8e83;}
  #photo img{border-radius:15px;}
  #pagepost .page-title{font-size:20px;}
@media screen and (max-width: 991px) {
	
	.headerNav{display:table;margin: 20px auto 20px auto;}

	.headerbox{display:table;}
	.logobanner, .headertext{text-align:center;}
	#page{margin-top:0px;}
		
	.minimal-pagination{justify-content:center;}
	.wtitle{line-height:30px;text-align:center;}
	
	
}

@media screen and (max-width: 920px) {
		.btn{line-height:24px;}
}

@media screen and (max-width: 767px) {
	#photo img{margin:0 auto;display:table;}
	
}

@media screen and (max-width: 567px) {
	.profiles{
    
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
	
}
}

@media screen and (min-width: 601px) and (max-width: 991px) {
.shout-con{
		 display:grid;
	 grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:10px;
text-align:left;


}

}

@media screen and (min-width: 430px) and (max-width: 600px) {
.shout-con{
		 display:grid;
	 grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
text-align:left;


}
.shout-text{font-size:14px;}
}