/* --------------------------------------*/
/* ------->>> BANNERS B1 <<<-------------*/
/* --------------------------------------*/
.tqm-internal-banner__mobile {
display: none;
}
.tqm-internal-banner {
min-height: 448px;
overflow: hidden;
position: relative;
color: #fff;
}
.tqm-internal-banner__overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0.5;
background-image: linear-gradient(89deg, rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0));
}
.tqm-internal-banner__caption .tqm-button {
min-width: 180px;
font-size: 1.125em;
}
.tqm-internal-banner__caption--course-code {
text-transform: uppercase;
font-size: 0.813em;
font-weight: 400;
margin-bottom: 15px;
}
.tqm-internal-banner__caption--course-code ul {
margin: 0;
padding: 0;
}
.tqm-internal-banner__caption--course-code ul li {
display: inline-block;
list-style-type: none;
}
.tqm-internal-banner__caption--course-code ul li:after {
content: "|";
padding: 0 4px 0 8px;
}
.tqm-internal-banner__caption--course-code ul li:last-child:after {
content: "";
}
.tqm-internal-banner__caption--title {
font-weight: 400;
border-left: 4px solid #c4262e;
font-size: 2.250em;
line-height: 42px;
margin: 0 0 20px 0;
padding: 0 0 0 22px;
text-transform: none;
color: #fff;
}
.tqm-internal-banner__caption--subtitle {
font-size: 1.125em;
margin: 0 0 22px 0;
font-weight: 300;
}
.tqm-internal-banner__featured-logo {
text-align: right;
position: relative;
z-index:-1;
}
.tqm-featured-logo__container {
position: absolute;
right: -15px;
bottom: -50px;
}
.tqm-tile__red--heading a, .tqm-tile__grey--heading a{
color:#fff;
}
.tqm-tile__red--heading a:hover, .tqm-tile__grey--heading a:hover{
text-decoration:underline;
}
.tqm-tile__grey--content a:hover{
text-decoration:underline;
}
@media screen and (max-width: 1330px) and (min-width: 768px) {
.tqm-internal-banner__caption .tqm-button--red {
padding: 10px 25px;
}
.tqm-internal-banner__desktop {
background-position: top right -150px;
}
}
@media (max-width: 768px) {
.tqm-internal-banner__featured-logo {
position: static;
}
.tqm-featured-logo__container {
bottom: 0;
padding: 0;
right: 0;
max-height: 60px;
overflow: visible;
text-align: right;
border-bottom: 1px solid #ccc;
}
.tqm-featured-logo__container img {
margin-top: -26px;
max-height: 70px;
}
.tqm-internal-banner {
position: relative;
max-height: 100%;
margin-top: 0;
}
.tqm-internal-banner .tqm-button {
margin: 0;
}
.tqm-internal-banner__caption .tqm-button--red {
padding: 14px;
min-width: 164px;
font-size: 1.125em;
}
.tqm-internal-banner__caption {
top: 30px;
transform: translateY(0);
}
.tqm-internal-banner__caption--title {
border-left: 0;
padding-left: 0;
font-size: 1.870em;
line-height: 130%;
}
.tqm-internal-banner__caption--subtitle {
font-weight: 100;
}
.tqm-internal-banner__mobile {
display: block;
position: relative;
height: 448px;
background-size: cover;
background-position: top right -80px;
}
.tqm-internal-banner__mobile img {
width: 100%;
max-width: none;
overflow: hidden;
}
.tqm-internal-banner__desktop {
display: none;
}
.tqm-internal-banner__overlay {
background-color: rgba(0,0,0,0.5);
background-image: none;
opacity: 1;
}
.tqm-internal-banner__caption--course-code {
font-weight: 200;
font-size: 0.750em;
}
}
/* -------->>> END BANNERS B1 <<<-------*/
/* --------------------------------------*/
/* ------->>> BANNERS B2 <<<-------------*/
/* --------------------------------------*/
.tqm-inner-banner__mobile {
display: none;
}
.tqm-inner-banner {
min-height: 448px;
overflow: hidden;
position: relative;
color: #fff;
}
.tqm-inner-banner__caption--banner-b2 .tqm-inner-banner__desktop {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-size: cover;
background-position: top right;
background-repeat: none;
}
.tqm-inner-banner__overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0.5;
background-image: linear-gradient(89deg, rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0));
}
.tqm-inner-banner__caption--banner-b2 {
position: absolute;
z-index: 3;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.tqm-inner-banner__caption--banner-b2 .tqm-button {
min-width: 180px;
font-size: 1.125em;
}
.tqm-inner-banner__caption--banner-b2 .tqm-inner-banner__caption--title {
font-weight: 500;
max-width: 467px;
font-size: 2.5em;
text-transform: uppercase;
letter-spacing: -0.2px;
margin: 0 0 20px 0;
padding: 0;
color: #fff;
text-align: left;
}
.tqm-inner-banner__caption--banner-b2 .tqm-inner-banner__caption--subtitle {
font-size: 1.125em;
margin: 0 0 22px 0;
font-weight: 100;
max-width: 390px;
text-align: left;
}
@media screen and (max-width: 1330px) and (min-width: 1025px) {
.tqm-inner-banner__caption--banner-b2 .tqm-button--red {
padding: 10px 25px;
}
.tqm-inner-banner__desktop {
background-position: top right -150px;
}
}
@media screen and (max-width: 1024px) and (min-width: 769px){
.tqm-inner-banner {
position: relative;
max-height: 100%;
margin-top: 0;
}
.tqm-inner-banner .tqm-button {
margin: 0;
}
.tqm-inner-banner__caption--banner-b2 .tqm-button--red {
padding: 14px;
min-width: 164px;
font-size: 1.125em;
}
.tqm-inner-banner__caption--title {
border-left: 0;
padding-left: 0;
font-size: 1.870em;
line-height: 130%;
}
.tqm-inner-banner__caption--subtitle {
font-weight: 100;
}
.tqm-inner-banner__tab {
display: block;
position: relative;
height: 448px;
background-size: cover;
background-position: top right -80px;
}
.tqm-inner-banner__mobile img {
width: 100%;
max-width: none;
overflow: hidden;
}
.tqm-inner-banner__desktop {
display: none;
}
.tqm-inner-banner__overlay {
background-color: rgba(0,0,0,0.5);
background-image: none;
opacity: 1;
}
}
@media (max-width: 768px) {
.tqm-inner-banner {
position: relative;
max-height: 100%;
margin-top: 0;
}
.tqm-inner-banner .tqm-button {
margin: 0;
}
.tqm-inner-banner__caption--banner-b2 .tqm-button--red {
padding: 14px;
min-width: 164px;
font-size: 1.125em;
}
.tqm-inner-banner__caption--title {
border-left: 0;
padding-left: 0;
font-size: 1.870em;
line-height: 130%;
}
.tqm-inner-banner__caption--subtitle {
font-weight: 100;
}
.tqm-inner-banner__mobile {
display: block;
position: relative;
height: 448px;
background-size: cover;
background-position: top right -80px;
}
.tqm-inner-banner__mobile img {
width: 100%;
max-width: none;
overflow: hidden;
}
.tqm-inner-banner__desktop {
display: none;
}
.tqm-inner-banner__overlay {
background-color: rgba(0,0,0,0.5);
background-image: none;
opacity: 1;
}
}
/* -------->>> END BANNERS B2 <<<-------*/
/* --------------------------------------*/
/* ------->>> BANNERS B3 <<<-------------*/
/* --------------------------------------*/
.tqm-inner-banner-3__mobile {
display: none;
}
.tqm-inner-banner-3 {
min-height: 448px;
overflow: hidden;
position: relative;
color: #fff;
}
.tqm-inner-banner-3--fixed-width {
min-height: 364px;
overflow: hidden;
position: relative;
color: #fff;
}
.tqm-inner-banner-3__desktop {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-size: cover;
background-position: top right;
background-repeat: none;
}
.tqm-inner-banner-3__overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0.5;
background-image: linear-gradient(89deg, rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0));
}
.tqm-inner-banner-3__caption {
position: absolute;
z-index: 3;
left: 0;
right: 0;
top: 50%;
text-align: center;
transform: translateY(-50%);
}
.tqm-inner-banner-3__caption p {
font-size: 1.125em;
padding-bottom: 10px;
}
.tqm-inner-banner-3__caption-left-aligned {
text-align: left;
}
.tqm-inner-banner-3__caption-left-fixed-width {
text-align: left;
margin-left: 80px;
}
.tqm-inner-banner-3__caption .tqm-button {
min-width: 180px;
font-size: 1.125em;
}
.tqm-inner-banner-3__caption--title {
font-weight: 500;
font-size: 2.813em;
text-transform: uppercase;
letter-spacing: -0.2px;
margin: 0 0 20px 0;
padding: 0;
color: #fff;
}
.tqm-inner-banner-3__caption--subtitle {
font-size: 1.375em;
margin: 0 0 22px 0;
font-weight: 400;
text-transform: uppercase;
}
.tqm-inner-banner-3__caption--subtitle span {
background-color: #c3262f;
padding: 3px 10px;
line-height: 190%;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
@media screen and (max-width: 1330px) and (min-width: 768px) {
.tqm-inner-banner-3__caption .tqm-button--red {
padding: 10px 25px;
}
.tqm-inner-banner-3__desktop {
background-position: top right -150px;
}
}
@media (max-width: 768px) {
.tqm-inner-banner-3 {
position: relative;
max-height: 100%;
margin-top: 0;
}
.tqm-inner-banner-3__caption-left-fixed-width {
margin-left: 0;
}
.tqm-inner-banner-3 .tqm-button {
margin: 0;
}
.tqm-inner-banner-3__caption .tqm-button--red {
padding: 14px;
min-width: 164px;
font-size: 1.125em;
}
.tqm-inner-banner-3__caption--title {
border-left: 0;
padding-left: 0;
font-size: 1.870em;
line-height: 130%;
}
.tqm-inner-banner-3__caption--subtitle {
font-weight: 100;
}
.tqm-inner-banner-3__mobile {
display: block;
position: relative;
height: 448px;
background-size: cover;
background-position: top right -80px;
}
.tqm-inner-banner-3__mobile img {
width: 100%;
max-width: none;
overflow: hidden;
}
.tqm-inner-banner-3__desktop {
display: none;
}
.tqm-inner-banner-3__overlay {
background-color: rgba(0,0,0,0.5);
background-image: none;
opacity: 1;
}
}
/* -------->>> END BANNERS B3 <<<-------*/
/* --------------------------------------*/
/* ------->>> BANNERS B5 <<<-------------*/
/* --------------------------------------*/
.tqm-inner-banner-5__mobile {
display: none;
}
.tqm-inner-banner-5 {
height: 100vh;
overflow: hidden;
position: relative;
color: #fff;
}
.tqm-inner-banner-5__desktop {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-size: cover;
background-position: top right;
background-repeat: none;
}
.tqm-inner-banner-5__overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0.5;
background-image: linear-gradient(89deg, rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0));
}
.tqm-inner-banner-5__caption {
position: absolute;
z-index: 3;
left: 0;
right: 0;
top: 50%;
text-align: center;
transform: translateY(-50%);
}
.tqm-inner-banner-5__caption p {
font-size: 1.125em;
padding-bottom: 10px;
}
.tqm-inner-banner-5__caption .tqm-button {
min-width: 180px;
font-size: 1.125em;
}
.tqm-inner-banner-5__caption--title {
font-weight: 500;
font-size: 2.813em;
text-transform: uppercase;
letter-spacing: -0.2px;
margin: 0 0 20px 0;
padding: 0;
color: #fff;
}
.tqm-inner-banner-5__caption--subtitle {
font-size: 1.375em;
margin: 0 0 22px 0;
font-weight: 400;
text-transform: uppercase;
}
.tqm-inner-banner-5__caption--subtitle span {
background-color: #c3262f;
padding: 3px 10px;
line-height: 190%;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.tqm-inner-banner-5__next {
position: absolute;
bottom: 60px;
text-align: center;
font-weight: 400;
left: 0;
right: 0;
text-transform: uppercase;
font-size: 0.875em;
}
.tqm-inner-banner-5__next a {
color: #fff;
position: relative;
display: inline-block;
margin: 0 auto;
width: auto;
transition: 0.5s;
}
.tqm-inner-banner-5__next a:hover {
color: #fff;
}
.tqm-inner-banner-5__next a:after {
content: "";
background:url(/assets/oneweb/images/arrow-thin-rev.svg);
width: 30px;
display: block;
left: 0;
right: 0;
height: 30px;
margin: 0 auto;
transform: translateY(0) rotate(180deg);
transition: 0.5s;
}
.tqm-inner-banner-5__next a:hover:after {
transform: translateY(15px) rotate(180deg);
}
@media screen and (max-width: 1330px) and (min-width: 768px) {
.tqm-inner-banner-5__caption .tqm-button--red {
padding: 10px 25px;
}
.tqm-inner-banner-5__desktop {
background-position: top right -150px;
}
}
@media (max-width: 768px) {
.tqm-inner-banner-5 {
position: relative;
max-height: 100%;
margin-top: 0;
}
.tqm-inner-banner-5 .tqm-button {
margin: 0;
}
.tqm-inner-banner-5__caption .tqm-button--red {
padding: 14px;
min-width: 164px;
font-size: 1.125em;
}
.tqm-inner-banner-5__caption--title {
border-left: 0;
padding-left: 0;
font-size: 1.870em;
line-height: 130%;
}
.tqm-inner-banner-5__caption--subtitle {
font-weight: 100;
}
.tqm-inner-banner-5__mobile {
display: block;
position: relative;
height: 100%;
background-size: cover;
background-position: top right -80px;
}
.tqm-inner-banner-5__mobile img {
width: 100%;
max-width: none;
overflow: hidden;
}
.tqm-inner-banner-5__desktop {
display: none;
}
.tqm-inner-banner-5__overlay {
background-color: rgba(0,0,0,0.5);
background-image: none;
opacity: 1;
}
}
/* -------->>> END BANNERS B5 <<<-------*/
/* --------------------------------------*/
/* ----->>> BANNERS PAGE TITLE <<<-------*/
/* --------------------------------------*/
.tqm-internal-banner__mobile {
display: none;
}
.tqm-internal-banner {
min-height: 448px;
overflow: hidden;
position: relative;
color: #fff;
}
.tqm-internal-banner__desktop {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-size: cover;
background-position: top right;
background-repeat: no-repeat;
}
.tqm-internal-banner__overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0.5;
background-image: linear-gradient(89deg, rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0));
}
.tqm-internal-banner__caption {
position: absolute;
/* z-index: 3; */
left: 0;
right: 0;
top: 45%;
transform: translateY(-45%);
}
.tqm-page-title-banner__caption--title {
font-weight: 500;
font-size: 3.750em;
line-height: 60px;
margin: 0 0 20px 0;
padding: 0;
color: #fff;
}
.tqm-page-title-banner__caption-paragraph {
font-size: 1.125em;
line-height: 150%;
max-width: 500px;
margin-bottom: 0;
}
@media screen and (max-width: 1330px) and (min-width: 768px) {
.tqm-internal-banner__desktop {
background-position: top right -150px;
}
}
@media (max-width: 768px) {
.tqm-internal-banner {
position: relative;
max-height: 100%;
margin-top: 0;
}
.tqm-page-title-banner__caption--title {
border-left: 0;
padding-left: 0;
font-size: 2.70em;
line-height: 110%;
}
.tqm-internal-banner__mobile {
display: block;
position: relative;
height: 448px;
background-size: cover;
background-position: top right -80px;
}
.tqm-internal-banner__mobile img {
width: 100%;
max-width: none;
overflow: hidden;
}
.tqm-internal-banner__desktop {
display: none;
}
.tqm-internal-banner__overlay {
background-color: rgba(0,0,0,0.5);
background-image: none;
opacity: 1;
}
}
/* ------>>> END BANNERS PAGE TITLE <<<------*/
/* -----------------------------------*/
/* --->>> SEARCH VIDEO BANNER <<<-----*/
/* -----------------------------------*/
.tqm-inner-banner__mobile {
display: none;
}
.tqm-inner-banner {
min-height: 448px;
overflow: hidden;
position: relative;
color: #fff;
}
.tqm-inner-banner__desktop {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-size: cover;
background-position: top right;
background-repeat: none;
}
.tqm-inner-banner__desktop video {
width: 100%;
transform: translateY(-15%);
}
.tqm-inner-banner__overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
opacity: 0.5;
background-image: linear-gradient(89deg, rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0));
}
.tqm-inner-banner__caption {
position: absolute;
z-index: 3;
bottom: 0;
left: 0;
text-align: center;
right: 0;
top: 45%;
transform: translateY(-45%);
}
.tqm-inner-banner__caption .tqm-popular-study__search-container {
margin: 0 auto 0 auto;
padding-top: 23px;
width: 100%;
}
.tqm-inner-banner__caption .tqm-popular-study__search-holder {
float: none;
text-align: center;
margin: 0 auto;
width: 100%;
}
.tqm-inner-banner__caption .tqm-button {
min-width: 180px;
font-size: 1.125em;
}
.tqm-inner-banner__caption--title {
font-weight: 500;
font-size: 2.813em;
color: #fff;
text-transform: uppercase;
letter-spacing: -0.2px;
margin: 0 0 20px 0;
padding: 0;
}
.tqm-inner-banner__caption--subtitle {
font-size: 1.125em;
margin: 0 0 22px 0;
font-weight: 300;
}
.tqm-button-video__hidden {
display: none;
}
.tqm-popular-study__search-bar {
width: 99%;
color: #333;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
padding: 16px 170px 16px 65px;
position: relative;
border: 1px solid #bdbdbd;
border-radius: 4px;
background:url(/assets/oneweb/images/search-alt-mono.svg) no-repeat #fff center left 16px;
background-size: 34px 34px;
}
.tqm-popular-study__search-bar--submit {
width: 120px;
position: absolute;
right: 0;
padding: 14px 25px;
margin-top: -1px;
min-width: auto;
}
@media screen and (max-width: 1330px) and (min-width: 768px) {
.tqm-inner-banner__caption .tqm-button--red {
padding: 10px 25px;
}
.tqm-inner-banner__desktop {
background-position: top right -150px;
}
}
@media (max-width: 768px) {
.tqm-inner-banner .tqm-button.tqm-button-video__hidden {
display: block;
width: 195px;
float: none;
margin-top: 10px;
}
.tqm-inner-banner__featured-logo {
position: static;
}
.tqm-featured-logo__container img {
margin-top: -26px;
max-height: 70px;
}
.tqm-inner-banner {
position: relative;
max-height: 100%;
margin-top: 0;
}
.tqm-inner-banner .tqm-button {
margin: 0;
}
.tqm-inner-banner__caption .tqm-button--red {
padding: 14px;
min-width: 164px;
font-size: 1.125em;
}
.tqm-inner-banner__caption {
top: 30px;
text-align: left;
transform: translateY(0);
}
.tqm-inner-banner__height {
height: 100%;
margin: 0;
padding: 0;
width: 100%;
}
.tqm-inner-banner__caption--title {
border-left: 0;
padding: 0 20px;
font-size: 2.250em;
line-height: 130%;
max-width: 280px;
line-height: 1.1;
}
.tqm-inner-banner__caption--subtitle {
font-weight: 100;
padding: 0 20px 0 20px;
}
.tqm-inner-banner__caption--subtitle span {
background-color: #c3262f;
text-transform: uppercase;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
padding: 6px;
font-weight: 400;
font-size: 1.275em;
line-height: 190%;
}
.tqm-inner-banner__mobile {
display: block;
position: relative;
height: 448px;
background-size: cover;
background-position: top right -80px;
}
.tqm-inner-banner__mobile img {
width: 100%;
max-width: none;
overflow: hidden;
}
.tqm-inner-banner__mobile video {
transform: translateY(-50%);
top: 50%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
}
.tqm-inner-banner__desktop {
display: none;
}
.tqm-inner-banner__overlay {
background-color: rgba(0,0,0,0.5);
background-image: none;
opacity: 1;
}
.tqm-popular-study__search-bar {
padding-right: 20px;
}
.tqm-inner-banner__caption .tqm-popular-study__search-container {
position: absolute;
bottom: 20px;
background:rgba(0,0,0,0.4);
}
}
/* ---->>> END SEARCH VIDEO BANNER <<<----*/
/* ------------------------------------------------------*/
/* --->>> SEARCH VIDEO BANNER ADDITIONAL PADDING <<<-----*/
/* -----------------------------------------------------*/
.tqm-inner-banner--bottom-padding .tqm-inner-banner__caption {
bottom: -54px;
}
.tqm-inner-banner--bottom-padding .tqm-inner-banner {
min-height: 502px;
}
@media (max-width: 768px) {
.tqm-inner-banner--bottom-padding .tqm-inner-banner__caption {
bottom: 0;
}
}
/* --------------------------------------*/
/* ---------->>> BUTTONS <<<-------------*/
/* --------------------------------------*/
.tqm-button {
padding: 15px 30px;
display: inline-block;
font-weight: 400;
min-width: 200px;
text-align: center;
}
.tqm-button:hover {
text-decoration: none;
cursor: pointer;
}
.tqm-button--red {
background-color: #c3262f;
border: 2px solid #c3262f;
color: #fff;
border-radius: 4px;
text-decoration: none;
margin-bottom: 5px;
}
.tqm-button--red:hover, .tqm-button--red:focus {
background-color: #333;
border: 2px solid #333;
color: #fff;
}
.tqm-button__arrow--red {
background-color: #c3262f;
color: #fff;
border-radius: 4px;
text-decoration: none;
width: 100%;
padding-right: 40px;
text-align: left;
position: relative;
}
.tqm-button__arrow--red:after {
content:" ";
padding-left: 20px;
margin-left: 4px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right center;
width: 16px;
height: 16px;
top: 50%;
transform: translateY(-50%);
right: 16px;
position: absolute;
display: block;
}
.tqm-button__arrow--red:hover {
background-color: #333;
color: #fff;
}
.tqm-button__arrow--red-on-white {
background-color: #fff;
color: #c3262f;
border-radius: 4px;
text-decoration: none;
width: 100%;
padding-right: 40px;
text-align: left;
position: relative;
}
.tqm-button__arrow--red-on-white:after {
content:" ";
padding-left: 20px;
margin-left: 4px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right center;
width: 16px;
height: 16px;
top: 50%;
transform: translateY(-50%);
right: 16px;
position: absolute;
display: block;
}
.tqm-button__arrow--red-on-white:hover {
background-color: #c3262f;
color: #fff;
}
.tqm-button__arrow--red-on-white:hover:after {
background-image: url('data:image/svg+xml;utf8,');
}
.tqm-button--red-thin {
background-color: #c3262f;
border: 2px solid #c3262f;
color: #fff;
font-size: 0.875em;
border-radius: 4px;
padding: 9px 25px;
min-width: 180px;
text-decoration: none;
}
.tqm-button--red-thin:hover, .tqm-button--red-thin:focus {
background-color: #333;
border: 2px solid #333;
color: #fff;
}
@media (max-width: 768px) {
.tqm-content-module-2 p a.tqm-button.tqm-button--red-thin {
margin:5px 25px;
}
}
.tqm-button--red-thin__small {
background-color: #c3262f;
border: 2px solid #c3262f;
color: #fff;
font-size: 0.875em;
border-radius: 4px;
padding: 4px 18px;
min-width: auto;
font-weight: 300;
text-decoration: none;
}
.tqm-button--red-thin__small:hover, .tqm-button--red-thin__small:focus {
background-color: #333;
border: 2px solid #333;
color: #fff;
}
.tqm-button--red-outline {
border: 2px solid #c3262f;
color: #c3262f;
border-radius: 4px;
}
.tqm-button--red-outline:hover, .tqm-button--red-outline:focus {
background-color: #c3262f;
color: #fff;
}
.tqm-button--grey-outline {
border: 2px solid #bdbdbd;
color: #858585;
border-radius: 4px;
text-decoration: none;
}
.tqm-button--grey-outline:hover, .tqm-button--grey-outline:focus {
background-color: #333;
border: 2px solid #333;
color: #fff;
}
.tqm-button__arrow--grey-outline {
border: 2px solid #bdbdbd;
color: #858585;
border-radius: 4px;
text-decoration: none;
width: 100%;
padding-right: 40px;
text-align: left;
position: relative;
}
.tqm-button__arrow--grey-outline:after {
content:" ";
padding-left: 20px;
margin-left: 4px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right center;
width: 16px;
height: 16px;
top: 50%;
transform: translateY(-50%);
right: 16px;
position: absolute;
display: block;
}
.tqm-button__arrow--grey-outline:hover:after {
background-image: url('data:image/svg+xml;utf8,');
}
.tqm-button__arrow--grey-outline:hover {
border: 2px solid #333;
background-color: #333;
color: #fff;
}
.tqm-button__arrow--grey-on-white {
background-color: #fff;
color: #858585;
border-radius: 4px;
text-decoration: none;
width: 100%;
padding-right: 40px;
text-align: left;
position: relative;
}
.tqm-button__arrow--grey-on-white:after {
content:" ";
padding-left: 20px;
margin-left: 4px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right center;
width: 16px;
height: 16px;
top: 50%;
transform: translateY(-50%);
right: 16px;
position: absolute;
display: block;
}
.tqm-button__arrow--grey-on-white:hover {
background-color: #858585;
color: #fff;
}
.tqm-button__arrow--grey-on-white:hover:after {
background-image: url('data:image/svg+xml;utf8,');
}
.tqm-button--grey-outline__thin {
border: 2px solid #bdbdbd;
color: #858585;
font-size: 0.875em;
border-radius: 4px;
padding: 9px 25px;
min-width: 180px;
text-decoration: none;
}
.tqm-button--grey-outline__thin:hover, .tqm-button--grey-outline__thin:focus {
background-color: #333;
border: 2px solid #333;
color: #fff;
}
.tqm-button--white-grey-thin {
background-color: #fff;
border: 2px solid #fff;
color: #858585;
font-size: 0.875em;
border-radius: 4px;
padding: 9px 25px;
min-width: 180px;
text-decoration: none;
}
.tqm-button--white-grey-thin:hover, .tqm-button--white-grey-thin:focus {
background-color: #000;
border: 2px solid #000;
color: #fff;
}
.tqm-button--purple {
background: #6c1e9b;
border-radius: 4px;
color: #fff;
text-decoration: none;
}
.tqm-button--purple:hover, .tqm-button--purple:focus {
background-color: #000;
color: #fff;
}
.tqm-button__arrow--purple {
background-color: #6c1e9b;
color: #fff;
border-radius: 4px;
text-decoration: none;
width: 100%;
padding-right: 40px;
text-align: left;
position: relative;
}
.tqm-button__arrow--purple:after {
content:" ";
padding-left: 20px;
margin-left: 4px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right center;
width: 16px;
height: 16px;
top: 50%;
transform: translateY(-50%);
right: 16px;
position: absolute;
display: block;
}
.tqm-button__arrow--purple:hover {
background-color: #333;
color: #fff;
}
.tqm-button__arrow--purple-on-white {
background-color: #fff;
color: #6b1d9b;
border-radius: 4px;
text-decoration: none;
width: 100%;
padding-right: 40px;
text-align: left;
position: relative;
}
.tqm-button__arrow--purple-on-white:after {
content:" ";
padding-left: 20px;
margin-left: 4px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right center;
width: 16px;
height: 16px;
top: 50%;
transform: translateY(-50%);
right: 16px;
position: absolute;
display: block;
}
.tqm-button__arrow--purple-on-white:hover {
background-color: #6b1d9b;
color: #fff;
}
.tqm-button__arrow--purple-on-white:hover:after {
background-image: url('data:image/svg+xml;utf8,');
}
.tqm-button--purple-thin {
background-color: #6c1e9b;
border: 2px solid #6c1e9b;
color: #fff;
font-size: 0.875em;
border-radius: 4px;
padding: 9px 25px;
min-width: 180px;
text-decoration: none;
margin-bottom: 5px;
}
.tqm-button--purple-thin:hover, .tqm-button--purple-thin:focus {
background-color: #333;
border: 2px solid #333;
color: #fff;
}
.tqm-button--purple-outline {
border: 2px solid #6c1e9b;
color: #6c1e9b;
border-radius: 4px;
text-decoration: none;
}
.tqm-button--purple-outline:hover, .tqm-button--purple-outline:focus {
background-color: #6c1e9b;
border: 2px solid #6c1e9b;
color: #fff;
}
.tqm-button--teal {
background-color: #01a8ba;
color: #fff;
border-radius: 4px;
text-decoration: none;
}
.tqm-button--teal:hover, .tqm-button--teal:focus {
background-color: #000;
color: #fff;
}
.tqm-button__arrow--teal {
background-color: #01a8ba;
color: #fff;
border-radius: 4px;
text-decoration: none;
width: 100%;
padding-right: 40px;
text-align: left;
position: relative;
}
.tqm-button__arrow--teal:after {
content:" ";
padding-left: 20px;
margin-left: 4px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right center;
width: 16px;
height: 16px;
top: 50%;
transform: translateY(-50%);
right: 16px;
position: absolute;
display: block;
}
.tqm-button__arrow--teal:hover {
background-color: #333;
color: #fff;
}
.tqm-button__arrow--teal-on-white {
background-color: #fff;
color: #23b4c4;
border-radius: 4px;
text-decoration: none;
width: 100%;
padding-right: 40px;
text-align: left;
position: relative;
}
.tqm-button__arrow--teal-on-white:after {
content:" ";
padding-left: 20px;
margin-left: 4px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right center;
width: 16px;
height: 16px;
top: 50%;
transform: translateY(-50%);
right: 16px;
position: absolute;
display: block;
}
.tqm-button__arrow--teal-on-white:hover {
background-color: #23b4c4;
color: #fff;
}
.tqm-button__arrow--teal-on-white:hover:after {
background-image: url('data:image/svg+xml;utf8,');
}
.tqm-button--teal-thin {
background-color: #01a8ba;
border: 2px solid #01a8ba;
color: #fff;
font-size: 0.875em;
border-radius: 4px;
padding: 9px 25px;
min-width: 180px;
text-decoration: none;
}
.tqm-button--teal-thin:hover, .tqm-button--teal-thin:focus {
background-color: #333;
border: 2px solid #333;
color: #fff;
}
.tqm-button--teal-outline {
border: 2px solid #23b4c4;
color: #23b4c4;
border-radius: 4px;
}
.tqm-button--teal-outline:hover, .tqm-button--teal-outline:focus {
background-color: #23b4c4;
color: #fff;
}
.tqm-button--dark-grey {
background-color: #333;
color: #fff;
border-radius: 4px;
text-decoration: none;
}
.tqm-button--dark-grey:hover, .tqm-button--dark-grey:focus {
background-color: #000;
color: #fff;
}
.tqm-button__arrow--dark-grey {
background-color: #333;
color: #fff;
border-radius: 4px;
text-decoration: none;
width: 100%;
padding-right: 40px;
text-align: left;
position: relative;
}
.tqm-button__arrow--dark-grey:after {
content:" ";
padding-left: 20px;
margin-left: 4px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: right center;
width: 16px;
height: 16px;
top: 50%;
transform: translateY(-50%);
right: 16px;
position: absolute;
display: block;
}
.tqm-button__arrow--dark-grey:hover {
background-color: #000;
color: #fff;
}
.tqm-button--dark-grey-thin {
background-color: #333;
border: 2px solid #333;
color: #fff;
font-size: 0.875em;
border-radius: 4px;
padding: 9px 25px;
min-width: 180px;
text-decoration: none;
}
.tqm-button--dark-grey-thin:hover, .tqm-button--dark-grey-thin:focus {
background-color: #000;
border: 2px solid #000;
color: #fff;
}
.tqm-button--white-red {
background-color: #fff;
color: #c3262f;
border-radius: 4px;
text-decoration: none;
}
.tqm-button--white-red:hover, .tqm-button--white-red:focus {
background-color: #333;
color: #fff;
}
.tqm-button--transparent-white {
color: #fff;
border-radius: 4px;
border: 2px solid #fff;
text-decoration: none;
}
.tqm-button--transparent-white:hover, .tqm-button--transparent-white:focus {
background-color: #fff;
color: #000;
}
.tqm-button--transparent-white-thin {
border: 2px solid #fff;
color: #fff;
font-size: 0.875em;
border-radius: 4px;
padding: 9px 25px;
min-width: 180px;
text-decoration: none;
}
.tqm-button.tqm-button--transparent-white-thin:hover, .tqm-button--transparent-white-thin:focus {
background-color: #fff;
border: 2px solid #fff;
color: #000;
}
.tqm-button--white-teal {
background-color: #fff;
color: #23b4c4;
border-radius: 4px;
text-decoration: none;
}
.tqm-button--white-teal:hover, .tqm-button--white-teal:focus {
background-color: #333;
color: #fff;
}
.tqm-link__arrow {
text-transform: uppercase;
color: #23b4c4;
padding-right: 30px;
}
.tqm-link__arrow:after {
content:" ";
width: 10px;
padding-left: 10px;
height: 12px;
margin-left: 5px;
display: inline-block;
line-height: 1;
background-color: #23b4c4;
-webkit-mask-image: url('/assets/oneweb/images/arrow-thin.svg');
mask-image: url('/assets/oneweb/images/arrow-thin.svg');
}
.tqm-link__arrow:hover:after {
background-color: #c3262f;
}
.tqm-button--linkedin {
border: 2px solid #007bb6;
font-size: 0.875em;
border-radius: 4px;
padding: 9px 25px;
min-width: 180px;
text-decoration: none;
display: inline-block;
background:url(/assets/oneweb/images/linked-in-mono.png) no-repeat center center;
}
.tqm-button--linkedin span {
opacity: 0;
}
.tqm-button--linkedin:hover, .tqm-button--linkedin:focus {
border: 2px solid #333;
color: #fff;
background:url(/assets/oneweb/images/linked-in-mono--white.png) no-repeat center center #333;
}
/* --------->>> END BUTTONS <<<----------*/
/* --------------------------------------*/
/* --------->>> FONT SIZES <<<-----------*/
/* --------------------------------------*/
.tqm-font-size--12 {
font-size: 12px;
}
.tqm-font-size--14 {
font-size: 14px;
}
.tqm-font-size--16 {
font-size: 16px;
}
/* -------->>> END FONT SIZES <<<--------*/
/* --------------------------------------*/
/* --------->>> ICON LINKS <<<-----------*/
/* --------------------------------------*/
.tqm-link__icon--list {
list-style-type: none;
padding: 0;
line-height: 100%;
}
.tqm-link__icon--list li a {
border-bottom: 0;
}
.tqm-link__icon--list li a:hover {
background-color: #f7f7f7;
}
.tqm-link__icon--list li:last-child a {
border-bottom: 1px solid #dcdcdc;
}
.tqm-link__icon {
padding: 15px;
color: #6a6969;
display: inline-block;
width: 100%;
}
.tqm-link__icon-text {
vertical-align: top;
padding: 5px;
display: block;
width: 85%;
float: left;
}
.tqm-link__icon--image {
margin: 0 10px 0 0;
width: 30px;
vertical-align: top;
display: block;
float: left;
}
.tqm-link__icon--image img {
max-width: 100%;
}
.tqm-link__icon--border {
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
margin-bottom: -2px;
}
.tqm-link__icon--grey {
background-color: #f7f7f7;
}
/* ------->>> END ICON LINKS <<<---------*/
/* --------------------------------------------*/
/* ----->>> MOBILE SPECIFIC ACTION BAR <<<-----*/
/* --------------------------------------------*/
.tqm-mobile-action-bar {
display: none;
}
@media (max-width: 768px) {
.tqm-mobile-action-bar {
display: block;
}
.tqm-mobile-action-bar__title {
text-transform: uppercase;
background-color: #c3262f;
font-size: 0.625em;
padding: 8px 10px;
text-align: center;
color: #fff;
font-weight: 300;
letter-spacing: 2px;
}
.tqm-mobile-action-bar__items {
width: 100%;
margin: 0;
padding: 0;
float: left;
list-style-type: none;
line-height: 130%;
}
.tqm-mobile-action-bar__items li {
width: 33.3333%;
display: block;
float: left;
padding: 0;
text-align: center;
border-right: 1px solid #e8e8e8;
}
.tqm-mobile-action-bar__items li:last-child {
border-right: 0;
}
.tqm-mobile-action-bar__items li a {
text-transform: uppercase;
font-size: 0.625em;
color: #c3262f;
padding: 8px 0;
display: block;
letter-spacing: 0.4px;
}
.tqm-mobile-action-bar__items li a:hover {
background-color: #eaeaea;
text-decoration: none;
}
}
/* --->>> END MOBILE SPECIFIC ACTION BAR <<<---*/
/* --------------------------------------*/
/* ------>>> CALL TO ACTION BOX <<<------*/
/* --------------------------------------*/
/* Red */
.tq-call-to-action {
padding: 60px 0;
}
.tq-call-to-action--red {
background-image: radial-gradient(circle at 48% 0, #f14150, #9f041b);
color: #fff;
text-align: center;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.tq-call-to-action--red__title {
font-size: 1.875em;
text-align: left;
font-weight: 100;
line-height: 1.2em;
padding-top: 24px;
}
.tq-call-to-action__list {
float: right;
}
.tq-call-to-action__list li {
list-style-type: none;
display: inline-block;
padding-right: 80px;
text-align: center;
}
.tq-call-to-action__list li span {
background-color: #333;
display: block;
border-radius: 50%;
width: 86px;
height: 86px;
line-height: 86px;
text-align: center;
margin: 0 auto 10px auto;
transition: all ease 0.5s;
}
.tq-call-to-action__list li a {
color: #fff;
}
.tq-call-to-action__list a:hover span {
background-color: #000;
}
.tq-call-to-action__list svg {
width: 46px;
height: 46px;
}
.tq-call-to-action__list svg path {
stroke: #fff;
}
/* Purple */
.tq-call-to-action--purple {
background-image: linear-gradient(to top, #3d0479, #6b1d9b);
color: #fff;
font-weight: 200;
font-size: 1em;
display: block;
}
.tq-call-to-action--purple .tq-button {
min-width: 230px;
margin: 10px 0;
}
.tq-call-to-action__purple--content {
margin: 10px 0;
}
.tq-call-to-action__purple--content hr {
margin: 0 auto 20px auto;
text-align: center;
}
.tq-call-to-action__purple--svg path {
stroke: #fff;
}
.tq-call-to-action-box--large__purple {
background-image: linear-gradient(to top, #3d0479, #6b1d9b);
color: #fff;
text-align: center;
font-size: 1.125em;
font-weight: 100;
padding: 30px 0 40px 0;
}
.tq-call-to-action-box--large__purple .container {
max-width: 580px;
}
.tq-call-to-action-box--large__purple .tq-call-out-box__purple--title h3 {
font-size: 2.125em;
font-weight: 100;
color: #fff;
padding: 20px 0 30px 0;
}
.tq-call-to-action-box--large__purple p {
padding-bottom: 20px;
}
@media (max-width: 768px) {
.tq-call-to-action--red {
padding: 10px 0 20px 0;
}
.tq-call-to-action--red__title {
text-align: center;
padding-bottom: 20px;
}
.tq-call-to-action__list {
margin: 0;
padding: 0;
float: none;
}
.tq-call-to-action__list li {
padding: 0 20px;
font-size: 0.750em;
}
}
/* ----->>> END CALL TO ACTION BOX <<<------*/
/* --------------------------------------*/
/* ------->>> CALL OUT SIDE BOX <<<------*/
/* --------------------------------------*/
.tqm-form h2 {
font-size: 1.250em;
font-weight: 400;
color: #4a4a4a;
text-transform: none;
}
.tqm-column--grey {
background-color: #f7f7f7;
padding-left: 15px;
padding-right: 15px;
}
.tqm-section--two-tone-grey {
background: #f7f7f7;
background: -moz-linear-gradient(left, #f7f7f7 50%, #f7f7f7 51%, #dddddd 51%, #dddddd 51%);
background: -webkit-linear-gradient(left, #f7f7f7 50%,#f7f7f7 51%,#dddddd 51%,#dddddd 51%);
background: linear-gradient(to right, #f7f7f7 50%,#f7f7f7 51%,#dddddd 51%,#dddddd 51%);
}
.tqm-enquire-form__sidebar {
text-align: center;
position: relative;
padding: 60px 0 30px 0;
}
/*----------Added for hyperlink issue by JP ---------*/
.tqm-eligibility {
position: inherit !important;
}
.tqm-enquire-form__sidebar:before {
width: 0;
height: 0;
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
border-style: solid;
border-width: 15px 0 15px 20px;
border-color: transparent transparent transparent #f7f7f7;
}
.tqm-enquire-form__sidebar--icon-list {
margin: 0 auto;
padding: 0;
}
.tqm-enquire-form__sidebar--icon-list li {
list-style-type: none;
position: relative;
width: 100px;
line-height: 150%;
margin: 37px auto;
text-align: center;
color: #6a6969;
font-size: 0.875em;
font-weight: 400;
}
.tqm-enquire-form__sidebar--icon-list li a {
color: #6a6969;
}
.tqm-enquire-form__sidebar--icon-list li a:hover {
color: #6a6969;
}
.tqm-icon-list__image {
display: inline-block;
background: rgba(238,238,238,1);
-webkit-transition: background 0.5s, color 0.2s;
-moz-transition: background 0.5s, color 0.2s;
transition: background 0.5s, color 0.2s;
border-radius: 50%;
width: 77px;
height: 77px;
line-height: 77px;
margin-bottom: 10px;
}
/* Icon Hover */
.tqm-icon-list__image:hover {
background: rgba(255,255,255,1);
color: #41ab6b;
}
/* End Icon Hover */
.tqm-enquire-form__sidebar--icon-list li svg {
vertical-align: middle;
}
.tqm-enquire-form__sidebar--icon-list li svg path {
stroke: #6a6969;
}
@media (max-width: 768px) {
.tqm-section--two-tone-grey {
background: none;
}
}
/* ---->>> END CALL OUT SIDE BOX <<<-----*/
/* --------------------------------------*/
/* ------->>> EMAIL SUBSCRIBE <<<--------*/
/* --------------------------------------*/
.tqm-email-subscribe {
padding: 30px 40px 40px 40px;
position: relative;
}
.tqm-email-subscribe__grey {
border-left: 5px solid #6c1e9b;
background-color: #f7f7f7;
color: #6a6969;
}
.tqm-email-subscribe__red {
border-left: 5px solid #333;
background-color: transparent;
background-image: radial-gradient(circle at 48% 0, #f5515f, #9f041b);
color: #fff;
}
.tqm-email-subscribe__title {
font-size: 1.875em;
font-weight: 100;
padding-bottom: 20px;
}
.tqm-email-subscribe input[type=text], .tqm-email-subscribe input[type=email] {
border-radius: 4px;
border: 1px solid #bdbdbd;
padding: 10px 20px;
margin-right: 20px;
font-weight: 400;
}
.tqm-email-subscribe input[type=text] {
width: 150px;
}
.tqm-email-subscribe input[type=email] {
width: 358px;
}
.tqm-email-subscribe .tqm-checkbox + label {
font-weight: 200;
font-size: 0.750em;
margin-right: 20px;
}
.tqm-email-subscribe .tqm-checkbox + label span {
margin-right: 10px;
margin-left: 0;
}
.tqm-email-subscribe__red .tqm-checkbox + label span {
border-color: #fff;
}
.tqm-email-subscribe__red .tqm-checkbox + label span:after {
color: #fff;
}
.tqm-email-subscribe .tqm-checkbox + label span:after {
margin-left: 2px;
}
.tqm-email-subscribe__required {
font-size: 0.625em;
font-weight: 200;
position: absolute;
right: 40px;
top: 49px;
}
.tqm-email-subscribe__red .tqm-button--transparent-white-thin {
background-color: transparent;
}
.tqm-email-subscribe .tqm-button {
min-width: 150px;
}
@media (min-width: 768px) and (max-width: 1024px) {
.tqm-email-subscribe input[type=email] {
width: 160px;
}
.tqm-email-subscribe input[type=email], .tqm-email-subscribe input[type=text] {
margin-right: 4px;
margin-bottom: 10px;
}
.tqm-email-subscribe .tqm-button {
float: right;
}
}
@media (max-width: 768px) {
.tqm-email-subscribe input[type=email], .tqm-email-subscribe input[type=text] {
width: 100%;
margin-bottom: 10px;
}
.tqm-email-subscribe__required {
top: 15px;
left: 40px;
}
.tqm-email-subscribe .tqm-button {
margin-top: 10px;
}
}
/* ----->>> END EMAIL SUBSCRIBE <<<-----*/
/* -----------------------------------*/
/* -------->>> GET STARTED <<<--------*/
/* -----------------------------------*/
.tqm-get-started {
text-align: center;
color: #6a6969;
font-weight: 300;
}
.tqm-get-started h6 {
font-size: 1em;
margin-bottom: 20px;
color: #6a6969;
font-weight: 300;
}
.tqm-get-started .tqm-button {
min-width: 270px;
margin: 5px 15px;
}
@media (max-width: 768px) {
.tqm-get-started {
display: none;
}
}
/* ------>>> END GET STARTED <<<------*/
/* -----------------------------------*/
/* --->>> CALL TO ACTION PURPLE <<<---*/
/* -----------------------------------*/
.tqm-call-to-action {
padding: 60px 0;
}
.tqm-call-to-action--purple {
background-image: linear-gradient(to top, #3d0479, #6b1d9b);
color: #fff;
font-weight: 200;
font-size: 1em;
display: block;
}
.tqm-call-to-action--purple .tqm-button {
min-width: 230px;
margin: 10px 0;
}
.tqm-call-to-action__purple--content {
margin: 10px 0;
color: #fff;
}
.tqm-call-to-action__purple--content h3 {
color: #fff;
}
.tqm-call-to-action__purple--content hr {
margin: 0 auto 20px auto;
text-align: center;
width: 40px;
background-color: #c3262f;
height: 3px;
border: 0;
}
.tqm-call-to-action__purple--svg path {
stroke: #fff;
}
@media (max-width: 768px) {
.tqm-call-to-action__purple--svg {
display: none;
}
.tqm-call-out-box__column {
padding: 0;
}
.tqm-call-out-box__purple--title {
font-weight: 200;
margin-bottom: 0px;
font-size: 1.47em;
}
.tqm-call-to-action {
padding: 20px 0;
}
.tqm-call-to-action__purple--content {
font-size: 0.875em;
}
.tqm-call-to-action--purple {
padding: 15px;
text-align: center;
font-weight: 100;
}
.tqm-call-to-action--purple .tqm-button {
min-width: 140px;
margin: 20px 5px;
display: inline-block;
}
}
/* ------>>> END CALL TO ACTION PANEL <<<------*/
/* --------------------------------------------*/
/* --->>> CALL TO ACTION PANEL - IMAGE <<<-----*/
/* --------------------------------------------*/
.tqm-call-to-action__image {
padding: 157px 0 160px 0;
background-size: cover;
background-position: center center;
position: relative;
}
.tqm-call-to-action__image--overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background:rgba(0,0,0,0.3);
}
.tqm-call-to-action__image--title {
color: #fff;
text-align: center;
font-size: 2.5em;
font-weight: 100;
margin-bottom: 25px;
}
.tqm-call-to-action__image--links .tqm-button {
font-size: 1.125em;
}
@media (max-width: 768px) {
.tqm-call-to-action__image {
padding: 40px 0;
}
.tqm-call-to-action__image--links .tqm-button {
font-size: 1em;
margin-bottom: 10px;
}
}
/* -->>> END CALL TO ACTION PANEL - IMAGE <<<--*/
/* --------------------------------------*/
/* ------->>> CONTENT M6 <<<-------------*/
/* --------------------------------------*/
.tqm-content-module__caption-container {
color: #4a4a4a;
}
.tqm-content-module__caption {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
float: left;
}
.tqm-content-module__caption img {
max-width: 100%;
position: relative;
}
.tqm-content-module__caption--image {
position: relative;
max-width: 100%;
}
.tqm-content-module__caption--content {
padding: 30px;
float: left;
}
.tqm-wistia-video {
position: relative;
}
.tqm-wistia-video__wrapper {
height: 100%;
left: 0;
top: 0;
width: 100%;
position: absolute;
}
.tqm-content-module__learn-more {
text-transform: uppercase;
font-size: 0.875em;
}
@media (max-width: 1024px) {
.tqm-content-module__caption img {
max-width: 100%;
}
}
@media (max-width: 768px) {
.tqm-content-module__caption-container {
margin-bottom: 20px;
}
.tqm-content-module__caption img {
width: 100%;
height: auto;
}
}
/* -------->>> END CONTENT M6 <<<-------*/
/* -----------------------------------*/
/* ----------->>> GRID <<<------------*/
/* -----------------------------------*/
.tqm-isotope-grid {
position: relative;
margin-top: 60px;
}
.tqm-isotope-grid__container {
position: relative;
padding: 0;
}
.tqm-isotope-grid__container * {
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.tqm-isotope-grid__item {
position: relative;
float: left;
height: 232px;
}
.tqm-isotope-grid__small-item {
width: 232px;
}
.tqm-isotope-grid__medium-item {
width: 466px;
}
.tqm-isotope-grid__large-item {
width: 702px;
}
.tqm-isotope-grid:after {
clear: both;
content: "";
display: block;
}
@media (max-width: 750px) {
.tqm-isotope-grid__small-item {
width: 100%;
}
.tqm-isotope-grid__medium-item {
width: 100%;
}
.tqm-isotope-grid__large-item {
width: 100%;
}
}
/* --------->>> END GRID <<<----------*/
/* -----------------------------------*/
/* ----------->>> TILES <<<-----------*/
/* -----------------------------------*/
/* White tiles no padding */
.tqm-you-may-like h5 {
color: #000;
font-size: 18px;
padding-bottom: 25px;
}
.tqm-tile__small--white__no-padding {
padding: 0 0 15px 0;
}
.tqm-you-may-like__image {
padding-left: 15px;
padding-right: 15px;
}
.tqm-you-may-like__image img {
max-width: 100%;
height: auto;
}
/* White tiles */
.tqm-tile__small--white {
background-color: #fff;
padding: 20px;
width: 232px;
height: 232px;
}
.tqm-tile__white--subheading {
font-size: 0.625em;
text-transform: uppercase;
font-weight: 400;
color: #737373;
margin-bottom: 4px;
}
.tqm-tile__white--heading {
color: #000000;
font-size: 1em;
line-height: 130%;
font-weight: 400;
}
.tqm-tile__white--heading a {
color: #000000;
}
.tqm-tile__white--heading a:hover{
color: #000000;
text-decoration: underline;
}
.tqm-tile__white--heading a:active{
color: #000000;
text-decoration: underline;
}
.tqm-tile__white--heading a:visited{
color: #000000;
}
.tqm-tile__white--heading:after {
content: "";
display: block;
width: 25px;
background-color: #c2362f;
height: 2px;
margin: 12px 0;
}
.tqm-tile__white--content {
font-size: 0.750em;
font-weight: 200;
color: #000;
line-height: 160%;
}
.tqm-tile__medium-image--white {
background-color: #fff;
height: 232px;
width: 466px;
position: relative;
overflow: hidden;
}
.tqm-tile__medium-image-white--content {
padding: 20px;
width: 50%;
float: left;
position: relative;
height: 100%;
}
.tqm-tile__medium-image-white--content:after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 0 14px 16px;
border-color: transparent transparent transparent #fff;
position: absolute;
right: -16px;
top: 50%;
transform: translateY(-50%);
}
.tqm-tile__medium-image-white--image {
width: 50%;
float: left;
overflow: hidden;
}
.tqm-tile__medium-image-white--image:after {
content: "";
display: block;
clear: both;
}
.tqm-tile__medium-image-white--image img {
max-width: 100%;
}
.tqm-tile__medium--white {
background-color: #fff;
width: 466px;
height: 232px;
padding: 20px;
}
.tqm-tile__large-image--white {
background-color: #fff;
height: 232px;
width: 702px;
position: relative;
overflow: hidden;
}
.tqm-tile__large-image-white--content {
padding: 20px;
width: 34%;
float: left;
position: relative;
height: 100%;
}
.tqm-tile__large-image-white--content:after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 0 14px 16px;
border-color: transparent transparent transparent #fff;
position: absolute;
right: -16px;
top: 50%;
transform: translateY(-50%);
}
.tqm-tile__large-image-white--image {
width: 66%;
float: right;
overflow: hidden;
}
.tqm-tile__large-image-white--image img {
max-width: 100%;
}
.tqm-tile__large--white {
background-color: #fff;
height: 232px;
width: 702px;
position: relative;
overflow: hidden;
padding: 20px;
}
/* Video Tiles */
.tqm-tile-video__small {
width: 232px;
height: 232px;
position: relative;
}
.tqm-tile-video__small .tqm-video-wrapper .wistia_embed {
width: 100%;
height: 232px;
}
.tqm-tile-video__medium {
width: 468px;
height: 232px;
position: relative;
}
.tqm-tile-video__medium .tqm-video-wrapper .wistia_embed {
height: 232px;
width: 100%;
}
.tqm-tile-video__large {
width: 702px;
height: 232px;
position: relative;
}
.tqm-tile-video__large .tqm-video-wrapper .wistia_embed {
height: 232px;
width: 100%;
}
.tqm-tile-video__caption {
position: absolute;
bottom: 15px;
left: 15px;
right: 15px;
color: #fff;
font-size: 0.750em;
font-weight: 400;
}
.tqm-tile-video__caption img {
margin-right: 10px;
}
/* Grey Tiles */
.tqm-tile__small--grey {
background-color: #6a6969;
width: 232px;
height: 232px;
padding: 20px;
position: relative;
font-weight: 1em;
}
.tqm-tile__grey--subheading {
font-size: 0.625em;
text-transform: uppercase;
font-weight: 400;
color: #fff;
margin-bottom: 4px;
}
.tqm-tile__text--caption {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
font-size: 0.750em;
color: #fff;
font-weight: 400;
}
.tqm-tile__text--caption img {
margin-right: 8px;
}
.tqm-tile__grey--content {
color: #fff;
margin: 6px 0 0 0;
font-size: 1.075em;
font-weight: 200;
line-height: 135%;
}
.tqm-tile__grey--content:after {
content: "";
display: block;
width: 25px;
background-color: #c2362f;
height: 2px;
margin: 12px 0;
}
.tqm-tile__medium--grey {
background-color: #6a6969;
width: 466px;
height: 232px;
padding: 20px;
position: relative;
font-weight: 1em;
}
.tqm-tile__large--grey {
background-color: #6a6969;
width: 702px;
height: 232px;
padding: 20px;
position: relative;
font-weight: 1em;
}
/* Red Tiles */
.tqm-tile__small--red {
background-color: #c3262f;
padding: 20px;
width: 232px;
height: 232px;
position: relative;
}
.tqm-tile__red--subheading {
font-size: 0.625em;
text-transform: uppercase;
font-weight: 400;
color: #000;
margin-bottom: 4px;
}
.tqm-tile__red--heading {
color: #fff;
font-size: 1em;
line-height: 130%;
font-weight: 400;
}
.tqm-tile__red--heading:after {
content: "";
display: block;
width: 25px;
background-color: #000;
height: 2px;
margin: 12px 0;
}
.tqm-tile__red--content {
font-size: 0.750em;
font-weight: 200;
color: #fff;
line-height: 160%;
}
.tqm-tile__red--caption {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
font-size: 0.750em;
color: #000;
font-weight: 200;
}
.tqm-tile__red--caption img {
margin-right: 8px;
}
.tqm-tile__date {
position: absolute;
right: 10px;
top: 10px;
color: #fff;
text-transform: uppercase;
font-size: 0.750em;
font-weight: 400;
padding: 2px 7px;
}
.tqm-tile__date--red {
background-color: #c3262f;
}
.tqm-tile__date--black {
background-color: #000;
}
.tqm-tile__medium-image--red {
background-color: #c3262f;
height: 232px;
width: 466px;
position: relative;
overflow: hidden;
}
.tqm-tile__medium-image-red--content {
padding: 20px;
width: 50%;
float: left;
position: relative;
height: 100%;
}
.tqm-tile__medium-image-red--content:after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 0 14px 16px;
border-color: transparent transparent transparent #c3262f;
position: absolute;
right: -16px;
top: 50%;
transform: translateY(-50%);
}
.tqm-tile__medium-image-red--image {
width: 50%;
float: left;
overflow: hidden;
}
.tqm-tile__medium-image-red--image img {
max-width: 100%;
}
.tqm-tile__medium--red {
background-color: #c3262f;
padding: 20px;
width: 466px;
height: 232px;
position: relative;
}
.tqm-tile__large-image--red {
background-color: #c3262f;
height: 232px;
width: 702px;
position: relative;
overflow: hidden;
}
.tqm-tile__large-image-red--content {
padding: 20px;
width: 232px;
float: left;
position: relative;
height: 100%;
}
.tqm-tile__large-image-red--content:after {
content: "";
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 14px 0 14px 16px;
border-color: transparent transparent transparent #c3262f;
position: absolute;
right: -16px;
top: 50%;
transform: translateY(-50%);
}
.tqm-tile__large-image-red--image {
width: 468px;
float: right;
overflow: hidden;
}
.tqm-tile__large-image-red--image img {
width: 100%;
}
.tqm-tile__large--red {
background-color: #c3262f;
padding: 20px;
width: 702px;
height: 232px;
position: relative;
}
@media (max-width: 720px) {
.tqm-tile__large--white, .tqm-tile-video__small, .tqm-tile__small--grey, .tqm-tile__small--red, .tqm-tile__small--white, .tqm-tile__large-image--red, .tqm-tile__large--red, .tqm-tile__medium--red, .tqm-tile__medium-image--red, .tqm-tile__large--grey, .tqm-tile__medium--grey, .tqm-tile-video__large, .tqm-tile-video__medium, .tqm-tile__large-image--white, .tqm-tile__medium--white, .tqm-tile__medium-image--white {
width: 100%;
}
.tqm-tile__medium-image-white--image, .tqm-tile__large-image-white--image, .tqm-tile__medium-image-red--image, .tqm-tile__large-image-red--image {
display: none;
}
.tqm-tile__medium-image-white--content, .tqm-tile__large-image-white--content, .tqm-tile__medium-image-red--content, .tqm-tile__large-image-red--content {
float: none;
width: 100%;
}
}
/* --------->>> END TILES <<<---------*/
/* ------------------------------------*/
/* ----------->>> FILTER <<<-----------*/
/* ------------------------------------*/
.tqm-featured-news__filtered--button {
text-transform: uppercase;
text-align: center;
color: #4a4a4a;
letter-spacing: 1px;
font-size: 0.750em;
font-weight: 300;
cursor: pointer;
padding: 20px;
margin: 0 -15px 0 0;
width: 180px;
float: right;
z-index: 14;
}
.tqm-featured-news__filtered--button:after {
background:url(/assets/oneweb/images/icon-arrow-accordian.svg) no-repeat top 4px right;
background-size: contain;
content: "";
width: 11px;
height: 12px;
margin-left: 8px;
display: inline-block;
}
.tqm-feature-news__filtered-button--clicked {
-webkit-box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.75);
box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.75);
}
.tqm-feature-news__filtered-button--clicked:after {
transform: rotate(180deg);
background-position: center right;
}
.tqm-featured-news__filtered--container {
display: none;
position: absolute;
width: 100%;
right: 0;
z-index: 13;
top: 57px;
background-color: #f7f7f7;
padding: 30px;
box-sizing: border-box;
-webkit-box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.75);
box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.75);
}
.tqm-feature-news__filtered-button--clicked {
background-color: #f7f7f7;
}
.tqm-featured-news__filtered--heading {
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 300;
font-size: 0.750em;
color: #000;
}
.news-events-blog.tqm-isotope-grid__filters{
padding: 30px;
}
.tqm-isotope-grid__filters {
margin: 0;
padding: 25px 0 0 0;
list-style-type: none;
line-height: 100%;
float: left;
}
.tqm-isotope-grid__filters li {
float: left;
width: 260px;
margin-bottom: 10px;
padding: 0;
}
.news-events-blog.tqm-isotope-grid__filters li label span{
margin-left: -25px;
}
.tqm-isotope-grid__filters li label {
font-weight: 200;
text-transform: capitalize;
}
.tqm-isotope-grid__filters li label span {
margin-right: 8px;
margin-left: 0;
}
.tqm-isotope-grid * {
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.tqm-feature-news__filtered--items-overlay {
position: absolute;
top: 0;
bottom: 0px;
left: 0px;
right: 0;
z-index: 12;
background-color:rgba(0,0,0,0.7);
}
@media (max-width: 960px) {
.tqm-isotope-grid__filters {
padding-bottom: 20px;
}
}
/* --------->>> END FILTER <<<---------*/
/* -----------------------------------*/
/* -------->>> LINK LIST <<<----------*/
/* -----------------------------------*/
.tqm-link-list__white-bg {
background-color: #fff;
}
.tqm-link-list__grey-bg {
background-color: #f7f7f7;
}
.tqm-link-list__title {
font-weight: 400;
font-size: 1.563em;
color: #6a6969;
border-bottom: 1px solid #dcdcdc;
padding: 22px;
}
.tqm-link-list__title--icon {
display: inline-block;
vertical-align: middle;
padding-right: 10px;
}
.tqm-link-list__lock:after {
background:url(/assets/oneweb/images/lock-active.svg) no-repeat;
background-size: contain;
position: absolute;
right: 0;
top: 0;
display: block;
content: "";
width: 16px;
height: 16px;
}
.tqm-link-list__title--text {
display: inline-block;
vertical-align: middle;
}
.tqm-link-list__title:after {
clear: both;
display: block;
content: "";
}
.tqm-link-list__list {
padding: 26px;
margin: 0;
list-style-type: none;
line-height: 130%;
}
.tqm-link-list__list li {
padding: 10px 0;
}
.tqm-link-list__list li a {
padding: 0 24px;
position: relative;
display: block;
}
.tqm-link-list__list li a:before {
background:url(/assets/oneweb/images/icon-arrow-accordian--teal.svg) no-repeat left center;
background-size: contain;
transform: rotate(-90deg);
content: "";
display: block;
width: 12px;
height: 12px;
position: absolute;
left: 0;
top: 4px;
}
.tqm-link-list__list li a:hover:before {
background:url(/assets/oneweb/images/icon-arrow-accordian--red.svg) no-repeat left center;
background-size: contain;
transform: rotate(-90deg);
}
@media (min-width: 769px) and (max-width: 1024px) {
.tqm-link-list__title--text {
font-size: 0.750em;
}
}
@media (max-width: 768px) {
.tqm-link-list {
margin-bottom: 20px;
}
}
/* ------>>> END LINK LIST <<<--------*/
/* --------------------------------------*/
/* --------->>> CONTENT M12 <<<----------*/
/* --------------------------------------*/
.tqm-content-module-12 img {
max-width: 150px;
height: auto;
}
.tqm-module-12__caption {
font-size: 0.750em;
}
/* -------->>> END CONTENT M12 <<<-------*/
/* -----------------------------------*/
/* ------->>> FLOW DIAGRAM <<<--------*/
/* -----------------------------------*/
.tqm-flow-diagram__item {
background-color: #f7f7f7;
text-align: center;
padding: 26px 30px 50px 30px;
position: relative;
margin-bottom: 17px;
}
.tqm-flow-diagram__item:last-child {
padding-bottom: 40px;
}
.tqm-flow-diagram__item:before {
content: '';
position: absolute;
margin: 0 auto;
left: 0;
top: -45px;
right: 0;
border-radius: 50%;
height: 12px;
width: 12px;
background-color: #b18ac9;
display: block;
}
.tqm-flow-diagram__item:first-child:before {
display: none;
}
.tqm-flow-diagram__item:first-child:after {
display: none;
}
.tqm-flow-diagram__item:after {
content: "";
display: block;
margin: 0 auto;
position: absolute;
top: -34px;
left: 1px;
right: 0;
width: 3px;
height: 60px;
background-color: #b18ac9;
}
.tqm-flow-diagram__step-icon {
border: solid 3px #6b1d9b;
border-radius: 50%;
display: inline-block;
width: 60px;
height: 60px;
position: relative;
margin-bottom: 20px;
}
.tqm-flow-diagram__step-icon span {
display: block;
position: absolute;
line-height: 100%;
top: 50%;
left: 0;
right: 0;
font-weight: 400;
font-size: 1.5em;
color: #6b1d9b;
transform: translateY(-50%);
vertical-align: middle;
}
.tqm-flow-diagram__content {
margin: 10px 0 30px 0;
}
.tqm-flow-diagram__item .tqm-button--grey-outline__thin {
display: none;
}
@media (max-width: 768px) {
.tqm-flow-diagram__item {
padding: 16px 20px 20px 20px;
}
.tqm-flow-diagram__item:first-child {
padding-bottom: 55px;
}
.tqm-flow-diagram__item:before {
top: -58px;
}
.tqm-flow-diagram__item:after {
height: 70px;
top: -54px;
}
.tqm-flow-diagram__step-icon {
width: 45px;
height: 45px;
border-width: 2px;
}
.tqm-flow-diagram__step-icon span {
font-size: 1.2em;
top: 47%;
}
.tqm-flow-diagram__item:first-child .tqm-button--red-thin {
float: none;
margin: 0 auto;
}
.tqm-flow-diagram__item .tqm-button--grey-outline__thin {
display: block;
float: left;
width: 45%;
min-width: auto;
}
.tqm-flow-diagram__item .tqm-button--red-thin {
display: block;
float: right;
width: 45%;
min-width: auto;
}
}
/* ---->>> END FLOW DIAGRAM <<<-------*/
/* --------------------------------------*/
/* ------->>> CONTENT M8 <<<-------------*/
/* --------------------------------------*/
.tqm-content-module-2 {
padding: 30px;
width: 100%;
}
.tqm-content-module-2 p {
line-height: 1.33;
padding: 4px 0;
}
.tqm-content-module-2 a {
font-size: 0.875em;
}
.tqm-content-module-2__title {
line-height: 1;
font-weight: 400;
font-size: 1.167em;
padding: 0 0 10px 0;
}
.tqm-content-module-2__learn-more {
text-transform: uppercase;
color: #23b4c4;
}
.tqm-content-module-2__excerpt--content {
padding: 30px;
}
@media (max-width: 768px) {
.tqm-content-module-2 {
margin-bottom: 20px;
}
.tqm-content-module-2__excerpt--container img {
width: 100%;
height: auto;
}
}
/* -------->>> END CONTENT M8 <<<-------*/
/* --------------------------------------*/
/* ------>>> MODULE COLOURS <<<----------*/
/* --------------------------------------*/
.tqm-content-module-2--white {
color: #4a4a4a;
padding: 20px 0;
background-color: #fff;
}
.tqm-content-module-2--white p {
line-height: 1.6;
}
.tqm-content-module-2--white-padding {
color: #4a4a4a;
background-color: #fff;
}
.tqm-content-module-2--white-padding p {
line-height: 1.6;
}
.tqm-content-module-2--light-grey {
color: #4a4a4a;
background-color: #f7f7f7;
}
.tqm-content-module-2--medium-grey {
color: #4a4a4a;
background-color: #eaeaea;
}
.tqm-content-module-2--red {
color: #fff;
background-color: #c3262f;
}
.tqm-content-module-2--red .tqm-button {
color: #fff;
}
.tqm-content-module-2--red a {
color: #fff;
}
.tqm-content-module-2--red a:hover {
color: #000;
}
.tqm-content-module-2--red .tqm-link__arrow:after {
background-color: #fff;
}
.tqm-content-module-2--red .tqm-link__arrow:hover:after {
background-color: #000;
}
.tqm-content-module-2--teal {
color: #fff;
background-color: #23b4c4;
}
.tqm-content-module-2--teal .tqm-button {
color: #fff;
}
.tqm-content-module-2--teal a {
color: #000;
}
.tqm-content-module-2--teal .tqm-link__arrow:after {
background-color: #000;
}
.tqm-content-module-2--teal a:hover {
color: #000;
}
.tqm-content-module-2--teal a:hover {
color: #fff;
}
.tqm-content-module-2--teal .tqm-link__arrow:hover:after {
background-color: #fff;
}
.tqm-content-module-2--purple {
color: #fff;
background-color: #6b1d9b;
}
.tqm-content-module-2--purple a:hover {
color: #000;
}
.tqm-content-module-2--purple a:hover {
color: #000;
}
.tqm-content-module-2--purple .tqm-link__arrow:hover:after {
background-color: #000;
}
.tqm-content-module-2--dark-grey {
color: #fff;
background-color: #333;
}
.tqm-content-module-2--dark-grey a:hover {
color: #fff;
}
.tqm-content-module-2--dark-grey .tqm-link__arrow:hover:after {
background-color: #fff;
}
.tqm-content-module-2--image {
padding: 0;
width: 100%;
position: relative;
font-size: 1.250em;
color: #fff;
font-weight: 400;
}
.tqm-content-module-2--image__large {
font-size: 1.5em;
line-height: 1.25;
}
.tqm-content-module-2--image__overlay-container {
background:rgba(0,0,0,0.4);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.tqm-content-module-2--image__overlay {
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
padding: 0 20px;
color: #FFF;
}
.tqm-content-module-2--image__overlay:hover {
text-decoration: underline;
}
.tqm-content-module-2--image a {
display: block;
padding: 0;
}
@media (max-width: 768px) {
.tqm-content-module-2--image img {
width: 100%;
height: auto;
}
}
/* ------>>> END MODULE COLOURS <<<------*/
/* --------------------------------------*/
/* ------->>> CONTENT M8 <<<-------------*/
/* --------------------------------------*/
.tqm-content-module {
padding: 18px;
width: 100%;
font-size: 0.750em;
}
.tqm-content-module p {
line-height: 1.33;
}
.tqm-content-module__title {
line-height: 1;
font-weight: 400;
font-size: 1.167em;
padding: 0 0 10px 0;
}
.tqm-content-module__learn-more {
text-transform: uppercase;
color: #23b4c4;
}
@media (max-width: 768px) {
.tqm-content-module {
margin-bottom: 20px;
}
}
/* -------->>> END CONTENT M8 <<<-------*/
/* --------------------------------------*/
/* ------>>> MODULE COLOURS <<<----------*/
/* --------------------------------------*/
.tqm-content-module--white {
color: #4a4a4a;
padding: 20px 0;
background-color: #fff;
}
.tqm-content-module--white p {
line-height: 1.6;
}
.tqm-content-module--light-grey {
color: #4a4a4a;
background-color: #eaeaea;
}
.tqm-content-module--red {
color: #fff;
background-color: #c3262f;
}
.tqm-content-module--red a {
color: #fff;
}
.tqm-content-module--red a:hover {
color: #000;
}
.tqm-content-module--red .tqm-link__arrow:after {
background-color: #fff;
}
.tqm-content-module--red .tqm-link__arrow:hover:after {
background-color: #000;
}
.tqm-content-module--teal {
color: #fff;
background-color: #23b4c4;
}
.tqm-content-module--purple {
color: #fff;
background-color: #6b1d9b;
}
.tqm-content-module--purple a:hover {
color: #000;
}
.tqm-content-module--purple .tqm-link__arrow:hover:after {
background-color: #000;
}
.tqm-content-module--dark-grey {
color: #fff;
background-color: #333;
}
.tqm-content-module--dark-grey a:hover {
color: #fff;
}
.tqm-content-module--dark-grey .tqm-link__arrow:hover:after {
background-color: #fff;
}
.tqm-content-module--image {
padding: 0;
width: 100%;
position: relative;
font-size: 1em;
color: #fff;
font-weight: 400;
}
.tqm-content-module--image__large {
font-size: 1.5em;
line-height: 1.25;
}
.tqm-content-module--image__overlay-container {
background:rgba(0,0,0,0.4);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.tqm-content-module--image__overlay {
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
padding: 0 20px;
}
/* ------>>> END MODULE COLOURS <<<------*/
/* --------------------------------------*/
/* ------->>> CONTENT M5 <<<-------------*/
/* --------------------------------------*/
.tqm-content-module__excerpt-container {
color: #4a4a4a;
}
.tqm-content-module__excerpt {
position: relative;
}
.tqm-content-module__excerpt img {
max-width: 100%;
}
.tqm-content-module__excerpt--content {
padding: 15px;
}
.tqm-content-module__excerpt--four-col {
font-size: 0.875em;
}
.tqm-content-module__video--play {
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
transform: translateY(-50%);
opacity: 0.7;
}
.tqm-content-module__excerpt--two-col .tqm-content-module__video--play img {
max-width: 39px;
}
.tqm-content-module__excerpt--three-col .tqm-content-module__video--play img {
max-width: 25px;
}
.tqm-content-module__excerpt--four-col .tqm-content-module__video--play img {
max-width: 18px;
}
.tqm-content-module__excerpt--title {
font-weight: 400;
font-size: 1.250em;
color: #4a4a4a;
margin: 4px 0 12px 0;
line-height: 1;
}
.tqm-content-module__excerpt--title__border {
border-left: 3px solid #c3262f;
padding: 0 0 0 10px;
}
.tqm-content-module__excerpt--two-col .tqm-content-module__excerpt--title {
font-size: 1em;
}
.tqm-content-module__excerpt--three-col .tqm-content-module__excerpt--title {
font-size: 1em;
}
.tqm-content-module__excerpt--four-col .tqm-content-module__excerpt--title {
font-size: 0.875em;
}
.tqm-content-module__excerpt--more {
text-transform: uppercase;
font-size: 0.875em;
}
@media (max-width: 768px) {
.tqm-content-module__excerpt-container {
margin-bottom: 20px;
}
}
/* -------->>> END CONTENT M5 <<<-------*/
/* --------------------------------------*/
/* ------->>> M5 COLOURS <<<-------------*/
/* --------------------------------------*/
/* White */
.tqm-content-module__excerpt-container--white .tqm-content-module__excerpt--title {
margin-top: 20px;
}
.tqm-content-module__excerpt-container--white .tqm-content-module__excerpt--content {
padding: 0;
}
/* Light Grey */
.tqm-content-module__excerpt-container--light-grey .tqm-content-module__excerpt--content {
background-color: #eaeaea;
}
/* Red */
.tqm-content-module__excerpt-container--red {
color: #fff;
}
.tqm-content-module__excerpt-container--red .tqm-content-module__excerpt--title {
color: #fff;
border-color: #333;
}
.tqm-content-module__excerpt-container--red .tqm-content-module__excerpt--more {
color: #fff;
}
.tqm-content-module__excerpt-container--red .tqm-content-module__excerpt--more:hover {
color: #333;
}
.tqm-content-module__excerpt-container--red .tqm-content-module__excerpt--content {
background-color: #c3262f;
}
.tqm-content-module__excerpt-container--red .tqm-content-module__excerpt--content .tqm-link__arrow:after {
background-color: #fff;
}
.tqm-content-module__excerpt-container--red .tqm-content-module__excerpt--content .tqm-link__arrow:hover:after {
background-color: #333;
}
/* -------->>> END M5 COLOURS <<<-------*/
/* --------------------------------------*/
/* ------->>> CONTENT M6 <<<-------------*/
/* --------------------------------------*/
.tqm-content-module__caption-container {
color: #4a4a4a;
background-color: #f7f7f7;
}
.tqm-content-module__caption {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
float: left;
}
.tqm-content-module__caption--image {
position: relative;
max-width: 100%;
}
.tqm-content-module__caption--content {
padding: 30px;
float: left;
}
.col-md-8.col-sm-12 .col-md-9.col-sm-12 .tqm-content-module__caption--content {
padding: 20px 30px;
float: left;
}
.tqm-content-module__caption--play {
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
transform: translateY(-50%);
opacity: 0.7;
}
.tqm-content-module__caption-line {
background-color:rgba(0,0,0,0.8);
color: #fff;
padding: 10px 12px;
font-size: 0.750em;
font-weight: 200;
bottom: 0;
left: 0;
right: 0;
margin-top: -1px;
}
.tqm-wistia-video {
position: relative;
}
.tqm-wistia-video__wrapper {
height: 100%;
left: 0;
top: 0;
width: 100%;
position: absolute;
}
@media (max-width: 768px) {
.tqm-content-module__caption-container {
margin-bottom: 20px;
}
}
/* -------->>> END CONTENT M6 <<<-------*/
/* --------------------------------------*/
/* ------->>> PROMO POD 9 <<<------------*/
/* --------------------------------------*/
.tqm-content-module-9__container {
margin: 2px;
overflow: hidden;
position: relative;
}
.tqm-content-module-9__container * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
}
.tqm-content-module-9__container:before, .tqm-content-module-9__container:after {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transition: all 0.35s ease;
transition: all 0.35s ease;
content: '';
opacity: 1;
z-index: 1;
background-color: #c3262f;
}
.tqm-content-module-9__container:before {
-webkit-transform: skew(45deg) translateX(-150%);
transform: skew(45deg) translateX(-150%);
}
.tqm-content-module-9__container:after {
-webkit-transform: skew(45deg) translateX(150%);
transform: skew(45deg) translateX(150%);
}
.tqm-content-module-9__container:hover:before {
-webkit-transform: skew(45deg) translateX(-50%);
transform: skew(45deg) translateX(-50%);
}
.tqm-content-module-9__container:hover:after {
-webkit-transform: skew(45deg) translateX(50%);
transform: skew(45deg) translateX(50%);
}
.tqm-content-module-9__image {
position: relative;
}
.tqm-content-module-9__image img {
max-width: 100%;
}
.tqm-content-module-9__overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #000;
opacity: 0.3;
}
.tqm-content-module-9__title {
display: block;
font-size: 1.5em;
line-height: 1em;
font-weight: 400;
color: #fff;
}
.tqm-content-module-9__container:hover .tqm-content-module-9__title {
display: none;
}
.tqm-content-module-9__description {
top: 50%;
left: 50%;
right: 0;
padding: 30px;
width: 100%;
position: absolute;
z-index: 10;
font-weight: 200;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
}
.tqm-content-module-9__container:hover .tqm-content-module-9__description {
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 1;
}
.tqm-content-module-9__container:hover .tqm-content-module-9__description {
display: block;
font-size: 1em;
color: #fff;
}
.tqm-content-module-9__content {
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
position: absolute;
padding: 30px;
z-index: 2;
text-align: center;
}
.tqm-content-module-9__learn-more {
text-transform: uppercase;
color: #fff;
font-size: 0.750em;
display: block;
}
.tqm-content-module-9__learn-more:hover {
color: #000;
}
.tqm-content-module-9__learn-more:before {
content: " ";
width: 50px;
display: block;
margin: 14px auto 10px auto;
border-top: 3px solid #333;
}
@media (max-width: 1024px) {
.tqm-content-module-9__container:hover .tqm-content-module-9__description {
font-size: 0.85em;
}
}
@media (max-width: 768px) {
.tqm-content-module-9__container:hover .tqm-content-module-9__description {
font-size: 0.750em;
}
.tqm-content-module-9__container:before, .tqm-content-module-9__container:after {
display:none;
}
.tqm-content-module-9__container:hover .tqm-content-module-9__title {
display: block !important;
}
.tqm-content-module-9__description {
display:none !important;
}
}
.anchor-link-over{
color:white;
font-weight:200;
}
.anchor-link-over:hover{
color:white;
}
/* -------->>> END PROMO POD 9 <<<-------*/
/* --------------------------------------*/
/* ------->>> CONTENT M9B <<<------------*/
/* --------------------------------------*/
.tqm-content-module-9b {
position: relative;
padding-bottom: 20px;
}
.tqm-content-module-9b:hover img {
filter: grayscale(100%);
transition: all ease-in-out 0.25s;
-webkit-transition: all ease-in-out 0.25s;
}
.tqm-content-module-9b__image {
overflow: hidden;
}
.tqm-content-module-9b__image img {
/*min-height: 220px;*/
height: 220px;
width: auto;
}
.tqm-content-module-9b__purple .tqm-content-module-9b__caption {
border-left: 5px solid #6b1d9b;
}
.tqm-content-module-9b__caption {
background-color: #fff;
border-left: 5px solid #c3262f;
padding: 12px 40px 12px 12px;
position: absolute;
bottom: 0;
left: 20px;
right: 20px;
color: #6a6969;
font-size: 13px;
font-weight: 300;
}
.tqm-content-module-9b__caption p {
line-height: 18px;
margin-bottom: 0;
padding-top: 6px;
}
.tqm-content-module-9b__caption:after {
content: " ";
background:url(/assets/oneweb/images/arrow-thin.png) no-repeat 100% 100%;
background-size: contain;
position: absolute;
right: 16px;
top: 50%;
transform: rotate(90deg) translateX(-50%);
display: block;
width: 16px;
height: 16px;
}
.tqm-content-module-9b__caption--title {
font-size: 1.143em;
font-weight: 400;
color: #333;
}
@media (max-width: 768px) {
.tqm-content-module-9b {
margin-bottom: 20px;
}
}
/* -------->>> END CONTENT M9B <<<-------*/
/* -----------------------------------*/
/* ------>>> RELATED COURSES <<<------*/
/* -----------------------------------*/
.tqm-related-courses {
padding: 30px 0 40px 0;
}
.tqm-related-courses__title {
text-align: center;
}
.tqm-related-courses__list {
padding: 36px 0;
margin: 20px 0 0 0;
padding: 0;
width: 100%;
line-height: 170%;
display: table;
}
.tqm-related-courses__list--item {
border-right: 1px solid #bdbdbd;
text-align: center;
list-style-type: none;
position: relative;
display: block;
height: 100%;
margin: 0;
padding: 0 45px 60px 45px;
}
.tqm-last-child {
border-right: none;
}
.tqm-related-courses__list--button {
position: absolute;
bottom: 0;
left: 0;
right: 0;
line-height: 120%;
}
.tqm-related-courses__list--title {
display: block;
font-size: 1.175em;
}
@media screen and (max-width: 1330px) and (min-width: 768px) {
.tqm-related-courses__list--item {
width: 100%;
display: block;
}
.tqm-related-courses {
background-color: #e3f5f8;
border-top: 1px solid #23b4c4;
padding: 22px 0 35px 0;
}
.tqm-related-courses .owl-carousel .owl-item {
padding: 10px;
}
.tqm-related-courses .container {
padding-left: 0;
padding-right: 0;
}
.tqm-related-courses .row {
margin: 0;
}
.tqm-related-courses__title {
padding: 0;
}
.tqm-related-courses__list--item {
background-color: #fff;
padding: 30px 35px 90px 35px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
}
.tqm-related-courses__list--button {
bottom: 15px;
text-align: center;
margin: 0 auto;
}
.tqm-related-courses__list--title {
font-size: 1em;
}
}
@media (max-width: 768px) {
.tqm-related-courses__list--item {
width: 100%;
display: block;
}
.tqm-related-courses {
background-color: #e3f5f8;
border-top: 1px solid #23b4c4;
padding: 22px 0 35px 0;
}
.tqm-related-courses .owl-carousel .owl-item {
padding: 10px;
}
.tqm-related-courses__list {
position: relative;
padding-top: 30px;
margin-top: 0;
}
.tqm-related-courses__list.owl-carousel .owl-dots {
height: 30px;
width: 100%;
display: block;
position: absolute;
top: 0;
}
.tqm-related-courses__list.owl-carousel .owl-dots .owl-dot {
display: inline-block;
margin: 0 3px;
}
.tqm-related-courses__list.owl-carousel .owl-dots .owl-dot span {
display: inline-block;
vertical-align: middle;
background-color: #a7afb0;
width: 6px;
height: 6px;
border-radius: 50%;
}
.tqm-related-courses__list.owl-carousel .owl-dots .owl-dot.active span {
background-color: #6a6969;
width: 10px;
height: 10px;
}
.tqm-related-courses .container {
padding-left: 0;
padding-right: 0;
}
.tqm-related-courses .row {
margin: 0;
}
.tqm-related-courses__title {
padding: 0;
}
.tqm-related-courses__list--item {
background-color: #fff;
padding: 30px 35px 90px 35px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
border-right: 0;
}
.tqm-related-courses__list--button {
bottom: 15px;
}
.tqm-related-courses__list--title {
font-size: 1em;
}
}
/* --->>> END RELATED COURSES <<<-----*/
/* -----------------------------------*/
/* ------>>> FEATURED COURSES <<<-----*/
/* -----------------------------------*/
.tqm-featured-course__grid-item {
position: relative;
display: inline-block;
background-size: cover;
overflow: hidden;
margin: 2px;
min-width: 284px;
max-width: 310px;
width: 100%;
background-color: #000000;
color: #ffffff;
text-align: left;
font-size: 16px;
height: 284px;
/*z-index: 10;*/
}
.tqm-featured-course__grid-item * {
-webkit-transition: all 0.35s;
transition: all 0.35s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.tqm-featured-course__grid-item img {
max-width: 100%;
vertical-align: top;
}
.tqm-featured-course__grid-item .tqm-featured-course__grid-item--content {
position: absolute;
height: 74px;
left: 0px;
right: 0px;
bottom: 0px;
overflow: hidden;
padding: 15px 20px 10px 20px;
}
.tqm-featured-course__grid-item .tqm-featured-course__grid-item--title {
font-size: 14px;
font-weight: 400;
line-height: 18px;
margin: 3px 0 10px 0;
border-left: 5px solid #c3262f;
padding: 0 5px 0 10px;
}
.tqm-featured-course__grid-item .tqm-featured-course__grid-item--text {
padding: 10px 0 0 0;
margin: 0;
font-size: 0.813em;
}
.tqm-featured-course__grid-item:hover .tqm-featured-course__grid-item--content,
.tqm-featured-course__grid-item.hover .tqm-featured-course__grid-item--content {
height: calc(100%) !important;
background-color: rgba(195, 38, 47, 0.9);
}
.tqm-featured-course__grid-item:hover .tqm-featured-course__grid-item--title {
border-color: #000;
}
.tqm-featured-course__grid-item--link {
text-transform: uppercase;
color: #fff;
padding-top: 10px;
}
.tqm-featured-course__grid-item--link.tqm-link__arrow {
color: #fff;
}
.tqm-featured-course__grid-item--link:hover {
color: #000;
}
.tqm-featured-course__grid-item--link.tqm-link__arrow:after {
background-color: #fff;
transition: all ease 0.3s;
}
.tqm-featured-course__grid-item--link:hover.tqm-link__arrow:after {
background-color: #000;
}
.tqm-featured-course__grid-item--overlay {
background-image: linear-gradient(to top, #000000, rgba(0, 0, 0, 0));
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.tqm-feature-courses__filtered {
position: static;
z-index: 4;
}
.tqm-featured-courses__row {
position: relative;
}
.tqm-featured-courses__filtered--button {
text-transform: uppercase;
text-align: center;
color: #4a4a4a;
letter-spacing: 1px;
font-size: 0.750em;
font-weight: 300;
cursor: pointer;
padding: 20px;
margin: 0 -23px 0 0;
width: 180px;
float: right;
z-index: 4;
}
.tqm-featured-courses__filtered--button:after {
background:url(/assets/oneweb/images/icon-arrow-accordian.svg) no-repeat top 4px right;
background-size: contain;
content: "";
width: 11px;
height: 12px;
margin-left: 8px;
display: inline-block;
}
.tqm-feature-courses__filtered-button--clicked {
-webkit-box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.75);
box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.75);
}
.tqm-feature-courses__filtered-button--clicked:after {
transform: rotate(180deg);
background-position: center right;
}
.tqm-featured-courses__filtered--container {
display: none;
position: absolute;
width: 99.3%;
left: 17px;
right: 0;
z-index: 3;
top: 57px;
background-color: #f7f7f7;
padding: 30px;
box-sizing: border-box;
-webkit-box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.75);
box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.75);
}
.tqm-feature-courses__filtered-button--clicked {
background-color: #f7f7f7;
}
.tqm-featured-courses__filtered--heading {
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 300;
font-size: 0.750em;
color: #000;
}
.tqm-featured-courses__filtered--list {
margin: 0;
padding: 25px 0 0 0;
list-style-type: none;
line-height: 100%;
}
.tqm-featured-courses__filtered--list li {
display: inline-block;
padding-left: 40px;
}
.tqm-featured-courses__filtered--list li label {
font-weight: 200;
}
.tqm-featured-courses__filtered--list li label span {
margin-right: 8px;
margin-left: 0;
}
.tqm-featured-courses__filtered--list li:first-child {
padding-left: 0;
}
.tqm-feature-courses__filtered--items * {
-webkit-transition: all 0.35s;
transition: all 0.35s;
}
.tqm-feature-courses__filtered--items {
position: relative;
}
.tqm-feature-courses__filtered--items-overlay {
position: absolute;
top: 0;
bottom: 6px;
left: 2px;
right: -23px;
z-index: 2;
background-color:rgba(0,0,0,0.7);
}
.tqm-featured-courses__mobile {
display: none;
}
@media (max-width: 1170px) and (min-width: 769px) {
.tqm-featured-course__grid-item {
min-width: 230px;
}
}
@media (max-width: 768px) {
.tqm-featured-courses__desktop {
display: none;
}
.tqm-featured-courses__mobile {
display: block;
}
.tqm-featured-courses__mobile .tqm-featured-courses__row {
text-align: center;
}
.tqm-feature-courses__filtered--items__carousel--container {
padding-top: 20px;
}
.tqm-featured-course__grid-item {
width: 100%;
min-width: 100%;
max-width: 100%;
}
}
/* --->>> END FEATURED COURSES <<<----*/
/* -----------------------------------*/
/* --->>> FEATURED COURSES LIST <<<---*/
/* -----------------------------------*/
.tqm-featured-courses__list-item {
border-bottom: 1px solid #dcdcdc;
float: left;
padding: 20px 0;
}
.tqm-featured-courses__list-item:after {
clear: both;
}
.tqm-featured-courses__list--title {
font-size: 1.125em;
font-weight: 400;
color: #333;
}
.tqm-featured-courses__list--subtitle {
font-weight: 200;
color: #6a6969;
font-weight: 0.938em;
}
.tqm-featured-courses__list-link {
font-size: 0.813em;
font-weight: 200;
display: block;
padding: 3px 0 0 0;
}
.tqm-featured-courses__list--content {
color: #6a6969;
font-size: 0.813em;
line-height: 170%;
}
.tqm-featured-courses__list--highlight {
color: #333;
font-size: 0.813em;
}
.tqm-featured-courses__list--featured {
background-color: #6b1d9b;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
color: #fff;
font-size: 0.688em;
letter-spacing: 1.8px;
padding: 3px 6px;
text-transform: uppercase;
}
.tqm-featured-courses__list--featured:before {
background:url(/assets/oneweb/images/star-rev.svg) no-repeat top 2px center;
background-size: contain;
content: "";
width: 11px;
height: 12px;
display: inline-block;
margin-right: 8px;
}
.tqm-featured-courses__list--image {
position: relative;
overflow: hidden;
height: 100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
.tqm-featured-courses__list-item--no-image {
padding: 20px 0;
}
.tqm-featured-courses__list--featured-panel {
background-color: #f0e8f5;
padding: 20px;
margin: 20px 0;
position: relative;
}
.tqm-featured-courses__list--featured-panel:after {
content: "Featured";
background:url(/assets/oneweb/images/star-rev.svg) no-repeat center left 6px;
background-size: 11px 11px;
background-color: #6b1d9b;
letter-spacing: 1.8px;
color: #fff;
position: absolute;
right: 0;
font-size: 11px;
top: 20px;
padding: 4px 20px 4px 24px;
text-transform: uppercase;
}
.tqm-featured-courses__list-item--no-image .tqm-featured-courses__list--highlight {
padding-top: 16px;
}
@media (max-width: 768px) {
.tqm-featured-courses__list--featured-panel {
margin: 0;
}
.tqm-featured-courses__list--featured-panel:after {
position: relative;
margin-bottom: 20px;
margin-left: 14px;
}
}
/* ->>> END FEATURED COURSES LIST <<<-*/
/* -----------------------------------*/
/* ------->>> FOOTER SMALL <<<--------*/
/* -----------------------------------*/
.tqm-footer__quick-links {
background-color: #585858;
padding: 50px 0 28px 0;
}
.tqm-footer__quick-links--list {
list-style-type: none;
padding: 0;
}
.tqm-footer__quick-links--list li {
line-height: 125%;
padding: 6px 0;
}
.tqm-footer__quick-links--list li a {
color: #ededed;
font-weight: 200;
font-size: 0.875em;
}
.tqm-footer__quick-links--list li a:hover {
color: #c1c1c1;
}
.tqm-footer__quick-links--heading {
font-size: 1.375em;
color: #fff;
font-weight: 100;
margin-bottom: 23px;
}
.tqm-footer__quick-links--heading a {
color: #fff;
font-weight: 100;
margin-bottom: 23px;
}
.tqm-footer__quick-links--heading a:hover {
color: #c1c1c1;
}
.tqm-footer__top {
background-color: #585858;
padding: 30px 0;
}
.tqm-footer__top--title {
color: #eee;
font-size: 0.875em;
}
.tqm-footer-social-media-icons {
padding: 0;
margin: 25px 0 0 0;
}
.tqm-footer-social-media-icons li {
list-style-type: none;
display: inline-block;
font-size: 1.250em;
padding: 0 30px 0 0;
}
.tqm-footer-social-media-icons .fa {
line-height: 100%;
vertical-align: top;
padding-top: 10px;
}
.tqm-footer-social-media-icons li a {
color: #fff;
border: 1px solid #fff;
border-radius: 50%;
display: inline-block;
width: 40px;
height: 40px;
text-align: center;
padding: 0;
box-shadow: 0 0px 1px 0px white inset;
transition: all ease 0.1s;
}
.tqm-footer-social-media-icons li a:hover {
box-shadow: none;
border: 1px solid #585858;
}
.tqm-footer-social-media-icons li a:hover.tqm-footer-social-media-icons__facebook {
background-color: #3b5998;
}
.tqm-footer-social-media-icons li a:hover.tqm-footer-social-media-icons__twitter {
background-color: #4099FF;
}
.tqm-footer-social-media-icons li a:hover.tqm-footer-social-media-icons__instagram {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.tqm-footer-social-media-icons li a:hover.tqm-footer-social-media-icons__youtube {
background-color: #bb0000;
}
.tqm-footer-social-media-icons li a:hover.tqm-footer-social-media-icons__linkedin {
background-color: #0077B5;
}
@media screen and (max-width: 1330px) and (min-width: 769px) {
.tqm-footer__middle--button .tqm-button {
width: auto;
}
}
@media (max-width: 768px) {
.tqm-footer-social-media-icons {
text-align: center;
margin: 10px auto;
}
.tqm-footer-social-media-icons li {
padding: 0 5px 0 0;
vertical-align: center;
}
.tqm-footer-social-media-icons li a span {
vertical-align: center;
display: inline-block;
}
}
.tqm-footer-logo {
text-align: right;
}
.tqm-footer__middle {
background-color: #6f6f6f;
padding: 30px 0;
}
.tqm-footer__middle--links {
padding: 0;
font-weight: 100;
line-height: 120%;
}
.tqm-footer__middle--links li {
list-style-type: none;
display: inline-block;
padding: 0;
margin: 0;
}
.tqm-footer__middle--links li:after {
content: "|";
color: #fff;
}
.tqm-footer__middle--links li:last-child:after {
content: "";
}
.tqm-footer__middle--links li a {
color: #fff;
font-size: 0.875em;
font-weight: 100;
padding: 0 5px 0 10px;
}
.tqm-footer__middle--links li a:first-child {
padding-left: 0;
}
.tqm-footer__middle--links li a:hover {
text-decoration: underline;
}
.tqm-footer__middle--text {
font-size: 0.750em;
color: #fff;
font-weight: 100;
}
.tqm-footer__middle--button {
text-align: right;
}
.tqm-footer__middle--button .tqm-button {
padding: 14px 30px;
width: 360px;
font-size: 0.875em;
border: 1px solid #fff;
color: #fff;
}
.tqm-footer__middle--button .tqm-button:hover {
background-color: #fff;
color: #333;
}
.tqm-footer__bottom {
background-color: #2b2b2b;
padding: 15px 0;
font-size: 0.875em;
}
.tqm-footer__bottom--links {
text-align: right;
margin: 0;
line-height: 100%;
}
.tqm-footer__bottom--links li {
list-style-type: none;
display: inline-block;
}
.tqm-footer__bottom--links li a {
color: #fff;
padding: 0 0 0 20px;
}
.tqm-footer__bottom--links li a:hover {
text-decoration: underline;
}
.tqm-footer__bottom--copyright {
color: #fff;
}
@media screen and (max-width: 1330px) and (min-width: 769px) {
.tqm-footer__middle--button .tqm-button {
width: auto;
}
}
@media (max-width: 768px) {
.tqm-social-media-icons {
text-align: center;
margin: 10px auto;
}
.tqm-social-media-icons li {
padding: 0 5px 0 0;
vertical-align: center;
}
.tqm-social-media-icons li a span {
vertical-align: center;
display: inline-block;
}
.tqm-footer-logo {
text-align: center;
}
.tqm-footer__bottom {
padding-top: 0;
}
.tqm-footer__bottom--container {
padding: 0;
}
.tqm-footer__bottom .container {
width: 100%;
}
.tqm-footer__bottom--links {
text-align: center;
margin: 0;
width: 100%;
padding: 0;
background-color: #585858;
}
.tqm-footer__bottom--links li {
display: block;
padding: 10px 0;
}
.tqm-footer__top--title {
text-align: center;
display: block;
padding: 18px 0;
}
.tqm-footer__middle {
text-align: center;
}
.tqm-footer__middle--button {
text-align: center;
}
.tqm-footer__middle--button .tqm-button {
width: auto;
}
.tqm-footer__bottom--copyright {
text-align: center;
display: block;
padding-top: 10px;
}
}
/* ------>>> END FOOTER SMALL <<<-----*/
/* -----------------------------------*/
/* ------->>> FOOTER LARGE <<<--------*/
/* -----------------------------------*/
.tqm-footer__quick-links--border {
border-top: 1px solid #767676;
padding-top: 20px;
margin: 0;
}
.tqm-footer__top--large {
padding-top: 0;
}
.tqm-footer__top--title--container {
align-self: center;
}
.tqm-social-media__right {
text-align: right;
}
.tqm-social-media__right li:last-child {
padding-right: 0;
}
.tqm-social-media__right .tqm-footer-social-media-icons {
margin: 0;
}
.tqm-footer-logo__bottom--container {
align-self: flex-end;
}
/* ------>>> END FOOTER LARGE <<<-----*/
/* --------------------------------------*/
/* ----------->>> FORMS 1 <<<------------*/
/* --------------------------------------*/
input[type=text], input[type=email] {
padding: 18px 20px;
border-radius: 4px;
border: 1px solid #bdbdbd;
font-weight: 200;
font-size: 1em;
}
.tqm-enquire-form input[type=text]::placeholder, .tqm-enquire-form textarea::placeholder, .tqm-enquire-form input[type=email]::placeholder {
color: #444;
}
select {
padding: 18px 45px 18px 20px;
border: 1px solid #bdbdbd;
border-radius: 4px;
font-weight: 200;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
appearance: none;
-webkit-appearance: none;
background:url(/assets/oneweb/images/arrow-down.png) no-repeat center right 20px #fff;
}
textarea {
border-radius: 4px;
border: 1px solid #bdbdbd;
color: #858585;
font-weight: 200;
padding: 18px 20px;
}
.tqm-enquire-form input[type=text], .tqm-enquire-form input[type=email] {
width: 100%;
background-color: #fff;
margin: 8px 0;
}
.tqm-enquire-form input[type=text]:focus, .tqm-enquire-form input[type=email]:focus, .tqm-enquire-form textarea:focus {
outline:none;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}
.tqm-enquire-form select {
width: 100%;
margin: 0 0 15px 0;
}
.tqm-enquire-form textarea {
width: 100%;
height: 160px;
}
.tooltip {
background-color:#6b1d9b;
width: 160px;
display:block;
color:#fff;
text-align:left;
}
.tqm-enquire-form__title {
margin-bottom: 15px;
width: 100%;
}
.tqm-enquire-form-subtitle {
font-weight: 200;
padding: 10px 0;
}
.tqm-enquire-form {
padding-bottom: 25px;
}
.tqm-enquire-form .tqm-button--red {
min-width: 254px;
}
.tqm-enquire-form label {
color: #6a6969;
font-size: 0.875em;
font-weight: 400;
padding-bottom: 4px;
}
.tqm-form-required {
font-size: 0.625em;
text-align: right;
padding: 5px 0 0 0px;
}
.tqm-form-step__tooltip--col {
position: relative;
}
.tqm-form-step__tooltip--col .tqm-form-step__tooltip {
display: none;
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.tqm-form-step__tooltip--col input[type=text]:focus ~ .tqm-form-step__tooltip, .tqm-form-step__tooltip--col input[type=email]:focus ~ .tqm-form-step__tooltip, .tqm-form-step__tooltip--col textarea:focus ~ .tqm-form-step__tooltip {
opacity: 1;
display: block;
}
.tqm-form-step__tooltip--col label ~ .tqm-form-step__tooltip {
margin-top: 20px;
}
.tqm-form-step__tooltip--col .selectric-open ~ .tqm-form-step__tooltip {
opacity: 1;
display: block;
}
.tqm-enquire-form .selectric {
border: 0;
box-shadow: none;
border: 1px solid #bdbdbd;
}
.tqm-enquire-checkbox {
color: #858585;
font-weight: 200;
}
.tqm-enquire-checkbox label {
font-size: 1em;
font-weight: 200;
}
.tqm-form-step__form-fields {
padding-bottom: 15px;
}
.tqm-form-step__submit {
text-align: right;
}
/* Tooltip */
.tqm-apply-now .tqm-form-step__tooltip {
top: 0;
right: -190px;
}
.tqm-form-step__tooltip-wrapper {
position: relative;
}
.tqm-form-step__tooltip {
position: absolute;
right: -170px;
z-index: 8;
background-color: #6b1d9b;
color: #fff;
top: 8px;
padding: 20px 16px;
font-weight: 200;
border-radius: 4px;
font-size: 0.875em;
width: 170px;
opacity: 1;
}
.tqm-form-step__tooltip:before {
width: 0;
height: 0;
content: "";
position: absolute;
left: -8px;
top: 20px;
border-style: solid;
border-width: 7px 8px 7px 0;
border-color: transparent #6b1d9b transparent transparent;
}
@media (max-width: 768px) {
.tqm-enquire-form__sidebar:before {
display: none;
}
.tqm-form .container {
width: 100%;
}
}
/* Checkbox */
.tqm-checkbox {
display: none;
}
.tqm-checkbox + label span {
display: inline-block;
width: 19px;
height: 19px;
margin: -2px 0 0 10px;
vertical-align: middle;
cursor: pointer;
color: #333;
border: 2px solid #9b9b9b;
position: relative;
}
.tqm-checkbox:checked + label span:after {
background-size: 100%;
color: #9b9b9b;
content: "\f00c";
font-family: FontAwesome;
font-size: 1em;
font-weight: 100;
top: -4px;
position: absolute;
}
/* Radio Btns */
.tqm-radio-btn {
display: none;
}
.tqm-radio-btn + label span {
display: inline-block;
width: 19px;
height: 19px;
margin: -2px 0 0 10px;
vertical-align: middle;
cursor: pointer;
color: #333;
border-radius: 50%;
border: 2px solid #9b9b9b;
position: relative;
}
.tqm-radio-btn:checked + label span:after {
background-size: 100%;
background-color: #9b9b9b;
font-size: 1em;
content: " ";
font-weight: 100;
width: 11px;
height: 11px;
margin: 2px 0 0 2px;
border-radius: 50%;
position: absolute;
}
label.tqm-radio-btn__label {
font-weight: 200;
font-size: 1em;
}
/*------>>> END ENQUIRE NOW <<<------*/
/* -----------------------------------*/
/* ------->>> APPLY NOW <<<-----------*/
/* -----------------------------------*/
.tqm-apply-now {
margin-top: 35px;
padding-bottom: 60px;
}
.tqm-icon-list__image {
display: inline-block;
background: rgba(238,238,238,1);
-webkit-transition: background 0.5s, color 0.2s;
-moz-transition: background 0.5s, color 0.2s;
transition: background 0.5s, color 0.2s;
border-radius: 50%;
width: 77px;
height: 77px;
line-height: 77px;
margin-bottom: 10px;
}
.tqm-enquire-form__sidebar--icon-list li svg {
vertical-align: middle;
}
.tqm-enquire-form__sidebar--icon-list li svg path {
stroke: #6a6969;
}
.tqm-form-step .nice-select {
width: 100%;
box-shadow: none;
position: relative;
z-index: 1;
border: 2px solid #6b1f99;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}
.tqm-form-step--disabled {
opacity: 0.5;
pointer-events: none;
}
.tqm-form-step__number-container {
position: relative;
}
.tqm-form-step:nth-last-child(2) .tqm-form-step__connecting-line:after {
border-right: 0;
}
/* Responsive */
@media screen and (max-width: 1330px) and (min-width: 768px) {
.tqm-form-step__number {
width: 45px;
height: 45px;
}
.tqm-form-step .col-md-1 {
margin-right: 10px;
}
.tqm-form-step__tooltip {
z-index: 10;
}
}
@media (max-width: 768px) {
.tqm-form-divider {
margin-bottom: 0;
}
.tqm-apply-now {
margin-top: 10px;
padding-bottom: 20px;
}
.tqm-form-step__connecting-line {
padding-top: 5px;
margin-right: 5px;
max-width: 30px;
float: left;
}
.tqm-form-step__connecting-line:after {
border: 0;
}
.tqm-form-step__number {
width: 30px;
height: 30px;
font-size: 1em;
border: 2px solid #6b1d9b;
}
.tqm-form-step__tooltip {
display: none;
}
.tqm-form-step--completed .tqm-form-step__connecting-line:after {
border-right: 0;
}
.tqm-form-step label {
font-size: 0.872em;
font-weight: 400;
}
.tqm-enquire-form__sidebar {
padding: 20px 0;
}
.tqm-enquire-form__sidebar--icon-list {
padding: 10px 0;
}
.tqm-enquire-form__sidebar--icon-list li {
margin: 0;
display: inline-block;
vertical-align: top;
}
.tqm-form-step__submit {
text-align: center;
}
}
/* --------->>> END FORMS 1 <<<---------*/
/* --------------------------------------*/
/* ------->>> EMAIL SUBSCRIBE <<<--------*/
/* --------------------------------------*/
.tqm-email-signup {
padding: 30px 55px 40px 40px;
position: relative;
}
.tqm-email-signup__grey {
border-left: 5px solid #6c1e9b;
background-color: #f7f7f7;
color: #6a6969;
}
.tqm-email-signup__title {
font-size: 1.875em;
font-weight: 100;
padding-bottom: 20px;
}
.tqm-email-signup input[type=text], .tqm-email-signup input[type=email] {
border-radius: 4px;
border: 1px solid #bdbdbd;
padding: 10px 15px;
font-weight: 400;
width: 100%;
}
.tqm-email-signup__input {
padding-right: 0;
position: relative;
}
.tqm-checkbox__text {
margin-left: 30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.tqm-email-signup .tqm-checkbox + label {
font-weight: 200;
font-size: 0.750em;
margin-right: 20px;
}
.tqm-email-signup .tqm-checkbox + label span {
margin: 0 10px 0px 0;
display: block;
float: left;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.tqm-email-signup .tqm-checkbox + label span:after {
margin-left: 2px;
}
.tqm-email-signup__required {
font-size: 0.625em;
font-weight: 200;
position: absolute;
right: 40px;
top: 49px;
}
.tqm-email-signup__submit {
float: right;
}
.tqm-email-signup .tqm-button {
width: 100%;
max-width: 150px;
min-width: auto;
float: right;
font-size: 1.075em;
}
@media (min-width: 768px) and (max-width: 1024px) {
.tqm-email-signup__submit {
float: left;
}
.tqm-email-signup input[type=email], .tqm-email-signup input[type=text] {
margin-right: 4px;
margin-bottom: 10px;
}
.tqm-email-signup .tqm-button {
font-size: 0.875em;
padding: 9px 20px;
}
}
@media (max-width: 768px) {
.tqm-email-signup input[type=email], .tqm-email-signup input[type=text] {
width: 100%;
margin-bottom: 10px;
}
.tqm-email-signup__required {
top: 15px;
left: 40px;
}
.tqm-email-signup .tqm-button {
margin-top: 10px;
font-size: 0.875em;
}
.tqm-email-signup__title {
font-size: 1.450em;
}
.tqm-email-signup {
padding-bottom: 20px;
margin-left: -15px;
margin-right: -15px;
border-left: 0;
}
.tqm-email-signup__submit {
float: left;
}
}
/* ----->>> END EMAIL SUBSCRIBE <<<-----*/
/* --------------------------------------*/
/* -------->>> FORM COLOURS <<<----------*/
/* --------------------------------------*/
.tqm-form-signup__red {
background-color: #c3262f;
color: #fff;
}
.tqm-form-signup__red .tqm-checkbox + label span {
border-color: #fff;
}
.tqm-form-signup__red .tqm-checkbox + label span:after {
color: #fff;
}
.tqm-form-signup__red .tqm-button {
background-color: transparent;
}
.tqm-form-signup__teal {
background-color: #23b4c4;
color: #fff;
}
.tqm-form-signup__teal .tqm-checkbox + label span {
border-color: #fff;
}
.tqm-form-signup__teal .tqm-checkbox + label span:after {
color: #fff;
}
.tqm-form-signup__teal .tqm-button {
background-color: transparent;
}
.tqm-form-signup__purple {
background-color: #6b1d9b;
color: #fff;
}
.tqm-form-signup__purple .tqm-checkbox + label span {
border-color: #fff;
}
.tqm-form-signup__purple .tqm-checkbox + label span:after {
color: #fff;
}
.tqm-form-signup__dark-grey {
background-color: #333;
color: #fff;
}
.tqm-form-signup__dark-grey .tqm-checkbox + label span {
border-color: #fff;
}
.tqm-form-signup__dark-grey .tqm-checkbox + label span:after {
color: #fff;
}
.tqm-form-signup__light-grey {
background-color: #f7f7f7;
}
.tqm-form-signup__black-border {
border-left: 5px solid #333;
}
.tqm-form-signup__red-border {
border-left: 5px solid #c3262f;
}
.tqm-form-signup__purple-border {
border-left: 5px solid #6b1d9b;
}
/* ------>>> END FORM COLOURS <<<--------*/
/* --------------------------------------*/
/* --------->>> SIGN UP FORMS <<<--------*/
/* --------------------------------------*/
.tqm-form-signup {
padding: 30px 55px 40px 40px;
position: relative;
}
.tqm-form-signup__title-container {
padding-bottom: 16px;
}
.tqm-form-signup__title {
font-size: 1.875em;
font-weight: 100;
}
.tqm-form-signup__copy {
padding: 15px 0 0 0;
line-height: 100%;
}
.tqm-form-signup input[type=text], .tqm-form-signup input[type=email] {
border-radius: 4px;
border: 1px solid #bdbdbd;
padding: 10px 15px;
font-weight: 400;
width: 100%;
color: #333;
}
.tqm-form-signup__input {
padding-right: 0;
position: relative;
}
.tqm-checkbox__text {
margin-left: 30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.tqm-form-signup .tqm-checkbox + label {
font-weight: 200;
font-size: 0.750em;
margin-right: 20px;
}
.tqm-form-signup .tqm-checkbox + label span {
margin: 0 10px 0px 0;
display: block;
float: left;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.tqm-form-signup .tqm-checkbox + label span:after {
margin-left: 2px;
}
.tqm-form-signup__required {
font-size: 0.625em;
font-weight: 200;
position: absolute;
bottom: 10px;
right: 0;
}
.tqm-form-signup__heading {
position: relative;
}
.tqm-form-signup__submit {
float: right;
}
.tqm-form-signup .tqm-button {
width: 100%;
max-width: 150px;
min-width: auto;
float: right;
font-size: 1.075em;
}
@media (min-width: 768px) and (max-width: 1024px) {
.tqm-form-signup__submit {
float: left;
}
.tqm-form-signup input[type=form], .tqm-form-signup input[type=text] {
margin-right: 4px;
margin-bottom: 10px;
}
.tqm-form-signup .tqm-button {
font-size: 0.875em;
padding: 9px 20px;
}
}
@media (max-width: 768px) {
.tqm-form-signup input[type=form], .tqm-form-signup input[type=text] {
width: 100%;
margin-bottom: 10px;
}
.tqm-form-signup__required {
position: relative;
bottom: auto;
}
.tqm-form-signup .tqm-button {
margin-top: 10px;
font-size: 0.875em;
}
.tqm-form-signup__title {
font-size: 1.450em;
}
.tqm-form-signup {
padding: 20px 40px 20px 20px;
}
.tqm-form-signup__copy {
line-height: 130%;
font-size: 0.875em;
padding: 5px 0 5px 0;
}
.tqm-form-signup__submit {
float: left;
}
}
/* ----->>> END SIGN UP FORMS <<<-----*/
/* --------------------------------------*/
/* -------->>> FORM COLOURS <<<----------*/
/* --------------------------------------*/
.tqm-news-signup {
padding: 30px;
}
.tqm-news-signup__red {
background-color: #c3262f;
color: #fff;
}
.tqm-news-signup__red .tqm-button {
background-color: transparent;
}
.tqm-news-signup__title {
text-transform: uppercase;
font-weight: 500;
font-size: 2.250em;
line-height: 95%;
margin-bottom: 20px;
}
.tqm-news-signup input[type=text], .tqm-news-signup input[type=email] {
border-radius: 4px;
border: 1px solid #bdbdbd;
padding: 10px 15px;
font-weight: 400;
width: 100%;
color: #333;
margin: 4px 0 26px 0;
}
.tqm-news-signup__title--icon {
text-align: right;
padding-left: 0;
}
.tqm-news-signup__title--heading {
padding-right: 0;
}
/* ----->>> END SIGN UP FORMS <<<-----*/
/* --------------------------------------*/
/* ---->>> FORMS - VALUE EXCHANGE <<<----*/
/* --------------------------------------*/
.tqm-value-exchange {
background-size: cover;
background-repeat: no-repeat;
background-position: right;
padding: 60px 0;
position: relative;
}
.tqm-value-exchange__small {
padding: 30px 40px 50px 40px;
}
.tqm-value-exchange__small .tqm-value-exchange__brochure img {
max-width: 160px;
max-height: 165px;
}
.tqm-value-exchange__small h2 {
color: #fff;
margin-top: 23px;
padding-bottom: 10px;
font-size: 1.750em;
}
.tqm-value-exchange__black {
background-color: #000;
color: #fff;
text-align: center;
}
.tqm-value-exchange__white {
background-color: #fff;
color: #000;
text-align: center;
}
.tqm-value-exchange__white h2 {
color: #000;
}
.tqm-value-exchange__grey h2 {
color: #c3262f;
}
.tqm-value-exchange__light h2 {
color: #333;
}
.tqm-value-exchange__dark h2, .tqm-value-exchange__dark {
color: #fff;
}
.tqm-value-exchange__dark .tqm-value-exchange__form--label {
color: #fff;
}
.tqm-value-exchange__dark .tqm-checkbox:checked + label span:after {
color: #9b9b9b;
}
.tqm-value-exchange__overlay--white {
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 60%);
background: linear-gradient(to right, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 60%);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.tqm-value-exchange__overlay--black {
background: -webkit-linear-gradient(left, rgba(33,33,33,1) 50%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(33,33,33,1) 50%,rgba(255,255,255,0) 100%);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.tqm-value-exchange__overlay--grey {
background-color: #eaeaea;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.tqm-value-exchange__form--label {
display: block;
font-weight: 400;
color: #6a6969;
font-size: 0.875em;
margin-bottom: 9px;
}
.tqm-value-exchange__container {
align-items: center;
}
.tqm-value-exchange__form--tagline {
background-color: #c3262f;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
text-transform: uppercase;
font-weight: 400;
padding: 2px 4px;
line-height: 185%;
font-size: 0.875em;
color: #fff;
}
.tqm-value-exchange__brochure {
display: inline-block;
vertical-align: middle;
}
.tqm-value-exchange__brochure img {
max-width: 100%;
max-height: 425px;
}
.tqm-value-exchange input[type=text], .tqm-value-exchange input[type=email] {
border-radius: 4px;
border: 1px solid #bdbdbd;
padding: 18px 20px;
font-weight: 400;
width: 100%;
color: #333;
margin: 4px 0 20px 0;
}
.tqm-checkbox__text {
margin-left: 30px;
}
.tqm-value-exchange .tqm-form-signup__checkbox {
margin: 20px 0 30px 0;
}
.tqm-value-exchange .tqm-checkbox + label {
font-weight: 200;
margin-right: 20px;
margin-top: 2px;
}
.tqm-value-exchange .tqm-checkbox + label span {
margin: 2px 10px 0px 0;
display: block;
float: left;
}
.tqm-value-exchange .tqm-checkbox + label span:after {
margin-top: -3px;
}
.tqm-value-exchange .selectric {
border: 1px solid #bdbdbd;
box-shadow: none;
color: #4a4a4a;
}
.tqm-value-exchange__form--list {
font-size: 1.375em;
line-height: 200%;
margin: 20px 0;
}
.tqm-value-exchange__subtitle {
font-size: 1.5em;
line-height: 120%;
font-weight: 400;
color: #4a4a4a;
}
.tqm-value-exchange__caption {
color: #3f057b;
font-weight: 400;
line-height: 140%;
}
.tqm-value-exchange__form--image-container {
padding: 0 60px 0 40px;
}
.tqm-checkbox__text--small {
font-size: 0.688em;
}
/* BG IMAGE ENQUIRY */
.tqm-bg-image-enquiry__container {
background-size: cover;
background-repeat: no-repeat;
padding: 77px 0 52px 0;
position: relative;
}
.tqm-bg-image-enquiry__overlay {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000);
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.tqm-bg-image-enquiry {
position: relative;
z-index: 1;
}
.tqm-bg-image-enquiry input[type=text], .tqm-bg-image-enquiry input[type=email], .tqm-bg-image-enquiry input[type=number] {
border-radius: 4px;
border: 1px solid #bdbdbd;
padding: 18px 20px;
width: 100%;
color: #4a4a4a;
margin: 4px 0 20px 0;
}
.tqm-bg-image-enquiry input[type=text]::-webkit-input-placeholder, .tqm-bg-image-enquiry textarea::-webkit-input-placeholder, .tqm-bg-image-enquiry input[type=email]::-webkit-input-placeholder, .tqm-bg-image-enquiry input[type=number]::-webkit-input-placeholder {
color: #4a4a4a;
}
.tqm-bg-image-enquiry textarea {
width: 100%;
margin: 4px 0 20px 0;
padding: 18px 20px;
border: 1px solid #bdbdbd;
border-radius: 4px;
height: 160px;
}
.tqm-bg-image-enquiry .tqm-required-fields {
color: #c3262f;
font-size: 0.625em;
font-weight: 400;
text-align: right;
}
.tqm-bg-image-enquiry .tqm-checkbox__text {
color: #fff;
font-size: 1em;
font-weight: 200;
margin-left: 40px;
}
.tqm-bg-image-enquiry .selectric {
border: 1px solid #bdbdbd;
margin: 4px 0 20px 0;
}
.tqm-bg-image-enquiry__title {
color: #fff;
text-align: center;
font-size: 2.5em;
font-weight: 100;
padding-bottom: 59px;
}
.tqm-bg-image-enquiry .tqm-checkbox + label {
font-weight: 200;
margin-right: 20px;
margin-top: 2px;
}
.tqm-bg-image-enquiry .tqm-checkbox + label span {
margin: 2px 10px 0px 0;
display: block;
float: left;
}
.tqm-bg-image-enquiry .tqm-checkbox + label span:after {
margin-top: -3px;
}
.tqm-bg-image-enquiry .tqm-checkbox:checked + label span:after {
color: #fff;
}
.tqm-bg-image-enquiry__submit {
align-items: center;
}
@media (min-width: 768px) and (max-width: 1024px) {
.tqm-value-exchange__form--image-container {
padding: 0 40px 0 0px;
}
}
@media (max-width: 768px) {
.tqm-value-exchange {
padding: 30px 0;
background-image: none;
}
.tqm-value-exchange__container {
text-align: center;
}
.tqm-value-exchange__brochure {
text-align: center;
width: 100%;
margin-bottom: 20px;
}
.tqm-value-exchange__brochure img {
max-width: 180px;
max-height: 185px;
}
.tqm-value-exchange__overlay--black {
background-color: #000;
}
.tqm-value-exchange__form--label {
text-align: left;
}
.tqm-form-signup__checkbox {
text-align: left;
}
.tqm-value-exchange__overlay--white {
background-color: #fff;
}
.tqm-value-exchange__form--list {
list-style-type: none;
padding: 0;
margin: 0 0 15px 0;
}
/* Bg image enquiry */
.tqm-bg-image-enquiry__container {
padding: 30px 0;
}
.tqm-bg-image-enquiry__title {
padding-bottom: 20px;
font-size: 1.85em;
}
.tqm-bg-image-enquiry .tqm-required-fields, .tqm-bg-image-enquiry .tqm-bg-image-enquiry__submit {
text-align: center;
}
.tqm-bg-image-enquiry .tqm-required-fields {
margin-bottom: 10px;
}
}
/* --->>> END FORMS VALUE EXCHANGE <<<---*/
/* --------------------------------------*/
/* ------->>> BASE STYLES <<<------------*/
/* --------------------------------------*/
body {
margin: 0;
padding: 0;
font-size: 16px;
font-family: 'HelveticaNeue', Helvetica, sans-serif;
font-weight: 200;
}
hr {
border-top: 1px solid #dcdcdc;
}
p {
line-height: 21px;
}
a {
color: #23b4c4;
font-weight: 400;
}
a:hover {
text-decoration: none;
color: #c4262e;
}
.clear {
clear: both;
}
@media (max-width: 768px) {
p {
line-height: 24px;
}
}
/* -------->>> END BASE STYLES <<<-------*/
/* -----------------------------------------*/
/* ------------->>> HR <<<------------------*/
/* -----------------------------------------*/
.tqm-small-hr__black {
border-top: 3px solid #333;
width: 50px;
margin: 16px auto 10px auto;
}
/* ------------->>> END HR <<<--------------*/
/* -----------------------------------*/
/* ----------->>>CHECKBOX <<<---------*/
/* -----------------------------------*/
.tqm-checkbox {
display: none;
}
.tqm-checkbox + label span {
display: inline-block;
width: 19px;
height: 19px;
margin: -2px 0 0 10px;
vertical-align: middle;
cursor: pointer;
color: #333;
border: 2px solid #9b9b9b;
position: relative;
}
.tqm-checkbox:checked + label span:after {
background-size: 100%;
color: #4a4a4a;
content: "\f00c";
font-family: FontAwesome;
font-size: 1em;
font-weight: 100;
top: 0px;
position: absolute;
}
/* ------>>> END CHECKBOX <<<--------*/
/* -----------------------------------------*/
/* --->>> BOOTSTRAP GRID ADJUSTMENTS <<<----*/
/* -----------------------------------------*/
.no-gutter > [class*='col-'] {
padding-right:0;
padding-left:0;
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 768px) {
.row-eq-height {
display: block;
}
}
/* ->>> END BOOTSTRAP GRID ADJUSTMENTS <<<--*/
/* --------------------------------------*/
/* ---------->>> SPACERS <<<-------------*/
/* --------------------------------------*/
.tqm-spacer {
display: block;
height: 30px;
clear:both;
}
@media (max-width: 768px) {
.tqm-spacer {
height: 25px;
}
}
/* --------->>> END SPACERS <<<----------*/
/* --------------------------------------*/
/* ------->>> HEADINGS <<<---------------*/
/* --------------------------------------*/
h1 {
font-size: 3.750em;
letter-spacing: -0.3px;
color: #6a6969;
font-weight: 500;
text-transform: uppercase;
padding: 0 0 25px 0;
margin: 0;
line-height: 1;
}
h2 {
font-size: 2.250em;
color: #6a6969;
font-weight: 500;
text-transform: uppercase;
padding: 0 0 20px 0;
margin: 0;
line-height: 1;
}
h2.tqm-heading-center {
text-align: center;
text-transform: none;
font-size: 1.875em;
font-weight: 100;
color: #333333;
}
h2.tqm-heading-center:after {
content: " ";
display: block;
height: 4px;
width: 50px;
background-color: #c4262e;
text-align: center;
margin: 14px auto 0 auto;
}
h3 {
font-size: 1.875em;
color: #4a4a4a;
font-weight: 100;
padding: 0 0 15px 0;
margin: 0;
line-height: 1;
}
h4 {
font-size: 1.250em;
color: #4a4a4a;
font-weight: 400;
padding: 0 0 10px 0;
margin: 0;
line-height: 1;
}
h5 {
font-size: 0.875em;
color: #6a6969;
font-weight: 500;
text-transform: uppercase;
padding: 0 0 10px 0;
margin: 0;
line-height: 1;
}
h6 {
font-size: 0.750em;
letter-spacing: 2px;
color: #000;
font-weight: 300;
text-transform: uppercase;
padding: 0 0 5px 0;
margin: 0;
line-height: 1;
}
.tqm-sub-heading-rtl {
font-size: 1.250em;
letter-spacing: 0.2px;
color: #6a6969;
text-transform: uppercase;
border-right: 4px solid #c4262e;
display: inline-block;
line-height: 1;
padding: 0 10px 0 0;
margin-bottom: 10px;
}
.tqm-sub-heading {
font-size: 1.250em;
letter-spacing: 0.2px;
color: #6a6969;
text-transform: uppercase;
border-left: 4px solid #c4262e;
display: inline-block;
line-height: 1;
padding: 0 0 0 10px;
margin-bottom: 10px;
}
@media (max-width: 768px) {
h1 {
font-size: 2.250em;
padding: 0 0 10px 0;
}
h2 {
font-size: 1.5em;
padding: 0 0 10px 0;
}
h3 {
font-size: 1.375em;
}
h4 {
font-size: 1.125em;
}
.tqm-sub-heading {
font-size: 0.875em;
}
}
/* -------->>> END HEADINGS <<<----------*/
/* --------------------------------------*/
/* ---------->>> ALIGNMENT <<<-----------*/
/* --------------------------------------*/
.tqm-centred {
text-align: center;
}
/* -------->>> END ALIGNMENT <<<----------*/
/* --------------------------------------*/
/* ---------->>> COLOURS <<<-------------*/
/* --------------------------------------*/
.tqm--white {
color: #fff;
}
/* ------->>> END COLOURS <<<------------*/
/* --------------------------------------*/
/* ----->>> BACKGROUND COLOURS <<<-------*/
/* --------------------------------------*/
.tqm-bg__white {
background-color: #fff;
}
.tqm-bg__white-two {
background-color: #f7f7f7;
}
.tqm-bg__light-grey {
background-color: #eaeaea;
}
.tqm-bg__black {
background-color: #000;
}
/* --->>> END BACKGROUND COLOURS <<<-----*/
/* --------------------------------------*/
/* ------------>>> LISTS <<<-------------*/
/* --------------------------------------*/
ul {
line-height: 250%;
margin: 0 0 10px 0;
padding: 0 0 0 30px;
}
ul li {
padding-left: 10px;
}
ol {
line-height: 250%;
margin: 0 0 10px 0;
padding: 0 0 0 30px;
}
ol li {
padding-left: 10px;
}
dl {
color: #4a4a4a;
}
dl dt {
font-weight: 200;
line-height: 250%;
}
dl dd {
margin-left: 30px;
line-height: 200%;
}
/* -----------------------------------*/
/* ------->>> FONTS <<<---------------*/
/* -----------------------------------*/
@font-face {
font-family: 'HelveticaNeue';
src: url('/assets/oneweb/fonts/HelveticaNeueLTStd-Blk.eot');
src: url('/assets/oneweb/fonts/HelveticaNeueLTStd-Blk.eot?#iefix') format('embedded-opentype'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Blk.woff') format('woff'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Blk.ttf') format('truetype'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Blk.svg#HelveticaNeueLTStd-Blk') format('svg');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeue';
src: url('/assets/oneweb/fonts/HelveticaNeueLTStd-Bd.eot');
src: url('/assets/oneweb/fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Bd.woff2') format('woff2'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Bd.woff') format('woff'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeue';
src: url('/assets/oneweb/fonts/HelveticaNeueLTStd-Md.eot');
src: url('/assets/oneweb/fonts/HelveticaNeueLTStd-Md.eot?#iefix') format('embedded-opentype'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Md.woff2') format('woff2'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Md.woff') format('woff'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Md.ttf') format('truetype'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Md.svg#HelveticaNeueLTStd-Md') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeue';
src: url('/assets/oneweb/fonts/HelveticaNeueLTStd-Roman.eot');
src: url('/assets/oneweb/fonts/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Roman.woff2') format('woff2'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Roman.woff') format('woff'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Roman.ttf') format('truetype'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman') format('svg');
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'HelveticaNeue';
src: url('/assets/oneweb/fonts/HelveticaNeueLTStd-Lt.eot');
src: url('/assets/oneweb/fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Lt.woff2') format('woff2'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Lt.woff') format('woff'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'),
url('/assets/oneweb/fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg');
font-weight: 100;
font-style: normal;
}
/* ---------->>> END FONTS <<<-----------*/
/* ------------------------------------*/
/* ------>>> POPULAR STUDY <<<---------*/
/* ------------------------------------*/
.tqm-popular-study-areas h2, .tqm-icon-list h2, .tqm-two-column-panels h2, .tqm-three-col-text-two-images h2, .tqm-location-container h2 {
font-size: 1.875em;
text-align: center;
}
.tqm-two-column-panels.tqm-section--teal h2 {
color: #fff;
}
.tqm-popular-study-areas h2 + hr, .tqm-icon-list h2 + hr, .tqm-two-column-panels h2 + hr, .tqm-three-col-text-two-images h2 + hr, .tqm-location-container h2 + hr {
text-align: center;
margin: 0 auto 29px auto;
}
.tqm-two-column-panels__mobile.owl-carousel.owl-loaded {
display: none;
}
.tqm-popular-study__search-container {
margin-bottom: 32px;
}
.tqm-popular-study__search-holder {
width: 80%;
float: left;
position: relative;
}
.tqm-popular-study__button-holder {
float: right;
width: 18%;
}
input[type=text].tqm-popular-study__search-bar {
width: 99%;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
padding: 16px 120px 16px 65px;
position: relative;
background:url(/assets/oneweb/images/search-alt.svg) no-repeat #fff center left 16px;
background-size: 34px 34px;
}
.tqm-popular-study__search-bar--submit {
width: 120px;
position: absolute;
right: 0;
min-width: auto;
}
.tqm-popular-study-areas__panel {
float: left;
padding-bottom: 15px;
text-align: center;
}
.tqm-interactive-component-pods .tqm-popular-study-areas__item {
width: 20%;
width: calc(20% - 15px);
background-color: #fff;
float: left;
text-align: left;
margin: 0 7px 15px 7px;
transition: all ease 0.3s;
}
.tqm-popular-study-areas__item img {
max-width: 100%;
}
.tqm-popular-study-areas__item a {
color: #4a4a4a;
}
.tqm-popular-study-areas__item:hover {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.tqm-popular-study-areas__item--heading {
font-size: 0.813em;
padding: 12px;
font-weight: 400;
}
.tqm-view-more-button {
margin: 10px auto 0 auto;
display: inline-block;
}
.tqm-popular-study-areas-carousel__item {
width: 100%;
background-color: #eaeaea;
text-align: left;
}
.tqm-popular-study-areas-carousel__item a {
color: #4a4a4a;
}
.tqm-carousel-arrow {
width: 20px;
height: 10px;
display: inline-block;
background:url(/assets/oneweb/images/arrow-accordian.svg) no-repeat center;
background-size: 13px 8px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.tqm-carousel-arrow__prev {
transform: translateY(-50%) rotate(90deg);
left: -30px;
}
.tqm-carousel-arrow__next {
transform: translateY(-50%) rotate(-90deg);
right: -30px;
}
.tqm-popular-study-areas__panel--carousel-container {
max-width: 93%;
margin: 0 auto;
}
.tqm-popular-study-areas__panel.tqm-popular-study-areas__panel--mobile.owl-carousel {
display: none;
}
@media (max-width: 768px) {
.tqm-popular-study-areas__panel--carousel-container {
max-width: 100%;
}
.tqm-three-col-text-two-images {
padding-top: 30px;
}
.tqm-popular-study-areas h2, .tqm-icon-list h2, .tqm-two-column-panels h2, .tqm-three-col-text-two-images h2, .tqm-location-container h2 {
font-size: 1.5em;
}
.tqm-popular-study-areas h2 + hr {
margin-bottom: 0;
}
.tqm-two-column-panels__desktop {
display: none;
}
.tqm-two-column-panels__mobile {
display: block;
padding-top: 30px;
}
.tqm-two-column-panels__mobile .owl-dots {
top: -20px;
}
.tqm-two-column-panels__mobile .owl-dot span {
background-color: #fff;
}
.tqm-two-column-panels__mobile .owl-dot.active span {
background-color: #333;
}
input[type=text].tqm-popular-study__search-bar {
background-image: none;
padding-left: 15px;
padding-right: 100px;
}
.tqm-popular-study__button-holder {
float: none;
text-align: center;
display: none;
}
.tqm-popular-study__button-holder .tqm-button {
margin-top: 20px;
}
.tqm-popular-study__search-bar--submit {
margin: 0;
width: 100px;
}
.tqm-popular-study__search-holder {
width: 100%;
margin-top: 20px;
}
.tqm-popular-study-areas__panel.tqm-popular-study-areas__panel--mobile.owl-carousel {
display: block;
}
.tqm-popular-study-areas__panel--desktop {
display: none;
}
.tqm-popular-study-areas__panel--desktop--standalone {
display: none;
}
.tqm-popular-study-areas__item {
width: 100%;
margin-top: 25px;
}
.tqm-popular-study-areas__button {
display: none;
}
.tqm-two-column-panels__mobile.owl-carousel.owl-loaded {
display: block;
}
}
/* ------>>> END POPULAR STUDY <<<-----*/
/* ------------------------------------ */
/* ---->>> THREE COL CAROUSEL <<<------ */
/* ------------------------------------ */
.tqm-carousel__three-column {
max-width: 93%;
margin: 0 auto;
}
.tqm-carousel__three-column--static {
max-width: 100%;
margin: 0 auto;
}
.tqm-multi-link-article-carousel__item {
background-color: #eaeaea;
margin: 0 7px;
}
.tqm-multi-link-article-carousel__item--image {
padding: 0;
}
.tqm-multi-link-article-carousel__item--image img {
width: 100%;
}
.tqm-multi-link-article-carousel__item--heading {
padding: 20px;
font-size: 1em;
color: #000;
font-weight: 400;
}
/* Featured Content Carousel */
.tqm-featured-content-carousel__item {
background-color: #eaeaea;
}
.tqm-featured-content-carousel__item--content {
padding: 20px;
font-size: 0.750em;
}
.tqm-featured-content-carousel__item--content a {
text-transform: uppercase;
padding: 7px 0;
display: block;
}
.tqm-featured-content-carousel__item--heading {
font-weight: 400;
font-size: 1.333em;
}
.tqm-featured-content-carousel__item--heading:after {
width: 25px;
height: 2px;
background-color: #c3262f;
content: "";
margin: 10px 0;
display: block;
}
/* Image / Video Showcase */
.tqm-image-video-showcase__item {
background-color: #eaeaea;
}
.tqm-image-video-showcase__item--content {
padding: 20px;
font-size: 0.750em;
}
.tqm-image-video-showcase__item--heading {
font-weight: 400;
font-size: 1.333em;
}
@media (max-width: 768px) {
.tqm-carousel__three-column {
max-width: 100%;
}
}
/* --->>> END THREE COL CAROUSEL <<<--- */
/* -----------------------------------*/
/* -------->>> ACCORDION <<<----------*/
/* -----------------------------------*/
.tqm-accordion-item {
border-top: 1px solid #dcdcdc;
color: #4a4a4a;
}
.tqm-accordion__grey-bg.tqm-accordion-item {
background-color: #f7f7f7;
}
.panel-group .tqm-accordion-item:last-child {
border-bottom: 1px solid #dcdcdc;
}
.tqm-accordion-label {
color: #333;
font-weight: 400;
font-size: 1.5em;
padding: 25px;
display: block;
background-color: #fff;
position: relative;
cursor: pointer;
line-height: 100%;
}
.tqm-accordion__grey-bg .tqm-accordion-label {
background-color: #f7f7f7;
}
.tqm-accordion-label.collapsed {
background-color: transparent;
transition-duration:0.2s;
transition-delay:0.3s;
color: #6a6969;
transition-timing-function: ease-in-out;
}
.tqm-accordion-label:hover, .tq-accordion-label:focus {
color: #333;
text-decoration: none;
}
.in-page-height{
height:64px;
}
.tqm-accordion-label.collapsed:after {
transform: rotate(0deg);
}
.tqm-accordion-label:after {
background:url(/assets/oneweb/images/icon-arrow-accordian.svg) no-repeat center right;
background-size: 25px 15px;
content: "";
position: absolute;
right: 25px;
margin: 0;
height: 100%;
top: 0;
bottom: 0;
width: 25px;
transform: rotate(180deg);
transition: all ease-in-out 0.2s;
}
.tqm-accordion-panel {
background-color: #fff;
padding: 0 20px 20px 20px;
}
.tqm-accordion__grey-bg .tqm-accordion-panel {
background-color: #f7f7f7;
}
.tqm-accordion-item__icon {
display: inline-block;
text-align: center;
width: 80px;
vertical-align: middle;
}
.tqm-accordion-item__svg {
max-width: 50px;
max-height: 45px;
}
.tqm-info-icon-padding {
padding: 0 10px;
}
.tqm-accordion-item.activate .tq-accordion-label {
background-color: #fff;
}
.tqm-accordion-item.activate .collapsed {
background-color: transparent;
}
.tqm-accordion-item__heading {
display: inline-block;
vertical-align: middle;
max-width: 80%;
}
.panel-group {
margin: 30px 0;
}
@media (max-width: 768px) {
.tqm-accordion-label:after {
width: 16px;
right: 15px;
background-size: 16px 10px;
}
.tqm-mobile-accordion__column {
padding: 0;
}
.tqm-mobile-accordion {
border-bottom: 1px solid #ccc;
}
.tqm-mobile-accordion__heading:after {
margin-right: 25px;
}
.tqm-accordion-item__icon {
width: 50px;
}
.tqm-accordion-item__svg {
max-height: 30px;
}
.tqm-accordion-label {
font-size: 1.2em;
padding: 15px 5px 15px 15px;
background-color: transparent;
}
.tqm-accordion-item__svg {
max-width: 30px;
}
.tqm-accordion-panel {
padding: 0;
background-color: transparent;
}
.tqm-accordion-content-panel {
padding: 20px 25px 10px 25px;
}
.panel-group {
margin: 0;
}
}
@media (max-width: 600px) {
.tqm-mobile-accordion__heading:after {
margin-right: 10px;
}
}
/* ------>>> END ACCORDION <<<--------*/
/* -----------------------------------*/
/* ------>>> SHOWCASE SLIDER <<<------*/
/* -----------------------------------*/
/* Slider arrows/dots */
.tqm-slider-arrow {
background-color: #000;
width: 45px;
height: 45px;
display: inline-block;
position: absolute;
bottom: 20px;
}
.tqm-slider-arrow__prev {
background:url(/assets/oneweb/images/arrow-right.png) no-repeat #000 center center;
background-size: 13px 20px;
transform: rotate(180deg);
}
.tqm-slider-arrow__next {
background:url(/assets/oneweb/images/arrow-right.png) no-repeat #000 center center;
background-size: 13px 20px;
}
.tqm-one-slide-slider .owl-dots {
height: 30px;
text-align: center;
position: absolute;
top: 0px;
left: 0;
right: 0;
}
.tqm-one-slide-slider .owl-dots .owl-dot {
display: inline-block;
vertical-align: middle;
padding: 0 3px;
}
.tqm-one-slide-slider .owl-dots .owl-dot span {
background-color: #b5b4b4;
width: 6px;
height: 6px;
border-radius: 50%;
display: block;
}
.tqm-one-slide-slider .owl-dots .owl-dot.active span {
background-color: #6a6969;
width: 9px;
height: 9px;
}
/* Slider Base */
.tqm-showcase-slider {
background-color: #333;
color: #fff;
margin-top: 30px;
}
.tqm-showcase-slider__content {
padding: 30px 35px 80px 35px;
font-size: 0.750em;
font-weight: 100;
}
.tqm-showcase-slider__image {
overflow: hidden;
}
.owl-carousel .owl-item .tqm-showcase-slider__image img {
width: auto;
max-height: 423px;
}
.tqm-showcase-slider__cta {
text-transform: uppercase;
position: relative;
}
.tqm-showcase-slider__cta:after {
background:url(/assets/oneweb/images/arrow-accordian-teal.svg) no-repeat center right;
background-size: 15px 5px;
content: "";
margin: 0;
height: 100%;
right: -20px;
top: 0;
position: absolute;
width: 15px;
transform: rotate(-90deg);
}
.tqm-showcase-slider__cta:hover:after {
background:url(/assets/oneweb/images/arrow-accordian-red.svg) no-repeat center right;
background-size: 15px 5px;
}
.tqm-showcase-slider__heading {
font-size: 2em;
font-weight: 300;
line-height: 1.25;
}
.tqm-showcase-slider__heading:after {
content: "";
width: 50px;
height: 4px;
display: block;
margin: 15px 0;
background-color: #c3262f;
}
.tqm-showcase-slider__caption {
position: absolute;
bottom: 20px;
left: 30px;
font-size: 0.875em;
font-weight: 100;
right: 130px;
background:rgba(0,0,0,0.8);
display: block;
padding: 12px;
}
/* Showcase Slider - Right Caption */
.tqm-showcase-slider__right-side-caption .tqm-slider-arrow__prev {
right: 80px;
}
.tqm-showcase-slider__right-side-caption .tqm-slider-arrow__next {
right: 30px;
}
.tqm-showcase-slider__right-side-caption .tqm-showcase-slider__content {
padding-left: 0px;
}
/* Showcase Slider - Left Caption */
.tqm-showcase-slider__left-side-caption .tqm-slider-arrow__prev {
left: 250px;
}
.tqm-showcase-slider__left-side-caption .tqm-slider-arrow__next {
left: 300px;
}
.tqm-showcase-slider__left-side-caption .tqm-showcase-slider__content {
padding-right: 0px;
}
/* Showcase Slider - Standard */
.tqm-showcase-slider__standard .tqm-slider-arrow__prev {
right: 80px;
}
.tqm-showcase-slider__standard .tqm-slider-arrow__next {
right: 30px;
}
/* Showcase Gallery Base */
.tqm-showcase-gallery .tqm-showcase-slider__cta {
position: absolute;
bottom: 20px;
}
.tqm-showcase-gallery .tqm-one-slide-slider .owl-dots {
left: 25px;
top: 15px;
right: auto;
}
.tqm-showcase-gallery .tqm-one-slide-slider .owl-dots .owl-dot.active span {
background-color: #fff;
}
.tqm-showcase-gallery .tqm-showcase-slider {
margin-top: 0;
}
.tqm-showcase-gallery .tqm-one-slide-slider .tqm-slider-arrow__prev {
right: 80px;
}
.tqm-showcase-gallery .tqm-one-slide-slider .tqm-slider-arrow__next {
right: 30px;
}
/* Showcase Gallery - Right */
.tqm-showcase-gallery__right-side-caption .tqm-showcase-slider__content {
padding-left: 0;
}
/* Showcase Gallery - Left */
.tqm-showcase-gallery__left-side-caption .tqm-showcase-slider__content {
padding-right: 0;
}
/* Showcase Gallery - Bottom */
.tqm-showcase-gallery__bottom-caption .tqm-showcase-slider__cta {
position: relative;
bottom: 0;
}
.tqm-showcase-gallery__bottom-caption .tqm-showcase-slider__content {
padding-bottom: 30px;
}
@media (max-width: 1170px) and (min-width: 768px) {
.tqm-showcase-slider__left-side-caption .tqm-slider-arrow__prev {
right: 80px;
}
.tqm-showcase-slider__left-side-caption .tqm-slider-arrow__next {
right: 30px;
}
}
@media (max-width: 768px) {
.tqm-showcase-gallery .tqm-showcase-slider__cta {
position: relative;
bottom: 0;
}
.tqm-showcase-slider__image img {
max-width: 100%;
}
.tqm-showcase-slider__content {
padding: 30px;
}
.in-page-height{
height:0px;
}
.tqm-showcase-gallery__left-side-caption .tqm-showcase-slider__content {
padding-right: 30px;
}
.tqm-showcase-gallery__right-side-caption .tqm-showcase-slider__content {
padding-left: 30px;
}
.tqm-showcase-slider__left-side-caption .tqm-showcase-slider__content {
padding-right: 30px;
padding-bottom: 80px;
}
.tqm-showcase-slider__right-side-caption .tqm-showcase-slider__content {
padding-left: 30px;
padding-bottom: 80px;
}
.tqm-showcase-slider__standard .tqm-showcase-slider__content {
padding-bottom: 80px;
}
.tqm-showcase-slider__left-side-caption .tqm-slider-arrow__prev {
right: 80px;
left: auto;
}
.tqm-showcase-slider__left-side-caption .tqm-slider-arrow__next {
right: 30px;
left: auto;
}
}
/* ---->>> END SHOWCASE SLIDER <<<----*/
/* -------------------------------------*/
/* ----------->>> MAPS <<<--------------*/
/* -------------------------------------*/
/* Forms */
.tqm-where-you-can-study__filters input[type=text], input[type=email] {
padding: 18px 130px 18px 65px;
border-radius: 4px;
border: 1px solid #bdbdbd;
font-weight: 200;
font-size: 1em;
}
.tqm-where-you-can-study__filters input[type=text]::placeholder, textarea::placeholder {
color: #858585;
}
.tqm-where-you-can-study__filters select {
padding: 18px 45px 18px 20px;
border: 1px solid #bdbdbd;
border-radius: 4px;
font-weight: 200;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
appearance: none;
-webkit-appearance: none;
background:url(/assets/oneweb/images/arrow-down.png) no-repeat center right 20px #fff;
}
.tqm-where-you-can-study__filters .selectric-wrapper .selectric {
border: 0;
}
.tqm-where-you-can-study__title h3 {
padding-bottom: 40px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
font-size: 2.250em;
}
.tqm-where-you-can-study__filters {
width: 100%;
float: left;
background-color:rgba(0,0,0,0.35);
padding: 20px;
}
.tqm-where-you-can-study__filters--mobile {
display: none;
}
.tqm-where-you-can-study__left-col {
width: 58%;
float: left;
}
.tqm-where-you-can-study__search-holder {
float: right;
width: 100%;
position: relative;
margin-left: 20px;
}
.tqm-where-you-can-study__search-holder .tqm-where-you-can-study__search-bar {
width: 100%;
position: relative;
padding-right: 130px;
padding-left: 60px;
background:url(/assets/oneweb/images/search-alt-mono.svg) no-repeat #fff center left 16px;
background-size: 34px 34px;
}
.tqm-where-you-can-study__search-holder .tqm-popular-study__search-bar {
position: absolute;
right: 0;
width: auto;
background-image: none;
top: 0;
height: 60px;
min-width: 120px;
}
.tqm-where-you-can-study__location-holder {
float: left;
width: 30%;
}
.tqm-where-you-can-study__right-col {
width: 42%;
float: right;
}
.tqm-where-you-can-study {
padding: 0 0 60px 0;
}
#tqm-google-map__container {
padding: 0;
}
.tqm-location-details__container--smaller {
width: 58%;
transition: width linear 0.15s;
}
.tqm-location-details__container--larger {
width: 30%;
transition: width linear 0.15s;
}
.tqm-location__details-mobile--hidden {
height: 0;
overflow: hidden;
width: 100%;
}
.tqm-location__details-mobile--hidden.tqm-location__details--open {
height: auto;
padding: 10px 6px;
width: 100%;
}
.tqm-location__details-mobile--hidden-left {
float: left;
width: 50%;
color: #6a6969;
padding-top: 13px;
}
.tqm-location__details-mobile--hidden-right {
float: right;
text-align: right;
width: 50%;
padding-top: 13px;
}
.tqm-location__details-mobile--hidden-right:after {
font-family: FontAwesome;
content: "\f054";
padding: 4px 0 0 6px;
}
.tqm-map-openme .tqm-search-filter__mobile--link {
background-color: #6a6969;
}
.tqm-parent__open {
display: block !important;
}
.tqm-parent__open .tqm-location__details--view-courses {
display: none;
}
.tqm-google-map__container--smaller {
width: 42%;
transition: width linear 0.15s;
}
.tqm-google-map__container--larger {
width: 70%;
transition: width linear 0.15s;
}
#tqm-google-map {
height: 528px;
width: 100%
}
.container-1440 {
max-width: 1440px;
}
.tqm-google-map__locations {
height: 528px;
position: relative;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
background-color: #fff;
margin-top: -80px;
}
.tqm-google-map__locations--mobile {
display: none;
}
.tqm-location-details__container {
padding: 0;
height:140px;
text-align: center;
position: relative;
}
.tqm-location__holder {
overflow-y: scroll;
height: 491px;
}
.tqm-location__showmore {
width: 100%;
float: none;
background-color: #f7f7f7;
text-transform: uppercase;
font-size: 0.875em;
font-weight: 400;
color: #858585;
padding: 8px;
cursor: pointer;
margin: 0;
border-top: 1px solid #dcdcdc;
}
.tqm-location__showmore span {
margin: 0;
}
.tqm-location-details__container::-webkit-scrollbar {
width: 8px;
}
.tqm-location-details__container::-webkit-scrollbar-track {
background-color: #eaeaea;
}
.tqm-location-details__container::-webkit-scrollbar-thumb {
background-color: #8a8989;
}
.tqm-location-container {
position: relative;
padding: 133px 0 210px 0;
background:url(/assets/oneweb/images/coast-banner.png) no-repeat;
background-size: cover;
}
.tqm-location-container__overlay {
background-color:rgba(0,0,0,0.4);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.tqm-location__details {
width: 50%;
box-sizing: border-box;
float: left;
text-align: left;
font-size: 1em;
font-weight: 200;
border-top: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
padding: 20px;
height: 160px;
}
.moreShown {
display: none;
}
.tqm-google-map__expand {
width: 200px;
height: 100px;
}
.tqm-location__details:nth-child(even) {
border-right: 0;
}
.tqm-location-details__container--larger .tqm-location__details:nth-child(2) {
border-top: 1px solid #dcdcdc;
}
.tqm-location-details__container--larger .tqm-location__details {
width: 100%;
border-right: 0;
}
.tqm-location__details:nth-child(2), .tqm-location__details:first-child {
border-top: 0;
}
.tqm-location__details--title {
font-weight: 400;
font-size: 1em;
color: #4a4a4a;
float: left;
width: 100%;
position: relative;
}
.tqm-location__details--title:after {
content: "";
background:url(/assets/oneweb/images/arrow-thin.png) no-repeat;
transform: rotate(90deg);
background-size: cover;
width: 12px;
height: 12px;
position: absolute;
right: 0;
}
.tqm-location__details--title svg path {
fill: #6a6969;
}
.tqm-location__details--view-map {
float: right;
width: 33%;
}
.tqm-location__details--content {
clear: both;
font-size: 0.875em;
}
@media screen and (max-width: 1330px) and (min-width: 768px) {
.tqm-location__details {
max-width: 100%;
}
.tqm-location-details__container {
height: 450px;
}
.tqm-location-container {
padding: 40px 0 100px 0;
}
.tqm-where-you-can-study__search-holder {
margin-right: 10px;
}
.tqm-where-you-can-study__location-holder .tqm-button {
right: 25px;
}
}
@media (max-width: 768px) {
.tqm-where-you-can-study {
padding: 22px 15px ;
position: relative;
}
.tqm-where-you-can-study__title h3 {
padding-bottom: 15px;
}
#tqm-google-map {
height: 290px;
overflow: hidden;
}
.tqm-google-map__locations {
height: 194px;
overflow: hidden;
box-shadow: none;
margin: 0;
}
.tqm-where-you-can-study__filters {
padding: 0;
}
.tqm-where-you-can-study__filters--desktop {
display: none;
}
.tqm-where-you-can-study__filters--mobile {
display: block;
position: absolute;
z-index: 3;
left: 15px;
right: 40px;
}
.tqm-search-results__filter {
display: none;
}
#tqm-google-map__container {
border: solid 1px #9da6b4;
}
.tqm-location__showmore {
border-bottom: 1px solid #dcdcdc;
}
.tqm-where-you-can-study__filters--mobile .tqm-where-you-can-study__filters {
background-color: transparent;
}
.tqm-location__details--view-map {
font-size: 0.855em;
width: 38%;
}
.tqm-location__details--title {
width: 62%;
}
.tqm-location__details--title svg {
position: absolute;
left: 0;
}
.tqm-location__details--title img {
margin-right: 10px;
}
.tqm-where-you-can-study__title {
padding-bottom: 0px;
padding-top: 20px;
}
.tqm-where-you-can-study__title h3 {
color: #000;
font-weight: 300;
text-align: center;
font-size: 0.750em;
letter-spacing: 2px;
}
.tqm-location__details--title:after {
background: none;
}
.tqm-location__details--content {
clear: none;
text-align: right;
}
.tqm-location__details--content a:after {
font-family: FontAwesome;
content: "\f054";
background-size: 8px 8px;
padding-left: 8px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.tqm-where-you-can-study__search-holder input[type=text].tqm-where-you-can-study__search-bar {
background-image: none;
padding: 7px 10px;
width: 85%;
font-size: 0.875em;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
border: 0;
}
.tqm-where-you-can-study__search-holder .tqm-popular-study__search-bar {
margin: 0;
}
.tqm-location-container {
box-shadow: none;
background-image: none;
padding: 0;
}
.tqm-where-you-can-study__location-holder {
float: none;
width: 100%;
margin: 0 auto;
}
.tqm-location__holder {
height: auto;
}
.tqm-where-you-can-study__search-holder {
width: 100%;
float: none;
margin: 0 0 15px 0;
}
.tqm-where-you-can-study__left-col {
width: 100%;
float: none;
}
.tqm-where-you-can-study__right-col {
width: 100%;
display: block;
float: none;
}
.tqm-location-details__container {
height: auto;
overflow: auto;
}
.tqm-location__details {
background-color: #fff;
padding: 15px;
width: 100%;
border-right: 0;
font-size: 0.750em;
height: auto;
}
.tqm-location__details:first-child {
border-bottom: 1px solid #dcdcdc;
}
.tqm-popular-study-areas__panel--mobile {
margin-top: 10px;
}
.tqm-popular-study-areas__panel--desktop {
display: none;
text-align: center;
}
.tqm-popular-study-areas__panel--mobile.owl-carousel.owl-loaded .owl-item .item {
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
}
.tqm-location-details__container {
display: none;
}
.tqm-google-expand-btn {
display: none;
}
.gmnoprint {
display: none;
}
.tqm-google-map__locations--mobile .tqm-location-details__container {
display: block;
height: auto;
width: 100%;
}
.tqm-google-map__locations--mobile {
display: block;
}
.tqm-search-filter__mobile--link {
background-color: #23b4c4;
text-transform: uppercase;
font-size: 0.625em;
border-radius: 0;
padding: 14px 10px 10px 10px;
display: block;
width: 100%;
text-align: left;
position: relative;
margin: 0;
border: 0;
}
.tqm-search-filter__mobile--link:after {
background: url(/assets/oneweb/images/filter-mobile-rev.svg) no-repeat;
background-size: 15px 15px;
content: "";
width: 15px;
position: absolute;
right: 15px;
display: inline-block;
height: 15px;
}
.tqm-button--location {
width: auto;
min-width: auto;
position: relative;
padding: 7px 7px 2px 7px;
background-color: #fff;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
position: absolute;
border-radius: 4px;
top: 0;
right: 10px;
}
.tqm-button--location img {
position: relative;
right: 0;
top: -4px;
width: 20px;
height: 20px;
}
.tqm-back-to-results {
display: none;
background-color: #6a6969;
text-transform: uppercase;
font-size: 0.625em;
border-radius: 0;
padding: 14px 10px 10px 10px;
width: 100%;
text-align: left;
position: relative;
margin: 0;
border: 0;
}
.tqm-map-openme .tqm-back-to-results {
display: block;
}
.tqm-map-openme .tqm-filter-results--location {
display: none;
}
.tqm-map-openme .tqm-location-details__container--mobile .tqm-location__showmore {
display: none;
}
}
/* Form Results */
.tqm-ajax-map__container {
display: block;
}
#tqm-ajax-map {
/* position: absolute; */
position: relative;
top: 0;
bottom: 0;
z-index: 2;
width: 100%;
background-color: #fff;
display: flex;
flex-flow: column;
height: 100%;
}
.tqm-map-results__height-container {
height: 100%;
position: absolute;
left: 0;
right: 0;
}
.tqm-map-results__height-container--auto {
position: relative;
}
.tqm-map-results__item {
width: 350px;
float: right;
}
.tqm-map-results__item-excerpt {
cursor: pointer;
border-bottom: 1px solid #dcdcdc;
padding: 20px 25px;
position: relative;
}
.tqm-map-results__item-excerpt:after {
content: "";
background:url(/assets/oneweb/images/arrow-accordian.svg) no-repeat;
background-size: contain;
width: 16px;
height: 9px;
display: inline-block;
position: absolute;
top: 25px;
right: 15px;
transform: rotate(-90deg);
}
.tqm-map-results__item--heading {
font-weight: 400;
font-size: 1em;
color: #4a4a4a;
}
.tqm-map-results__item--phone {
font-size: 0.813em;
padding-bottom: 7px;
display: block;
}
.tqm-map-results__item--phone:before {
content: "";
background:url(/assets/oneweb/images/map-icon-phone.svg) no-repeat;
background-size: cover;
width: 16px;
height: 16px;
display: inline-block;
vertical-align: middle;
margin-right: 6px;
}
.tqm-map-results__item--phone:hover:before {
background:url(/assets/oneweb/images/map-icon-phone--red.svg) no-repeat;
}
.tqm-map-results__item--directions {
font-size: 0.813em;
display: block;
}
.tqm-map-results__item--directions:before {
content: "";
background:url(/assets/oneweb/images/directions--aqua.svg) no-repeat;
background-size: cover;
width: 12px;
height: 13px;
margin-right: 6px;
display: inline-block;
}
.tqm-map-results__item--directions a {
color: #6a6969;
}
.tqm-map-results__item--directions a:hover {
color: #23b4c4;
}
.tqm-map-results__item--address {
font-size: 0.750em;
font-weight: 200;
padding: 7px 0;
line-height: 1.67;
color: #6a6969;
}
#tqm-google-map__results {
height: 100%;
}
.tqm-map-results__container {
height: 100%;
}
.tqm-map-results__item-container {
overflow-y: overlay;
overflow-x: hidden;
}
.tqm-map-results__item-container::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #eaeaea;
}
.tqm-map-results__item-container::-webkit-scrollbar {
width: 10px;
background-color: #eaeaea;
}
.tqm-map-results__item-container::-webkit-scrollbar-thumb {
background-color: #8a8989;
border: 2px solid #8a8989;
border-radius: 4px;
}
.tqm-map-results__outer-container {
position: relative;
flex: 1 1 auto;
}
.tqm-map-results__outer-container--overlay {
position: absolute;
display: none;
z-index: 4;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color:rgba(0,0,0,0.85);
}
.tqm-map-results__back {
text-transform: uppercase;
font-size: 10px;
font-weight: 400;
padding: 12px 0 20px 20px;
cursor: pointer;
}
.tqm-map-results__back:before {
content: "";
background:url(/assets/oneweb/images/arrow-accordian.svg) no-repeat;
background-size: contain;
width: 13px;
height: 6px;
position: absolute;
top: 28px;
right: auto;
left: 0;
transform: rotate(90deg);
}
.tqm-map-results__detail {
display: none;
position: absolute;
top: 0;
z-index: 2;
width: 350px;
padding: 10px 20px 35px 0;
background-color: #fff;
overflow: hidden;
}
.tqm-map-results__detail--show {
display: block;
position: relative;
background-color: transparent;
}
.tqm-map-results__detail--heading {
font-size: 1.375em;
font-weight: 400;
color: #4a4a4a;
border-top: 1px solid #dcdcdc;
padding-top: 16px;
}
.tqm-map-results__detail--show .tqm-map-results__detail--heading {
border-top: 0;
}
.tqm-map-results__detail--content {
font-size: 0.750em;
}
.tqm-map-results__detail--title {
text-transform: uppercase;
font-size: 10px;
color: #000;
font-weight: 400;
display: block;
letter-spacing: 1.9px;
margin: 15px 0 3px 0;
}
.tqm-map-results__detail--table td {
padding: 4px 10px 0 0;
}
.tqm-map-results__detail--get-in-touch {
padding: 8px 0 20px 0;
line-height: 150%;
}
.tqm-map-results__item--enquire {
font-size: 0.813em;
display: block;
padding: 0 0 6px 0;
}
.tqm-map-results__item--enquire:before {
content: "";
background:url(/assets/oneweb/images/map-icon-enquire.svg) no-repeat;
background-size: contain;
width: 16px;
height: 9px;
margin-right: 6px;
display: inline-block;
}
.tqm-map-results__item--enquire:hover:before {
background:url(/assets/oneweb/images/map-icon-enquire--red.svg) no-repeat;
background-size: contain;
}
.tqm-map-results__item--arrow {
font-size: 0.813em;
display: block;
padding: 0 0 6px 0;
}
.tqm-map-results__item--arrow:before {
content: "";
background:url(/assets/oneweb/images/directions--aqua.svg) no-repeat;
background-size: cover;
width: 12px;
height: 13px;
margin-right: 6px;
display: inline-block;
}
.tqm-map-results__item--arrow:hover:before {
background:url(/assets/oneweb/images/directions--red.svg) no-repeat;
background-size: cover;
}
.tqm-map-results__detail--buttons .tqm-button {
min-width: auto;
width: 47%;
padding: 9px 15px;
}
.tqm-map-results__detail--buttons .tqm-button:first-child {
margin-right: 10px;
}
.tqm-container-custom {
max-width: 1310px;
margin: 0 auto;
}
/* Filters */
.tqm-map-results__filter {
background-color: #333;
color: #fff;
flex: 0 1 auto;
}
.tqm-map-results__filter--heading {
align-self: center;
font-size: 1.250em;
font-weight: 100;
}
.tqm-map-results__filter--main {
padding: 20px 0;
}
.tqm-map-results__filter--secondary {
display: none;
padding: 20px 0;
}
.tqm-map-results__filter--by {
background-color: #4f4c4d;
margin-top: 20px;
font-weight: 100;
display: none;
}
.tqm-map-results__filter-by-list {
padding: 20px 0 15px 0;
line-height: 100%;
}
.tqm-map-results__filter-by-list li {
list-style-type: none;
display: inline-block;
padding-left: 30px;
}
.tqm-map-results__filter-by-list li:first-child {
padding: 4px 20px 0 0;
}
.tqm-filter-results__holder input[type=text] {
padding: 16px 130px 16px 18px;
border-radius: 4px;
border: 0;
width: 100%;
}
.tqm-map-results__filter--secondary .selectric-wrapper .selectric {
border: 0;
}
.tqm-map-results__filter--secondary .selectric-wrapper .selectric .label {
height: 54px;
line-height: 48px;
}
input[type=checkbox].tqm-map-results-filter__checkbox {
width: 24px;
height: 24px;
background-color: #fff;
border: 0;
margin: 0 6px 0 0;
display: inline-block;
vertical-align: middle;
}
.tqm-filter-button__update {
float: right;
margin-right: 20px;
min-width: 170px;
}
.tqm-filter-button__update:hover {
background-color: #fff;
color: #333;
border: 2px solid #fff;
}
.tqm-filter-button__cancel {
float: right;
border-color: #fff;
background-color: transparent;
color: #fff;
min-width: 170px;
}
.tqm-filter-button__cancel:hover {
background-color: #fff;
color: #333;
border: 2px solid #fff;
}
.tqm-mobile-map-toggle {
display: none;
}
@media (max-width: 1170px) and (min-width: 769px) {
.tqm-container-custom {
width: 100%;
max-width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
.tqm-map-results__item {
padding-left: 30px;
}
.tqm-map-results__detail {
width: 90%;
padding: 10px 20px;
box-sizing: border-box;
}
.tqm-map-results__detail--buttons .tqm-button {
width: 100%;
margin-bottom: 10px;
}
}
@media (max-width: 768px) {
.tqm-map-results__detail {
width: 100%;
padding-right: 40px;
position: absolute;
margin-left: 20px;
margin-right: 20px;
}
.tqm-container-custom {
max-width: 100%;
padding: 10px 20px;
}
.tqm-map-results__detail--show {
position: relative;
}
.tqm-map-results__filter--heading {
padding-bottom: 10px;
}
.tqm-map-results__item-container {
display: none;
height: 100%;
margin-bottom: 40px;
}
.tqm-map-results__height-container--auto .tqm-map-results__item-container {
display: block;
margin-bottom: 10px;
}
.tqm-mobile-map-toggle {
display: block;
position: fixed;
bottom: 0;
width: 100%;
}
.tqm-mobile-toggle_button {
color: #fff;
text-align: center;
padding: 10px;
background-color: #333;
color: #fff;
}
.tqm-google-map__map {
height: 100%;
}
.tqm-map-results__item {
width: 100%;
}
.tqm-map-results__filter--secondary {
padding: 10px 0;
}
.tqm-map-results__filter--secondary .selectric-wrapper .selectric {
margin-bottom: 10px;
}
.tqm-filter-button__update {
float: left;
margin-top: 10px;
}
.tqm-filter-button__cancel {
float: right;
margin-top: 10px;
}
.tqm-google-map__map--show {
height: 300px;
}
}
/* ------------END MAPS---------------*/
/* ----- SEARCH RESULTS ------- */
.tqm-search-results__filter {
background-color: #eaeaea;
padding: 20px;
margin-bottom: 30px;
}
.tqm-search-results__filter .panel-group .panel {
background-color: transparent;
border: 0;
padding: 0;
}
.tqm-search-results__filter .panel-group .panel .panel-body ul {
margin: 0;
padding: 0;
}
.tqm-search-results__filter .panel-group .panel .panel-body ul li {
list-style-type: none;
margin: 0;
font-size: 1em;
color: #6a6969;
font-weight: 200;
}
.tqm-search-results__filter .panel-heading {
background-color: transparent;
padding: 0;
font-size: 1.125em;
color: #6a6969;
}
.tqm-search-results__filter .panel-heading .panel-title {
padding: 0;
position: relative;
}
.tqm-search-results__filter .panel-heading .panel-title a {
display: block;
width: 100%;
padding: 16px 0;
position: relative;
}
.tqm-search-results__filter .panel-heading .panel-title a:after {
background:url(/assets/oneweb/images/icon-arrow-filter.png) no-repeat right center;
background-size: 100%;
content: "";
width: 20px;
height: 20px;
display:inline-block;
position: absolute;
right: 0;
transform: rotate(180deg);
transition: all ease 0.3s;
}
.tqm-search-results__filter .panel-heading .panel-title a.panel-collapse-active:after {
transform: rotate(0deg);
}
.tqm-search-results__filter .panel-heading .panel-title a.panel-collapse-active.collapsed:after {
transform: rotate(180deg);
}
.tqm-search-results__filter .panel-heading .panel-title a[aria-expanded="true"]:after {
transform: rotate(0deg);
}
.tqm-search-results__filter--buttons .tqm-button {
width: 147px;
min-width: 147px;
border-radius: 0;
padding: 10px;
}
.tqm-search-results__filter--buttons .tqm-button--grey-outline {
background-color: transparent;
}
.tqm-search-results__filter--buttons .tq-button--grey-outline:hover, .tqm-search-results__filter--buttons .tqm-button--grey-outline:focus {
background-color: #333;
}
.tqm-search-results__filter--buttons .tqm-button:last-child {
margin-left: 20px;
}
.tqm-search-results__filter .panel-body {
padding: 0 0 15px 0;
}
.tqm-search-results__filter .panel-group .panel {
margin-top: 0;
box-shadow: none;
border-top: 1px solid #979797;
border-radius: 0;
}
.tqm-search-results__filter .panel-group .panel-collapse .panel-body {
border: 0;
}
.tqm-search-results__filter--checkboxes {
line-height: 100%;
}
.tqm-search-results__filter .tqm-search-results__filter--checkboxes li {
padding: 5px 0;
}
.tqm-search-results__filter .tqm-search-results__filter--checkboxes li label {
font-weight: 200;
cursor: pointer;
}
.tqm-search-results__filter .tqm-search-results__filter--checkboxes li label span {
margin: 0 10px 0 0;
}
@media (max-width: 768px) {
.tqm-search-results__filter {
display: none;
width: 100%;
height: 100%;
z-index: 100;
margin-bottom: 20px;
padding: 40px 20px 20px 20px;
position: fixed;
top: 0;
left: 0;
overflow-y: scroll;
}
.tqm-search-results--mobile-close__button {
position: absolute;
top: 0px;
right: 15px;
font-size: 2.475em;
color: #333;
font-weight: 100;
}
}
/* --------------------------------------*/
/* -------->>> NAVIGATION <<<------------*/
/* --------------------------------------*/
/* -----------------------------------*/
/* ------->>> HEADER LARGE <<<--------*/
/* -----------------------------------*/
.tqm-header__large {
width: 100%;
}
.tqm-navbar__top {
background-color: #a62027;
height: 36px;
border-bottom: 2px solid #851a1f;
font-size: 0.875em;
}
.tqm-navbar__top--links {
float: right;
padding: 8px 0 0 0;
font-size: 0.875em;
}
.tqm-navbar__top--links li {
list-style-type: none;
display: inline-block;
padding: 0 23px;
}
.tqm-navbar__top--links li a {
color: #fff;
text-decoration: none;
}
.tqm-navbar__top--links li a:hover {
text-decoration: underline;
}
.tqm-navbar__top--links li:last-child {
padding-right: 0;
}
.tqm-navbar__base {
background-color: #c3262f;
}
.tqm-navbar__base--logo {
padding-top: 13px;
}
.tqm-navbar__base--links {
float: right;
margin: 0;
padding: 0;
border-left: 1px solid #891b20;
border-right: 1px solid #d15c65;
}
.tqm-navbar__base--links li {
list-style-type: none;
float: left;
margin: 0;
padding: 0;
border-right: 1px solid #891b20;
border-left: 1px solid #d15c65;
}
.tqm-navbar__base--links li a {
color: #fff;
display: block;
padding: 25px 30px;
}
.tqm-navbar__base--links li a:hover {
background-color: #333;
text-decoration: none;
}
/* ------>>> END HEADER LARGE <<<-----*/
/* -----------------------------------*/
/* ------>>> HEADER SMALL <<<---------*/
/* -----------------------------------*/
.tqm-header__small {
width: 100%;
z-index:10;
top: 0;
}
.tq-header__small {
width: 100%;
z-index:5;
top: 0;
}
.tqm-header__small--offset {
/*height: 215px;*/
}
.tqm-header__small--offset--simple {
height: 107px;
}
.fixed {
position: fixed;
}
.tqm-sticky-header__small {
z-index: 10;
top: 0;
width: 100%;
}
.tq-sticky-header__small {
z-index: 10;
top: 0;
width: 100%;
}
.tqm-sticky-header__small .tqm-header__small--top {
}
.tqm-sticky-header__small .tqm-header__small-logo {
padding: 0 0 15px 0;
margin-top: 15px;
height: auto;
}
.tqm-sticky-header__small .tqm-header__small-logo img {
max-height: 35px;
}
.tqm-header__small--breadcrumbs {
background-color: #fff;
}
.tqm-header__small-breadcrumbs--grey {
background-color: #f7f7f7;
}
.tqm-header__small-breadcrumbs--grey--container {
padding: 3px 0 0 0;
}
.tqm-header__small-breadcrumbs--grey--container ul li:first-child a {
padding-left: 0;
}
.tqm-sticky-header__small .tqm-header__small--top-links {
display: none;
}
.tqm-sticky-header__small .tqm-header__small--sticky-top-links {
display: block;
color: #fff;
}
.tqm-sticky-header__small .tqm-header__small--sticky-top-links span {
font-size: 1.125em;
display: inline-block;
margin-top: 20px;
}
.tqm-sticky-header__small .tqm-header__small--sticky-buttons {
float: right;
display: block;
margin: 0;
}
.tqm-sticky-header__small .tqm-header__small--sticky-buttons li {
list-style-type: none;
display: block;
float: left;
}
.tqm-sticky-header__small .tqm-header__small--sticky-buttons li a {
padding: 20px 30px;
font-size: 0.938em;
display: block;
}
.tqm-section--two-tone-grey .tqm-header__small-breadcrumbs--grey {
margin-bottom: 20px;
}
.tqm-header__small--top {
background-color: #c3262f;
}
.tqm-header__small-logo {
padding-top: 30px;
float: left;
height: 107px;
display: inline-block;
}
.tqm-header__small-logo img {
max-height: 60px;
}
.tqm-header__small--top-links {
float: right;
margin: 0;
padding: 0;
border-left: 1px solid #891b20;
border-right: 1px solid #d15c65;
}
.tqm-header__small--top-links li {
list-style-type: none;
float: left;
margin: 0;
padding: 0;
border-right: 1px solid #891b20;
border-left: 1px solid #d15c65;
}
.tqm-header__small--top-links li a {
display: block;
color: #fff;
min-width: 115px;
padding: 25px 30px;
text-align: center;
}
.tqm-header__small--top-links li a:hover {
background-color: #333;
text-decoration: none;
}
.tqm-header__small--top-links li a.active {
background-color: #fff;
color: #bcbcbc;
}
.tqm-header__small--top-links li a.active svg g {
stroke: #bcbcbc;
}
.tqm-header__small--top-links svg {
display: block;
margin: auto auto 0 auto;
text-align: center;
height: 30px;
width: 40px;
}
.tqm-header__small--top-links img {
display: block;
margin: auto auto 15px auto;
text-align: center;
height: 30px;
width: 40px;
}
.tqm-header__mobile-search {
display: none;
}
.tqm-header__small--sticky-top-links {
display: none;
}
.tqm-breadcrumbs__small {
font-size: 0.75em;
margin: 0;
padding: 15px 0;
color: #6a6969;
}
.tqm-breadcrumbs__small li {
display: inline-block;
}
.tqm-breadcrumbs__small li:after {
content: "|";
color: #23b4c4;
}
.tqm-breadcrumbs__small li:last-child:after {
content: "";
}
.tqm-breadcrumbs__small li a {
color: #23b4c4;
padding: 0 7px;
font-weight: 200;
}
.tqm-breadcrumbs__small li:last-child a {
padding-left: 0;
}
.tqm-breadcrumbs__small li:last-child {
padding-left: 7px;
}
.tqm-header-offset {
margin-top: 106px;
}
.tqm-header__small--anchor-links {
background-color: #f7f7f7;
position: relative;
/* z-index: 12 !important;*/
width: 100%;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.3)
}
.tq-anchor-links__list {
margin: 0;
padding: 0;
}
.tq-anchor-links__list li {
float: left;
list-style-type: none;
}
.tq-anchor-links__list li a {
display: block;
padding: 16px 20px;
font-size: 1.063em;
color: #6a6969;
font-weight: 400;
border-bottom: 4px solid #f7f7f7;
}
.tq-anchor-links__list li a:focus {
text-decoration: none;
}
.tq-anchor-links__list li a:hover {
text-decoration: none;
color: #c3262f;
border-bottom: 4px solid #c3262f;
}
.tq-anchor-links__list li.active {
border-bottom: 4px solid #c2362f;
}
.tq-anchor-links__list li.active a {
border-bottom: 0;
text-decoration: none;
color: #c3262f;
}
.tq-anchor-links__list li.active a:focus {
text-decoration: none;
}
.tq-anchor-links__list li.active a:hover {
border-bottom: 0;
text-decoration: none;
}
.tqm-header-small__links--mobile {
display: none;
}
.tqm-anchor-link {
display: block;
position: relative;
top: -128px;
visibility: hidden;
}
.tqm-header__small--fixed-heading {
display: none;
}
.tqm-header__not-fixed {
position: relative;
}
@media screen and (max-width: 1330px) and (min-width: 768px) {
.tq-anchor-links__list li a {
padding: 20px 10px;
font-size: 0.875em;
}
.tqm-sticky-header__small .tqm-header__small--sticky-top-links {
display: none;
}
}
@media (max-width: 768px) {
.tqm-header-offset {
margin-top: 0px;
}
.tqm-sticky-header__small .tqm-header__small-logo img {
max-height: 30px;
}
.tqm-sticky-header__small .tqm-header__small-logo {
padding: 12px;
margin-top: 0;
}
.tqm-header__small {
bottom: 0;
position: fixed;
}
body {
padding-bottom: 80px;
}
.tqm-header__small--fixed-heading {
display: block;
text-transform: uppercase;
background-color: #c3262f;
color: #fff;
text-align: center;
font-size: 0.625em;
letter-spacing: 1px;
padding: 6px;
box-shadow: 0px -5px 12px -2px rgba(50, 50, 50, 0.75);
}
.tqm-sticky-header__small .tqm-header__small--top-links {
display: block;
}
.tqm-header__small--navigation {
position: fixed;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-overflow-scrolling: touch;
bottom: 0;
z-index: 10;
padding: 0;
width: 100%;
height: 100px;
background-color: #fff;
}
.tqm-header__small--top-links {
border-left: 0;
border-right: 0;
margin: 0;
padding: 0;
width: 100%;
box-shadow: 0px -1px 12px -2px rgba(50, 50, 50, 0.75);
}
.tqm-header__small--top-links li {
border-left: 1px solid #dcdcdc;
width: 33.3333%;
min-width: auto;
border-right: 0;
}
.tqm-header__small--top-links li:first-child {
border-left: 0;
}
.tqm-header__small--top-links li a {
padding: 8px;
text-align: center;
color: #c3262f;
min-width: auto;
text-transform: uppercase;
font-size: 0.688em;
}
.tqm-header__small--top-links li a:hover {
background-color: #333;
color: #fff;
}
.tqm-header__small--top-links li a span {
display: block;
}
.tqm-header__small--top-links svg {
height: 20px;
width: 20px;
margin: 3px auto;
text-align: center;
display: block;
}
.tqm-header__small--top-links img {
display: block;
margin: auto auto 15px auto;
text-align: center;
height: 30px;
width: 40px;
}
.tqm-header__small--top-links svg path {
stroke: #c3262f;
stroke-width: 4px;
}
.tqm-header__small--top .container {
width: 100%;
}
.tqm-header-small__links--mobile svg {
height: 23px;
margin: 1px auto 2px auto;
width: 23px;
}
.tqm-header-small__links--mobile svg path {
stroke-width: 5px;
}
.tqm-header__small--top-links g {
stroke: #c3262f;
}
.tqm-header__small-logo {
padding: 12px;
float: none;
height: auto;
width: 100%;
}
.tqm-header__small-logo img {
max-height: 30px;
}
.tqm-header-small__links--mobile {
display: block;
}
.tqm-header__mobile-search {
display: block;
float: right;
margin-top: 5px;
}
.tqm-header-small__links--desktop {
display: none;
}
.tqm-header__mobile-search span {
display: none;
}
.tqm-header__small--anchor-links {
display: none;
}
.tqm-header__small--breadcrumbs {
display: none !important;
}
.tqm-header__small--offset, .tqm-header__small--offset--simple {
display: none;
}
.tqm-header__small-breadcrumbs--grey--container {
display: none;
}
.tqm-sticky-header__small .tqm-header__small--sticky-top-links {
display: none;
}
}
/* Search */
.tqm-header__small--search-bar {
background-color: #fff;
border-bottom: 1px solid #ccc;
padding: 0;
height: 134px;
position: relative;
}
.tqm-header__small--search-bar input[type=text] {
padding: 40px 80px 40px 80px;
background:url(/assets/oneweb/images/icon-search-grey.svg) no-repeat center left 20px;
background-size: 30px 30px;
border: 0;
width: 100%;
margin: 0;
font-size: 1.875em;
font-weight: 100;
color: #4a4a4a;
}
.tqm-header__small--search-bar input[type=text]:focus {
outline: none;
}
.tqm-search-button__container {
position: absolute;
right: 60px;
top: 55px;
}
@media (max-width: 768px) {
.tqm-header__small--search-bar input[type=text] {
padding: 10px 50px;
background-position: center left 10px;
background-size: 20px 20px;
font-size: 1em;
}
.tqm-search-button__container {
right: 20px;
top: 13px;
}
.tqm-header__small--search-bar {
height: auto;
}
}
/* ------>>> END HEADER SMALL <<<-----*/
/* -----------------------------------*/
/* -------->>> HEADER LARGE <<<-------*/
/* -----------------------------------*/
.tqm-header__small--search-bar {
display: block;
}
.tqm-header__top {
background-color: #a62027;
border-bottom: 1px solid #851a1f;
}
.tqm-header__top--links {
list-style-type: none;
text-align: right;
font-size: 0.875em;
margin-bottom: 0;
line-height: 100%;
}
.tqm-header__top--links li {
display: inline-block;
font-weight: 400;
}
.tqm-header__top--links li a {
color: #fff;
padding: 10px 20px;
display: block;
}
li.tqm-header__top--active--link a {
background-color: #333;
text-decoration: none;
}
.tqm-header__top--links li a:hover {
background-color: #333;
}
.tqm-header__bottom {
background-color: #c3262f;
transition: all 0.5s ease 0s;
position: relative;
z-index: 15;
}
.tqm-header__logo {
padding: 24px 0;
}
.tqm-header__logo--mobile {
display: none;
}
.tqm-header__bottom--links {
list-style-type: none;
margin: 0;
line-height: 270%;
padding: 0;
border-right: 1px solid #d25c63;
border-left: 1px solid #891b20;
float: right;
}
.tqm-header__bottom--links li {
float: left;
padding: 0;
border-left: 1px solid #d25c63;
border-right: 1px solid #891b20;
}
.tqm-header__bottom--links li a {
display: block;
padding: 28px 22px;
color: #fff;
cursor: pointer;
}
.tqm-header__bottom--links li a:hover {
background-color: #fff;
color: #23b4c4;
}
.tqm-header__sub-menu {
/*display: none;*/
visibility: hidden;
position: absolute;
left: 0;
background-color: #fff;
right: 0;
width: 100%;
list-style-type: none;
margin: 0;
padding: 30px 0 40px 0;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
}
.tqm-header__sub-menu li {
border: 0;
list-style-type: none;
width: 100%;
}
.tqm-header__sub-menu li a {
color: #6b6a6a !important;
padding: 0 !important; /* TB added line 16-11-2018 */
}
.tqm-header__sub-menu img {
max-width: 100%;
height: auto;
}
.tqm-header__bottom--sub-menu-container {
position: static;
}
.tqm-header__sub-menu--list {
padding: 0 20px 0 0;
}
.tqm-header__sub-menu--list li {
border-bottom: 1px solid #dcdcdc;
font-size: 0.875em;
position: relative;
}
.tqm-header__sub-menu--list li:after {
content: " ";
width: 20px;
height: 45px;
background:url(/assets/oneweb/images/nav-arrow-drop-down-grey.svg) no-repeat center 20px;
transform: rotate(-90deg);
background-size: 12px 6px;
position: absolute;
right: 0;
top: 0;
}
li.tqm-header__sub-menu-active--list a {
color:#c3262f !important;
}
.tqm-mega-menu__image-link-text {
background-color: #eaeaea;
font-size: 0.875em;
padding: 5px 20px;
}
.tqm-header__sub-menu--arrow .tqm-mega-menu__image-link a:after {
background: none;
}
.tqm-header__bottom--links li a:hover ~ .tqm-header__sub-menu, .tqm-header__sub-menu:hover {
/*display: block;*/
transition: .0s ease 0s;
visibility: visible;
}
.tqm-header__bottom--links .tqm-header__bottom--active a {
background-color: #fff;
color: #c3262f;
}
.tqm-header__bottom--mobile-links--container {
display: none;
}
.tqm-header__bottom--links li.tqm-header__sub-menu--arrow a {
padding-right: 45px;
}
.tqm-header__sub-menu--arrow a:after {
content: " ";
padding: 0 10px;
height: 45px;
background:url(/assets/oneweb/images/nav-arrow-drop-down.svg) no-repeat center 20px;
background-size: 12px 6px;
position: absolute;
}
.tqm-header__sub-menu--arrow:hover a:after {
background:url(/assets/oneweb/images/nav-arrow-drop-down-teal.svg) no-repeat center 20px;
}
.tqm-header__sub-menu--arrow:hover .tqm-header__sub-menu a:after {
background: none;
}
.tqm-header__bottom--active--link.tqm-header__sub-menu--arrow a:after {
background:url(/assets/oneweb/images/nav-arrow-drop-down-red.svg) no-repeat center 20px;
}
.tqm-header__sub-menu--list a:after{
background:none !important;
}
/* Commented because dropdown is coming on promo menu */
/*.tqm-header__bottom--active--link.tqm-header__sub-menu--arrow:hover a:after {
background:url(/assets/oneweb/images/nav-arrow-drop-down-teal.svg) no-repeat center 20px;
}*/
.tqm-header__sub-menu:hover .tqm-header__sub-menu--list a:after, .tqm-header__sub-menu--arrow:hover .tqm-header__sub-menu--list a:after {
background: none;
}
.tqm-header__bottom--links li.tqm-remain-active a {
background-color: #fff;
color: #23b4c4;
}
.tqm-header__bottom--links li.tqm-remain-active .tqm-header__sub-menu a {
color: #6a6969;
}
.tqm-header__bottom--links li.tqm-remain-active .tqm-header__sub-menu a:hover {
color: #23b4c4 !important;
}
.tqm-header__bottom--active .tqm-mobile-menu__icon {
background-color: #eaeaea;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.tqm-mobile-menu__icon {
background-color: #b71d25;
padding: 18px 16px 14px 16px;
position: absolute;
right: 0;
top: 0;
display: none;
}
.tqm-header__bottom--mobile-sub-menu-one {
display: none;
}
.tqm-header__bottom--mobile-sub-menu-two {
display: none;
}
.tqm-header__bottom--mobile-links li ul.tqm-header__bottom--mobile-sub-menu-two li a {
background-color: #eaeaea;
font-size: 0.688em;
padding: 10px 30px 10px 40px;
color: #333;
}
.tqm-header__bottom--active .tqm-header__logo {
background-color: #fff;
}
.tqm-header__bottom--active {
background-color: #333;
position: absolute;
width: 100%;
bottom: 0;
top: 0;
display: none;
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
li.tqm-header__bottom--active--link a {
color: #c3262f;
background-color: #fff;
}
.tqm-arrow-open {
position: relative;
}
.tqm-arrow-open {
position: relative;
width: 100%;
display: block;
}
/*.tqm-arrow-open:after {
content: "";
background:url(/assets/oneweb/images/icon-arrow-accordian.svg) no-repeat center right 15px;
background-size: 12px 10px;
position: absolute;
right: 0;
top: 0;
width: 30px;
height: 100%;
}*/
.tqm-arrow-open span {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 100%;
}
.tqm-arrow-open span:after {
content: "";
background:url(/assets/oneweb/images/icon-arrow-accordian.svg) no-repeat center right 15px;
background-size: 12px 10px;
position: absolute;
right: 0;
top: 0;
width: 30px;
height: 100%;
}
.tqm-mobile-menu__icon--closed {
display: none;
}
/* Animated Menu Icon */
.tqm-nav-menu__icon {
width: 20px;
height: 16px;
position: relative;
margin: 0 auto;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
.tqm-nav-menu__icon span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: #fff;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.tqm-nav-menu__icon span:nth-child(1) {
top: 0px;
}
.tqm-nav-menu__icon span:nth-child(2), .tqm-nav-menu__icon span:nth-child(3) {
top: 6px;
}
.tqm-nav-menu__icon span:nth-child(4) {
top: 12px;
}
.tqm-nav-menu__icon.open span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}
.tqm-nav-menu__icon.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background: #929292;
}
.tqm-nav-menu__icon.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #929292;
}
.tqm-nav-menu__icon.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
.tqm-header__bottom--mobile-links li a.tqm-active-menu--mobile {
color: #c3262f;
}
.tqm-header__bottom--mobile-links li a.tqm-active-menu--mobile.tqm-mobile-sub-menu-2-link {
color: #000;
}
.tqm-header__bottom--mobile-links li a.tqm-active-menu--mobile.tqm-mobile-sub-menu-2-link:after {
background:url(/assets/oneweb/images/icon-arrow-accordian-black.svg) no-repeat center right 0;
background-size: 12px 10px;
transform: rotate(180deg);
right: 0;
top: 0;
width: 30px;
height: 100%;
}
.tqm-header__bottom--mobile-links li a.tqm-active-menu--mobile:after {
background:url(/assets/oneweb/images/icon-arrow-accordian-red.svg) no-repeat center right 0;
background-size: 12px 10px;
transform: rotate(180deg);
right: 0;
top: 0;
width: 30px;
height: 100%;
}
.tqm-header__bottom--mobile-links li a.tqm-active-menu--mobile span:after {
background: url(/assets/oneweb/images/icon-arrow-accordian-red.svg) no-repeat center right 0;
background-size: 12px 10px;
transform: rotate(180deg);
right: 0;
top: 0;
width: 30px;
height: 100%;
}
@media (max-width: 1100px) and (min-width: 768px) {
.tqm-header__logo--desktop img {
max-width: 150px;
}
.tqm-header__bottom--links li a {
padding: 28px 10px;
}
}
@media (max-width: 768px) {
.tqm-header__bottom--active {
display: block;
position: fixed;
overflow-y:scroll;
}
.tqm-mobile-menu__icon {
display: block;
}
.tqm-header__logo {
padding: 11px 0 11px 0;
}
.tqm-header__logo img {
height: 26px;
}
.tqm-header__logo svg {
height: 26px;
width: auto;
}
header.tqm-sticky {
position: static;
}
.tqm-header__top {
display: none;
}
/* Mobile Menu */
.tqm-header__bottom--links {
display: none;
/*visibility: hidden;*/
}
.tqm-header__bottom--mobile-links--container {
display: none;
}
.tqm-header__bottom--mobile-links {
list-style-type: none;
background-color: #fff;
margin: 0 0 58px 0;
padding: 0;
border-bottom: 1px solid #dcdcdc;
}
.tqm-header__bottom--mobile-links li {
border-top: 1px solid #dcdcdc;
padding: 0;
}
.tqm-header__bottom--mobile-links li a {
color: #6a6969;
font-size: 0.750em;
padding: 10px 15px;
/*display: block;*/
display: inline-flex;
}
.tqm-header__bottom--mobile-links li ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.tqm-header__bottom--mobile-links li ul li a {
padding: 10px 30px;
background-color: #f7f7f7;
display: block;
}
.tqm-header__bottom--sub-menu-container {
padding: 0;
}
}
/* Search */
.tqm-header__small--search-bar {
background-color: #fff;
border-bottom: 1px solid #ccc;
padding: 0;
display: none;
position: absolute;
width: 100%;
left: 0;
top: auto;
right: 0;
}
.tqm-header__small--search-bar input[type=text] {
padding: 40px 80px 40px 80px;
background:url(/assets/oneweb/images/icon-search-grey.svg) no-repeat center left 20px;
background-size: 30px 30px;
border: 0;
width: 100%;
margin: 0;
font-size: 1.875em;
font-weight: 100;
color: #4a4a4a;
}
.tqm-header__small--search-bar input[type=text]:focus {
outline: none;
}
.tqm-search-button__container {
position: absolute;
right: 60px;
top: 55px;
cursor: pointer;
}
.tqm-search-button__icon {
display: none;
}
.tqm-search-nav__icon {
background:url(/assets/oneweb/images/search-nav-desktop.svg) no-repeat center;
background-size: 25px 25px;
width: 25px;
height: 43px;
display: block;
}
.tqm-header__bottom--links li a.active .tqm-search-nav__icon, .tqm-search-button:hover .tqm-search-nav__icon {
background:url(/assets/oneweb/images/search-nav-desktop-teal.svg) no-repeat center;
}
.tqm-header__bottom--links li a.active {
background: url(/assets/oneweb/images/search-nav-desktop-teal.svg) no-repeat center;
background-color: #fff;
background-size: 25px 25px;
}
@media (max-width: 768px) {
.tqm-header__small--search-bar {
top: 49px;
}
.tqm-search-button__icon {
top: 4px;
right: 65px;
position: absolute;
display: block;
}
.tqm-header__bottom--active .tqm-search-nav__icon {
background:url(/assets/oneweb/images/search-nav-desktop-grey.svg) no-repeat center;
}
.tqm-header__small--search-bar input[type=text] {
padding: 10px 50px;
background-position: center left 10px;
background-size: 20px 20px;
font-size: 1em;
}
.tqm-search-button {
position: absolute;
right: 10px;
top: -5px;
}
.tqm-search-button__container {
right: 20px;
top: 13px;
}
}
/* Sticky Nav */
.tqm-navigation__mobile-sticky {
position: fixed;
background-color: #333;
bottom: -100px;
width: 100%;
border-top: 1px solid #5b5b5b;
transition: all 0.5s ease 0s;
}
.tqm-header__bottom.tqm-header__bottom--active .tqm-navigation__mobile-sticky {
bottom: 0;
}
@media (max-width: 768px) {
.tqm-navigation__mobile-sticky {
display: block;
}
.tqm-header__bottom--active .tqm-header__logo-mobile-bg {
background-color: #fff;
}
.tqm-navigation__mobile-sticky--links {
width: 100%;
display: block;
margin: 0 auto;
}
.tqm-navigation__mobile-sticky--links--outer {
width: 100px;
margin: 0 auto;
}
.tqm-navigation__mobile-sticky--links a {
background-color: #333;
color: #fff;
text-transform: uppercase;
display: table;
padding: 15px 40px;
text-align: left;
font-size: 0.625em;
font-weight: 200;
letter-spacing: 0.4px;
width: 100%;
vertical-align: middle;
}
.tqm-navigation__mobile-sticky--links-row {
display: table-cell;
vertical-align: middle;
width: auto;
background-color: #333;
}
.tqm-navigation__mobile-sticky--links a:first-child {
border-right: 1px solid #5b5b5b;
}
.tqm-navigation__mobile-sticky--image {
padding-right: 13px;
width: 35px;
height: auto;
}
.tqm-navigation__mobile-sticky--links-image-container {
width: 30px;
}
}
/* ------>>> END HEADER LARGE <<<-----*/
/* -------->>> END NAVIGATION <<<-------*/
/* --------------------------------------*/
/* ------->>> NEWS AND EVENTS <<<--------*/
/* --------------------------------------*/
.tqm-news-events__caption-container {
color: #4a4a4a;
}
.tqm-news-events__caption {
position: relative;
width: 100%;
float: left;
height: 100%;
}
.tqm-news-events__caption--image {
position: relative;
width: 100%;
}
.tqm-news-events__caption img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-width: 100%;
}
.tqm-news-events__image--contained img {
position: relative;
}
.tqm-news-events__image {
position: relative;
overflow: hidden;
height: 100%;
width: 100%;
}
.tqm-news-tag__container {
position: absolute;
top: 15px;
right: 15px;
color: #fff;
font-size: 0.750em;
text-transform: uppercase;
font-weight: 400;
}
.tqm-news-tag {
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
padding: 1px 6px;
position: relative;
}
.tqm-news-tag__purple {
background-color: #6b1d9b;
}
.tqm-news-tag__black {
background-color: #000;
}
.tqm-news-tag__purple-star {
margin-right: 19px;
}
.tqm-news-tag__purple-star:after {
background:url(/assets/oneweb/images/star-rev.svg) no-repeat #6b1d9b center center;
content: "";
background-size: 15px;
margin-left: 2px;
position: absolute;
right: -19px;
top: 0;
display: block;
width: 17px;
height: 17px;
}
.tqm-news-tag__container-static {
position: relative;
top: auto;
right: auto;
}
.tqm-news-tag__red {
position: absolute;
left: 0;
z-index: 1;
bottom: -15px;
background-color: #c3262f;
text-transform: uppercase;
color: #fff;
padding: 4px 9px;
font-weight: 400;
}
.tqm-news-events__caption--content {
padding: 30px;
float: left;
}
.tqm-news-events__caption--white {
padding: 35px 0;
background-color: #fff;
}
.tqm-news-events__caption--feature {
color: #000;
}
.tqm-news-events__caption--content h4 {
color: #4a4a4a;
line-height: 120%;
font-size: 1.5em;
margin-bottom: 10px;
}
.tqm-news-events__caption--content hr {
margin-bottom: 0px;
}
.tqm-news-events__learn-more {
margin-top: 10px;
display: inline-block;
}
.tqm-news-events-blogs-intro {
line-height: 1.33
}
@media (max-width: 1024px) {
.tqm-news-events__caption img {
max-width: none;
max-height: 100%;
}
.tqm-news-events__image--contained img {
max-height: none;
max-width: 100%;
}
.tqm-news-events__caption {
overflow: hidden;
}
.tqm-news-tag__red {
bottom: 0;
}
}
.tqm-news-events-blogs-intro {
line-height: 1.33
}
@media (max-width: 768px) {
.tqm-news-events__caption {
overflow: visible;
}
.tqm-news-events__caption-container {
margin-bottom: 20px;
}
.tqm-news-events__caption img {
width: 100%;
height: auto;
position: relative;
}
.tqm-news-events__caption--white {
padding: 15px 0;
}
}
/* Featured Stories */
.tqm-news-featured-stories__container {
background-color: #fff;
margin-left: 10px;
}
.tqm-news-featured-stories__container img {
max-width: 100%;
}
.tqm-news-featured-stories__content {
color: #000;
font-size: 0.750em;
padding: 15px 20px;
}
.tqm-news-featured-stories__side-content {
padding: 10px 0 10px 0;
}
.tqm-news-featured-stories__side-content .tqm-news-featured-stories__content {
padding: 10px 24px 20px 24px;
}
.tqm-news-featured-stories__side-image {
padding: 0;
position: relative;
overflow: hidden;
height: 100%;
}
.tqm-news-featured-stories__side-image img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
max-width: none;
}
.tqm-news-featured-stories__title {
font-size: 1.333em;
font-weight: 400;
padding-bottom: 5px;
}
@media (max-width: 768px) {
.tqm-news-featured-stories__container {
margin-left: 0;
margin-bottom: 20px;
float: none;
}
.tqm-news-featured-stories__side-image {
margin: 0;
}
.tqm-news-featured-stories__side-image img {
position: relative;
max-height: none;
max-width: 100%;
height: auto;
}
.tqm-news-featured-stories__content p {
line-height: 16px;
}
.tqm-news-featured-stories__side-content {
padding: 10px 18px;
}
}
/* ------>>> END NEWS AND EVENTS <<<------*/
/* --------------------------------------*/
/* ----------->>> QUOTE <<<--------------*/
/* --------------------------------------*/
.tqm-bg-black {
background-color: #000;
}
.tqm-quote__container {
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding: 27px 0 32px 0;
position: relative;
background-color: #fff;
}
.tqm-quote__text {
font-size: 1.875em;
font-weight: 100;
line-height: 130%;
padding: 0 15px 0 120px;
}
.tqm-quote__text:before {
content: "";
position: absolute;
left: 20px;
top: 0;
background:url(/assets/oneweb/images/quote-icon-open.png) no-repeat center center;
background-size: contain;
width: 70px;
height: 70px;
display: block;
}
.tqm-quote__text:after {
content: "";
position: absolute;
right: 20px;
bottom: 0px;
background:url(/assets/oneweb/images/quote-icon-closed.png) no-repeat center center;
background-size: contain;
width: 70px;
height: 70px;
display: block;
}
.tqm-quote__container--small .tqm-quote__text {
font-size: 1.250em;
padding: 0 30px 0 90px;
}
.tqm-quote__container--small .tqm-quote__text:before {
width: 40px;
height: 40px;
left: 30px;
top: 20px;
}
.tqm-quote__container--small .tqm-quote__text:after {
width: 40px;
height: 40px;
right: 40px;
bottom: 20px;
}
.tqm-quote__container--small .tqm-quote__author {
padding: 0 0 0 90px;
}
.fa.tqm-quote-icon {
color: #dad9d9;
font-size: 5.5em;
}
.tqm-quote__author {
margin-top: 18px;
padding: 0 0 0 120px;
max-width: 80%;
}
.tqm-quote__author strong {
font-weight: 400;
}
@media (max-width: 768px) {
.tqm-quote__text {
font-size: 1.250em;
padding-right: 30px;
padding-left: 90px;
}
.tqm-quote__text:before {
width: 40px;
height: 40px;
left: 40px;
}
.tqm-quote__text:after {
width: 40px;
height: 40px;
right: 40px;
}
.tqm-quote__author {
padding: 0 0 0 90px;
}
}
/* -------->>> END QUOTE <<<-------------*/
/* --------------------------------------*/
/* ------->>> IMAGE CAPTION <<<----------*/
/* --------------------------------------*/
.tqm-image-with-caption {
font-size: 0.750em;
}
.tqm-image-with-caption img {
max-width: 100%;
margin-bottom: 10px;
}
@media (max-width: 768px) {
.tqm-image-with-caption img {
display: block;
}
.tqm-image-with-caption {
margin-bottom: 10px;
}
}
/* ----->>> END IMAGE CAPTION <<<--------*/
/* --------------------------------------*/
/* ----->>> PRODUCT FEATURES <<<---------*/
/* --------------------------------------*/
.tqm-product-features__caption-container {
color: #4a4a4a;
background-color: #f7f7f7;
position: relative;
}
.tqm-product-features__caption {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
float: left;
}
.tqm-product-features__caption--title {
margin-bottom: 15px;
}
.tqm-product-features__caption--title span {
background-color: #c3262f;
color: #fff;
text-transform: uppercase;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
padding: 4px 10px;
line-height: 170%;
font-weight: 300;
font-size: 1.275em;
}
.tqm-product-features__caption--image {
position: relative;
max-width: 100%;
}
.tqm-product-features__caption--title-overlay {
position: absolute;
bottom: 15px;
}
.tqm-product-features__caption--title-overlay span {
background-color: #c3262f;
color: #fff;
text-transform: uppercase;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
padding: 4px 10px;
line-height: 170%;
font-weight: 300;
font-size: 1.375em;
}
.tqm-product-features__video-large {
padding-left: 0;
}
.tqm-product-features__caption--content {
padding: 30px;
float: left;
background-color: #f7f7f7;
}
.tqm-product-features__caption--play {
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center;
transform: translateY(-50%);
opacity: 0.7;
}
.tqm-product-features__caption-line {
background-color:rgba(0,0,0,0.8);
color: #fff;
padding: 10px 12px;
font-size: 0.750em;
font-weight: 200;
bottom: 0;
left: 0;
right: 0;
}
.tqm-wistia-video {
position: relative;
}
.tqm-wistia-video__wrapper {
height: 100%;
left: 0;
top: 0;
width: 100%;
position: absolute;
}
.tqm-product-features__medium .tqm-product-features__caption--title-overlay span {
font-size: 1.1em;
padding: 2px 10px;
}
.tqm-product-features__small .tqm-product-features__caption--title span {
font-size: 1.1em;
padding: 1px 5px;
line-height: 150%;
}
.tqm-product-features__small .tqm-product-features__caption--content {
padding: 20px;
font-size: 0.813em;
line-height: 140%;
}
.tqm-product-features__large .tqm-product-features__caption--content {
padding-left: 0;
}
@media (max-width: 768px) {
.tqm-product-features__caption-container {
margin-bottom: 20px;
}
.tqm-product-features__large .tqm-product-features__caption--content {
padding: 30px;
}
.tqm-product-features__caption--title-overlay {
position: relative;
bottom: 0;
margin-bottom: 15px;
font-size: 1.1em;
}
.tqm-product-features__caption--title-overlay span {
padding: 6px 10px;
line-height: 150%;
}
.tqm-product-features__caption--content {
float: none;
}
.tqm-product-features__small .tqm-product-features__caption--title span, .tqm-product-features__small .tqm-product-features__caption--title-overlay span {
font-size: 18px;
padding: 4px 10px;
line-height: 190%;
}
.tqm-product-features__small .tqm-product-features__caption--content {
font-size: 16px;
padding: 30px;
}
.tqm-product-features__caption {
float: none;
}
}
/* ----->>> END PRODUCT FEATURES <<<-----*/
/* --------------------------------------*/
/* ------->>> PROMO POD 7 <<<------------*/
/* --------------------------------------*/
.tqm-promo-pod-7 {
background-color: #f7f7f7;
border-top: 6px solid #c3262f;
padding: 40px;
}
.tqm-promo-pod-7__heading {
font-size: 1.5em;
font-weight: 400;
}
.tqm-promo-pod-7__content {
font-size: 0.875em;
padding: 12px 0;
}
.tqm-promo-pod-7__container .tqm-button--linkedin {
margin-right: 30px;
}
.tqm-promo-pod-7__image {
text-align: center;
}
.tqm-promo-pod-7__image img {
border-radius: 50%;
max-width: 240px;
}
.tqm-promo-pod-7__centered {
text-align: center;
}
.tqm-promo-pod-7__centered .tqm-promo-pod-7__content {
text-align: left;
}
.tqm-promo-pod-7__centered .tqm-button {
width: 47%;
}
.tqm-promo-pod-7__centered .tqm-promo-pod-7__image {
margin-bottom: 20px;
}
.tqm-promo-pod-7__small {
text-align: center;
}
.tqm-promo-pod-7__small .tqm-button {
width: 43%;
min-width: auto;
padding: 9px;
margin: 0 5px;
}
.tqm-promo-pod-7__small .tqm-promo-pod-7__image {
margin-bottom: 20px;
}
.tqm-promo-pod-7__small .tqm-promo-pod-7__image img {
max-width: 160px;
}
.tqm-promo-pod-7__small .tqm-promo-pod-7__heading {
font-size: 1.125em;
}
.tqm-promo-pod-7__small .tqm-promo-pod-7__subheading {
font-size: 0.875em;
}
.tqm-promo-pod-7__mobile {
display: none;
text-align: center;
}
.tqm-promo-pod-7__mobile .tqm-promo-pod-7__image img {
max-width: 160px;
margin: 0 auto;
}
.tqm-promo-pod-7__mobile .tqm-promo-pod-7__image {
text-align: center;
}
.tqm-promo-pod-7__mobile .tqm-button {
width: 43%;
min-width: auto;
padding: 9px;
margin: 0 5px;
}
.tqm-promo-pod-7__mobile--container {
margin-top: 35px;
}
@media (max-width: 1100px) and (min-width: 768px) {
.tqm-promo-pod-7__container .tqm-button--linkedin {
margin-right: 10px;
}
.tqm-promo-pod-7__small .tqm-button {
margin: 0 0 10px 0;
width: 100%;
display: block;
}
}
@media (max-width: 768px) {
.tqm-promo-pod-7__mobile {
display: block;
}
.tqm-promo-pod-7__mobile--container .owl-dots {
top: -35px;
position: absolute;
width: 100%;
text-align: center;
}
.tqm-promo-pod-7__mobile--container .owl-dot {
display: inline-block;
position: relative;
padding: 0;
margin: 0 5px;
}
.tqm-promo-pod-7__mobile--container .owl-dot span {
background-color: #b5b4b4;
width: 6px;
height: 6px;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
}
.tqm-promo-pod-7__mobile--container .owl-dot.active span {
background-color: #6a6969;
width: 10px;
height: 10px;
}
.tqm-promo-pod-7__container .tqm-button--linkedin {
margin-right: 0;
}
.tqm-promo-pod-7__container .tqm-button {
width: 46%;
padding-left: 5px;
padding-right: 5px;
min-width: auto;
display: inline-block;
}
.tqm-promo-pod-7__small .tqm-promo-pod-7__content {
padding: 0;
}
}
/* -------->>> END PROMO POD 7 <<<-------*/
/* --------------------------------------*/
/* ------->>> PROMO POD 8 <<<------------*/
/* --------------------------------------*/
.tqm-promo-pod-8--image {
padding: 0;
width: 100%;
position: relative;
font-size: 1.250em;
color: #fff;
font-weight: 400;
overflow: hidden;
}
.tqm-promo-pod-8--image img {
max-height: 100%;
width: auto;
max-width: 100%;
}
.tqm-promo-pod-8--image__large {
font-size: 1.5em;
line-height: 1.25;
}
.tqm-promo-pod-8--image__overlay-container {
background:rgba(0,0,0,0.4);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.tqm-promo-pod-8--image__overlay {
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 50%;
transform: translateY(-50%);
padding: 0 20px;
}
.tq-promo-pod-8__content {
position: relative;
}
.tqm-promo-pod-8__centred-content {
text-align: center;
line-height: 22px;
position: relative;
height: 100%;
display: table;
}
.tqm-promo-pod-8__vertical-content {
display: table-cell;
vertical-align: middle;
padding: 40px;
}
.tqm-promo-pod-8__learn-more {
text-transform: uppercase;
font-size: 0.750em;
}
.tqm-promo-pod-8--red {
background-color: #c3262f;
color: #fff;
margin: 0 15px;
}
.tqm-promo-pod-8--red a {
color: #fff;
}
.tqm-promo-pod-8--red a:hover {
color: #000;
}
@media (max-width: 768px) {
.tqm-promo-pod-8--image img {
width: 100%;
height: auto;
}
.tqm-promo-pod-8--image {
margin-bottom: 15px;
}
}
/* -------->>> END PROMO POD 8 <<<-------*/
/* -----------------------------------------------------*/
/* -->>> FULL WIDTH PROMO POD - IMAGE AND TEXT <<<------*/
/* -----------------------------------------------------*/
.tqm-promo-pod-full-width {
color: #4a4a4a;
background-color: #eaeaea;
}
.tqm-promo-pod-full-width--red {
background-image: radial-gradient(circle at 51% 55%, #c4262e, #9c1e22);
color: #fff;
}
.tqm-promo-pod-full-width__caption {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
float: left;
}
.tqm-promo-pod-full-width__caption--image {
position: relative;
max-width: 100%;
}
.tqm-promo-pod-full-width__caption--content {
padding: 30px;
float: left;
}
.tqm-promo-pod-full-width__caption--content .tqm-button {
margin-top: 10px;
}
.tqm-promo-pod-full-width__caption--heading {
font-size: 24px;
line-height: 125%;
font-weight: 400;
}
.tqm-promo-pod-full-width__caption--heading:after {
content: "";
margin: 20px 0;
display: block;
background-color: #c3262f;
width: 77px;
height: 3px;
}
.tqm-promo-pod-full-width--red .tqm-promo-pod-full-width__caption--heading:after {
background-color: #333;
}
@media (max-width: 768px) {
.tqm-content-module__caption-container {
margin-bottom: 20px;
}
}
/* ---->>> END FULL WIDTH PROMO POD - IMAGE AND TEXT <<<----*/
/* -----------------------------------------------------*/
/* ------->>> FULL WIDTH PROMO POD - TEXT ONLY <<<------*/
/* -----------------------------------------------------*/
.tqm-promo-pod-full-width__text-only {
text-align: center;
/*padding: 54px 0 68px 0;*/
padding: 75px 0;
}
.tqm-promo-pod-full-width__text-only--red {
background-image: radial-gradient(circle at 51% 55%, #c4262e, #9c1e22);
color: #fff;
}
.tqm-promo-pod-full-width__text-only--teal {
background-color: #23b4c4;
color: #fff;
}
.tqm-promo-pod-full-width__text-only--light-grey {
background-color: #f7f7f7;
color: #6a6969;
}
.tqm-promo-pod-full-width__text-only--light-grey .tqm-promo-pod-full-width__text-only__caption--heading:after {
background-color: #c3262f;
}
.tqm-promo-pod-full-width__text-only--white {
background-color: #fff;
color: #6a6969;
}
.tqm-promo-pod-full-width__text-only--white .tqm-promo-pod-full-width__text-only__caption--heading:after {
background-color: #c3262f;
}
.tqm-promo-pod-full-width__text-only--grey {
background-color: #eaeaea;
color: #6a6969;
}
.tqm-promo-pod-full-width__text-only--grey .tqm-promo-pod-full-width__text-only__caption--heading:after {
background-color: #c3262f;
}
.tqm-promo-pod-full-width__text-only--image {
background-size: cover;
color: #fff;
/*background-position: top right -80px;*/
background-position: top right;
position: relative;
}
.tqm-promo-pod-full-width__text-only--image .tqm-promo-pod-full-width__text-only__caption--heading:after {
background-color: #c3262f;
}
.tqm-promo-pod-full-width__text-only--image-overlay {
background-color: #000;
opacity: 0.3;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
}
.tqm-promo-pod-full-width__text-only__caption--content {
font-size: 1.125em;
}
.tqm-promo-pod-full-width__text-only__caption--heading {
font-weight: 400;
font-size: 2.4em;
line-height: 125%;
}
.tqm-promo-pod-full-width__text-only__caption--heading:after {
content: "";
margin: 20px 0;
display: block;
background-color: #333;
margin: 22px auto;
width: 77px;
height: 3px;
}
.tqm-promo-pod-full-width__text-only__caption--subheading {
max-width: 88%;
margin: 0 auto 30px auto;
}
@media (max-width: 768px) {
.tqm-promo-pod-full-width__text-only__caption--heading {
font-size: 1.5em;
}
}
/* ----->>> END FULL WIDTH PROMO POD - TEXT ONLY <<<----*/
/* -----------------------------------------------------*/
/* ---------------->>> CONVERSION POD <<<---------------*/
/* -----------------------------------------------------*/
.tqm-conversion-pod {
padding: 58px 0 66px 0;
font-weight: 200;
}
.tqm-conversion-pod__purple {
background-image: linear-gradient(to top, #3d0479, #6b1d9b);
color: #fff;
}
.tqm-conversion-pod__content {
padding: 0 60px 0 30px;
}
.tqm-conversion-pod__content p {
line-height: 145%;
}
.tqm-conversion-pod__buttons a:first-child {
margin: 10px 0 20px 0;
}
.tqm-conversion-pod__heading {
font-size: 1.875em;
font-weight: 100;
margin-bottom: 18px;
}
@media (max-width: 768px) {
.tqm-conversion-pod {
padding: 26px 0;
}
.tqm-conversion-pod__content {
padding: 0 10px;
text-align: center;
}
.tqm-conversion-pod__heading {
font-size: 1.375em;
margin-bottom: 0;
}
.tqm-conversion-pod__heading:after {
content: "";
display: block;
background-color: #c3262f;
margin: 12px auto;
width: 50px;
height: 2px;
}
.tqm-conversion-pod__buttons {
text-align: center;
}
.tqm-conversion-pod__buttons a {
width: 45%;
margin: 0 4px;
min-width: auto;
padding: 8px 22px;
}
}
/* ------------>>> END CONVERSION POD <<<---------------*/
/* -----------------------------------------------------*/
/* ---------------->>> ICON PROMO POD <<<---------------*/
/* -----------------------------------------------------*/
.tqm-icon-promo-pod-standard {
text-align: center;
padding: 34px 54px;
background-color: #fff;
}
.tqm-icon-promo-pod-standard img {
max-height: 60px;
}
.tqm-icon-promo-pod-standard__red {
border-top: 5px solid #c3262f;
}
.tqm-icon-promo-pod-standard__teal {
border-top: 5px solid #23b4c4;
}
.tqm-icon-promo-pod-standard__heading {
font-size: 1.875em;
margin: 16px 0 20px 0;
line-height: 120%;
color: #4a4a4a;
font-weight: 100;
}
.tqm-button-contact {
background-image:url(/assets/oneweb/images/icon-enquire--teal.svg);
background-size: 100%;
background-repeat: no-repeat;
display: inline-block;
vertical-align: middle;
width: 27px;
height: 18px;
margin-right: 6px;
}
.tqm-button-contact__container:hover .tqm-button-contact {
background-image:url(/assets/oneweb/images/icon-enquire-white.svg);
}
.tqm-icon-promo-pod__purple {
background-image: linear-gradient(to top, #3d0479, #6b1d9b);
color: #fff;
padding: 30px 40px 40px 40px;
text-align: center;
}
.tqm-icon-promo-pod__purple .tqm-background-line-left {
height: 2px;
margin: 0 auto;
position: absolute;
background-color: #a074be;
left: -155px;
right: 0;
top: 35px;
width: 63px;
}
.tqm-icon-promo-pod__purple .tqm-background-line-right {
height: 2px;
width: 63px;
margin: 0 auto;
position: absolute;
background-color: #a074be;
left: 0;
right: -155px;
top: 35px;
}
.tqm-icon-promo-pod__purple--container .tqm-background-line-left, .tqm-icon-promo-pod__purple--container .tqm-background-line-right {
top: 65px;
}
.tqm-icon-promo-pod__purple img {
max-height: 70px;
max-width: 80px;
position: relative;
z-index: 2;
}
.tqm-icon-promo-pod__purple--title {
font-size: 2.125em;
font-weight: 100;
padding: 18px 0 16px 0;
}
.tqm-icon-promo-pod__purple--content {
padding-bottom: 20px;
font-size: 1.125em;
font-weight: 100;
}
@media (max-width: 768px) {
.container {
width: auto;
}
.tqm-icon-promo-pod__purple--title {
font-size: 1.5em;
line-height: 120%;
}
}
/* ------------>>> END ICON PROMO POD <<<---------------*/
/* ------------------------------------*/
/* ------>>> POPULAR STUDY <<<---------*/
/* ------------------------------------*/
.tqm-hightlight-container__pushed {
position: absolute;
top: -54px;
}
.tqm-popular-study-areas {
background-color: #f1f1f1;
position: relative;
}
.tqm-popular-study-areas__container {
background-color: #fff;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
padding: 15px 44px;
position: relative;
}
.tqm-courses-landing-heading {
text-transform: uppercase;
font-size: 0.750em;
letter-spacing: 2px;
padding: 15px 0 25px 0;
font-weight: 300;
}
.tqm-popular-study-areas__featured-area--view-all {
text-align: right;
text-transform: uppercase;
font-size: 0.750em;
padding-top: 12px;
}
.tqm-popular-study-areas h2, .tqm-icon-list h2, .tqm-two-column-panels h2, .tqm-three-col-text-two-images h2, .tqm-location-container h2 {
font-size: 1.875em;
text-align: center;
}
.tqm-two-column-panels.tqm-section--teal h2 {
color: #fff;
}
.tqm-popular-study-areas h2 + hr, .tqm-icon-list h2 + hr, .tqm-two-column-panels h2 + hr, .tqm-three-col-text-two-images h2 + hr, .tqm-location-container h2 + hr {
text-align: center;
margin: 0 auto 29px auto;
}
.tqm-popular-study__search-container {
margin-bottom: 32px;
}
.tqm-popular-study__search-holder {
width: 80%;
float: left;
position: relative;
}
.tqm-popular-study__button-holder {
float: right;
width: 18%;
}
input[type=text].tqm-popular-study__search-bar {
width: 99%;
color: #333;
border-bottom-right-radius: 0;
border-top-right-radius: 0;
padding: 16px 120px 16px 65px;
position: relative;
background:url(/assets/oneweb/images/search-alt-mono.svg) no-repeat #fff center left 16px;
background-size: 34px 34px;
}
.tqm-popular-study__search-bar--submit {
width: 120px;
position: absolute;
right: 0;
padding: 14px 25px;
margin-top: -1px;
min-width: auto;
}
.tqm-popular-study-areas__panel {
float: left;
padding: 0 8px 15px 8px;
text-align: center;
}
.tqm-popular-study-areas__panel--search.tqm-popular-study-areas__panel.owl-carousel {
display: block;
}
.tqm-popular-study-areas__panel--search.tqm-popular-study-areas__panel.owl-carousel .owl-prev {
left: 10px;
}
.tqm-popular-study-areas__panel--search.tqm-popular-study-areas__panel.owl-carousel .owl-next {
right: 10px;
}
.tqm-popular-study-areas__panel .owl-nav {
position: static;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.tqm-popular-study-areas__panel .owl-nav .owl-prev {
left: -20px;
position: absolute;
top: 40%;
transform: translateY(-40%);
}
.tqm-popular-study-areas__panel .owl-nav .owl-next {
right: -20px;
position: absolute;
top: 40%;
transform: translateY(-40%);
}
.tqm-popular-study-areas__item {
background-color: #eaeaea;
float: left;
text-align: left;
margin: 0 7px 15px 7px;
transition: all ease 0.3s;
}
.tqm-popular-study-areas__item a {
color: #4a4a4a;
}
.tqm-popular-study-areas__item:hover {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.tqm-popular-study-areas__item--heading {
font-size: 0.813em;
padding: 10px 15px;
font-weight: 400;
}
.tqm-view-more-button {
margin: 10px auto 0 auto;
display: inline-block;
}
.tqm-carousel-arrow {
content: "";
background:url(/assets/oneweb/images/arrow-accordian.svg) no-repeat;
background-size: contain;
color: #333;
width: 18px;
height: 18px;
display: block;
}
.tqm-carousel-arrow__prev {
transform: rotate(90deg);
}
.tqm-carousel-arrow__next {
transform: rotate(-90deg);
}
.tqm-icon-promo-pod__purple--small {
background-image: linear-gradient(to top, #3d0479, #6b1d9b);
color: #fff;
padding: 25px 20px 30px 20px;
text-align: center;
margin-left: 10px;
}
.tqm-icon-promo-pod__purple--small img {
max-height: 40px;
}
.tqm-icon-promo-pod__purple--small .tqm-icon-promo-pod__purple--title {
font-size: 1.125em;
font-weight: 300;
padding: 18px 0 10px 0;
}
.tqm-icon-promo-pod__purple--small .tqm-icon-promo-pod__purple--content {
font-size: 0.875em;
padding: 0;
}
.tqm-icon-promo-pod__purple--small a {color: #FFF;}
.tqm-icon-promo-pod__purple--title {
font-size: 2.125em;
font-weight: 100;
padding: 18px 0 16px 0;
}
.tqm-icon-promo-pod__purple--content {
padding-bottom: 20px;
font-size: 1.125em;
font-weight: 100;
}
@media screen and (max-width: 1330px) and (min-width: 768px) {
input[type=submit].tqm-popular-study__search-bar--submit {
padding: 14px 25px;
}
}
@media (max-width: 768px) {
.tqm-hightlight-container__pushed {
top: 0;
}
.tqm-courses-landing-heading {
text-align: center;
}
.tqm-popular-study-areas__container {
margin-top: 0;
padding: 0;
width: 100%;
box-shadow: none;
}
.tqm-popular-study-areas__featured-area {
margin: 0;
padding: 0 0 20px 0;
}
.tqm-courses-landing-heading__container {
margin: 0;
}
.tqm-view-all__mobile {
padding: 10px 0 0 0;
margin: 0;
width: 100%;
}
.tqm-view-all__mobile .tqm-courses-landing-heading {
text-align: left;
}
.tqm-three-col-text-two-images {
padding-top: 30px;
}
.tqm-two-column-panels__mobile {
display: block;
padding-top: 30px;
}
.tqm-two-column-panels__mobile .owl-dots {
top: -20px;
}
.tqm-two-column-panels__mobile .owl-dot span {
background-color: #fff;
}
.tqm-two-column-panels__mobile .owl-dot.active span {
background-color: #333;
}
input[type=text].tqm-popular-study__search-bar {
background-image: none;
padding-left: 15px;
padding-right: 15px;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.tqm-popular-study__button-holder {
float: none;
text-align: center;
display: none;
}
.tqm-popular-study__button-holder .tqm-button {
margin-top: 20px;
}
.tqm-popular-study__search-bar--submit {
margin: 0;
width: 100px;
}
.tqm-popular-study__search-column {
padding: 0;
}
.tqm-popular-study__search-holder {
width: 100%;
margin-top: 20px;
background-color:rgba(0,0,0,0.4);
padding: 20px;
}
.tqm-popular-study-areas__panel {
padding: 0;
}
.tqm-popular-study-areas__panel--mobile .tqm-popular-study-areas__item {
width: 100%;
}
.tqm-popular-study-areas__panel--mobile .owl-dots {
top: -20px;
}
.tqm-popular-study-areas__button {
display: none;
}
.tqm-two-column-panels__mobile.owl-carousel.owl-loaded {
display: block;
}
.tqm-inner-banner__caption .tqm-popular-study__search-container {
position: absolute;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
}
.tqm-icon-promo-pod__purple--small {
margin: 0;
}
}
/* ------>>> END POPULAR STUDY <<<--------*/
/* ----------------------------------------------*/
/* ------>>> FEATURED CALL TO ACTION <<<---------*/
/* ----------------------------------------------*/
.tqm-featured-cta__container {
width: 100%;
display: block;
}
.tqm-featured-cta__container--mobile {
display: none;
}
.tqm-featured-study__call-to-action--grey {
background-color: #f7f7f7;
border: 1px solid #d9d9d9;
padding: 40px 27px 33px 44px;
font-size: 0.875em;
}
.tqm-featured-cta__title {
text-transform: uppercase;
font-weight: 500;
color: #333;
font-size: 1.125em;
padding-bottom: 8px;
}
.tqm-featured-study__call-to-action--grey .tqm-button--red {
display: inline-block;
padding: 4px 15px;
font-size: 0.875em;
}
.tqm-featured-cta__container .tq-call-out-box__purple a {
color: #fff;
font-size: 0.875em;
font-weight: 200;
}
.tqm-featured-cta__container .tqm-call-out-box__purple .tqm-call-out-box__purple--title {
font-weight: 300;
font-size: 1.125em;
}
.tqm-featured-cta__container .tqm-call-out-box__purple img {
max-height: 40px;
}
@media (max-width: 768px) {
.tqm-featured-cta__container {
margin: 0;
padding-top: 0px;
}
.tqm-featured-cta__container--mobile {
display: block;
}
.tqm-featured-study__call-to-action--grey {
border: 0;
background-color: #fff;
font-size: 1em;
}
.tqm-featured-study__call-to-action--grey .tqm-button--red {
font-size: 1.125em;
font-weight: 300;
margin-top: 16px;
padding: 10px 22px;
}
}
/* ------>>> END TWO COLUMNS <<<--------*/
/* ----------------------------------------------*/
/* ---------->>> ICON LIST ITEMS <<<-------------*/
/* ----------------------------------------------*/
.tqm-icon-list {
padding-bottom: 60px;
}
.tqm-icon-list--items {
width: 100%;
margin: 0;
padding: 0;
float: left;
}
.tqm-icon-list--svg {
width: 85px;
height: 70px;
}
.tqm-icon-list--item {
float: left;
width: 16.66666%;
font-size: 0.813em;
margin: 0;
display: flex;
align-items: center;
padding: 0 35px;
border-right: 1px solid #bdbdbd;
list-style-type: none;
text-align: center;
font-weight: 400;
}
.tqm-icon-list--item:last-child {
border-right: 0;
}
.tqm-icon-list--item svg {
max-height: 70px;
max-width: 70px;
}
.tqm-icon-list--item a {
color: #4a4a4a;
margin: 0 auto 10px auto;
}
.tqm-icon-list .tq-icon-list--item:hover a {
color: #23b4c4;
}
.tqm-icon-list--items li:last-child {
border-right: 0;
}
.tqm-icon-list--item__mobile {
display: none;
}
@media (max-width: 768px) {
.tqm-icon-list {
background-color: #fff;
padding: 20px 0 30px 0;
}
.tqm-checked-list li {
display: block;
float: none;
width: 100%;
padding: 12px 0;
margin: auto;
text-align: left;
}
.tqm-icon-list--item {
border-right: 0;
margin-bottom: 20px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
width: 100%;
padding: 20px;
margin-top: 5px;
}
.tqm-icon-list--item__desktop {
display: none;
}
.tqm-icon-list--item__mobile {
display: block;
}
.tqm-icon-list--item__mobile__owl {
margin:0;
}
.tqm-icon-list--item__mobile__owl .owl-dots {
top: -20px;
}
.tqm-icon-list--item svg {
min-height: 70px;
}
}
/* ------>>> END ICON LIST ITEMS <<<-------------*/
/* ----------------------------------------------*/
/* ---------->>> SEARCH IN PAGE <<<--------------*/
/* ----------------------------------------------*/
.tqm-search-in-page__container {
background-color: #f7f7f7;
border-left: 6px solid #3d0479;
}
.tqm-search-in-page {
padding: 25px 24px;
position: relative;
}
.tqm-search-in-page__title {
font-weight: 300;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.750em;
}
.tqm-search-in-page__all-courses {
text-transform: uppercase;
font-size: 0.750em;
position: absolute;
right: 60px;
top: 25px;
}
.tqm-search-in-page__fields {
position: relative;
margin-top: 19px;
}
.tqm-search-in-page__fields .tqm-button--red {
min-width: 140px;
}
.tqm-search-in-page input[type=text] {
width: 100%;
padding: 16px 170px 16px 60px;
border-radius: 4px;
border: 1px solid #bdbdbd;
}
.tqm-search-in-page__icon{
background:url(/assets/oneweb/images/search-alt.svg) no-repeat center left 16px #fff;
background-size: 34px 34px;
}
.tqm-search-in-page input[type=submit] {
position: absolute;
right: 0;
}
@media (max-width: 768px) {
.tqm-search-in-page__icon {
background-size: 25px 25px;
}
.tqm-search-in-page__container {
border-left: 0;
}
.tqm-search-in-page__all-courses {
position: relative;
top: auto;
right: auto;
}
.tqm-search-in-page input[type=submit] {
position: relative;
right: auto;
margin-top: 10px;
width: 100%;
padding: 10px;
}
.tqm-search-in-page input[type=text] {
padding: 16px 16px 16px 60px;
}
}
/* -------->>> END SEARCH IN PAGE <<<------------*/
/* -----------------------------------*/
/* ------>>> HEADER SMALL <<<---------*/
/* -----------------------------------*/
.tqm-header__small {
width: 100%;
z-index:10;
top: 0;
}
.tqm-header__small--offset {
/*height: 215px;*/
}
.tqm-header__small--offset--simple {
height: 107px;
}
.fixed {
position: fixed;
}
.tqm-sticky-header__small {
z-index: 10;
top: 0;
width: 100%;
}
.tqm-sticky-header__small .tqm-header__small--top {
}
.tqm-sticky-header__small .tqm-header__small-logo {
padding: 0 0 15px 0;
margin-top: 15px;
height: auto;
}
.tqm-sticky-header__small .tqm-header__small-logo img {
max-height: 35px;
}
.tqm-header__small--breadcrumbs {
background-color: #fff;
}
.tqm-header__small-breadcrumbs--grey {
background-color: #f7f7f7;
}
.tqm-header__small-breadcrumbs--grey--container {
padding: 3px 0 0 0;
}
.tqm-header__small-breadcrumbs--grey--container ul li:first-child a {
padding-left: 0;
}
.tqm-sticky-header__small .tqm-header__small--top-links {
display: none;
}
.tqm-sticky-header__small .tqm-header__small--sticky-top-links {
display: block;
color: #fff;
}
.tqm-sticky-header__small .tqm-header__small--sticky-top-links span {
font-size: 1.125em;
display: inline-block;
margin-top: 20px;
}
.tqm-sticky-header__small .tqm-header__small--sticky-buttons {
float: right;
display: block;
margin: 0;
}
.tqm-sticky-header__small .tqm-header__small--sticky-buttons li {
list-style-type: none;
display: block;
float: left;
}
.tqm-sticky-header__small .tqm-header__small--sticky-buttons li a {
padding: 20px 30px;
font-size: 0.938em;
display: block;
}
.tqm-header__small--top {
background-color: #c3262f;
position: relative;
}
.tqm-header__small-logo {
padding-top: 30px;
float: left;
height: 106px;
display: inline-block;
}
.tqm-header__small-logo img {
max-height: 60px;
}
.tqm-header__small--top-links {
float: right;
margin: 0;
padding: 0;
line-height: 100%;
border-left: 1px solid #891b20;
border-right: 1px solid #d15c65;
}
.tqm-header__small--top-links li {
list-style-type: none;
float: left;
margin: 0;
padding: 0;
border-right: 1px solid #891b20;
border-left: 1px solid #d15c65;
}
.tqm-header__small--top-links li svg {
height: 30px;
width: 40px;
}
.tqm-header__small--top-links li a {
display: block;
color: #fff;
min-width: 115px;
padding: 25px 30px;
text-align: center;
}
.tqm-header__small--top-links li a:hover {
background-color: #333;
text-decoration: none;
}
.tqm-header__small--top-links li a.active {
background-color: #fff;
color: #bcbcbc;
text-decoration: none;
}
.tqm-header__small--top-links li a span {
display: block;
padding-top: 12px;
}
.tqm-header__small--top-links li a.active svg g {
stroke: #bcbcbc;
}
.tqm-header__mobile-search {
display: none;
}
.tqm-header__small--sticky-top-links {
display: none;
}
.tqm-header-offset {
margin-top: 106px;
}
.tqm-header__small--fixed-heading {
display: none;
}
.tqm-header__not-fixed {
position: relative;
}
@media screen and (max-width: 1330px) and (min-width: 768px) {
.tq-anchor-links__list li a {
padding: 20px 10px;
font-size: 0.875em;
}
.tqm-sticky-header__small .tqm-header__small--sticky-top-links {
display: none;
}
}
@media (max-width: 768px) {
.tqm-header__small--top-links li svg {
height: 25px;
width: 25px;
}
.tqm-search-button {
position: relative;
left: auto;
top: 0;
}
.tqm-header-offset {
margin-top: 0px;
}
.tqm-header__small--fixed-heading {
display: block;
text-transform: uppercase;
background-color: #c3262f;
color: #fff;
text-align: center;
font-size: 0.625em;
letter-spacing: 1px;
padding: 6px;
box-shadow: 0px -5px 12px -2px rgba(50, 50, 50, 0.75);
}
.tqm-sticky-header__small .tqm-header__small--top-links {
display: block;
}
.tqm-header__small--navigation {
display: block;
}
.tqm-header__small--top-links {
border-left: 0;
border-right: 0;
margin: 0;
padding: 0;
width: 100%;
box-shadow: 0px -1px 12px -2px rgba(50, 50, 50, 0.75);
}
.tqm-header__small--top-links li {
border-left: 1px solid #dcdcdc;
width: 33.3333%;
min-width: auto;
border-right: 0;
}
.tqm-header__small--top-links li:first-child {
border-left: 0;
}
.tqm-header__small--top-links li a {
padding: 8px;
text-align: center;
color: #c3262f;
min-width: auto;
text-transform: uppercase;
font-size: 0.688em;
}
.tqm-header__small--top-links li a:hover {
background-color: #333;
color: #fff;
}
.tqm-header__small--top-links li a span {
display: block;
}
.tqm-header__small--top-links svg {
height: 20px;
width: 20px;
margin: 3px auto;
text-align: center;
display: block;
}
.tqm-header__small--top-links svg path {
stroke: #c3262f;
stroke-width: 4px;
}
.tqm-header__small--top .container {
width: 100%;
}
.tqm-header-small__links--mobile svg {
height: 23px;
margin: 1px auto 2px auto;
width: 23px;
}
.tqm-header-small__links--mobile svg path {
stroke-width: 5px;
}
.tqm-header__small--top-links g {
stroke: #c3262f;
}
.tqm-header__small-logo {
padding: 12px;
float: none;
height: auto;
width: 100%;
}
.tqm-header__small-logo img {
max-height: 30px;
}
.tqm-header-small__links--mobile {
display: block;
}
.tqm-header__mobile-search {
display: block;
float: right;
margin-top: 5px;
}
.tqm-header-small__links--desktop {
display: none;
}
.tqm-header__mobile-search span {
display: none;
}
.tqm-header__small--anchor-links {
display: none;
}
.tqm-header__small {
position: relative;
}
.tqm-header__small--offset, .tqm-header__small--offset--simple {
display: none;
}
.tqm-sticky-header__small .tqm-header__small--sticky-top-links {
display: none;
}
}
/* Search */
.tq-toggle-easing {
display: none;
}
.tqm-header__small--search-bar {
background-color: #fff;
border-bottom: 1px solid #ccc;
padding: 0;
z-index: 5;
}
.tqm-header__small--search-bar input[type=text] {
padding: 40px 80px 40px 80px;
background:url(/assets/oneweb/images/icon-search-grey.svg) no-repeat center left 20px;
background-size: 30px 30px;
border: 0;
width: 100%;
margin: 0;
font-size: 1.875em;
font-weight: 100;
color: #4a4a4a;
}
.tqm-header__small--search-bar input[type=text]:focus {
outline: none;
}
.tqm-search-button__container {
position: absolute;
right: 60px;
top: 55px;
}
@media (max-width: 768px) {
.tqm-header__small--search-bar {
top: 49px;
}
.tqm-header__small--search-bar input[type=text] {
padding: 10px 50px;
background-position: center left 10px;
background-size: 20px 20px;
font-size: 1em;
}
.tqm-search-button__container {
right: 20px;
top: 13px;
}
}
/* ------>>> END HEADER SMALL <<<-----*/
/* --------------------------------------*/
/* ----------->>> SIDEBAR <<<------------*/
/* --------------------------------------*/
.tqm-introductory-paragraph {
font-size: 1.250em;
font-weight: 400;
color: #4a4a4a;
border-left: 5px solid #3d0479;
padding-left: 25px;
line-height: 1.5;
}
.tqm-primary-navigation {
font-size: 0.875em;
font-weight: 400;
}
.tqm-primary-navigation li {
list-style-type: none;
margin: 0;
}
.tqm-primary-navigation li a {
color: #6a6969;
padding: 6px 0;
display: block;
}
.tqm-primary-navigation li a:hover {
color: #c3262f;
}
li a.tqm-primary-navigation__active {
border-left: 5px solid #c3262f;
background-color: #f7f7f7;
padding-left: 15px;
color: #c3262f;
}
.tqm-primary-navigation__sub-menu li a {
color: #9b9b9b;
}
.tqm-primary-navigation__sub-menu {
padding-left: 10px;
}
.tqm-primary-navigation__sub-menu li a.tqm-primary-navigation__sub_menu--active {
color: #c3262f;
}
/* -------->>> END SIDEBAR <<<-------*/
/* ---------------------------------------*/
/* ------->>> SOCIAL ICONS <<<------------*/
/* --------------------------------------*/
.tqm-social-network-panels {
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
float: left;
width: 100%;
}
.tqm-social__top--title {
padding: 30px 0 30px 2px;
display: block;
color: #c3262f;
font-size: 0.875em;
}
.tqm-social-media-icons {
padding: 10px;
float: right;
margin: 10px 0;
}
.tqm-social-media-icons li {
list-style-type: none;
display: inline-block;
padding: 0 30px 0 0;
}
.tqm-social-media-icons li:last-child {
padding-right: 0;
}
.tqm-social-media-icons .fa {
line-height: 20px;
font-size: 1.250em;
}
.tqm-social-media-icons li a {
color: #6a6969;
border-radius: 50%;
display: inline-block;
vertical-align: middle;
width: 40px;
height: 40px;
text-align: center;
padding: 2px 0 0 0;
box-shadow: 0 0 0 1px #6a6969;
transition: all ease 0.1s;
border: 1px solid #fff;
}
.tqm-social-media-icons li a:hover {
box-shadow: none;
color: #fff;
}
.tqm-social-media-icons li a:hover.tqm-social-media-icons__facebook {
background-color: #3b5998;
}
.tqm-social-media-icons li a:hover.tqm-social-media-icons__twitter {
background-color: #4099FF;
}
.tqm-social-media-icons li a:hover.tqm-social-media-icons__instagram {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.tqm-social-media-icons li a:hover.tqm-social-media-icons__youtube {
background-color: #bb0000;
}
.tqm-social-media-icons li a:hover.tqm-social-media-icons__linkedin {
background-color: #0077B5;
}
@media (max-width: 768px) {
.tqm-social-media-icons {
float: none;
margin: 0;
}
.tqm-footer__top--title {
text-align: center;
display: block;
padding: 18px 0;
}
.tqm-social-media-icons li {
padding-right: 25px;
}
}
/* -------->>> END SOCIAL ICONS <<<-------*/
/* ------------------------------------------------*/
/* --------->>> SOCIAL SHARING TOOL <<<------------*/
/* ------------------------------------------------*/
.tqm-social-share {
font-size: 1em;
color: #23b4c4;
letter-spacing: 1px;
cursor: pointer;
}
.tqm-social-share__title {
text-transform: uppercase;
font-size: 0.750em;
font-weight: 300;
letter-spacing: 1px;
}
.tqm-social-share__popup {
display: none;
position: absolute;
z-index: 18;
padding-top: 20px;
}
.tqm-social-share:hover > .tqm-social-share__popup {
display: block;
}
.tqm-social-share:hover {
color: #333;
}
.tqm-social-share__popup-container {
background-color: #f7f7f7;
border-top: 5px solid #c3262f;
padding: 0 30px 20px 30px;
-webkit-box-shadow: 0px 6px 18px -4px rgba(0,0,0,0.32);
-moz-box-shadow: 0px 6px 18px -4px rgba(0,0,0,0.32);
box-shadow: 0px 6px 18px -4px rgba(0,0,0,0.32);
}
.tqm-social-share__popup-container:before {
content: "";
position: absolute;
top: 3px;
left: 17px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 17px 17px 17px;
border-color: transparent transparent #c3262f transparent;
}
.tqm-social-share__popup--right {
right: 0;
/*min-width: 535px;*/
}
.tqm-social-share__popup-container--right {
float: right;
width: 100%;
}
.tqm-social-share__popup-container--right:before {
right: 17px;
left: auto;
}
/* New social media icons - Centered */
.tqm-news-article-footer__buttons li .tqm-social-share .tqm-social-share__popup .tqm-social-share__popup-holder li {
margin: 0 2px;
}
.tqm-social-share__popup-container {
list-style-type: none;
text-align: center;
line-height: 100%;
margin: 0;
float: left;
padding: 0;
}
.tqm-share-outer-container {
position: static;
}
.tqm-social-share__popup-holder {
margin: 0;
float: left;
padding: 20px 20px 10px 20px;
}
.tqm-social-share__popup-holder:after {
clear: both;
}
.tqm-social-share__popup-container li {
text-align: center;
list-style-type: none;
display: inline-block;
font-size: 13px;
padding-left: 10px;
width: 90px;
letter-spacing: 0;
}
.tqm-social-share__popup-container--right-list {
padding-left: 20px;
margin-bottom: 20px;
}
.tqm-social-share__popup-container--right .tqm-social-share__popup-holder li {
width: 90px;
padding-right: 0;
}
.tqm-social-share__popup-container li:first-child {
padding-left: 0;
}
.tqm-social-share__popup-container li .tqm-social-media__circle {
box-shadow: 0 0 0 1px #6a6969;
border-radius: 50%;
width: 40px;
height: 40px;
margin: 0 auto;
display: block;
font-size: 1.538em;
}
.tqm-social-share__popup-container li a {
font-weight: 200;
color: #4a4a4a;
display: block;
}
.tqm-social-share__popup-container li a.tqm-social-media-icons__facebook .tqm-social-media__circle {
color: #3d5b96;
box-shadow: 0 0 0 1px #3d5b96;
}
.tqm-social-share__popup-container li a.tqm-social-media-icons__twitter .tqm-social-media__circle {
color: #41b2d9;
box-shadow: 0 0 0 1px #41b2d9;
}
.tqm-social-share__popup-container li a.tqm-social-media-icons__instagram .tqm-social-media__circle {
color: #d73575;
box-shadow: 0 0 0 1px #d73575;
}
.tqm-social-share__popup-container li a.tqm-social-media-icons__youtube .tqm-social-media__circle {
color: #e05542;
box-shadow: 0 0 0 1px #e05542;
}
.tqm-social-share__popup-container li a.tqm-social-media-icons__linkedin .tqm-social-media__circle {
color: #1178b3;
box-shadow: 0 0 0 1px #1178b3;
}
.tqm-social-share__popup-container li a:hover .tqm-social-media__circle {
box-shadow: none;
color: #fff;
}
.tqm-social-share__popup-container li a.tqm-social-media-icons__facebook:hover .tqm-social-media__circle {
background-color: #3b5998;
}
.tqm-social-share__popup-container li a.tqm-social-media-icons__twitter:hover .tqm-social-media__circle {
background-color: #4099FF;
}
.tqm-social-share__popup-container li a.tqm-social-media-icons__instagram:hover .tqm-social-media__circle {
background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.tqm-social-share__popup-container li a.tqm-social-media-icons__youtube:hover .tqm-social-media__circle {
background-color: #bb0000;
}
.tqm-social-share__popup-container li a.tqm-social-media-icons__linkedin:hover .tqm-social-media__circle {
background-color: #0077B5;
}
@media (max-width: 768px) {
.tqm-social-share__popup-holder {
padding: 10px 10px 0 10px;
float: none;
}
.tqm-social-share__popup-holder li {
width: 60px;
}
.tqm-social-share__popup-container--right .tqm-social-share__popup-holder li {
width: 60px;
}
.tqm-social-share__popup-container--right:before {
left: 0;
right: 0;
margin: 0 auto;
}
.tqm-share-outer-container {
position: relative;
}
.tqm-social-share__popup--right {
width: auto;
left: 0;
right: 0;
margin: 0 auto;
}
.tqm-social-share__popup-container--right {
width: auto;
max-width: 480px;
margin: 0 auto;
float: none;
}
.tqm-social-share__popup--left-mobile {
right: auto;
}
.tqm-social-share__popup--left-mobile .tqm-social-share__popup-container--right:before {
left: 17px;
right: auto;
}
.tqm-social-share__popup-container li {
font-size: 12px;
}
}
@media (max-width: 400px) {
.tqm-social-media-icons li {
padding-right: 20px;
}
}
/* --------->>> END SOCIAL SHARING TOOL <<<--------*/
/* ------------------------------------------------*/
/* --------->>> NEWS ARTICLE FOOTER <<<------------*/
/* ------------------------------------------------*/
.tqm-news-article-footer__title {
border-bottom: 1px solid #a4a4a4;
padding: 30px 0;
margin-bottom: 30px;
text-transform: uppercase;
font-weight: 300;
letter-spacing: 2.7px;
color: #6a6969;
}
.tqm-news-article-footer__buttons {
margin: 0;
padding: 0;
line-height: 100%;
list-style-type: none;
}
.tqm-news-article-footer__buttons li {
float: left;
width: 33.3333%;
padding: 0 30px 0 0;
}
.tqm-news-article-footer__buttons li:last-child {
padding: 0;
}
.tqm-news-article-footer__buttons li a.tqm-button {
width: 100%;
}
.tqm-button__share-story {
text-transform: uppercase;
font-size: 0.750em;
letter-spacing: 1px;
font-weight: 300;
}
@media (max-width: 768px) {
.tqm-news-article-footer__buttons li {
float: none;
width: 100%;
margin-bottom: 10px;
padding: 0;
}
}
/* --------->>> END NEWS ARTICLE FOOTER <<<--------*/
/* ------------------------------------------------*/
/* ------>>> NEWS ARTICLE HEADER BYLINE <<<--------*/
/* ------------------------------------------------*/
.tqm-news-article-header-byline {
border-top: 1px solid #a4a4a4;
border-bottom: 1px solid #a4a4a4;
padding: 25px 0;
}
.tqm-news-artcile-header-byline__title {
font-size: 1.438em;
font-weight: 200;
text-transform: uppercase;
color: #6a6969;
letter-spacing: 0.2px;
border-left: 4px solid #c3262f;
line-height: 100%;
padding-left: 15px;
}
.tqm-news-article-header-byline__link {
text-align: right;
}
.tqm-news-article-header-byline__link-by {
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1.3px;
font-size: 1em;
}
@media (max-width: 768px) {
.tqm-news-article-header-byline__link {
text-align: left;
padding: 10px 0 0 0;
}
.tqm-news-artcile-header-byline__title {
font-size: 1.250em;
}
}
/* ------>>> END NEWS ARTICLE HEADER BYLINE <<<----*/
/* -----------------------------------*/
/* ---->>> TESTIMONIAL SLIDER <<<-----*/
/* -----------------------------------*/
.tqm-testimonial-slider {
position: relative;
overflow:hidden;
}
.tqm-carousel__container {
float: none;
display: inline-block;
vertical-align: middle;
position: relative;
}
.tqm-carousel__container--centered {
align-self: center;
}
.tqm-carousel__container--text-only {
text-align: center;
max-width: 60%;
margin: 40px auto;
}
.tqm-carousel__container--text-only .tqm-carousel__testimonial .tqm-small-hr__black {
margin: 16px auto;
}
.tqm-testimonial-slider .container-fluid {
padding: 0;
margin: 0;
background-image: radial-gradient(circle at 52% 50%, #23b4c4, #1491a2);
}
.tqm-testimonial-slider__image {
position: relative;
height: 100%;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.tqm-carousel-name__white {
color: #fff;
font-weight: 400;
}
.tqm-carousel__testimonial .tqm-small-hr__black {
margin: 20px auto 16px 0;
}
.tqm-testimonial-slider .owl-prev, .tqm-testimonial-slider .owl-next {
position: absolute;
top: 50%;
transform: translateY(-25px);
color: #fff;
font-size: 2em;
height: 100%;
}
.tqm-testimonial-slider .owl-prev {
left: 45px;
}
.tqm-testimonial-slider .owl-next {
right: 45px;
}
.tqm-carousel__title {
color: #333;
font-size: 1.875em;
font-weight: 100;
padding: 0 30px 20px 0;
}
.tqm-carousel__description {
color: #4a4a4a;
font-weight: 200;
font-size: 1em;
}
.tqm-carousel__testimonial {
padding: 45px 20px;
}
.tqm-carousel__name {
font-size: 1.125em;
margin: 0 0 20px 0;
}
.tqm-testimonial-slider__mobile-caption {
display: none;
}
/* Fixed width */
.tqm-testimonial-slider__fixed-width .tqm-carousel__testimonial {
padding: 30px 20px 30px 0;
}
.tqm-testimonial-slider__fixed-width .tqm-carousel__title {
font-size: 1.375em;
}
.tqm-testimonial-slider__fixed-width .tqm-carousel__description {
font-size: 0.875em;
}
.tqm-testimonial-slider__fixed-width .tqm-carousel__name {
font-size: 0.875em;
}
.tqm-testimonial-slider__fixed-width .tqm-small-hr__black {
margin: 12px auto 8px 0;
}
@media (min-width: 768px) and (max-width: 1024px) {
.tqm-carousel__container .tqm-button {
display: none;
}
.tqm-testimonial-slider .container-fluid .row-eq-height {
display: flex-inline;
}
.tqm-carousel__container .tqm-testimonial-slider__image {
/*height: 450px;*/
}
.container {
width: 100%;
}
.tqm-carousel__testimonial {
padding: 20px 20px 15px 0;
}
.tqm-carousel__title {
font-size: 1.3em;
}
.tqm-testimonial-slider__fixed-width .tqm-carousel__testimonial {
padding: 15px 20px 15px 0;
}
.tqm-carousel__name {
margin: 0;
}
.tqm-testimonial-slider__image.tqm-testimonial-slider__image--only {
height: 450px;
}
}
@media (max-width: 768px) {
.tqm-testimonial-slider .container-fluid {
height: 100%;
}
.tqm-testimonial-slider__mobile-caption {
display: block;
text-align: center;
text-transform: uppercase;
letter-spacing: 2.3px;
font-size: 0.875em;
font-weight: 300;
color: #333;
margin-bottom: 40px;
}
.tqm-carousel__container {
display: block;
width: 100%;
}
.tqm-testimonial-slider {
padding-top: 40px;
}
.tqm-testimonial-slider .tqm-hr--dark-grey {
text-align: center;
margin: 12px auto;
}
.tqm-testimonial-slider .item {
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.7);
}
.tqm-testimonial-slider .owl-prev, .tqm-testimonial-slider .owl-next {
top: 20%;
}
.tqm-testimonial-slider .owl-item {
padding-bottom: 20px;
}
.tqm-carousel__name {
font-size: 0.875em;
margin-bottom: 0;
}
.tqm-carousel__name .tqm-white {
font-weight: 200;
}
.tqm-testimonial-slider__image {
position: relative;
display: block;
width: 100%;
height: 194px;
}
.tqm-testimonial-slider__video {
height: auto;
}
.tqm-testimonial-slider__image img {
position: relative;
height: 100%;
}
.tqm-carousel__testimonial .tqm-button--white {
display: none;
}
.tqm-testimonial-slider__image--overlay-mobile {
background-image: linear-gradient(to top, #000000, rgba(0, 0, 0, 0));
position: absolute;
opacity: 0.5;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.tqm-carousel__testimonial {
padding: 20px;
text-align: center;
}
.tqm-carousel__description {
font-size: 0.750em;
}
.tqm-carousel__title {
font-size: 1em;
font-weight: 300;
text-align: center;
line-height: 140%;
}
.tqm-testimonial-slider .owl-dots {
top: -30px;
display: block;
height: 30px;
position: absolute;
width: 100%;
text-align: center;
}
.tqm-testimonial-slider .owl-dots .owl-dot {
display: inline-block;
height: 6px;
width: 6px;
margin: 0 3px;
background-color: #b1b0b0;
border-radius: 50%;
vertical-align: middle;
}
.tqm-testimonial-slider .owl-dots .owl-dot.active {
background-color: #6a6969;
width: 10px;
height: 10px;
}
.tqm-carousel__container--text-only {
max-width: 100%;
margin: 0 auto;
}
.tqm-carousel__testimonial .tqm-button {
display: none;
}
.tqm-carousel__testimonial .tqm-small-hr__black {
margin: 20px auto 16px auto;
}
.tqm-testimonial-slider .owl-stage {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tqm-testimonial-slider .owl-item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: auto !important;
}
.tqm-testimonial-slider__fixed-width .tqm-carousel__testimonial {
padding: 20px;
}
.tqm-testimonial-slider__fixed-width .tqm-carousel__title {
padding: 0 0 15px 0;
}
}
/* -->>> END TESTIMONIAL SLIDER <<<---*/
/* Play Btn */
.video-overlay {
width: 100%;
height: 100%;
background-image: radial-gradient(circle, rgba($primary, .25), rgba($black, 1));
position: absolute;
z-index: 2000 !important;
top: 0;
left: 0;
}
.video-wrapper {
position: relative
}
.play-btn {
position: absolute;
width: 55px;
height: 60px;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
background: rgba(0,0,0, .75);
text-indent: .25em;
padding: 3em;
margin: 0;
border-radius: 50%;
}
/* --------------------------------------*/
/* ----->>> IN-PAGE NAVIGATION <<<-------*/
/* --------------------------------------*/
.tqm-header__small--anchor-links {
background-color: #f7f7f7;
position: relative;
z-index: 1;
box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.3)
}
.tqm-sticky {
position: fixed;
width: 100%;
z-index: 4;
}
.tq-anchor-links__list {
margin: 0;
padding: 0;
line-height: 100%;
}
.tq-anchor-links__list li {
float: left;
list-style-type: none;
padding: 0;
}
.tq-anchor-links__list li a {
display: block;
padding: 22px 20px;
font-size: 1.063em;
color: #6a6969;
font-weight: 400;
border-bottom: 4px solid #f7f7f7;
}
.tq-anchor-links__list li a:focus {
text-decoration: none;
}
.tq-anchor-links__list li a:hover {
text-decoration: none;
color: #c3262f;
border-bottom: 4px solid #c3262f;
}
.tq-anchor-links__list li.active {
border-bottom: 4px solid #c2362f;
}
.tq-anchor-links__list li.active a {
border-bottom: 0;
text-decoration: none;
color: #c3262f;
}
.tq-anchor-links__list li.active a:focus {
text-decoration: none;
}
.tq-anchor-links__list li.active a:hover {
border-bottom: 0;
text-decoration: none;
}
@media (max-width: 1100px) and (min-width: 769px) {
.tq-anchor-links__list li a {
padding: 22px 10px;
}
}
@media (max-width: 768px) {
.tqm-header__small--anchor-links {
display: none;
}
}
/* ----->>> END IN-PAGE NAVIGATION <<<-----*/
/* -------------------------------------- */
/* -------->>> BREADCRUMBS <<<----------- */
/* -------------------------------------- */
.tqm-breadcrumbs__list {
margin: 0;
padding: 0;
font-size: 0.750em;
}
.tqm-breadcrumbs__list:after {
clear: both;
}
.tqm-breadcrumbs__list li {
list-style-type: none;
padding: 0;
float: left;
border-left: 1px solid #23b4c4;
padding: 0 5px;
line-height: 100%;
}
.tqm-breadcrumbs__list li:first-child {
border-left: 0;
padding-left: 0;
}
.tqm-breadcrumbs__list li:last-child {
padding-right: 0;
}
.tqm-breadcrumbs__list li a {
color: #23b4c4;
font-weight: 200;
}
.tqm-breadcrumbs__list li a:hover {
color: #c3262f;
}
/* ------->>> END BREADCRUMBS <<<-------- */
/* -------------------------------------- */
/* --------->>> PAGE TITLE <<<----------- */
/* -------------------------------------- */
.tqm-page-title {
text-transform: uppercase;
position: relative;
z-index: 2;
}
.tqm-page-title__sub-heading {
border-left: 4px solid #c3262f;
line-height: 80%;
font-size: 1.250em;
color: #6a6969;
padding-left: 10px;
margin-bottom: 20px;
letter-spacing: 0.2px;
}
.tqm-page-title__heading {
font-size: 3.750em;
font-weight: 500;
color: #6a6969;
line-height: 85%;
}
.tqm-page-title__heading--red {
color: #c3262f;
}
.tqm-page-title__bg-container {
padding: 80px 0;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.tqm-page-title__bg-container .tqm-page-title__sub-heading, .tqm-page-title__bg-container .tqm-page-title__heading {
color: #fff;
}
.tqm-page-title__image-container--overlay {
background:rgba(0,0,0,0.4);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.tqm-page-title__bg-container--purple {
background-image: linear-gradient(276deg, #8b1292, #6b1e9a 59%, #4f0d93);
}
.tqm-page-title__bg-container--grey {
background-color: #f0e8f5;
}
.tqm-page-title__bg-container--grey .tqm-page-title__sub-heading, .tqm-page-title__bg-container--grey .tqm-page-title__heading {
color: #4a4a4a;
}
.tqm-page-title__bg-container--light-grey {
background-color: #f7f7f7;
}
.tqm-page-title__bg-container--light-grey .tqm-page-title__sub-heading, .tqm-page-title__bg-container--light-grey .tqm-page-title__heading {
color: #4a4a4a;
}
@media (max-width: 768px) {
.tqm-page-title__heading {
font-size: 2.250em;
line-height: 95%;
}
.tqm-page-title__sub-heading {
font-size: 0.875em;
margin-bottom: 10px;
}
}
/* ------->>> END PAGE TITLE <<<--------- */
/* -------------------------------------- */
/* ---->>> COOKIES CONSENT ALERT <<<----- */
/* -------------------------------------- */
.tqm-cookies-consent-alert__container {
position: relative;
z-index: 99;
top: 0;
width: 100%;
height: 100%;
}
.tqm-toggle-alert__close--container {
float: right;
}
.tqm-toggle-alert__close--container:after {
clear: both;
}
.tqm-cookies-consent-alert {
color: #fff;
font-size: 1em;
padding: 18px 0;
line-height: 120%;
z-index: 3;
width: 100%;
}
.tqm-cookies-consent-alert__text {
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.tqm-cookies-consent-alert__text a {
color: #fff;
text-decoration: underline;
font-weight: 400;
}
.tqm-cookies-consent-alert__text a:hover {
color: #fff;
text-decoration: none;
}
.tqm-cookies-consent-alert--red {
background-color: #c3262f;
}
.tqm-cookies-consent-alert--grey {
background-color: #6a6969;
}
.tqm-cookies-consent-alert--dark-grey {
background-color: #333;
}
.tqm-cookies-consent-alert--orange {
background-color: #fe5000;
}
@media (max-width: 768px) {
.tqm-toggle-alert__close--container {
float: none;
}
.tqm-toggle-alert__close {
margin-top: 10px;
}
}
/* --->>> END COOKIES CONSENT ALERT <<<-- */
/* ----------------------------------------*/
/* ---->>> WISTIA VIDEOS PLAY BTN <<<------*/
/* ----------------------------------------*/
.wistia_click_to_play div div {
background-color: transparent !important;
}
div[id$="big_play_button_bottom_text"] {
opacity: 0 !important;
}
[data-testid="big-play-button__button"], div[id$="big_play_button_graphic"] {
background:url(/assets/oneweb/images/play-icon.png) no-repeat center !important;
margin: 0 auto !important;
background-size: contain !important;
left: 0 !important;
right: 0 !important;
padding: 0;
top: 50% !important;
bottom: 0;
transform: translateY(-50%) !important;
opacity: 0.75 !important;
transition: all .2s ease-out;
}
[data-testid="big-play-button__button"]:hover, .wistia_responsive_wrapper [aria-label="Play"]:hover {
opacity: 1 !important;
transform: scale(1.2);
}
.tqm-wisitia-video__large [data-testid="big-play-button__button"], .tqm-wisitia-video__large div[id$="big_play_button_graphic"] {
width: 70px;
height: 70px;
}
.tqm-wisitia-video__medium [data-testid="big-play-button__button"], .tqm-wisitia-video__medium div[id$="big_play_button_graphic"] {
width: 50px !important;
height: 50px !important;
}
.tqm-wisitia-video__small [data-testid="big-play-button__button"], .tqm-wisitia-video__small div[id$="big_play_button_graphic"] {
max-width: 30px;
max-height: 30px;
}
/* --->>> END WISTIA VIDEOS PLAY BTN <<<-----*/
/* -----------------------------------*/
/* ----------->>> MODAL POPUP <<<-----*/
/* -----------------------------------*/
.modal-link img {
margin-top: -2px;
margin-left: 4px;
max-width: 20px;
}
.tqm-form-modal-popup {
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
}
.tqm-tooltip-info {
padding-left: 10px;
margin-top: -2px;
}
.tqm-hover-modal:hover {
display: block;
}
.tqm-form-modal-popup:target {
display: table;
}
.tqm-form-modal-dialog {
display: table-cell;
vertical-align: middle;
}
.tqm-form-modal-content {
margin: auto;
background-color: #f3f3f3;
position: relative;
padding: 30px;
max-height: 90%;
outline: 0;
overflow-y: scroll;
border: 1px #777 solid;
text-align: justify;
width: 50%;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-webkit-animation-name: scaleIn;
-webkit-animation-duration: 0.5s;
animation-name: scaleIn;
animation-duration: 0.5s;
}
.tqm-closebtn {
text-decoration: none;
float: right;
font-size: 35px;
font-weight: bold;
color: #333;
position: absolute;
top: 0;
right: 15px;
}
.tqm-closebtn-body {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.tqm-form-required--modal {
color: #c3262f;
font-weight: 400;
}
@-webkit-keyframes scaleIn {
from {
transform: scale(2.0);
opacity: 0;
}
to {
transform: scale(1.0);
opacity:1;
}
}
@keyframes scaleIn {
from {
transform: scale(1.1);
opacity: 0;
}
to {
transform: scale(1.0);
opacity:1;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.tqm-form-modal-content {
width: 90%;
}
}
@media (max-width: 768px) {
.tqm-form-modal-content {
width: 95%;
max-height: 98%;
}
}
/* ---->>> END MODAL POPUP <<<-----*/
/* --------------------------------------*/
/* ----------->>> FORMS 2 <<<------------*/
/* --------------------------------------*/
.tqm-form-modal-popup--title {
text-transform: none;
font-size: 1.875em;
font-weight: 100;
color: #333333;
}
.tqm-form-modal-popup--title:after {
content: " ";
display: block;
height: 4px;
width: 50px;
background-color: #c4262e;
margin: 10px 0 20px 0;
}
input[type=text], input[type=email] {
padding: 18px 20px;
border-radius: 4px;
border: 1px solid #bdbdbd;
font-weight: 200;
font-size: 1em;
}
.tqm-form-modal-popup input[type=text]::placeholder, .tqm-form-modal-popup textarea::placeholder, .tqm-form-modal-popup input[type=email]::placeholder {
color: #444;
}
select {
padding: 18px 45px 18px 20px;
border: 1px solid #bdbdbd;
border-radius: 4px;
font-weight: 200;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
appearance: none;
-webkit-appearance: none;
background:url(/assets/oneweb/images/arrow-down.png) no-repeat center right 20px #fff;
}
textarea {
border-radius: 4px;
border: 1px solid #bdbdbd;
color: #858585;
font-weight: 200;
padding: 18px 20px;
}
.tqm-enquire-form input[type=text], .tqm-enquire-form input[type=email] {
width: 100%;
background-color: #fff;
margin: 8px 0;
}
.tqm-enquire-form input[type=text]:focus, .tqm-enquire-form input[type=email]:focus, .tqm-enquire-form textarea:focus {
outline:none;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}
.tqm-enquire-form select {
width: 100%;
margin: 0 0 15px 0;
}
.tqm-enquire-form textarea {
width: 100%;
height: 160px;
}
.tooltip {
background-color:#6b1d9b;
width: 160px;
display:block;
color:#fff;
text-align:left;
}
.tqm-enquire-form__title {
margin-bottom: 15px;
width: 100%;
}
.tqm-enquire-form-subtitle {
font-weight: 200;
padding: 10px 0;
}
.tqm-enquire-form {
padding-bottom: 25px;
}
.tqm-enquire-form .tqm-button--red {
min-width: 254px;
}
.tqm-enquire-form label {
color: #6a6969;
font-size: 0.875em;
font-weight: 400;
padding-bottom: 4px;
}
.tqm-form-required {
font-size: 0.625em;
text-align: right;
padding: 5px 0 0 0px;
}
.tqm-form-step__tooltip--col {
position: relative;
}
.tqm-form-step__tooltip--col .tqm-form-step__tooltip {
display: none;
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.tqm-form-step__tooltip--col input[type=text]:focus ~ .tqm-form-step__tooltip, .tqm-form-step__tooltip--col input[type=email]:focus ~ .tqm-form-step__tooltip, .tqm-form-step__tooltip--col textarea:focus ~ .tqm-form-step__tooltip {
opacity: 1;
display: block;
}
.tqm-form-step__tooltip--col label ~ .tqm-form-step__tooltip {
margin-top: 20px;
}
.tqm-form-step__tooltip--col .selectric-open ~ .tqm-form-step__tooltip {
opacity: 1;
display: block;
}
.tqm-enquire-form .selectric {
border: 0;
box-shadow: none;
border: 1px solid #bdbdbd;
}
.tqm-enquire-checkbox {
color: #858585;
font-weight: 200;
}
.tqm-enquire-checkbox label {
font-size: 1em;
font-weight: 200;
}
.tqm-form-step__form-fields {
padding-bottom: 15px;
}
.tqm-form-step__submit {
text-align: right;
}
/* Tooltip */
.tqm-apply-now .tqm-form-step__tooltip {
top: 0;
right: -190px;
}
.tqm-form-step__tooltip-wrapper {
position: relative;
}
.tqm-form-step__tooltip {
position: absolute;
right: -170px;
z-index: 8;
background-color: #6b1d9b;
color: #fff;
top: 8px;
padding: 20px 16px;
font-weight: 200;
border-radius: 4px;
font-size: 0.875em;
width: 170px;
opacity: 1;
}
.tqm-form-step__tooltip:before {
width: 0;
height: 0;
content: "";
position: absolute;
left: -8px;
top: 20px;
border-style: solid;
border-width: 7px 8px 7px 0;
border-color: transparent #6b1d9b transparent transparent;
}
@media (max-width: 768px) {
.tqm-enquire-form__sidebar:before {
display: none;
}
.tqm-form .container {
width: 100%;
}
}
/* Checkbox */
.tqm-checkbox {
display: none;
}
.tqm-checkbox + label span {
display: inline-block;
width: 19px;
height: 19px;
margin: -2px 0 0 10px;
vertical-align: middle;
cursor: pointer;
color: #333;
border: 2px solid #9b9b9b;
position: relative;
}
.tqm-checkbox:checked + label span:after {
background-size: 100%;
color: #9b9b9b;
content: "\f00c";
font-family: FontAwesome;
font-size: 1em;
font-weight: 100;
top: -4px;
position: absolute;
}
/* Radio Btns */
.tqm-radio-btn {
display: none;
}
.tqm-radio-btn + label span {
display: inline-block;
width: 19px;
height: 19px;
margin: -2px 0 0 10px;
vertical-align: middle;
cursor: pointer;
color: #333;
border-radius: 50%;
border: 2px solid #9b9b9b;
position: relative;
}
.tqm-radio-btn:checked + label span:after {
background-size: 100%;
background-color: #9b9b9b;
font-size: 1em;
content: " ";
font-weight: 100;
width: 11px;
height: 11px;
margin: 2px 0 0 2px;
border-radius: 50%;
position: absolute;
}
label.tqm-radio-btn__label {
font-weight: 200;
font-size: 1em;
}
/*------>>> END ENQUIRE NOW <<<------*/
/* Responsive */
@media screen and (max-width: 1330px) and (min-width: 769px) {
.tqm-form-step__number {
width: 45px;
height: 45px;
}
.tqm-form-step .col-md-1 {
margin-right: 10px;
}
.tqm-form-step__tooltip {
z-index: 10;
}
}
@media (max-width: 768px) {
.tqm-form-divider {
margin-bottom: 0;
}
.tqm-apply-now {
margin-top: 10px;
padding-bottom: 20px;
}
.tqm-form-step label {
font-size: 0.872em;
font-weight: 400;
}
.tqm-enquire-form__sidebar {
padding: 20px 0;
}
.tqm-enquire-form__sidebar--icon-list {
padding: 10px 0;
}
.tqm-enquire-form__sidebar--icon-list li {
margin: 0 20px 10px 20px;
display: inline-block;
vertical-align: top;
}
.tqm-form-step__submit {
text-align: center;
}
}
/* --------->>> END FORMS 2 <<<---------*/
/* --------------------------------------*/
/* ---------->>> FORMS 4 <<<-------------*/
/* --------------------------------------*/
.tqm-sign-up-hero__container {
position: relative;
}
.tqm-sign-up-hero__container--mini .tqm-sign-up-hero__content {
margin-top: -120px;
min-height: 120px;
background: rgba(255,255,255,1);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.22) 13%, rgba(0,0,0,0.6) 15%, rgba(0,0,0,1) 20%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.22) 13%, rgba(0,0,0,0.6) 15%, rgba(0,0,0,1) 20%);
}
.tqm-sign-up-hero__content {
margin-top: -250px;
min-height: 250px;
position: relative;
z-index: 1;
padding: 40px;
background: rgba(255,255,255,1);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.22) 13%, rgba(0,0,0,0.6) 35%, rgba(0,0,0,1) 50%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.22) 13%, rgba(0,0,0,0.6) 35%, rgba(0,0,0,1) 50%);
}
.tqm-sign-up-hero__content h2 {
color: #fff;
margin-bottom: 0;
}
.tqm-sign-up-hero__image img {
width: 100%;
}
.tqm-sign-up-hero__subtitle--container {
margin-bottom: 20px;
}
.tqm-sign-up-hero__content .tqm-button--red {
min-width: auto;
float: right;
padding: 12px 28px;
}
.tqm-sign-up-hero__required {
text-align: right;
color: #fff;
font-size: 0.625em;
margin-bottom: 20px;
}
.tqm-sign-up-hero__content--row {
align-items: flex-end;
}
.tqm-sign-up-hero__subtitle {
background-color: #c3262f;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
padding: 4px 8px;
text-transform: uppercase;
color: #fff;
font-size: 1.375em;
font-weight: 400;
line-height: 180%;
}
.tqm-sign-up-hero__content input[type=text], .tqm-sign-up-hero__content input[type=email] {
padding: 12px 20px;
border-radius: 4px;
width: 100%;
margin-bottom: 14px;
border: 1px solid #bdbdbd;
font-weight: 200;
font-size: 1em;
}
.tqm-sign-up-hero__content input[type=text]::placeholder, .tqm-sign-up-hero__content textarea::placeholder, .tqm-sign-up-hero__content input[type=email]::placeholder {
color: #444;
}
.tqm-sign-up-hero__row {
align-items: center;
}
.tqm-checkbox__text--small {
margin-top: 2px;
}
.tqm-sign-up-hero__content .tqm-form-signup__checkbox {
color: #fff;
font-size: 0.750em;
}
.tqm-sign-up-hero__content .tqm-sign-up-hero__submit {
float: right;
padding-right: 0;
}
.tqm-sign-up-hero__content .tqm-checkbox + label {
font-weight: 200;
width: 100%;
}
.tqm-sign-up-hero__content .tqm-checkbox + label span {
margin: 2px 10px 0px 0;
display: block;
float: left;
}
.tqm-sign-up-hero__content .tqm-checkbox + label span:after {
margin-left: 2px;
}
.tqm-sign-up-hero__content .tqm-checkbox:checked + label span:after {
color: #fff;
}
.tqm-sign-up-hero__input {
padding-right: 0;
}
.tqm-sign-up-hero__container--mini .tqm-button--red {
width: 100%;
margin-top: 10px;
}
@media (max-width: 768px) {
.tqm-sign-up-hero__container .tqm-sign-up-hero__content {
margin-top: -120px;
background: rgba(255,255,255,1);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.22) 13%, rgba(0,0,0,0.6) 15%, rgba(0,0,0,1) 20%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.22) 13%, rgba(0,0,0,0.6) 15%, rgba(0,0,0,1) 20%);
}
.tqm-sign-up-hero__container .tqm-button--red {
width: 100%;
margin-top: 10px;
}
.tqm-sign-up-hero__required {
text-align: left;
}
.tqm-sign-up-hero__input, .tqm-sign-up-hero__content .tqm-sign-up-hero__submit {
padding-right: 14px;
}
}
.tqm-tile-video__small {overflow:hidden;}
.tqm-tile-video__medium {overflow:hidden;}
.tqm-tile-video__large {overflow:hidden;}
.tqm-video-wrapper img, .tqm-video-wrapper video {width: 100%;}
.tqm-tile-video__caption {bottom: 0; left: 0; width: 100%; padding: 15px; background: rgba(0,0,0,0.2);}
.tqm-tile-video__caption a {color: #fff; text-shadow: 0px 0px 5px #000;}
.tqm-tile-video__caption a:hover {text-decoration: underline;}
.tqm-featured-news__filtered--button {text-align:right;width:auto;}
.playpause {position: absolute; height: 100%; width: 100%; background: rgba(0,0,0,0.2);}
.playpause:before {
content: "\f04b";
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #FFF;
font-size: 36px;
position: absolute;
top: 50%;
right: 0;
left: 0;
transform: translateY(-50%);
}
/* ---------->>> END FORMS 4 <<<---------*/
/* ---------->>> Content-module 10 <<<---------*/
.tqm-tile__grey--content a {
color: white;
}
.content-module-10-link{
text-decoration: none;
color: white;
}
.content-module-10-link:hover{
text-decoration: underline;
color: white;
}
/* ---------->>> END Content-module 10 <<<---------*/
.oneweb-basic-comp{
padding: 0px 15px;
}
.anchor-link-over{
color:white;
}
.anchor-link-over:hover{
color:white;
}
/* ----------- Added for Course Landing for Study Areas ---------*/
/* Hr */
.tq-hr--dark-grey {
height: 3px;
background-color: #333;
color: #333;
width: 78px;
border: 0;
margin: 25px 0;
text-align: left;
}
.tq-hr--red {
height: 4px;
background-color: #c3262f;
color: #c3262f;
width: 50px;
border: 0;
margin: 16px 0;
padding: 0;
text-align: left;
}
.tq-hr--red__small {
height: 4px;
background-color: #c3262f;
color: #c3262f;
width: 30px;
border: 0;
margin: 10px 0 16px 0;
padding: 0;
text-align: left;
}
.tq-hr__light-red--centered {
height: 2px;
background-color: #e09299;
color: #e09299;
width: 20px;
border: 0;
margin: 12px auto 0 auto;
text-align: center;
}
.tq-hr--grey-thick {
height: 1px;
background-color: #cdcdcd;
color: #cdcdcd;
border: 0;
}
/* ----------- End of Course Landing for Study Areas ---------*/
/* ----------- new events blog time diffrence div---------*/
.event-count-down {
/*
margin-top:-20px;
padding-left: 260px;
padding-right: 30px;
*/
position: absolute;
right: 0;
margin-right: 15px;
}
/* ----------- new events blog time diffrence div ---------*/
/* --------------------------------------------*/
/* ------>>> STUDY AREA LANDING <<<--------------*/
/* --------------------------------------------*/
.tq-section--grey {
background-color: #f7f7f7;
padding: 60px 0 40px 0;
}
/* --------------------------------------------*/
/* ------>>> LARGE LIST ITEMS <<<--------------*/
/* --------------------------------------------*/
.tq-large-list-items {
padding-bottom: 60px;
}
.tq-large-list-items__content h2 {
font-size: 1.875em;
font-weight: 100;
text-transform: initial;
color: #4a4a4a;
padding: 5px 0 12px 0;
}
.tq-large-list-items__content hr {
text-align: center;
margin: 8px auto 15px auto;
}
.tq-large-list-items__content {
text-align: center;
max-width: 820px;
padding-bottom: 20px;
margin: 0 auto;
color: #4a4a4a;
font-size: 1em;
}
.tq-large-list-items__ul {
margin: 0;
padding: 0;
}
.tq-large-list-items__ul li {
width: 32%;
margin-right: 20px;
float: left;
list-style-type: none;
border-bottom: 1px solid #dcdcdc;
}
.tq-large-list-items__ul li:nth-child(3n+3) {
margin-right: 0;
}
.tq-large-list-items__ul li a {
color: #6a6969;
padding: 15px;
display: block;
}
.tq-large-list-items__ul li a:hover {
color: #c4262e;
}
.tq-large-list-items__ul li svg {
width: 30px;
height: 30px;
vertical-align: middle;
display: inline-block;
}
.tq-large-list-items__ul span {
padding-left: 15px;
display: inline-block;
}
.tq-large-list-items__mobile {
display: none;
}
@media screen and (max-width: 1330px) and (min-width: 768px) {
.tq-large-list-items__ul li {
width: 45%;
}
.tq-large-list-items__ul li:nth-child(3n+3) {
margin-right: 20px;
}
}
@media (max-width: 768px) {
.tq-large-list-items {
padding: 24px 0;
}
.tq-large-list-items__content h2 {
font-size: 0.750em;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
max-width: 80%;
margin: 0 auto;
line-height: 16px;
}
.tq-large-list-items__mobile {
display: block;
}
.tq-large-list-items__mobile--item {
background-color: #fff;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
margin-top: 30px;
}
.tq-large-list-items__ul--mobile {
padding: 0;
}
.tq-large-list-items__ul--mobile li {
list-style-type: none;
border-bottom: 1px solid #dcdcdc;
font-size: 0.750em;
vertical-align: middle;
}
.tq-large-list-items__ul--mobile li a {
padding: 15px;
color: #6a6969;
display: table;
}
.tq-large-list-items__ul--mobile li a span {
padding-left: 15px;
display: table-cell;
vertical-align: middle;
text-align: left;
}
.tq-large-list-items__ul--mobile li svg {
width: 30px;
height: 30px;
display: table-cell;
vertical-align: middle;
}
}
/* ------------END LARGE LIST ITEMS ---------------*/
/* -----------IE10+ specific styles -------------*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.tqm-link__arrow:after, .tqm-link__arrow:hover:after{
background-color: transparent;
}
}
/* -----------IE10+ specific styles --------------*/
/* Table styles */
.oneweb-basic-comp table {
border: 0;
table-layout: fixed;
}
.oneweb-basic-comp table tr:nth-child(odd) {background: #F7F7F7}
.oneweb-basic-comp table tr:nth-child(even) {background: #EBEBEB}
.oneweb-basic-comp table td, .oneweb-basic-comp table th {
border: 0;
border-right: 2px solid #FFF;
padding: 15px;
}
.oneweb-basic-comp table th {
background: #8c8c8c;
color: #FFFFFF;
text-transform: uppercase;
font-size: 14px;
}
.oneweb-basic-comp table td {
font-size: 14px;
}
.oneweb-basic-comp table td:last-child, .oneweb-basic-comp table th:last-child; {
border: 0;
border-right: 0px solid #FFF;
padding: 15px;
}
.oneweb-basic-comp table.academic-calendar th:nth-child(odd) { width: 20%; }
.oneweb-basic-comp table.academic-calendar th:nth-child(even) { width: 30%; }
input[type=text]::-ms-clear {
display: none;
}
#iframe-modal .modal-dialog {
width: 80%;
}
.wistia_responsive_wrapper img {width:100% !important;left:0px !important;}
.wistia_responsive_wrapper span div div{
width:100% !important;
}
.wistia_responsive_wrapper {
width:100% !important;
}
/* TB Added 191220 */
#chat-widget-container {
height:650px!important;
}