/*

      * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
} */

 


/*
Explicitly define a Segoe UI font-family so that we can assign Segoe UI 
Semilight to an appropriate font-weight.
*/


@font-face {
font-family: "Segoe UI";
src: url("https://broadvistapartners.com/css/Font-SegoeUI/SegoeUI/SegeoUI.eot");
src: url("https://broadvistapartners.com/css/Font-SegoeUI/SegoeUI/SegeoUI.woff") format("woff")
url("https://broadvistapartners.com/css/Font-SegoeUI/SegoeUI/SegeoUI.woff2") format("woff2"),
url("https://broadvistapartners.com/css/Font-SegoeUI/SegoeUI/SegeoUI.otf") format("opentype"),
url("https://broadvistapartners.com/css/Font-SegoeUI/SegoeUI/SegeoUI.ttf") format("ttf"),
url("https://broadvistapartners.com/css/Font-SegoeUI/SegoeUI/SegeoUI.svg") format("svg");
}



/* Body styling */


body {
    font-family:'Segoe UI', SegoeUI, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: white;
    padding: 20px;
    color: #333;
    margin:30px;
    margin-bottom:40px;
    box-sizing: border-box;
}

div.body-set {
	font-family:'Segoe UI', SegoeUI, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: white;
    padding: 20px;
    color: #333;
    margin:30px;
    margin-bottom:40px;
    margin-top:10px;
    box-sizing: border-box;
}
		
p   {
    font-size:12pt;
    color:#404040;
    font-family:'Segoe UI', SegoeUI, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    }      
       
h1.header-class  {
	flex: 1;
	font-size:3.5rem;
	font-family:'Segoe UI', SegoeUI, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font:'Segoe UI';
	word-wrap: break-word; /* Ensure the text wraps */
    word-break: break-word; /* Allows breaking the word if needed */
	font-weight:normal;
	text-align:left;
	color:#404040;
}
h2.header-class  {
	flex: 1;
    font-size:2.5rem;
    font-family:'Segoe UI', SegoeUI, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font:"Segoe UI Light";
    font-weight:normal;
    white-space:nowrap;
    text-transform: uppercase;
    text-align:left;
    color:#404040;
}
h3.header-class  {
	flex: 1;
    font-size:2.5rem;
    font-family:'Segoe UI', SegoeUI, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font:'Segoe UI';
    font-weight:normal;
    white-space:nowrap;
    color:#404040;
}
h4.header-class  {
	flex: 1;
    font-size:1.5rem;
    font-family:'Segoe UI', SegoeUI, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font:'Segoe UI';
    font-weight:bold;
    white-space:nowrap;
    text-align:left;
   color:#404040;
}
h5.header-class  {
	flex: 1;
    font-size:2.5rem;
    font-family:'Segoe UI', SegoeUI, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font:'Segoe UI';
    font-style: italic;
    font-weight:normal;
    white-space:nowrap;
    text-align:left;
    color:#404040;
}
h6.header-class  {
	flex: 1;
    font-size:1.5rem;
    font-family:'Segoe UI', SegoeUI, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font:'Segoe UI';
    font-weight:bold;
    white-space:nowrap;
    text-align:left;
    color:#404040;
}




.centered-image img {
	 flex:1;
     display: block;
     margin: auto;
     width:20%;
     height:auto;   
	
}

.text-section div {
      max-width: 600px;
    
}


/* used for side by side image and text sections*/
.side-by-side-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #fff;
}

/* Book Image  - this is used */
.side-by-side-section-image {
    flex: 1;
    margin-right: 10px;
    text-align: center;
}

/* this is used */
.side-by-side-img {
    max-width: 70%;
    height: auto;
    border-radius: 8px;
    margin: 10px;
}

/* Book Text   this is used */
.side-by-side-text {
    flex: 2;
    max-width: 80%;
    margin: 10px;
}

/* Book Links Section on Rehumanizing */
.book-links {
    text-align: center;
    margin-top: 20px;
}
/* Styling for individual book links */
.buy-link {
    font-size:1.25rem;
    font-family:'Segoe UI', SegoeUI, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #0077cc;
    text-decoration: none;
    margin: 0 20px;
}

.underline  {
	text-decoration: underline;
}



.footer {
      background-color: #f4f4f4;
      color:#404040;
      padding: 20px 20px;
      margin-top: 40px;
      
    }
    .footer .logo {
      max-width: 300px;
      margin-bottom: 20px;
      width:80%;
    }
    .footer h5 {
      color:#404040;
      font-size:16pt;
    }
    .footer a {
      color:#404040;
      text-decoration: none;
      padding:5px;
    }
    .footer a:hover {
      text-decoration: underline;
    }
    .footer p {
     color:#404040;
      text-decoration: none;
      padding:5px;
      margin:5px;
      font-size:12pt;
    }
    .footer li {
      color:#404040;
      text-decoration: none;
      padding:5px;
      margin:5px;
      font-size:10pt;
    }
    
    .footer-text {
      text-align: center;
    }
   
 

/* Mobile Devices (max-width 768px) */
@media (max-width: 768px) {
    body {
        padding: 5px;
        margin: 5px;
    }

    .body-set {
        padding: 5px;
        margin: 5px;
    }

    .header-class {
       word-wrap: break-word; /* Ensure the text wraps */
       word-break: normal; /* Allows breaking the word if needed */
      line-height: 1.2; /* Adjust line height for readability */ 
    } 
    
     h1.header-class {
        font-size: 2.5rem; /* Smaller header for tablets and smaller screens */
    }

    h2.header-class {
        font-size: 2rem;
    }

    h3.header-class {
        font-size: 1.75rem;
    }

    h4.header-class {
        font-size: 1.5rem;
    }

    h5.header-class {
        font-size: 1.25rem;
        word-wrap: break-word  !important; /* Ensure the text wraps */
        word-break: normal !important; /* Allows breaking the word if needed */
    }

    h6.header-class {
        font-size: 1rem;
    }

    .centered-image img {
        width: 50%; /* Adjust image width */
    }

    .side-by-side-section {
        flex-direction: column; /* Stack image and text vertically */
        align-items: center; /* Center content */
        word-wrap: break-word; /* Ensure the text wraps */
        word-break: normal; /* Allows breaking the word if needed */
    }

    .side-by-side-section-image,
    .side-by-side-text {
        flex: none;
        width: 100%;
        margin: 5px 0;
    }
     .side-by-side-section-image,
    .side-by-side-text h5 {
    
        flex: none;
        width: 100%;
        margin: 5px 0;
        word-wrap: break-word; /* Ensure the text wraps */
        word-break: normal; /* Allows breaking the word if needed */
    }

    .footer {
        text-align: center;
        padding: 5px;
    }

    .footer .logo {
        max-width: 200px;
        width: 50%;
    }

    .buy-link {
        font-size: 1rem; /* Reduce link font size for mobile */
        margin: 10px 0;
    }

    .footer p, .footer li {
        font-size: 10pt; /* Adjust font size for smaller screens */
    }
}

/* Additional adjustment for smaller screens (e.g., mobile phones under 480px) */
@media (max-width: 480px) {
    .header-class {
        font-size: 2rem; /* Further reduce header font size */
        word-wrap: break-word; /* Ensure the text wraps */
        word-break: normal; /* Allows breaking the word if needed */
        line-height: 1.2; /* Adjust line height for readability */ 
    }
     h1.header-class {
        font-size: 2rem; /* Even smaller font size */
    }

    h2.header-class {
        font-size: 1.75rem;
    }

    h3.header-class {
        font-size: 1.5rem;
    }

    h4.header-class {
        font-size: 1.25rem;
    }

    h5.header-class {
        font-size: 1.1rem;
        word-wrap: break-word; /* Ensure the text wraps */
        word-break: normal; /* Allows breaking the word if needed */
    }

    h6.header-class {
        flex:1;
        font-size: 1rem;
        word-wrap: break-word; /* Ensure the text wraps */
        word-break: normal; /* Allows breaking the word if needed */
    }

    .side-by-side-img {
        max-width: 90%; /* Increase image size on smaller screens */
    }

    
    
    .side-by-side-section {
        flex-direction: column; /* Stack image and text vertically */
        align-items: center; /* Center content */
        word-wrap: break-word; /* Ensure the text wraps */
        word-break: normal; /* Allows breaking the word if needed */
    }

    .side-by-side-section-image,
    .side-by-side-text {
        flex: none;
        max-width: 100%;
        margin: 5px 0;
    }
     .side-by-side-section-image,
    .side-by-side-text h6 {
    
        flex: none;
        width: 100%;
        margin: 5px 0;
        word-wrap: break-word; /* Ensure the text wraps */
        word-break: normal; /* Allows breaking the word if needed */
    }
    
}