/* =================== FONTS =================== */

h1, h2, h3, h4, h5, h6 {
	font-family: "the-seasons", sans-serif !important;
	font-weight: 300;
	font-style: normal;
}

* {
	font-family: "ofelia-text", sans-serif;
	font-weight: 300;
	font-style: normal;
}

/* =================== COLORS =================== */

.color-main {
	color: #276e9a;
}

.bg-main {
	background-color: #276e9a;
}

/* =================== GRADIENTS =================== */

.gradient-main {
	background: rgb(39,110,154);
	background: linear-gradient(138deg, rgba(39,110,154,1) 0%, rgba(24,82,117,1) 100%);
}

/* =================== BUTTONS =================== */

.button-main {
	background: rgb(39,110,154);
	background: linear-gradient(138deg, rgba(39,110,154,1) 0%, rgba(24,82,117,1) 100%);
	color: #ffffff;
	padding: 10px 35px;
	border-radius: 15px;
	transition: 0.3s ease-in-out;
}

.button-main:hover {
	transition: 0.3s ease-in-out;
	opacity: 70%;
}

/* =================== LINK =================== */

.link-header {
	color: #ffffff;
	text-decoration: none;
	background-image: linear-gradient(#ffffff, #ffffff);
	background-size: 0% 0.1em;
	background-position-y: 100%;
	background-position-x: 100%;
	background-repeat: no-repeat;
	transition: background-size 0.3s ease-in-out;
}

.link-header:hover,
.link-header:focus,
.link-header:active {
	background-size: 100% 1px;
	background-position-x: 0%;
}

.link-header-dark {
	color: #3a3a3a;
	text-decoration: none;
	background-image: linear-gradient(#3a3a3a, #3a3a3a);
	background-size: 0% 0.1em;
	background-position-y: 100%;
	background-position-x: 100%;
	background-repeat: no-repeat;
	transition: background-size 0.3s ease-in-out;
}

.link-header-dark:hover,
.link-header-dark:focus,
.link-header-dark:active {
	background-size: 100% 1px;
	background-position-x: 0%;
}

/* =================== CONTENT BOX =================== */

  body,
  ul,
  ol {
      margin: 0;
      padding: 0;
  }

  .contentBox h1 {
      font-size: 35px;
      margin-bottom: 15px;
  }

  .contentBox h2 {
      font-size: 30px;
      margin-bottom: 12px;
      margin-top: 25px;
	  color: #2c4158;
  }

  .contentBox h3 {
      font-size: 25px;
      margin-bottom: 10px;
      margin-top: 25px;
	  color: #2c4158;
  }

  .contentBox h4 {
      font-size: 25px;
      margin-bottom: 8px;
	  margin-top: 25px;
	  color: #2c4158;
  }

  .contentBox h5 {
      font-size: 25px;
      margin-bottom: 6px;
	  margin-top: 25px;
	  color: #2c4158;
  }

  .contentBox h6 {
      font-size: 25px;
      margin-bottom: 4px;
	  margin-top: 25px;
	  color: #2c4158;
  }

  .contentBox ol,
  ul {
      margin-bottom: 15px;
  }

  .contentBox ol {
      list-style-type: decimal;
  }

  .contentBox ul {
      list-style-type: disc;
  }

  .contentBox li {
      margin-left: 20px;
  }

  .contentBox ul ul,
  .contentBox ol ol,
  .contentBox ul ol,
  .contentBox ol ul {
      margin-left: 20px;
  }