#lowerhr, .pagebuttons, #youarehere{
display:none;
}
#contentcontainer{
padding-bottom:50px;
}
.ispasconfirm{
background-color:#2ABADA;
}
.register{
background-color:#DBF3F9;
padding:1px 10px 1px 10px;
}
h3.dark{color:#0F1E39;}
.approveimage {
  color: #28A745;
  margin: 5px 0px 0px 0px;
  font-size: 2em;
  text-align: right;
}
.blueinfo{
background-color:#DBF3F9;
border:1px solid #2ABADA;
padding:15px;
}
.infotable{
display:flex;
gap:10px;
}
.infotable .infotitle{
font-weight:bold;
}
.minibutton{
background-color:#2ABADA;
color:#ffffff;
padding:3px 8px 3px 8px;
border-radius:6px;
text-decoration:none;
}
.minibutton:hover{
background-color:#0F1E39;
}
#socialsearchbar{
background-color:#EBEBEC;
padding:10px 0px 10px 0px;
clip-path: polygon(8px 0%, 100% 0%, 100% 100%, 0% 100%);
text-align:right;
}
#socialsearchbar a i, .footersocial a i {
font-size:1.2em;
padding:0px 0px 10px 20px;
}
#socialsearchbar a i{
position:relative;
top:4px;
}
#socialsearchbar a i:hover, #socialsearchbar a i:focus, .footersocial a i:hover, .footersocial a i:focus{
color:#2ABADA;
}
#mobilesearch{
padding:0px 15px 0px 15px;
display:none;
}
#mobilesearch #searchbox{
max-width:100%;
}
.footersocial{
padding-top:28px;
}

#ispasmenu{
display:flex;
justify-content:flex-end;
align-items:center;
}
#membermenulogin{
background-color:#2ABADA;
clip-path: polygon(25px 0%, 100% 0%, 100% 100%, 0% 100%);
color:#ffffff;
padding:10px 10px 10px 20px;
flex: 0 0 auto;
}
#membermenulogin h5{
font-family:'Rift-DemiItalic';
margin-left:15px;
}
#membermenulogin a, #membermenulogin button{
border:0px;
background-color:transparent;
color:#ffffff;
font-weight:600;
text-transform:uppercase;
font-size:1em;
font-family:'Poppins', Arial, sans-serif;
padding:17px 20px 1px 20px;
display:inline-block;text-align:center;
text-decoration:none;
float:left;
}
#membermenulogin button{
cursor:pointer;
}
#membermenulogin .mllast{
padding-right:0px;
}
#membermenulogin .mlfirst{
padding-left:0px;
}
#membermenulogin a i, #membermenulogin button i{
display:block;
font-size:2em;
font-weight:300;
font-family: "Font Awesome 6 Pro"; 
padding-bottom:5px;
}
#membermenulogin a:hover, #membermenulogin button:hover, #membermenulogin a:focus, #membermenulogin button:focus{
color:#0F1E39;
}
@media only screen and ( max-width: 1248px )
        {
        #socialsearchbar{
        padding-right:10px;
        }
        }
@media only screen and ( max-width: 1099px )
                {
          #membermenulogin{
          font-size:0.8em;
          }      
                }
                
@media only screen and ( max-width: 750px )
           {
	#membermenulogin{
    flex:0 0 100%;
    text-align:right;
    clip-path: polygon(10px 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    #membermenulogin h5{
    display:inline;
    float:left;
    margin-left:0px;
    }
    #membermenulogin a, #membermenulogin button{
	padding:1px 20px 1px 20px;
    float:none;
    }
    #membermenulogin a i, #membermenulogin button i{
    display:inline-block;
    margin-right:10px;
    }
	#socialsearchbar{
display:none;
    }
    #mobilesearch{
    display:block;
    }

            }
            
.parastory{
padding:0px 15px 0px 15px;
background-color:transparent;
}
            
.paraouter{transform: skew(-8deg);
overflow:hidden;
background-color:#333333;
}
.parabutton{
border-top:6px solid #2ABADA;
transform: skew(8deg);
margin:0px -30px 0px -30px;
}

.parainnerbutton{
display:flex;
justify-content:center;
align-items:center;
background-color:rgba(15,30,57, 0.6);
height:100%;
padding-left:20px;
padding-right:20px;
}
.parainnerbutton h5{
font-family:'Rift-BoldItalic';
font-weight:400;
font-size:2.75em;
text-align:center;
}

.parainnerbutton::after{
background: #2ABADA;
    content: "";
    height: 200%;
    left: -40px;
    opacity: .7;
    position: absolute;
    top: -50px;
    transform: rotate(10deg);
    transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
}
.parainnerbutton:hover::after{
left: 120%;
    transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
}

@media only screen and ( max-width: 1100px )
                {
                .parainnerbutton h5{
                font-size:2em;
                }
                }

.outerarea .ispasiconbutton a, .ispasiconbutton a{
color:#333333;
text-decoration:none;
}
.ispasiconbutton{


}
.ispasiconbutton a:hover .ispasiconbuttoncontent, .ispasiconbutton:focus {
background-color:#DBF3F9;
}
.ispasiconbutton a:hover h4{
color:#2ABADA;
}
.ispasiconbuttoncontent{padding:10px;
display:flex;
color:#0F1E39;
align-items:flex-start;   -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.ispasiconbuttoncontent .bbci{
padding-right:20px;
}
.ispasiconbuttoncontent .bbci i{
font-size:4em;
display:block;
--fa-secondary-opacity: 1.0;
    --fa-primary-color: #0F1E39;
    --fa-secondary-color: #2ABADA;
    
}
.ispasiconbuttoncontent .bbcc h3 {

margin:0px;
}
.ispasiconbuttoncontent .bbcc p {
margin:0px 0px 0px 0px;
}

.ispasdarkiconbutton{
background-color:#0F1E39;
color:#ffffff;
padding:30px 30px 10px 30px;
}
.ispasdarkiconbutton:hover{
background-color:#2ABADA;
}
.ispasdarkiconbutton a{
text-decoration:none;
}
.ispasdarkiconbuttoncontent i{
font-size:4em;
color:#ffffff;
padding-bottom:15px;
}
.ispasdarkiconbuttoncontent h3{
color:#ffffff;
font-family: 'Rift-Regular';
font-size:1.8em;

}
.ispasdarkiconbuttoncontent h3::after{
content: "\f061";
font-family: "Font Awesome 6 Pro";
color: #2ABADA;
float:right;
font-size:0.9em;
padding-top:3px;
}
.ispasdarkiconbuttoncontent:hover h3::after{
color:#0F1E39;
}

.blockbutton.newsblock{
padding:0px;
}
.blockbutton.newsblock, .blockbutton.newsblock p, .blockbutton.newsblock a{
color:#333333;
}
.blockbutton.newsblock h3, .blockbutton.newsblock h3 a{
font-family:'Rift-Regular';
color:#0F1E39;
line-height:1em;
font-size:1.3em;
-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.story:hover .blockbutton.newsblock h3 a, .story:focus-within .blockbutton.newsblock h3 a{
text-decoration:none;
color:#2ABADA;
}
.blockbutton.newsblock p{
line-height:1em;
margin-top:0px;
}
.slantdate{
background-color:#2ABADA;
color:#ffffff;
width:80px;
margin-top:-71px;
clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);
background-size: 300% 200%;
    background-image: linear-gradient(98deg, rgb(15,30,57) 50%, rgb(42,185,217) 0);
  background-position: right;
    -webkit-transition: background-position 1s;
    -moz-transition: background-position 1s;
    transition: background-position 1s;
}
.slantdate day, .slantdate month, .footereventdate day, .footereventdate month{
display:block;
text-align:center;
font-family:'Rift-Bold';line-height:1em;
}
.slantdate day, .footereventdate day{
font-size:1.8em;
padding-top:5px;
}
.slantdate month, .footereventdate month{
padding-bottom:10px;
}
.story:hover .slantdate, .story:focus-within .slantdate{
background-color:#0F1E39;
background-position: left;
}
.blockbutton.newsblock .widgetbutton{
text-decoration:none;
-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.story:hover .blockbutton.newsblock .widgetbutton, .story:focus-within .blockbutton.newsblock .widgetbutton {
color:#2ABADA;
}
.blockbutton.newsblock .widgetbutton::before{
content: "\f061";
font-family: "Font Awesome 6 Pro";
color:#2ABADA;
margin-right:10px;
}

ul.ticklist{
margin:30px 0px 20px 0px;
padding:0px;
}
ul.ticklist>li{

padding:15px 0px 15px 55px;
}
ul.ticklist>li:not(:last-child){
border-bottom:1px solid #EBEBEC;

}
ul.ticklist>li::before{
font-family: "Font Awesome 6 Pro"; 
	content: "\f00c";  
    font-size:1.5em;
    font-weight:600;
position:absolute;
display:block;
color:#2ABADA;
left:35px;
}
ul.ticklist.info>li::before{
	content: "\f129";  
	left:30px;
}
ul.ticklist.question>li::before{
	content: "\f128";  
	left:25px;
}
ul.ticklist.white>li{
border-bottom: 1px solid #ffffff;
}
.homenegdiv{
margin-top:-42px;
}

.footerlogo{
margin-top:-85px;
max-width:324px;
}
.footerevent{
display:flex;
margin:15px 0px 15px;
background-color:#ffffff;
align-items:center;
background-size: 200% 200%;
    background-image: linear-gradient(100deg, rgb(42,185,217) 50%, white 0);
  background-position: right;
    -webkit-transition: background-position 1s;
    -moz-transition: background-position 1s;
    transition: background-position 1s;

}
.footereventdate{
background-color:#2ABADA;
flex:0 0 80px;
clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);
align-self:stretch;
}

.footereventtitle{
line-height:1.2em;
color:#0F1E39;
padding:5px 15px 5px 15px;
-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.footerevent:hover{
background-position: left;

}
.footerevent:hover .footereventtitle{
color:#ffffff;
}
a.nodec{
text-decoration:none !important;
}

.story.ispasbar{
margin:0px;
}
.ispasbar>div{
	display:flex;
}
.ispasbarcontent, .ispasslantimages{
	flex: 1 1 50%;
}

.ibar-outer{ 
	 background-position:left;
	 background-repeat:no-repeat;
	background-size:80% 100%;
	width:50vw;
	left:0;
	position:absolute;
}
.ibar-container {
  width: 80%;
  position: relative;
  margin: 0px auto;
  background: transparent;
  overflow: hidden;
  -ms-transform: skewX(-7deg);
  -webkit-transform: skewX(-7deg);
  transform: skew(-7deg);
}

.ibar-left,
.ibar-right {
  position: absolute;
  height: 100%;
  width: 60%;
  min-width: 350px;
  background: transparent;
  overflow: hidden;
  top:0;
  border-top: 0;
  border-bottom: 0;
}

.ibar-left {
  right: 50%;
}

.ibar-right {
  left: 49.5%; /* need a slight overlap */
}

.ibar-right:after, .ibar-left:after{
  -ms-transform: skewX(7deg);
  -webkit-transform: skewX(7deg);
  transform: skewX(7deg);
  position: absolute;
  width: 120%;
  height: 100%;
  display: block;
  top: 0;
  content: "";
}

.ispasbarcontent{
color:#ffffff;
align-self:center;
}
.ispasbarcontent h1{
color:#ffffff;
}
@media only screen and ( max-width: 800px )
                {
	.ibar-outer{
		width:20%;
		background-size:0% 0%;
	}
    .ibar-container{
    width:100%;
    margin-left:-20%;
    }
    .ibar-left{right:100%;}
    .ibar-right{left:0;}
	.ispasbarcontent{
		flex: 1 1 80%;
	}
	.ispasslantimages{
		flex: 1 1 20%;
	}
	.ispasbarcontent h1{
	font-size:2em;
	}
				}
                
 .containercenterbottom{
 background-position: center 0px;
 }     
 .outerpad{
padding-top:50px;
padding-bottom:50px;
margin-top:0px;
margin-bottom:0px;
}          
                
 /* Login modal */
.loginmodal {
  display: block; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(255,255,255); /* Fallback color */
  background-color: rgba(255,255,255,0.7); /* Black w/ opacity */
  display:none;
}
.loginmodal hr{
margin-top:25px;
}
.loginmodal a{
color:#ffffff;
border:1px solid #fff;
padding:10px;
margin:10px 10px 0px 0px;
border-radius:6px;
text-decoration:none;
display:inline-block;
}
.loginmodal a:hover, .loginmodal a:focus{
background-color:#2ABADA;

}

/* Modal Content/Box */
.modallogin {
  background-color: #0F1E39;
  margin: 15% auto; /* 15% from the top and centered */
  width: 50%; /* Could be more or less, depending on screen size */
  color:#ffffff;
}
.modallogin h2{
color:#ffffff;
	background-color:#2ABADA;
    padding: 10px 20px 10px 20px;
}
.modallogin .innermodal{
padding:10px 20px 20px 20px;
}
.loginclose {
  color: #fff;
float:right;
  font-size: 2.4em;
  margin-top:12px;
padding:0px 20px 0px 20px;
cursor:pointer;
}
.loginclose:hover, .loginclose:focus{
color:#0F1E39;
}
.submitbutton.dark{
border:1px solid #ffffff;
}
@media only screen and ( max-width: 700px )
                {
					.modallogin {

  width: 70%;
  padding: 30px 30px 30px 30px;
  }
  .modallogin img{
display:none;
}
.close{

	margin-right:-30px;
}
				}
.modallogin h1, .modallogin h3{
color:#ffffff !important;
}

/* The Close Button */


.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
} 

/* Subscribe */

.selectsubscript{
display:flex;
justify-content:center;

}
.subchoice{
display:flex;
gap:10px;
}
.subchoice>div{flex:1 1 50%;
display:inline-block;
border:1px solid #EBEBEC;
border-radius:6px;
text-align:center;
cursor:pointer;
margin-bottom:10px;
overflow:hidden;
background-color:#ffffff;
}
.subchoice>div:hover, .subchoice>div:focus-within{
border:1px solid #2ABADA;
background-color:#DBF3F9;
}
.subchoice div:has(input:checked){
border:1px solid #2ABADA;
background-color:#DBF3F9;
}
.subchoice input{
margin-left:0px;

}
.subchoice label{
margin-top:0px;
color:#333333;
font-weight:normal;
cursor:pointer;
padding:10px;
}
.subchoice label h3{
background-color:#0F1E39;
color:#ffffff;
padding:10px;
margin:-10px -10px -10px -10px;
}
.subchoice .subprice{
display:flex;
justify-content:center;

}
.subchoice .subprice .subpricepound{
color:#333333;
font-size:1.5em;
font-weight:600;
}
.subchoice .subprice .subpricedesc{
color:#d7dada;
font-size:0.9em;
width:0%;
line-height:0.8em;
padding-top:8px;
}
    .togglefield {
	display: flex;
	margin-bottom: 36px;
	overflow: hidden;
justify-content:center;
max-width:600px;
margin-left:auto;
margin-right:auto;
}

.togglefield input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.togglefield label {
	background-color: #fff;
	color: rgba(0, 0, 0, 0.6);

	line-height: 1;
	text-align: center;
	padding: 10px 16px;
	margin-right: -1px;
	border:1px solid #EBEBEC;

	transition: all 0.1s ease-in-out;
    width: 50%;
}
.togglefield label span{
display:block;
color:#d7dada;
font-size: 0.9em;
}

.togglefield label:hover {
	cursor: pointer;
}

.togglefield input:checked + label {
	background-color: #0F1E39;
	color:#ffffff;
}

.togglefield label:first-of-type {
	border-radius: 6px 0 0 6px;
}

.togglefield label:last-of-type {
	border-radius: 0 6px 6px 0;
}

.cog-label{
font-weight:600 !important;
}
.el-input__inner, .el-textarea__inner, .el-radio__inner, .el-checkbox__inner{
border: 1px solid #d7dada;
border-radius: 3px;
font-size: 1em;
padding: 8px 5px 8px 5px;
font: inherit;
color: #333333;
}
.el-button{

}
.el-button{
font:inherit;
color:#ffffff;
background-color:#0F1E39;
padding:8px 15px 8px 15px;
font-weight:bold;
text-decoration:none;
border:0px;
border-radius:6px;
cursor:pointer;
display:inline-block;
}
.el-button:hover, .el-button:focus{
background-color:#2ABADA;
}
label.el-radio.is-checked{
background-color:#0F1E39;
color:#ffffff;
}
.el-radio__inner {
 opacity:0;
}
.el-radio__original{
opacity:0;
}
.cog-icon{
color:#2ABADA;
}

h2.cog-heading{
margin:0px!important;
font-size:2.25em!important;
color:#0F1E39!important;
font-family:'Rift-Regular', Verdana, Arial !important;
font-weight:400!important;
}
html .cog-label{
font-family:'Poppins', Arial, sans-serif !important;
font-size:1.25em !important;
}
html .cog-label{
font-family:'Poppins', Arial, sans-serif !important;
font-size:1.25em !important;
}
.cog-input, .el-input__inner, .el-textarea__inner, .el-radio__inner, .el-checkbox__inner, .cog-signature__pad, .el-button{
font-family:'Poppins', Arial, sans-serif !important;
font-size:1.1em !important;
}

/* Account expiry warning */

#actionbar{
background-color:#2ABADA;border-top:1px solid #ffffff;
}
#actionbar.redaction{
background-color:#dc3545; 
}
#actionbar a{
color:#ffffff;
}
#actionbar div{
max-width:1248px;
margin-left:auto;
margin-right:auto;
color:#ffffff;
padding:10px 0px 10px 0px;

}
@media only screen and ( max-width: 1248px )
        {
        #actionbar div{
padding:10px 10px 10px 10px;

}
        }
        
.profilepassword{margin-top:10px;}
        
#journeybarouter{max-width:1248px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
padding-bottom:10px;
}
        
        #journeybar{
        
margin:0px;
padding:0px;

height:66px;
border-radius:40px;
overflow:hidden;
}
#journeybar li{
position: relative;
list-style:none;
width:calc(25% - 2px);
float:left;
background-color:#2ABADA;
height:100%;
text-align:center;
color:#ffffff;
margin: 0 1px;
display: flex;
  justify-content: center;
  align-items: center;
}
#journeybar li:not(:first-child):before {
    content: '';
    border-left: 20px solid #fff;
    border-top: 33px solid transparent;
    border-bottom: 33px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    
}
#journeybar li:after {
    content: '';
    border-left: 20px solid #F2F3F4;
    border-top: 33px solid transparent;
    border-bottom: 33px solid transparent;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 20;
}
#journeybar li.active{
background-color:#2ABADA;
color:#ffffff;

}
#journeybar li:first-child{
margin-left:0px;
font-weight:bold;
}
#journeybar li.active:after {
    border-left-color: #2ABADA;
}
#journeybar li.complete{
background-color:#0F1E39;
color:#ffffff;
margin:0px;
}
#journeybar li.complete:after {
    border-left-color: #0F1E39;
}
#journeybar div{

}
#journeybar sub{
display:block;
text-align:left;
font-size:0.8em;
font-weight:bold;
}


#journeybar span{
background-color:#CFE6DA;
color:#ffffff;
padding-top:5px;
padding-bottom:5px;
width:40px;
border-radius:20px;
margin-right:10px;
text-align:center;
}
#journeybar li.active span{
background-color:#0F1E39;
}
#journeybar li.complete span{
background-color:#2ABADA;
}
#journeybar a{
color:#ffffff;
text-decoration:none;
}
#journeybar a:hover{
text-decoration:underline;
}
@media only screen and ( max-width: 1099px )
                {
                #journeybar{
                height:auto;
                border-radius:0px;
                }
                
                #journeybar li{
				width:100%;
                float:none;
                text-align:left;
                justify-content: left;
  align-items: left;
  padding:10px 20px 10px 20px;
  margin:0px;
				}
                #journeybar li:not(:first-child):before {
                content: '';
                border-left: 0px;
                border-top: 0px;
                border-bottom: 0px;
                position: absolute;
                top: 0;
                left: 0;
    
				}
                #journeybar li:after {
                    content: '';
                    border-left: 0px;
                    border-top: 0px;
                    border-bottom: 0px;
                    position: absolute;
                    top: 0;
                    left: 100%;
                    z-index: 20;
                }
}

 /* Secondary nav */
 
 @media only screen and ( max-width: 1248px )
        {
        #secondarymenu{
        display:none;
        }
        }
        
        #secondarymenu{
        background-color:#0F1E39;
        }
        #secondarymenuinner{
        max-width:1248px;
        margin-left:auto;
        margin-right:auto;
        }
      	#secondarymenuinner ul{margin:0px;
		padding:0px;
        margin-left:-10px;
		}
        #secondarymenuinner ul li{
        list-style:none;display:inline-block;
		}
        #secondarymenuinner ul li a{
        padding:20px 12px 20px 12px;
        display:block;
        font-size:1em;
        font-weight:500;
        color:#ffffff;
        text-decoration:none;
        text-transform:uppercase;
		}

        #secondarymenuinner ul li a:hover, #secondarymenuinner ul li a:focus, #secondarymenuinner ul li a.selected{
        color:#2ABADA;
        }
        
         /* Member lookup */
        
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
        
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}