@charset "UTF-8";
#mainwrapper header {
	background-color: #ffffff;
	justify-content: center;
	font-family: montserrat, sans-serif;
	font-style: normal;
	font-weight: 400;
	width: auto;
}
#mainwrapper header #logo {
	width: 100%;
	justify-content: center;
	padding-top: 1px;
	padding-bottom: 1px;
	color: #FFFFFF;
}

/*topnavbar start*/
.topnav {
  background-color: #071e7f;
  overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
}
.topnav a {
  float: left;
  display: block;
  color: #FFFFFF;
  text-align: center;
  padding: 14px;
  text-decoration: none;
  font-size: 20px;
}
.active {
  background-color: #071e7f;
  color: #FFFFFF;
}
.topnav .icon {
  display: none;
}
.dropdown {
  float: left;
  overflow: hidden;
}
.dropdown .dropbtn {
  font-size: 20px;
  border: none;
  outline: none;
  color: #ffffff;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #071e7f;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
  float: none;
  color: #FFffff;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #2e90ff;
  color: #ffffff;
}
.dropdown-content a:hover {
  background-color: #2e90ff;
  color: #FFFFFF;
}
.dropdown:hover .dropdown-content {
  display: block;
}
.nav-right {
	float: right
}
/*topnav end*/

/*back to top button start*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #071E7F;
  color: #FFB00D;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
  font-size: 18px;
}
#myBtn:hover {
  background-color: #2E90FF;
}
/*back to top button end*/


/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}
/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}


.error{
	font-size: 30px;
	padding-top: 40px;
}


h1 {
color: #2e90ff;
font-family: winsome, sans-serif;
font-style: normal;
font-weight: 400;
}

h2 {
color: #2e90ff;
font-family: winsome, sans-serif;
font-style: normal;
font-weight: 400;
	font-size: 25px;
}

.column {
  float: left;
  width: 50%;
}
.row:after {
  content: "";
  display: table;
  clear: both;
  padding-bottom: 20px;
}

.column2 {
  float: left;
  width: 33%;
}

.row2:after {
  content: "";
  display: table;
  clear: both;
  padding-bottom: 20px;
}

#content #mainContent p {
	/* All paragraphs under maincontent */
	color: rgba(146,146,146,1.00);
	font-family: source-sans-pro, sans-serif;
	font-style: normal;
	font-weight: 200;
	text-align: justify;
}

#mainContent {
	/* Container for the blog post in individal blog view */
	padding-left: 2%;
	width: 71%;
	float: left;
	padding-right: 2%;
	padding-top: 41px;
}
#mainwrapper {
	/* Container of all content */
	width: 80%;
	overflow: auto;
	margin-left: 10%;
}

/*footer start*/
#footerbar {
	height: 57px;
	align-items: center;
	align-content: center;
	clear: both;
	background-color: #071e7f;
	width: 100%;
	overflow-x: hidden;
	color: #ffb00d;
	padding-top: 5px;
	margin-top: 20px;
}
/*footer end*/

#mainContent #bannerImage img {
	/* Actual banner image */
	width: 100%;
}

#mainwrapper header nav a {
	/* Links in header */
	color: rgba(146,146,146,1.00);
	text-decoration: none;
}

/* Tablet view */
@media screen and (max-width:769px) {
.notOnDesktop {
	/* Search box shown only in mobile view and Tablet view */
	display: block;
	text-align: right;
	padding-right: 8px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 96%;
}
#content .notOnDesktop input {
	height: 28px;
}
#mainContent {
	/* Container for the blog post */
	padding-top: 0px;
	float: none;
	width: 96%;
}

#mainwrapper header {
	/* Header */
	width: 100%;
}
}

/* Mobile view */
@media screen and (max-width:480px) {
#mainwrapper header #logo {
	width: 100%;
}
}

/* Isolated Calculator Modal Backdrop */
.awc-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 9999;
}
.awc-modal-overlay.awc-active {
    opacity: 1;
    pointer-events: auto;
}

/* Floating Component Box Wrapper */
.awc-modal-window {
    background: #ffffff !important;
    padding: 25px !important;
    border-radius: 10px !important;
    width: 90% !important;
    max-width: 400px !important;
    box-shadow: 0 5px 25px rgba(0,0,0,0.3) !important;
    transform: scale(0.8);
    transition: transform 0.3s ease;
    position: relative;
    font-family: Arial, sans-serif !important;
    color: #333333 !important;
    box-sizing: border-box !important;
}
.awc-modal-overlay.awc-active .awc-modal-window {
    transform: scale(1);
}

/* Corner Dismiss Button */
.awc-close-btn {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 24px;
    border: none !important;
    background: none !important;
    cursor: pointer;
    color: #666666 !important;
}
.awc-close-btn:hover {
    color: #000000 !important;
}

/* Structural Header & Fields Grouping */
.awc-modal-window h2 {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    color: #023e8a !important;
    font-size: 1.5rem !important;
}

/* Unit Selection Toggle Switch */
.awc-unit-selector {
    display: flex !important;
    background: #f0f2f5 !important;
    padding: 4px !important;
    border-radius: 6px !important;
    margin-bottom: 20px !important;
    gap: 4px !important;
}
.awc-unit-btn {
    flex: 1 !important;
    padding: 8px !important;
    border: none !important;
    background: transparent !important;
    color: #555555 !important;
    cursor: pointer !important;
    font-weight: bold !important;
    font-size: 0.9rem !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
}
.awc-unit-btn.awc-active {
    background: #023e8a !important;
    color: #ffffff !important;
}

.awc-form-group {
    margin-bottom: 15px !important;
}
.awc-form-group label {
    display: block !important;
    margin-bottom: 5px !important;
    font-weight: bold !important;
    font-size: 0.9rem !important;
}
.awc-form-group input[type="number"] {
    width: 100% !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    border: 1px solid #cccccc !important;
    border-radius: 4px !important;
    font-size: 1rem !important;
}

/* Protected Component Interface Alignment Buttons */
.awc-btn-group {
    display: flex !important;
    gap: 10px !important;
    margin-top: 15px !important;
}
button.awc-calc-btn {
    flex: 2 !important;
    padding: 10px !important;
    background-color: #023e8a !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 1rem !important;
    cursor: pointer;
}
button.awc-calc-btn:hover {
    background-color: #0077b6 !important;
}
button.awc-reset-btn {
    flex: 1 !important;
    padding: 10px !important;
    background-color: #e0e0e0 !important;
    color: #333333 !important;
    border: none !important;
    border-radius: 4px !important;
    font-size: 1rem !important;
    cursor: pointer;
}
button.awc-reset-btn:hover {
    background-color: #d5d5d5 !important;
}

/* Pounds Numerical Data Display Box */
.awc-result-box {
    margin-top: 20px !important;
    padding: 15px !important;
    background-color: #e8f1f5 !important;
    border-left: 5px solid #023e8a !important;
    border-radius: 4px !important;
    display: none;
}
.awc-result-box.awc-show {
    display: block !important;
}
#awc-resultValue {
    font-size: 1.4rem !important;
    font-weight: bold !important;
    color: #023e8a !important;
}
#awc-resultUnit {
    font-size: 1.4rem !important;
    font-weight: bold !important;
    color: #023e8a !important;
}