/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 18px;
  font-family: 'ITV Text', sans-serif;
  color: #3d3536;
  background-color: white;
}

@font-face {
  font-family: ITV Display;
  src: url(fonts/ITVDisplaySans-BoldCondensed.otf);
}

@font-face {
  font-family: ITV Text;
  src: url(fonts/ITVTextSans-Regular.otf);
}

p, 
.row p {
  font-size: 18px;
  line-height: 24px;
  font-family: 'ITV Text', sans-serif;
}

strong, 
.row strong {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: 'ITV Text', sans-serif;
}

ul {
  margin-left:20px;
}

li, 
.row li {
  font-size: 18px;
  line-height: 24px;
  font-family: 'ITV Text', sans-serif;
  list-style: disc;
}

.psmall, 
.row .psmall {
  font-size: 14px;
  line-height: 20px;
  font-family: 'ITV Text', sans-serif;
}

h1, 
.row h1 {
  font-size: 40px;
  font-family: 'ITV Display', sans-serif;
  text-transform: uppercase;
}

h2, 
.row h2 {
  font-size: 30px;
  font-family: 'ITV Display', sans-serif;
  text-transform: uppercase;
}

h3, 
.row h3 {
  font-size: 24px;
  font-family: 'ITV Display', sans-serif;
  text-transform: none;
}




a,
.row a {
  color: #0F2323;
  text-decoration: none;
}

a:hover,
.row a:hover {
  color: #00A673;
  text-decoration: underline;
}

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}

/* -------------------------------- 

Main

-------------------------------- */

.rh-scrolling-bg {
  position: relative;
  min-height: 100%;
  padding: 2em 0;
  line-height: 1.6;
  z-index: 2;
  overflow: hidden;
}

.rh-scrolling-bg2 {
  position: relative;
  min-height: 100%;
  padding: .5em 0;
  z-index: 2;
  overflow: hidden;
}

.rh-scrolling-bg.rh-scrolling-bg--color-1 {
  background-color: #ffffff;
  color: #0F2323;
}

.rh-scrolling-bg.rh-scrolling-bg--color-2 {
  background-color: #0F2323;
  color: #ffffff;
}

.rh-scrolling-bg2.rh-scrolling-bg--color-3 {
background: #1CA772;
background: linear-gradient(74deg, rgba(28, 167, 114, 1) 0%, rgba(222, 235, 82, 1) 100%);
  color: #ffffff;
}

.rh-scrolling-bg__content {
  width: 90%;
  max-width: 1300px;
  margin: 0 auto;
}

.rh-scrolling-bg2__content2 {
  width: 100%;
  max-width: ;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .rh-scrolling-bg {
    padding: 3em 0;
    font-size: 2rem;
    line-height: 2;
    font-weight: 300;
  }
.rh-scrolling-bg2 {
  position: relative;
  min-height: 100%;
  padding: 1em 0;
  z-index: 2;
}  
}

.card .card-header {
  background-color: #0F2323;
}

.card .card-header button {
  font-size: 30px;
  color:#DEEB52;
}

.card-body {
  font-size: 18px;
  line-height: 24px;
  font-family: 'ITV Text', sans-serif;
}

/* MODAL THEME */

.modal-backdrop {
    background-color:#0F2323!important;
    opacity:.9!important;
}

.modal-content {
    background-color: #fff!important;
    border:0!important;
    padding:10px;
    border-radius: 4px!important;
}

.modal-header {
    border-bottom: 0!important;
    font-size:16px;
    font-weight: 100;
    color: #0F2323;
    text-transform: uppercase;
}

.modal-footer {
    border-top: 0!important;
    justify-content:flex-start;
}

.close {
    color:#1a1a1a!important;
    text-shadow: 0!important;
    margin-bottom:10px;
    opacity:1!important;
    font-size:30px;
}

.button {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    -webkit-appearance: none;
    padding: 0 30px;
    font-family: "reem", sans-serif;
    font-size: 16px;
    line-height: 40px;
    font-weight: 900;
    border-radius: 4px;
    background-color: #0F2323;
    border: 2px solid #0F2323;
    color: #ffffff!important;
    white-space: nowrap;
    -webkit-transition: color 0.15s linear 0s, background-color 0.15s linear 0s;
    transition: color 0.15s linear 0s, background-color 0.15s linear 0s;
    position: relative;
    text-align: center;
    opacity: 1;
    max-width: 100%;
    text-overflow: ellipsis;
    text-transform: none;
    text-decoration: none!important;
    z-index: 99999;
}

.button:hover{
background-color: #ffffff;
text-decoration: none;
border: 2px solid #1B3F15;
color: #0F2323!important;
opacity:1;    
}