/*
Theme Name:     Divi Child Theme
Theme URI:      http://www.elegantthemes.com/gallery/foxy/
Description:    Divi Child Theme
Author:         Elegant Themes
Author URI:     http://www.elegantthemes.com
Template:       Divi
Version:        1.0.0
*/

/*@import url("../Divi/style.css");*/

/* =Theme customization starts here
------------------------------------------------------- */
:root{
    
    /* == Brand Colors and Neutrals == */
	--white: #ffffff;
	--off-white: #F0EFEB;
	--black: #000000;
	--off-black: #303030;
	--brand-red: #C63317;
	--green: #7C905A;
	--blue: #104662;
	--gold: #F0AF45;
	--foundation-red: #104662;
	--purple: #52375C;
	
	/* Module Colors & Core Design */
    
	/* == Fonts == */
    --bodyFont: "Hanken Grotesk", sans-serif; /* Hanken Grotesk */
	--headingFont: "Barlow", sans-serif; /* Barlow */
}

html {
	font-size: 62.5%; /* 10px */
}

a {
  text-decoration: none;
}

p, body, .et_pb_text_inner {
  font-family: var(--bodyFont);
	font-weight: 400;
  font-optical-sizing: auto;
  font-style: normal;
}

h1, h2, h3, h4, h5 {
	font-family: var(--headingFont);
	line-height: 1.2em;
}

.apr-text, .apr-text p, .apr-text .et_pb_text_inner {
	font-family: "Space Grotesk", "Barlow", sans-serif!important;
  line-height: 1.3em;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 30px;
    color: var(--brand-red);
}

/* 
h1 {
	font-size: var(--biggestFontMin);
}

h2 {
	font-size: var(--bigFontMin);
}

h3 {
	font-size: var(--mediumFontMin);
}

h4 {
	font-size: var(--smallFontMin);
}

h5 {
	font-size: var(--smallestFontMax);
} */

/*
* ----------[MAIN STYLES]---*
*/

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

sup {
	bottom: .8em;
	font-size: 0.6em;
	padding: 0.2em;
}

.et_pb_blurb_content {
	font-family: var(--bodyFont);
}

.hidden {
	display: none;
}

.hide-desktop {
	display: none;
}

/* Float Classes */
.float-l {
	float: left;
}

.float-r {
	float: right;
}

/* Flexbox Classes */
.flex {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
}

.flex-row {
	display               : -webkit-box;
	display               : -ms-flexbox;
	display               : flex;
	-webkit-box-orient    : horizontal;
	-webkit-box-direction : normal;
	-ms-flex-direction    : row;
	flex-direction        : row;
}

/* Both main and cross axis */
.flex-center {
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-align  : center;
	-ms-flex-align     : center;
	-ms-grid-row-align : center;
	align-items        : center;
	-webkit-box-pack : center;
	-ms-flex-pack    : center;
	justify-content  : center;
}

/*
* ----------[HEADER]---*
*/

nav {
	font-family: var(--headingFont);
}

/*
* ----------[FOOTER]---*
*/


/*
* ----------[RATES]---*
*/

/* Base Table Styles */
.rate-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* Ensures equal column widths */
}

.rate-table th,
.rate-table td {
  padding: 8px;
  text-align: left;
  border: 1px solid #ddd;
  width: auto; /* Allows the width to be determined by the table-layout: fixed */
  overflow: hidden; /* In case of long content */
  text-overflow: ellipsis; /* Shows "..." for overflowing content */
  white-space: nowrap; /* Prevents wrapping of content */
}

.rate-table th {
  background-color: #f2f2f2;
}

/* Mobile Styles */
@media screen and (max-width: 600px) {
  .rate-table, 
  .rate-table tbody, 
  .rate-table tr, 
  .rate-table td {
      display: block;
      width: 100%;
  }

  .rate-table tr {
      margin-bottom: 15px;
  }

  .rate-table td {
      text-align: left;
      padding-left: 0; /* Remove padding to align text properly */
      position: relative;
      border: none;
      border-bottom: 1px solid #ddd;
      width: 100%; /* Full width for mobile */
      overflow: visible; /* Allow text to wrap */
      white-space: normal; /* Allow text wrapping on small screens */
      font-size: 16px;
      line-height: 1.1em;
      padding: 10px 0; /* Add padding for better spacing */
  }

  .rate-table td::before {
      content: attr(data-label);
      display: block; /* Make label take full width */
      font-weight: bold;
      white-space: nowrap;
      margin-bottom: 5px; /* Space between label and value */
  }

  /* Hide Table Headers on Mobile */
  .rate-table thead,
  .rate-table th {
      display: none;
  }
}


.rate-table-footnote {
	margin-top: 10px;
	font-size: 0.9em;
	font-style: italic;
}

/*
* ----------[HOMEPAGE]---*
*/


/* * ----LOGIN FORM--* */

/* Style for the form layout */
#loginForm {
	display: flex;
	gap: 14px;
	align-items: center;
}

/* Style for the submit button */
#submitBtn {
	background-color: #C63317;
	color: white;
	text-transform: uppercase;
	border-radius: 8px;
	font-family: 'Space Grotesk',Helvetica,Arial,Lucida,sans-serif;
	font-size: 16px;
	font-weight: 600;
	border: none;
	padding: 12px 20px;
	cursor: pointer;
	height: fit-content;
}

/* Style for the input fields */
input[type="text"], input[type="password"] {
	border: 1px solid #F0EFEB;
	padding: 12px;
	font-family: 'Barlow', sans-serif;
	font-size: 18px;
	width: 100%;
	box-sizing: border-box;
	border-radius: 4px;
}

/* Move labels inside the fields as placeholders */
#userid::placeholder, #password::placeholder {
	color: #999;
}

#userid {
	placeholder: "Username";
}

#password {
	placeholder: "Password";
}

/*
* ----------[OTHER PAGES]---*
*/

/*
* ----------[ALL PAGES]---*
*/



/*
* ----------[MEDIA QUERIES]--------*
*/

@media screen and (min-width: 481px) {

}
@media screen and (min-width: 768px) {

}
@media only screen and (min-width: 2200px) {}
@media screen and (min-width: 1280px) {
	
}
@media only screen and (min-width: 1101px) {}
@media only screen and (min-width: 992px) {}
@media only screen and (min-width: 981px) {}
@media only screen and (min-width: 981px) and (max-width: 1100px) {}
@media only screen and (min-width: 480px) and (max-width: 766px) {}
@media only screen and (max-width: 767px) {}

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

	body {
		position: relative;
	}

}
@media only screen and (max-width: 980px) {
	
}
@media only screen and (max-width: 767px) {

  body #page-container .et_pb_section .aioc_content_carousel .aioc_content_carousel_item_0 .et_pb_button, body #page-container .et_pb_section .aioc_content_carousel .aioc_content_carousel_item_1 .et_pb_button, body #page-container .et_pb_section .aioc_content_carousel .aioc_content_carousel_item_2 .et_pb_button, body #page-container .et_pb_section .aioc_content_carousel .aioc_content_carousel_item_3 .et_pb_button {
    font-size: 14px!important;
  }

  #loginForm {
    display: block;
    margin-bottom: 10px;
  }

  #loginForm input[type="text"], #loginForm input[type="password"] {
    margin-bottom: 5px;
  }

	h2 {
    font-size: 28px!important;
  }

  header .dd-logo {
    margin-right: 0px!important;
  }

  .et_pb_row_3_tb_header {
    padding: 8px!important;
  }

  .et_pb_divimenus_flex_item_14_tb_header .dd-text-icon, .et_pb_divimenus_flex_item_14_tb_header .dd-text-image {
    padding-left: 0!important;
  }

  span.dd-text-content {
    font-size: 14px!important;
    margin-top: 5px;
    line-height: 1em!important;
}

.et_pb_divimenus_flex_1_tb_header .dd-wrapper {
  justify-content: space-between!important;
  align-items: center!important;
}

.et_pb_divimenus_flex_item_14_tb_header .dd-menu-item-content .dd-text-icon {
  font-weight: 600!important;
  color: #c63317!important;
}
.et_pb_divimenus_flex_item_14_tb_header .dd-text-icon {
  font-size: 30px!important;
}

ul#menu-main-menu {
  background: #fafafa;
  border-bottom: 1px solid #c3c4c7;
  border-top: 1px solid #c3c4c7;
}
}
@media only screen and (max-width: 980px) and (orientation : portrait) {}