/* mm_styles.css */

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:400i|EB+Garamond:400i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');

font-family: 'Playfair Display', serif;
font-family: 'Cormorant Garamond', serif;
font-family: 'EB Garamond', serif;
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;

@charset "UTF-8";

.indent-2em {
    padding-left: 2em;
}

.div-teal {
      background-color: #E0FFFF;
    }

.header_sticky {
      position: sticky;
      top: 0;
      z-index: 999;
    }

.popup {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.image-left{
   border: 3px solid #021a40;
   padding: 15px;
}

.h1_ChapterTitle {
	font-family: "Roboto", Helvetica, Arial, sans-serif;
	font-size: 36pt;
	font-weight: 500;
	color: darkgoldenrod;  /* dark gold */
}

.h1 {
    font-family: open sans;
	font-size: 24pt;
    font-weight: 200;
    color: #0091a2;  /* teal */
}

.h1_Playfair {
	font-family: "Playfair display", "Times New Roman";
	font-size: 24pt;
    font-weight: 400;
    color: #0091a2;	 /* teal */
}

.h1_Teal {
	color: teal;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, "Kozuka Gothic Pro M";
	font-size: 18pt;
	font-weight: bolder;
}

.h1_Red {
	color: red;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, "Kozuka Gothic Pro M";
	font-size: 18pt;
	font-weight: bolder;
}

.h2 {
    font-family: open sans;
	font-size: 18pt;
    font-weight: 400;
	color: black;	  
}

.h2_bold {
    font-family: open sans;
	font-size: 18pt;
    font-weight: bolder;
	color: black; 
}

.h2_gold {
    font-family: open sans;
	font-size: 18pt;
    font-weight: 400;
	color: #960;	 /* dark gold */
}
.h2_Smaller_gold {
    font-family: open sans;
	font-size: 14pt;
	color: black;
}
.h2_Red {
    font-family: open sans;
	font-size: 18pt;
    font-weight: 400;
	color: red;	  /* red */ 
}

.h2_serif {
	font-family: "Playfair display", "Times New Roman";
	font-size: 18pt;
	color: teal;
}

.h3 {
    font-family: open sans;
	font-size: 14pt;
    font-weight: 200;
    color: #0091a2;   /* teal */
}

.h3_serif {
	font-family: "Playfair display", "Times New Roman";
	font-size: 14pt;
	color: teal;
}

.h3_red {
    font-family: open sans;
	font-size: 14pt;
    font-weight: 400;
	color: #FF0000;	 /* red */
}

.h3_gold {
    font-family: open sans;
	font-size: 14pt;
    font-weight: 400;
	color: #960;	 /* dark gold */
}

.h4 {
    font-family: open sans;
	font-size: 12pt;
	color: black;
}
	
.h4_gold {
    font-family: open sans;
	font-size: 12pt;
	font-weight: 400;
	color: darkgoldenrod;	  /* gold */ 
}

.h5 {
    font-family: open sans;
	font-size: 10pt;
	color: black;
}

.h5_gold {
    font-family: open sans;
	font-size: 10pt;
	font-weight: bold;
	color: darkgoldenrod;	  /* gold */ 
}
	
p {
    font-family: open sans;
    font-size: 15px;
    line-height: 20px;
}

.BodyText09pt {
	font-family: open sans;
	font-size: 9pt;
	line-height: 20px ;
}

.BodyText09ptRed {
	font-family: open sans;
	font-size: 9pt;
	color: red;
	line-height: 20px ;
}

.BodyText10pt {
	font-family: open sans;
	font-size: 10pt;
	line-height: 20px ;
}

/* ===== NAVBAR ===== */			
/* ===== NAVBAR ===== */		
	
.navbar.navbar-expand-lg.navbar-light.bg-light {
    font-family: open sans;
    font-weight: bold;
    font-size: 15px;
}
	
.navbar.navbar-expand-lg.navbar-light.bg-light {
}
.row.footer.gradient1 .row.container95 .col-lg-3 {
}
.row.footer.gradient1 .row.container95 .col-lg-3 {
}
.row.footer.gradient1 .row.container95 .col-lg-3 {
}


<style>

  .header_sticky {
      position: sticky;
      top: 0;
      z-index: 999;
    }

  .div-teal {
      background-color: #E0FFFF;
    }


  table {
    max-width: 90%;
    overflow-x: auto;
    table-layout: fixed;
    border-collapse: collapse;
    border: 1px solid #ddd;
    margin-bottom: 20px;
  }
  
  th, td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
  }
  
  th {
    background-color: #f2f2f2;
  }
  
  @media only screen and (max-width: 600px) {
    table {
      border: 0;
    }
    table thead {
      display: none;
    }
    table, table tbody, table tr, table td {
      display: block;
      width: 100%;
    }
    table td {
      text-align: center;
      border: none;
    }
    table td:before {
      content: attr(data-label);
      font-weight: bold;
      display: block;
      margin-bottom: 5px;
    }
  }
</style>







/* ===== END NAVBAR ===== */
/* ===== END NAVBAR ===== */	

/* CSS Document */


@media (min-width: 1800px){
}

.center {
    text-align: center;
}

.teal {
    color: #0091a2;
}

.DefnWord {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, "Kozuka Gothic Pro M";
	font-size: 12pt;
	font-style: normal;
	font-weight: bold;
	color: #000;
}

.DefnText {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif, "Kozuka Gothic Pro M";
	font-size: 10pt;
}
	
/* =========================== */	
/* =========CONTAINERS======== */
/* =========================== */
	
.container95 {
    width: 95%;
    margin-left: 2.5%;
    margin-bottom: 3%;
    margin-top: 1%;
}
	
.container90 {
    width: 90%;
    margin-left: 5%;
    margin-top: 2%;
    margin-bottom: 1%;
}

@media (min-width: 1600px){
.container-fluid.container60 {
    width: 50%;
    margin-left: 25%;
}
}

@media (max-width:450px){
.container-fluid.container60 {
    width: 80%;
    margin-left: 10%;
    margin-bottom: 1%;
}
	
.img-fluid.footer-logo {
    width: 50%;
    margin-left: 25%;
}
}

@media (max-width: 380px){
}
.container60 {
    width: 60%;
    margin-left: 20%;
}

@media (max-width: 768px){
.container-fluid.container60 {
    width: 40%;
    margin-left: 30%;
}
}
	
.container70 {
    width: 70%;
    margin-left: 15%;
}
.container-buttons {
    width: 80%;
    margin-left: 1px;
}
	
/* ========================== */	
/* ======END CONTAINERS====== */
/* ========================== */	
	
.column {
	width: 50%;
	text-align: center;
	padding-top: 30px;
	float: left;
}
	
.gradient1 {
	background-image: url(../images/blue_yellow_gradient.png);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-bottom: 15px;
	background-position: 42% 0%;
}

.button-purple {
    background-color: #8079b8;
    font-family: open sans;
    font-weight: 600;
    color: #ffffff;
    border-radius: 8px;
    text-align: center;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 9px;
    padding-bottom: 9px;
}
	
.button-teal {
    background-color: #055F6A;
    font-family: open sans;
    font-weight: 600;
    color: #ffffff;
    border-radius: 8px;
    text-align: center;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 9px;
    padding-bottom: 9px;
}
	
.button-blue {
    background-color: #209CAB;
    font-family: open sans;
    font-weight: 600;
    color: #ffffff;
    border-radius: 8px;
    text-align: center;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 9px;
    padding-bottom: 9px;
}
.blue-bar {
    color: #ffffff;
    text-align: center;
    background-color: #67bedb;
    margin-top: 10px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 8px;
}
	
.purple {
    color: #380548;
}

.footer {
    background-image: url(images/transparent_sky.png);
    background-repeat: repeat;
    border-top: 4px solid #0091a2;
    margin-bottom: 3%;
    padding-top: 5px;
}
	
.footer-logo {
}

@media (max-width : 1157px )
{
.img-fluid.footer-logo {
    width: 40%;
    margin-left: 30%;
}
	
.img-fluid.header-logo {
    width: 70%;
    margin-left: 15%;
}
	
}
	
.fill-div {
    width: 100%;
}
	
.header {
    background-image: url(images/blue_yellow_gradient80.png);
    background-repeat: repeat-y;
}
.right {
    text-align: right;
}
.phone {
    font-weight: 600;
    margin-top: 65px;
}
	
.header-logo {
    width: 80%;
}
	
.paddingRight {
    padding-right: 10px;
    margin-left: 25px;
}
	
.paddingLeft {
    margin-left: 25px;
}

.footer {
    background-image: url(images/transparent_sky.png);
    background-repeat: repeat;
    border-top: 4px solid #0091a2;
    margin-bottom: 3%;
    padding-top: 5px;
}
	
.teal {
    color: #0091a2;
}


.ChapterTitle1 {
}
	
.borders {
    border: thin solid #000000;
    border-spacing: 1pxpx 0px;
    z-index: 4;
}
.BodyText10ptRed {
}
.bodytest {
}

<!-- HEADER GRAPHIC -->
      <style>
        .header_sticky{
          background:#fff!important;
      }
    /* Custom class for the specific row */
    .custom-row {
      display: flex;
      align-items: center; /* Vertically center the items */
      flex-wrap: wrap; /* Allow images to wrap on smaller screens */
      background:#fff;
    }

    /* Custom column widths for the specific row */
    .custom-col-22 {
      flex: 0 0 30%; /* Set the width of the first column to 23% */
    }

    .custom-col-62 {
      flex: 0 0 62%; /* Set the width of the second column to 67% */
    }

    .custom-col-16 {
      flex: 0 0 8%; /* Set the width of the third column to 10% */
    }

    /* Ensure images fill the height of the column */
    .image-container {
      width: 100%;
      height: 100%; /* Make sure the images fill the column height */
      object-fit: cover; /* Ensure the image covers the space without distortion */
      display: block;
      margin-left: auto;
      margin-right: auto;
    }

    /* Responsive behavior for smaller screens */
    @media (max-width: 767px) {
        .custom-col-22{
               flex: 0 0 70%;
    margin: 0 auto; /* Centers the element horizontally */

        }
    .custom-col-62{
        flex: 0 0 100%;
        }
    .custom-col-16{
         flex: 0 0 70%;
                margin: 0 auto;
        }

    .custom-row {
        padding:0 10px;
    }
      /* Adjust individual images on mobile */
      .image-container-1 {
        
      }

      .image-container-2 {
        margin-top:-10px;
        margin-bottom: 15px;
        width:100%!important;
      }

      .image-container-3 {
      width:50%!important;
     padding-right: 15px;
      }
    }
    @media (min-width: 1200px) {
    #con1 {
        max-width: 1440px!important;
    }
}


body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table {

    max-width: 100%!important;

    width: 100%!important;

}



@media(min-width:1024px) and (max-width:1439px){



body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(3) > td:nth-child(2) > form:nth-child(1) > table > tbody > tr:nth-child(2) > td > select{

font-size:9px!important;

}

body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(3) > td:nth-child(2) > form:nth-child(2) > table > tbody > tr:nth-child(2) > td > select{

font-size:9px!important;

}



body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(23) > td.BodyText10pt > form > table > tbody > tr:nth-child(2) > td > select{

font-size:9px!important;

}



body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(47) > td:nth-child(2) > form > table > tbody > tr:nth-child(2) > td > select{

font-size:9px!important;

}



body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(56) > td:nth-child(2) > form > table > tbody > tr:nth-child(2) > td > select{

font-size:9px!important;

}



body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(57) > td:nth-child(2) > form > table > tbody > tr:nth-child(2) > td > select{

font-size:9px!important;

}



body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(58) > td:nth-child(2) > form > table > tbody > tr:nth-child(2) > td > select{

font-size:9px!important;

}



body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(70) > td:nth-child(2) > form > table > tbody > tr:nth-child(2) > td > select{

font-size:9px!important;

}



body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(82) > td:nth-child(2) > form > table > tbody > tr:nth-child(2) > td > select{

font-size:9px!important;

}

body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(13) > td:nth-child(2) > p:nth-child(3) > img{

width:200px;

}

}





@media(min-width:1440px) and (max-width:1440px){



body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(3) > td:nth-child(2) > form:nth-child(1) > table > tbody > tr:nth-child(2) > td > select{

font-size:12px!important;

}

body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(3) > td:nth-child(2) > form:nth-child(2) > table > tbody > tr:nth-child(2) > td > select{

font-size:12px!important;

}



body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(23) > td.BodyText10pt > form > table > tbody > tr:nth-child(2) > td > select{

font-size:12px!important;

}



body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(47) > td:nth-child(2) > form > table > tbody > tr:nth-child(2) > td > select{

font-size:12px!important;

}



body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(56) > td:nth-child(2) > form > table > tbody > tr:nth-child(2) > td > select{

font-size:12px!important;

}



body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(57) > td:nth-child(2) > form > table > tbody > tr:nth-child(2) > td > select{

font-size:12px!important;

}



body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(58) > td:nth-child(2) > form > table > tbody > tr:nth-child(2) > td > select{

font-size:12px!important;

}



body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(70) > td:nth-child(2) > form > table > tbody > tr:nth-child(2) > td > select{

font-size:12px!important;

}



body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(82) > td:nth-child(2) > form > table > tbody > tr:nth-child(2) > td > select{

font-size:12px!important;

}



body > div:nth-child(2) > div.col-xl-8.col-lg-7 > o > table > tbody > tr:nth-child(13) > td:nth-child(2) > p:nth-child(3) > img{

width:280px;

}

}