/*
	Kentest 
	for Pammely Withrow Love Kennymac @2025 
*/

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 18pt;
	font: black;
  background-color: aquamarine;
	vertical-align: baseline;
  background-color: inherit;
}

h1, h2, h3, h4, h5, h6 {
  font-size: larger;
  font-weight: bold;
} 

html {
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: aquamarine;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;

}

body {
	-webkit-text-size-adjust: none;
  line-height: 1;
  -ms-overflow-style: scrollbar;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  line-height: 1.5em;
  background-color: aquamarine;
  font-size: 18px;
}

/* Basic */

@-ms-viewport {
  width: device-width;
}

@media screen and (max-width: 360px) {

  html, body {
    min-width: 320px;
  }

}


table {
	border-collapse: collapse;
	border-spacing: 0;
}

 .kentest {
    background-color: aqua;
    padding: 20px;
    border-radius: 5px;
    font-family: 'Arial', sans-serif;
  }

.pamround {
  border-radius: 50%; /* Makes the image circular */
  height: 180px; /* Sets the custom height */
  width: 180px; /* Ensures the image is a perfect circle */
  object-fit: cover; /* Ensures the image scales properly within the circle */
}

img.img-fluid.float-right.rounded.pamround {
  border-radius: 50%;
  height: 180px;
  display: flex;
  object-fit: cover; /* Ensures the image scales properly within the circle */
}
#Location {
  padding-top: 10px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: black;
  background-color: aquamarine;
}

#mybeliefs {
  border: 4px solid black;
  font-family: "Times New Roman", Times, serif;
  color: darkgoldenrod;
  font-size: larger;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 98%;
  max-width: 480px; 
  margin: 5px auto; /* Center horizontally */
  height: 90vh; /* Full viewport height */
}

.mybeliefs {
  border: 4px solid black;
  font-family: "Times New Roman", Times, serif;
  color: darkgoldenrod;
  font-weight: bold;
  font-size: larger;
  text-align: left;
  margin-top: 5px;
  width: 98%;
  max-width: 480px; 
  margin: 5px 5px; 
  background-color: #f9f9f9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto; /* Center horizontally */
  text-align: left; /* Center text inside */
}

.mybeliefs p {
  margin-bottom: 1.5rem; /* Adds extra space between paragraphs */
}

#Contact {
  padding-top: 15px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: black;
  background-color: aquamarine;
}

/* Default button styles */
#CALLME { 
font-size: 18px;
padding: 15px 25px;
text-transform: uppercase;

background-color: aqua;
color: black;
border-radius: 50px;
font-weight: bold;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
text-align: center;
display: inline-block;
line-height: 1.5;
word-wrap: break-word;
padding-bottom: 15px;
}

#CALLME:hover {
background-color: lightblue;
color: white;
}
#CALLME:active {
background-color: blue;
color: white;
}
#CALLME:focus {
outline: none;
}   


  /* Media queries */
  @media (max-width: 768px) {
    #CALLME {
      font-size: 17px;
      padding: 12px 20px;
      text-transform: none;
    }
  }

  @media (max-width: 480px) {
    #CALLME {
      font-size: 16px;
      padding: 10px 15px;
      text-transform: none;
    }
  }

  input, select, textarea {
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
  }
  
  /* Basic */
  
    @-ms-viewport {
      width: device-width;
    }

.icons a {
  font-size: 1.5rem; /* Adjust icon size */
  margin-right: 10px; /* Add spacing between icons */
  text-decoration: none; /* Remove underline */
}
.icons a:hover {
  color: aqua; /* Change color on hover */
}

/* Reusable class for section layout and styling */
.section-content {
  display: flex;
  flex-wrap: wrap; /* Ensures responsiveness */
  align-items: center; /* Vertically aligns content */
  text-align: center; /* Centers text on smaller screens */
}

.section-content .image-column {
  flex: 1 1 50%; /* Takes 50% width on larger screens */
  text-align: center; /* Centers the image */
}

.section-content .image-column img {
  width: 150px; /* Sets image width */
  height: 150px; /* Sets image height */
  object-fit: cover; /* Ensures the image fits properly */
  border-radius: 50%; /* Makes the image circular */
  margin: 0 auto; /* Centers the image horizontally */
}

.section-content .text-column {
  flex: 1 1 50%; /* Takes 50% width on larger screens */
  text-align: left; /* Aligns text to the left on larger screens */
}

@media (max-width: 768px) {
  .section-content {
    text-align: center; /* Centers text on smaller screens */
  }
  .section-content .text-column {
    text-align: center; /* Centers text on smaller screens */
  }
}

.navbar-nav .nav-link:hover {
  background-color: #0056b3; /* Darker blue */
  color: white; /* Ensure text is readable */
  border-radius: 5px; /* Optional: Add rounded corners */
  transition: background-color 0.3s ease; /* Smooth transition effect */
}

.copyright {
  font-size: 0.875rem; /* Slightly smaller than the base font size (14px if base is 16px) */
  color: #888; /* Light gray color for subtlety */
  text-align: center; /* Center-align the text */
  margin-top: 1rem; /* Add spacing above the copyright */
  font-style: italic; /* Optional: Add an italic style for a softer look */
}

.privacy-policy {
  font-size: 0.5rem; /* Slightly smaller than the base font size (14px if base is 16px) */
  color: #888; /* Light gray color for subtlety */
  text-align: center; /* Center-align the text */
  margin-top: 1rem; /* Add spacing above the copyright */
  font-style: italic; /* Optional: Add an italic style for a softer look */
}