/*
####################################################
TSS COLOUR SCHEME
####################################################
*/

.tss-bright-blue {
    background-color: #009cfc;
    color: white;
}

.tss-mid-blue {
    background-color: #007dca;
    color: white;
}
.tss-dark-blue {
    background-color: #0064a2;
    color: white;
}

.tss-white {
    background-color: #eeeeee;
    color: #414141;
}

.tss-light-grey {
    background-color: #cccccc;
    color: #414141;
}

.tss-dark-grey {
    background-color: #777777;
    color: white;
}

.tss-black {
    background-color: #414141;
    color: white;
} 

.tss-opaque {
    background-color: rgba(119, 119, 119, 0.8);
    color: white;
}

.tss-page-header {
    background-color: #f8f9fa;
} 


.tss-bright-blue-text {
    color: #009cfc;
}

.tss-mid-blue-text {
    color: #007dca;
}

.tss-dark-blue-text {
    color: #0064a2;
}

.tss-white-text {
    color: #eeeeee;
}

.tss-light-grey-text {
    color: #cccccc;
}

.tss-dark-grey-text {
    color: #777777;
}
.tss-black-text {
    color: #414141;
}

.logo-blue{
    color: #009cfc;
    font-family: "Segoe UI", Arial, sans-serif;
    text-align: left;
}

.logo-grey{
    color: #777777;
    font-family: "Segoe UI", Arial, sans-serif;
    text-align: left;

}

.btn-primary {
    background-color: #007dca;
    border-color: #007dca
}


/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/

/*
CHANGES FONTSIZE WITH SCREENSIZE
*/

/* Extra Small devices below, 544px) */
@media (min-width: 100px) {  
    .logo-lg {font-size: 34px;}
    .logo-med {font-size: 33px;}
    .card p {font-size: 20px !important;}
    .sub-text p {font-size: 16px !important;}
    .case-study p {font-size: 12px !important;}
  }

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
    .logo-lg {font-size: 38px; }
    .logo-med {font-size: 37px;}
    .card p {font-size: 21px !important;}
    .sub-text p {font-size: 16px !important;}
    .case-study p {font-size: 14px !important;}
  }

  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {  
    .logo-lg {font-size: 42px;}
    .logo-med {font-size: 41px;}
    .card p {font-size: 22px !important;}
    .sub-text p {font-size: 18px !important;}
    .case-study p {font-size: 14px !important;}
  }
  
  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) { 
    .logo-lg {font-size: 46px;}
    .logo-med {font-size: 45px;}
    .card p {font-size: 23px !important;}
    .sub-text p {font-size: 20px !important;}
    .case-study p {font-size: 16px !important;}
  }


  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {  
    .logo-lg {font-size: 50px;}
    .logo-med {font-size: 49px;}
    /*.card h3 {font-size: 27px !important;}*/
    .card p {font-size: 24px !important;}
    .sub-text p {font-size: 20px !important;}
    .case-study p {font-size: 16px !important;}
  }


 
/*
CHANGES IMAGE SIZE WITH SCREENSIZE
*/
  @media (min-width: 100px) {  
    .import-event img {width: 180px;}
  }
  @media (min-width: 544px) {  
    .import-event img {width: 120px;}
  }
  @media (min-width: 900px) {  
    .import-event img {width: 180px;}
  }



/*
####################################################
GENERAL CSSS
####################################################
*/

/* Removes line under hyperlink*/
.footer a {
    text-decoration: none !important;
}


/* formatting cards*/
.card {
    border-radius: 0%;
    border: 0px;
}
.card-group .card{
    margin-bottom: 0%;
}

/* slim down all text */
.card p, .card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
    font-weight: 300 !important;
}

/* GB Tech logo */
.gbtech-logo p {
    font-size: 10px;
    margin-bottom: 0;
    font-weight: bold;
    line-height: 1;
}

/*
####################################################
GDPR COOKIE POP UP CSS
####################################################
*/  
button#ihavecookiesBtn {
    margin-left: 0px !important;
}
/* Cookie Dialog */
#gdpr-cookie-message {
    position: fixed;
    right: 30px;
    bottom: 30px;
    max-width: 375px;
    background-color: #eeeeee;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 6px 6px rgba(0,0,0,0.25);
    margin-left: 30px;
}
#gdpr-cookie-message h4 {
    color: #414141;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message h5 {
    color: #007dca;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px;
}
#gdpr-cookie-message p, #gdpr-cookie-message ul {
    color: #007dca;
    font-size: 15px;
    line-height: 1.5em;
}
#gdpr-cookie-message p:last-child {
    margin-bottom: 0;
    text-align: right;
}
#gdpr-cookie-message li {
    width: 49%;
    display: inline-block;
}
#gdpr-cookie-message a {
    color: #414141;
    text-decoration: none;
    font-size: 15px;
    padding-bottom: 2px;
    border-bottom: 1px dotted #007dca;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message a:hover {
    color:#007dca;
    border-bottom-color: #414141;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button,
button#ihavecookiesBtn {
    border: none;
    background: #007dca;
    color:#eeeeee;
    font-size: 15px;
    padding: 7px;
    border-radius: 3px;
    margin-left: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in;
}
#gdpr-cookie-message button:hover {
    background: #eeeeee;
    color: #007dca;
    transition: all 0.3s ease-in;
}
/* removed the advanced btn option - may need in the future */
button#gdpr-cookie-advanced {
    background:#007dca;
    color: #414141;
    display: none;
}
#gdpr-cookie-message button:disabled {
    opacity: 0.3;
}
#gdpr-cookie-message input[type="checkbox"] {
    float: none;
    margin-top: 0;
    margin-right: 5px;
}
 
/*
####################################################

####################################################
*/