/*
Theme Name: MedQdoc Child
Theme URI: https://www.motion-marketing.com
Template: medqdoc
Author: Chloe Bunce
Description: Theme design and functionalities for the MedQdoc website.
Version 1.0.0
Text Domain: medqdoc-child
Tested up to: 6.3
Requires PHP: 7.0
License: MedQdoc
License URI: https://medqdoc.com/
Tags: medqdoc
*/


/* RESET STYLES */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/* COLUMN STYLES */

.column, .double-column, .triple-column, .quad-column {float: left;}
.six-column > .column {width: 16.66%;}
.six-column .double-column {width: 33.33%;}
.six-column .triple-column {width: 50%;}
.six-column .quad-column {width: 66.67%;}
.five-column .column {width: 20%;}
.five-column .double-column { width:40%;}
.five-column .triple-column {width: 60%;}
.five-column .quad-column {width: 80%;}
.four-column > .column {width: 25%;}
.four-column .double-column {width: 50%;}
.four-column .triple-column {width: 75%;}
.three-column .column {  width: 33.3333%;}
.three-column .double-column { width: 66.6666%; position: relative; }
.two-column .column { width: 50%; }
.left-column { margin-right: 30px; }
.middle-column { margin-right: 15px; margin-left: 15px; }
.right-column { margin-left: 30px; }

/* DEFAULT STYLES */

html, body {
	font-family: 'Poppins', Arial, sans-serif;
	margin: 0px;
	color: #252f60;
	font-weight: 400;
}
h1 {
	font-size: 48px;
	color: #252f60;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2;
}
h1.line:after {
	content: '';
	display: block;
	background-color: #c52350;
    background: linear-gradient(90deg, rgba(197,35,80,1) 0%, rgba(38,41,93,1) 100%);
    margin: 20px 0;
    width: 90px;
    height: 10px;
}
h2 {
	font-size: 35px;
	color: #2db6b9;
	font-weight: bold;
	line-height: 1.2;
}
h2:after {
	content: '';
	display: block;
	background-color: #c52350;
    background: linear-gradient(90deg, rgba(197,35,80,1) 0%, rgba(38,41,93,1) 100%);
    margin: 20px 0;
    width: 90px;
    height: 10px;
}

h2.no-underline:after {
    display: none;
}

h3 {
	font-size: 25px;
	color: #2db6b9;
	font-weight: bold;
	line-height: 1.2;
}
h2.centre:after, .centre-text h2:after, h2.centre-text:after {
	margin: 20px auto!important;
}
p {
	color: #252f60;
	font-size: 18px;
	line-height: 1.5;
	margin: 15px 0;
}
a {
	text-decoration: none;
	color: #2db6b9;
}
strong {
	font-weight: 700;
}
em {
	font-style: italic;
}
.max {
	max-width: 1200px;
	margin: auto;
	padding: 0 40px;
	box-sizing: border-box;
}

.bold {	font-weight: 700;}
.light { font-weight: 300!important;}
.italic { font-style: italic;}
.uppercase { text-transform: uppercase;}
.lowercase {text-transform: lowercase!important;}
.normal {text-transform: none!important;}
.underline {text-decoration: underline;}
.relative { position: relative;}
.no-margin { margin: 0px!important;}
.no-margin-btm { margin-bottom: 0px!important;}
.no-margin-top { margin-top: 0px!important;}
.no-underline {	text-decoration: none;}
.line-height {line-height: 1.4;}
.no-line-height {line-height: 0;}
.reduced-line-height { line-height: 1.2;}

.xsmall {font-size: 12px;}
.small {font-size: 18px;}
.medium { font-size: 28px; }
.xmedium { font-size: 32px; }
.large {font-size: 50px;}
.xlarge {font-size: 60px;}

.font-14 {font-size:14px;}
.font-22 {font-size: 22px;}
.font-24 {font-size: 24px;}
.font-35 { font-size: 35px;}

.green {color:#2db6b9;}
.blue {color:#252f60;}
.white {color:#FFF;}
.green-background {background-color: #2db6b9;}
.blue-background {background-color: #252f60;}
.lgreen-background {background-color: #d6ecef;}
.dgreen-background {background-color: #B3E5E6;}
.white-background {background-color:#FFF;}
.lpurple-background {background-color: #e5e3ec;}


.default-padding {padding:60px 0;}
.default-padding-full {padding:60px 40px;}
.default-padding-top {padding-top: 60px;}
.default-padding-bottom {padding-bottom: 60px!important;}
.default-padding-left {padding-left: 40px;}
.default-padding-right {padding-right: 40px;}
.default-padding-side { padding-left: 40px; padding-right: 40px;}

.padding-40 {padding: 40px;}
.padding-40-top {padding-top: 40px;}
.padding-40-bottom {padding-bottom: 40px;}
.padding-40-left {padding-left: 40px;}
.padding-40-right {padding-right: 40px;}

.padding-20 {padding: 20px;}
.padding-20-top {padding-top: 20px;}
.padding-20-bottom {padding-bottom: 20px;}
.padding-20-left {padding-left: 20px;}
.padding-20-right {padding-right: 20px;}

.padding-10 { padding: 10px;}
.padding-10-top { padding-top : 10px;}
.padding-10-bottom { padding-bottom: 10px;}

.extra-padding-top {
    padding-top: 80px;
}

.centre-text {
	text-align: center;
}
.centre {
	text-align: center;
	margin: auto;
}
.centre-items {
	align-self: center;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}

.clear, .fivegap, .tengap, .twentygap {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	width: 100%;
}
.fivegap {height: 5px; width: 100%; font-size:0px; line-height:0px; clear:both;}
.tengap {height: 10px; width: 100%; font-size:0px; line-height:0px; clear:both;}
.twentygap {height: 20px; width: 100%; font-size:0px; line-height:0px; clear:both;}

.resp {
	max-width: 100%!important;
	height: auto!important;
}

/* HEADER STYLES */

header {
    /* padding: 30px 0;
	min-height: 120px; */
    padding-top: 20px;   /* top padding */
    padding-bottom: 10px; /* bottom padding */
	min-height: auto; /* optional: remove forced height */
    /* 👇 Add these lines */
    position: sticky;
    top: 0;
    z-index: 1000; /* make sure it stays above other elements */
    background: #fff; /* optional: prevents content from showing through */
}

.flex-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.lhs-nav {
	align-self: center;
    padding-right: 20px;
}
.rhs-nav {
    align-items: center;
    margin-left: auto;
    margin-right: 0;
    flex-wrap: wrap;
}
.rhs-row-1 {
    display: flex;
    margin-left: auto;
    margin-right: 0;
    width: 100%;
    align-items: center;
    justify-content: end;
    margin-bottom:10px;
}
.rhs-row-2 {
    display: flex;
    width: 100%;
    justify-content: end;
}
a.header-button {
    border: solid 1px #c52350;
    padding: 8px 12px;
    color: #c52350;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    margin-left: 20px;
}
a.header-button:hover {
    color: #2db6b9;
    border: solid 1px #2db6b9;
}
a.rhs-nav-contact {
    font-weight: bold;
    text-transform: uppercase;
}
a.green.header-email {
    margin-right: 15px;
    margin-left: 15px;
}
.mobile-menu-wrap {
	display: none;
}
.mobile-menu {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #f4f4f4;
    box-sizing: border-box;
    max-height: 0;
    overflow: hidden;
    transition: max-height ease-out .5s;
	z-index: 999;
}
.mobile-menu.show-menu {
  max-height: 500px;
  transition: max-height ease-in 0.5s;
}
#menu-button {
	font-size: 35px;
	cursor: pointer;
}
.menu-mobile-container, .menu-mobile-sv-container {
	padding: 40px;
}
#menu-mobile li, #menu-mobile-sv li {
  text-align: center;
  display: block;
  padding: 10px 0;
  border-bottom: solid 1px;
  text-transform: uppercase;
  font-weight: bold;
}

.contact-box {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.6;
}
ul#menu-main > li, ul#menu-main-sv > li {
    display: inline-block;
    margin-left: 20px;
    position: relative;
}
ul#menu-main li a, ul#menu-main-sv li a {
    color: #252f60;
    text-transform: uppercase;
	font-weight: bold;
}
ul#menu-main li:hover a, ul#menu-main-sv li:hover a, ul#menu-main li.current-menu-item a, ul#menu-main-sv li.current-menu-item a {
	color: #2db6b9;
}
ul#menu-main ul.sub-menu, ul#menu-main-sv ul.sub-menu {
    max-height: 0px;
    transition: max-height .3s ease-out;
    overflow: hidden;
    position: absolute;
    top: 140%;
    right: 0;
    background: #d6ecef;
    z-index: 3;
}

ul#menu-main li.menu-item-has-children:hover ul.sub-menu, ul#menu-main-sv li.menu-item-has-children:hover ul.sub-menu {
    max-height: 500px;
    transition: max-height .3s ease-in;
}
ul#menu-main > li.menu-item-has-children:after, ul#menu-main-sv > li.menu-item-has-children:after {
    content: '\f078';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: #2db6b9;
}
ul#menu-main li ul.sub-menu li, ul#menu-main-sv li ul.sub-menu li {
    border-bottom: solid 1px #fff;
}
ul#menu-main li ul.sub-menu li a, ul#menu-main-sv li ul.sub-menu li a {
    display: block;
    margin: 5px 0;
    padding: 8px 10px;
    width: 300px;
    color: #252f60;
    font-size: 14px;
    
}
ul#menu-main li ul.sub-menu li a:hover, ul#menu-main-sv li ul.sub-menu li a:hover {
    color: #2db6b9;
}
ul#menu-main li ul.sub-menu li:last-child, ul#menu-main-sv li ul.sub-menu li:last-child {
    border-bottom: 0px;
}

.mega-lang {
    position: relative;
    cursor: pointer;
    margin-left: 10px;
}
.mega-lang button {
    background: transparent;
    color: #c52350;
    border: 0px;
    font-size: 20px;
}
.mega-lang-dropdown a {
    display: block;
    background-color: #f4f4f4;
    width: 150px;
    padding: 10px;
    border-bottom: solid 1px #000;
    color: #A31917;
    font-weight: bold;
    font-size: 14px;
}
.mega-lang-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 2;
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.3s;
}
.mega-lang-dropdown ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.mega-lang:hover .mega-lang-dropdown {
    max-height: 200px;
    transition: max-height 0.3s;
}




.page-header {
	min-height: 700px;
}
.page-header .max {
	min-height: 700px;
}
.page-header-shorter, .page-header-shorter .max {
	min-height: 420px;
}
.page-header-short {
	min-height: 400px;
	background: url('/wp-content/uploads/homepage-header-01.png') no-repeat center;
	background-size: cover;
	text-align: center;
	position: relative;
}

.blog-hero-image {
	min-height: 400px;
	position: relative;
}

.blog-hero-image .flex-container {
    min-height: 400px;
}
.page-header-short h1 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 2;
}

/* FOOTER STYLES */

footer {
	background: url('/wp-content/uploads/footer-background-01.png') no-repeat center;
	background-size: cover;
	background-color: #252f60;
	width: 100%;
	padding: 80px 0;
	color: #FFF;
	border-bottom: solid 5px #2db6b9;
}
footer p {
	color: #FFF;
	font-size: 14px;
}
footer h4 {
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
}
footer h4:after {
    content: '';
    width: 40px;
    height: 5px;
    background-color: #FFF;
    display: block;
    margin: 10px 0 20px 0;
}
ul#menu-privacy li, ul#menu-privacy-sv li {
    display: inline-block;
    margin-right: 20px;
    font-size: 14px;
}
ul#menu-privacy li a, ul#menu-privacy-sv li a {
	color: #FFF;
}
a.footer-social {
    background-color: #FFF;
    width: 35px;
    height: 35px;
    font-size: 20px;
    text-align: center;
    display: inline-block;
    line-height: 35px;
    color: #252f60;
    border-radius: 100%;
}
ul#menu-quick-links li:before, ul#menu-quick-links-sv li:before {
    content: '+';
    display: inline-block;
    margin-right: 10px;
}
ul#menu-quick-links li a, ul#menu-quick-links-sv li a {
    color: #FFF;
    font-size: 14px;
}
.footer-logo {
    position: absolute;
    right: 0;
    bottom: 40px;
}
.pre-footer {
    padding: 80px 0;
    background: url(/wp-content/uploads/footer-map-background-01.png) no-repeat center;
    background-size: contain;
    background-color: #d6ecef;
}
.gradient-line {
    background-color: #c52350;
	background: linear-gradient(90deg, rgba(197,35,80,1) 0%, rgba(38,41,93,1) 100%);
    margin: 20px 0;
    width: 90px;
    height: 10px;
}
.gradient-line.yes-centre {
	margin: 20px auto!important;
}
.button {
  text-decoration: none;
  font-family: inherit;
  padding: 10px 15px;
  background: linear-gradient(90deg, #c52350, #26295d);
  background-size: 100% 100%;
  background-position: 50% 50%;
  border: solid 1px #FFF;
  color: #FFF;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
	display: inline-block;
}
.button:hover {
  background: #FFF;
  transition: ease-in, background 0.8s, color 0.8s;
  color: #c52350;
  border: solid 1px #c52350;
}
.button:after {
	content: '>';
	display: inline-block;
	padding-left: 5px;
}
ul.default {
	margin-left: 40px;
}
ul.default li {
    line-height: 1.5;
    font-size: 18px;
	position: relative;
}
ul.default li:before {
    content: '+';
    display: inline-block;
    margin-right: 20px;
    font-weight: bold;
    color: #2db6b9;
    position: absolute;
    top: 0;
    left: -20px;
}
.fixed-height-01 {
	min-height: 550px;
}
.fixed-height-02 {
    min-height: 275px;
}
.fixed-height-03 {
	min-height: 570px;
}
.fixed-height-160 {
	min-height: 160px;
}
.button-btm {
	position: absolute;
	left: 0;
	bottom: 0;
}
.full-width {
	width: 100%!important;
}
ul.extra-space li {
    line-height: 2.2;
}
.form {
    border: solid 1px #2db6b9;
}
.form-field {
    margin-bottom: 15px;
}
.form-field input[type=text], .form-field input[type=email], .form-field input[type=tel], .form-field textarea {
    border-right: 0px;
    border-left: 0px;
    border-top: 0px;
    border-bottom: solid 4px #252f60;
    height: 30px;
    width: 100%;
    box-sizing: border-box;
    font-family: inherit;
}
.form-field textarea {
	height: 90px;
}
.form-fieldinput.wpcf7-submit {
    cursor: pointer;
}
.reduce-line {
    line-height: 1.2;
}
.tab1, .tab2, .tab3 {
    width: 200px;
    height: 50px;
    background-color: #FFF;
    border-radius: 20px 0 0 20px;
    display: inline-block;
    margin-right: -150px;
    transition: 0.5s;
    text-decoration: none;
    color: #c52350;
	border: solid 1px #c52350;
    position: fixed;
    top: 180px;
    right: 0px;
    z-index: 1000;
}
.tab2 {
  top: 235px;
}
.tab3 {
  top: 290px;
}
a.tab1:hover, a.tab2:hover, a.tab3:hover, a.tab4:hover {
  margin-right: 0px;
  transition: 0.5s;
}
.tab-icon {
  color: #FFF;
  font-size: 25px;
  line-height: 60px;
  padding-left: 0px;
  text-align: center;
  width: 50px;
  display: inline-block;
	float: left;
}
.tab-text {
  color: #c52350;
  line-height: 40px;
  padding-left: 0px;
  font-size: 14px;
  padding-top: 5px;
	display: block;
	float: left;
}
.hero-icons {
    width: 225px;
    position: absolute;
    top: 20px;
    right: 0px;
}
.hero-circle {
    width: 120px;
    height: 120px;
    background-color: #FFF;
    border-radius: 100%;
    margin: 10px auto;
}
.hero-circle p {
    margin-top: 5px;
    line-height: 1.2;
	font-size: 16px;
}
.hero-circle img {
    margin-top: 20px;
}
.hero-tab {
    background-color: #FFF;
    width: 170px;
    text-align: center;
    position: absolute;
    padding: 10px 0;
    font-size: 13px;
    line-height: 1.2;
    font-weight: bold;
    bottom: 0;
    height: 70px;
    border-radius: 10px 10px 0 0;
	z-index: 2;
}
.hero-tab.hero-tab-01 {
    right: 400px;
}
.hero-tab.hero-tab-02 {
    right: 220px;
}
.hero-tab.hero-tab-03 {
    right: 40px;
}
.hero-tab span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.white-transparent {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 100%);
	z-index: 1;
}
.index-2 {
	position: relative;
	z-index: 2;
}
ul.sitemap li {
    display: inline-block;
    width: 33.31%;
    border: solid 1px #2db6b9;
    text-align: center;
    padding: 20px 0;
    margin-bottom: 10px;
    margin-right: 10px;
}

/* Columns and Flex */

.flex-container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.flex-column-1 {
    width: calc(100% - 40px);
    margin: 0 20px;
}
.flex-column-2 {
    width: calc(50% - 40px);
    margin: 0 20px;
}
.flex-column-3 {
    width: calc(33.3333% - 40px);
    margin: 0 20px;
}
.flex-column-4 {
    width: calc(25% - 40px);
    margin: 0 20px;
}
.flex-column-5 {
    width: calc(20% - 40px);
    margin: 0 20px;
}
.flex-column-6 {
    width: calc(16.6666% - 40px);
    margin: 0 20px;
}
.flex-three-single {
	width: calc(33.3333% - 40px);
	margin: 0 20px;
	box-sizing: border-box;
}
.flex-three-double {
	width: calc(66.6666% - 40px);
	margin: 0 20px;
	box-sizing: border-box;
}
.flex-four-single {
	width: calc(25% - 40px);
	margin: 0 20px;
	box-sizing: border-box;
}
.flex-four-triple {
	width: calc(75% - 40px);
	margin: 0 20px;
	box-sizing: border-box;
}
.flex-five-single {
	width: calc(20% - 40px);
	margin: 0 20px;
	box-sizing: border-box;
}
.flex-five-quad {
	width: calc(80% - 40px);
	margin: 0 20px;
	box-sizing: border-box;
}
.flex-five-double {
	width: calc(40% - 40px);
	margin: 0 20px;
	box-sizing: border-box;
}
.flex-five-triple {
	width: calc(60% - 40px);
	margin: 0 20px;
	box-sizing: border-box;
}
.flex-centre .flex-container {
	justify-content: center;
}


table.pricing_tbl {
    width: 100%;
	margin: 0 -5px;
}
table.pricing_tbl th {
    padding: 10px 40px;
    background-color: #2db6b9;
    font-weight: bold;
    width: 50%;
    text-align: left;
	border: solid #FFF 5px;
}
table.pricing_tbl td {
	padding: 10px 40px;
	background-color: #d6ecef;
	font-weight: bold;
	width: 50%;
	vertical-align: middle;
	line-height: 1.5;
	border: solid #FFF 5px;
	height: 114px;
}
.fw-70 {
	width: 70%;
	margin: auto;
}
.fw-80 {
	width: 80%;
	margin: auto;
}
.green-border-thick {
    border: solid 10px #d6ecef;
}

.fw-01 {
    width: 75%;
    float: left;
}
.fw-02 {
    width: 22%;
    float: right;
}
.pricing-text, .pricing-text-02 {
    font-size: 32px;
    font-weight: 900;
    line-height: 1.2;
}
.pricing-text-02 {
	font-size: 24px;
}
.pricing-text .green:after, .pricing-text-02 .green:after {
	content: '';
	display: block;
	width: 50%;
	height: 1px;
	background-color: #252f60;
	margin: 10px 0;
}
.infographic-container {
    background-color: #FFF;
    padding: 30px;
    border: solid 2px #c52350;
}
.infographic-container-inner {
    display: flex;
    align-items: flex-end;
}
.info-logo {
    position: absolute;
    right: 40px;
    top: 25px;
}
.info-title {
    position: relative;
    font-size: 28px;
    top: -5px;
}
.info-arrow {
    display: block;
    height: 61px;
    color: #FFF;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
    position: relative;
	width: 85%;
}
.info-arrow span {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
}
.info-arrow:before {
    content: '\f058';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 20px;
}
.info-arrow:after {
    content: '\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: block;
    position: absolute;
    top: -21px;
    right: -34px;
    font-size: 103px;
    color: #26295d;
}
.info-content {
    width: calc(20% - 20px);
    margin: 10px;
}
ul.small-plus {
	margin-left: 15px;
}
ul.small-plus li {
    line-height: 1.5;
    font-size: 12px;
	position: relative;
	margin-bottom: 10px;
}
ul.small-plus li:before {
    content: '+';
    display: inline-block;
    margin-right: 10px;
    font-weight: bold;
    color: #2db6b9;
    position: absolute;
    top: 0;
    left: -15px;
}
.gradient-background {
	background: linear-gradient(90deg, #c52350, #26295d);
}
.fh-01 {
    min-height: 180px;
}
.fh-02 {
    min-height: 220px;
}
.fh-03 {
    min-height: 260px;
}
.fh-04 {
    min-height: 300px;
}
.fh-05 {
    min-height: 340px;
}
form.post-password-form {
    max-width: 1200px;
    margin: auto;
    padding: 20px 40px;
    box-sizing: border-box;
}
.norbit-background-01 {
	background: url('/wp-content/uploads/norbit-background-01.png') center / cover no-repeat;
	background-color: #c52350;
}
.icon-float-01 {
    float: right;
    margin-top: -25px;
}
.icon-float-02 {
    float: right;
    margin-top: 15px;
}
.flex-square {
    background-color: #c9e6e7;
    margin: 0 10px 10px 10px;
    position: relative;
    min-height: 200px;
    box-sizing: border-box;
}
.flex-square-inner {
	width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 10px;
    box-sizing: border-box;
}
.flex-square p {
    margin: 0px;
    font-size: 16px;
}
.flex-square-double {
    margin: 0 10px 10px 10px;
    width: calc(66.6666% - 60px);
}
.flex-square-double {
    margin: 0 10px 10px 10px;
    width: calc(66.6666% - 60px);
    position: relative;
	min-height: 200px;
}
.spacer {
	display: none;
}
p.resource_type, 
.resource_type_white,
.resource_type_cs {
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
	color: #9792af;
	margin-bottom: 0px;
	margin-top: 0px;
}
.resource_type_white {
	color: #fff;
}
.non-featured-resources p.resource_title, 
.resource_title_white,
.resource_title_cs {
    font-weight: 900;
    font-size: 18px;
    line-height: 1.3;
	margin-top: 5px;
	margin-bottom: 0px;
}
a.resources_img {
    display: inline-block;
	margin-bottom: 5px;
}
.non-featured-resources img {
    display: block;
    float: right;
    clear: both;
}
.featured-download p.resource_title {
    font-weight: 900;
    font-size: 35px;
    line-height: 1.3;
	margin-top: 5px;
	width: 80%;
	padding-left: 10px;
}
.featured-download p.resource_text, 
.featured-download p.resource_type {
	padding-left: 10px;
}
.featured-download .button {
	margin-left: 10px;
}
.non-featured-resources p.resource_text,
p.resource_text_cs {
    font-size: 12px;
	padding-bottom: 40px;
	margin-top: 5px;
}
.non-featured-resources {
    background-color: #e5e3ec;
    padding: 20px;
    position: relative;
}
.non-featured-resources.document, .document {
	background-color: #e5e3ec;
}
.non-featured-resources.case_study, .case_study {
	background-color: #d6ecef;
}


.resources_button {
	position: absolute;
	left: 20px;
	bottom: 20px;
}
.non-featured-resources:nth-child(1), .non-featured-resources:nth-child(2) {
	margin-bottom: 20px;
}
.resources-row-2 .non-featured-resources:nth-child(1), .resources-row-2 .non-featured-resources:nth-child(2) {
	margin-bottom: 0px;
}
.page-id-479 .pre-footer {
	background-color: #FFF;
	background-size: auto!important;
}
.cta_text {
	padding-bottom: 60px;
	min-height: 215px;
}
.flex-white-background .flex-column-3 {
    background-color: #FFF;
}
.lgreen-background .cta_text {
    padding: 0 20px 60px 20px;
}
.distributors-background-01 {
    min-height: 290px;
    position: relative;
}
.disti-image-01 {
    position: absolute;
    right: 40px;
    top: -110px;
}

.gradient-background-max .max .flex-container {
	background: rgb(38,41,93);
	background: -moz-linear-gradient(25deg, rgba(38,41,93,1) 50%, rgba(197,35,80,1) 97%);
	background: -webkit-linear-gradient(25deg, rgba(38,41,93,1) 50%, rgba(197,35,80,1) 97%);
	background: linear-gradient(25deg, rgba(38,41,93,1) 50%, rgba(197,35,80,1) 97%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#26295d",endColorstr="#c52350",GradientType=1);
	margin: 0 0;
	padding: 30px 20px 20px 20px;
}


/* Accordion */

.accordion-container {
  margin-bottom: 10px;
}
.accordion-wrapper .accordion-container:nth-child(even) .accordion-header {
	background-color: #E9EAEF;
}
.accordion-header {
  background-color: #d6ecef;
  padding: 15px 20px;
  display: flex;
  flex-wrap: wrap;
	align-items: center;
  width: 100%;
  box-sizing: border-box;
  border: 0px;
  font-size: inherit;
  cursor: pointer;
}
.accordion-title {
  color: #252f60;
  font-weight: bold;
}
.accordion-content {
  padding: 20px;
  box-sizing: border-box;
  overflow: hidden;
  display: none;
}
.accordion-cross {
  border: solid 1px #252f60;
  margin-left: auto;
  margin-right: 0;
  color: #252f60;
  width: 25px;
  height: 25px;
  font-size: 20px;
  line-height: 1;
  border-radius: 100%;
  text-align: center;
  position: relative;
}
.accordion-cross::after {
  content: '+';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cross-change .accordion-cross::after {
  content: '-';
}
.grey-purple-border {
	border: solid 5px #D3D5DF;
}
.pricing-column-bg {
    min-height: 150px;
    background: url(/wp-content/uploads/pricing-image-01.png) center / cover no-repeat;
}
.author-box {
    display: flex;
    margin-top: 30px;
}
.author-name {
    font-weight: bold;
    align-self: center;
    margin-left: 10px;
    color: #252F60;
}
.author-name p {
    width: 90%;
}
.author-image {
    width: 115px;
}
.resources-row-2 {
    margin-top: 40px;
}
.blog-overview {
    max-width: 347px;
    height: 224px;
}
.blog-overview img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.blog-column {
    padding-bottom: 40px;
}
.blog-column:nth-child(n + 4) {
    margin-top: 40px;
}
.blog-column .button {
    position: absolute;
    bottom: 0;
    left: 0;
}
.blog-column:nth-child(n + 4) {
    margin-top: 40px;
}
.functionality-box-01 {
    background-color: #fff;
    padding: 15px;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    min-height: 155px;
    margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	width: calc(25% - 10px);
    display: flex;
}
.functionality-box-01:nth-child(9n), .functionality-box-01:nth-child(10n) {
	margin-bottom: 0px;
}
.functionality-box-01 p {
    font-size: 14px;
    line-height: 1.2;
    align-self: center;
    text-align: center;
    width: 100%;
}
.functionality-box-02 {
	width: calc(50% - 10px);
	margin-left: 5px;
	margin-right: 5px;
}
.quote-right-01 {
    position: absolute;
    right: 80px;
    bottom: 40px;
}
.flex {
    display: flex;
    align-content: center;
    align-items: center;
    height: 100%;
}
.custom-login form#loginform {
    border: solid 1px #2db6b9;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px 40px;
}
.custom-login input[type="text"], .custom-login input[type="password"] {
    width: 100%;
    display: block;
    margin-top: 10px;
    height: 40px;
    padding: 20px;
    box-sizing: border-box;
}
div#cookieChoiceInfo {
    background-color: #2db6b9!important;
    color: #fff!important;
    padding: 10px 0!important;
}
a#cookieChoiceDismissIcon {
    background-color: transparent!important;
}
div#cookieChoiceInfo a {
    color: #fff!important;
    font-weight: bold!important;
}
.bottom_cta img {
    max-height: 215px;
}
.grecaptcha-badge {
    display: none!important;
}

/* Container for the features column */
.features-column {
    display: flex;
    flex-direction: column;
    gap: 20px; /* Space between rows */
    max-width: 800px; /* Restrict column width */
    margin: 0 auto; /* Center the column */
}

/* Each feature row */
.feature-row {
    display: flex;
    align-items: center; /* Align icon and text vertically */
    gap: 15px; /* Space between icon and text */
    padding: 15px; /* Inner spacing */
   }

/* Icon styling */
.feature-icon {
    flex-shrink: 0; /* Prevent icon from shrinking */
    width: 50px; /* Icon size */
    height: 50px;
}

/* Text styling */
.feature-text {
    font-size: 16px;
    line-height: 1.5;
}


/* System status page */

.status-header {
    background: url('/wp-content/uploads/status-header-v2.png') center / cover no-repeat;
    height: 400px;
}

.status-header-object {
    min-height: 603px;
    object-fit: cover;
    position: relative;
}

.status-header-object img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.status-msg > p:first-of-type {
    text-transform: uppercase;
    font-size: 48px;
    line-height: 1.2;
    font-weight: bold;
}

.status-msg {
    text-align: center;
}

.operational .status-msg > p:first-of-type {
    color: #3DA651;
}

.incident .status-msg > p:first-of-type {
    color: #C52350;
}

.status-btn {
    height: 75px;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    border-radius: 1000px;
    justify-content: center;
    font-weight: bold;
    font-size: 26px;
    color: #fff;
    margin-top: 30px;
}

p.status-desc {
    max-width: 70%;
    margin: 30px auto;
}

.operational .status-btn:after {
    content: 'All systems are operational';
}

.operational .status-btn {
    background-color: #3DA651;
}

.operational .status-desc .highlight {
    font-weight: bold;
    color: #3DA651;
}

.incident .status-btn:after {
    content: 'Incident being rectified';
}

.incident .status-btn {
    background-color: #C52350;
}

.incident .status-desc .highlight {
    font-weight: bold;
    color: #C52350;
}

h2.incident-title {
    color: #252f60;
}

h2.incident-title:after {
    display: none;
}

.status-log {
    border-bottom: solid 5px hsla(230, 44%, 26%, 0.1);
    padding: 15px 0;
}

p.log-date {
    font-weight: bold;
}

.status-log-wrapper {
    padding-top: 30px;
}

p.log-msg {
    font-size: 22px;
}

/* RESPONSIVE STYLES */

@media screen and (max-width: 1060px) {
	.info-title {
		font-size: 22px!important;
	}
}

@media screen and (max-width: 1000px) {
	.hero-tab-container {
		display: flex!important;
		justify-content: flex-end;
    	align-items: flex-end;
	}
	.hero-tab {
		position: relative!important;
		margin-left: 20px!important;
	}
	.hero-tab.hero-tab-01, .hero-tab.hero-tab-02, .hero-tab.hero-tab-03 {
		right: unset!important;
	}
}

@media screen and (max-width: 960px) {
	.functionality-box-01 p {
		font-size: 12px!important;
	}
}

@media screen and (max-width: 930px) {
	.lhs-nav img {
		width: 200px!important;
	}
}

@media screen and (max-width: 900px) {
	h1 {font-size: 40px!important;}
	.pricing-text {
		font-size: 26px!important;
	}
	.info-logo {
		display: none!important;
	}
	.infographic-container-inner {
		flex-wrap: wrap;
	}
	.info-content {
		width: calc(50% - 20px)!important;
	}
}

@media screen and (max-width: 850px) {
	.flex-column-2, .flex-column-3, .flex-column-4, .flex-column-5 {width:100%!important;}
	.flex-column-6 { width: calc(33.3333% - 40px) !important;}
	.flex-five-triple, .flex-five-double, .flex-five-quad .flex-five-single {width: 100%!important;}
	.flex-four-single, .flex-four-triple, .flex-three-single, .flex-three-double {width: 100%!important;}
	.bottom-cta .xmedium {font-size:28px!important;}
	.bottom-cta .flex-column-3 {width:100%!important;}
	.fixed-height-01, .fixed-height-03, .fixed-height-160 {min-height: auto!important;}
	.button-btm {position: relative!important; display:inline-block;}
	.featured-download p.resource_title {width: 100%!important;}
	.bottom_cta .flex-column-3 {
		margin-bottom: 20px;
	}
	ul#menu-main li a, ul#menu-main-sv li a {
		font-size: 14px!important;
	}
	.hero-icons {
		display: none!important;
	}
	.quote-right-01 {
		display: none!important;
	}
	.functionality-box-01 p {
		font-size: 18px!important;
	}
}

@media screen and (max-width: 750px) {
	.six-column .column, .six-column .double-column, .six-column .triple-column, .six-column .quad-column, .six-column .fifth-column {width:100%!important;}
	.five-column .column, .five-column .double-column, .five-column .triple-column, .five-column .quad-column {width:100%!important;}
	.four-column .column, .four-column .double-column, .four-column .triple-column {width:100%!important;}
	.three-column .column, .three-column .double-column {width:100%!important;}
	.two-column .column {width:100%!important;}
	.left-column, .middle-column, .right-column {margin:0px!important;}
	.remove {display: none!important;}
	
	#menu-quick-links {margin-bottom: 20px;}
	.footer-logo {position: relative!important; bottom: 0!important;}
	.icons .flex-column-4 {width: calc(33.333% - 40px)!important;}
	.flex-three-single, .flex-three-double, .flex-five-single, .flex-five-double, .flex-five-quad {
		width: 100%!important;
	}
	table.pricing_tbl tr {
		display: block;
		float: left;
		width: 50%;
	}
	table.pricing_tbl td, table.pricing_tbl th {
		width: 100%!important;
		display: block;
		height: 50px;
		padding: 10px 15px!important;
	}
	.green-border-thick {
		margin-top: 20px;
	}
	.fw-70, .fw-80 {
		width: 100%!important;
	}
	.icons .flex-column-2, .icons .flex-column-3, .icons .flex-column-4, .icons .flex-column-5 {width:100%!important;}
	.remove-inner {display: none!important;}
	.branding {margin:auto!important; display: block!important;}
	.contact-box {position: relative!important; text-align: center!important; transform: none!important; right:initial!important; top:10px!important; font-size: 14px!important;}
}

@media screen and (max-width: 700px) {
	.header-email {
		display: none!important;
	}
	header {
		position: relative!important;
		min-height: auto!important;
	}
	.mobile-menu-wrap {
		display: block!important;
	}	
	.header-button {
		display: none!important;
	}
	.rhs-row-1, .menu-main-container, .menu-main-sv-container {
		display: none!important;
	}
}

@media screen and (max-width: 590px) {
	table.pricing_tbl {
		font-size: 12px!important;
	}
	.flex-column-6 { width: 100%!important;}
}

@media screen and (max-width: 570px) {
	.icons .flex-column-4 {width: calc(50% - 40px)!important;}
	.fw-02 {
		width: 100%!important;
		margin-top: 20px;
	}
	.fw-01 {
		width: 100%!important;
	}
	.info-content {
		width: calc(100% - 20px)!important;
	}
	.fh-01, .fh-02, .fh-03, .fh-04, .fh-05 {
		min-height: auto!important;
	}
	
	table.pricing_tbl td, table.pricing_tbl th {
		height: 70px!important;
	}
}
@media screen and (max-width: 445px) {
	
	h2 {font-size: 25px!important;}
	p.medium { font-size: 20px!important;}
	h1 {font-size: 35px!important;}
	.page-header .medium {font-size: 20px!important;}
	.remove-435 {display:none!important;}
	.tab1, .tab2, .tab3 {display:none!important;}
	table.pricing_tbl td, table.pricing_tbl th {
		height: 60px!important;
	}
	.page-id-405 .page-header br {
		display: none!important;
	}
	.spacer {
		display: inline-block!important;
		content: ' ';
		width: 10px;
	}
	.branding {
		width: 200px!important;
	}
	.max {
		padding: 0 30px!important;
	}
	ul#menu-main li, ul#menu-main-sv li {
		margin-left: 10px!important;
	}
	.icons .flex-column-4 {
		width: 100%!important;
	}
	
}

ol.default {
  margin-left: 40px;
  counter-reset: list-counter;
}

ol.default li {
  line-height: 1.5;
  font-size: 18px;
  position: relative;
  margin-bottom: 10px;
  counter-increment: list-counter;
}

ol.default li:before {
  content: counter(list-counter) ".";
  display: inline-block;
  margin-right: 20px;
  font-weight: bold;
  color: #2db6b9; /* same turquoise as your "+" */
  position: absolute;
  top: 0;
  left: -25px;
}