body 
{
	margin: 0px 0px 0px 0px;
}

p 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 19px;
}

li 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 19px;
}

div 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
}

table 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
}

caption 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
}

th 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
}

td 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
}

a:link 
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: none;
	text-decoration: underline;
}

a:visited 
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: none;
	text-decoration: underline;
}

a:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-transform: none;
	text-decoration: underline;
}

h1 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	margin-bottom: 5px;
}

h2 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	margin-bottom: 5px;
}

h3 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	margin-bottom: 5px;
}

h4 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	margin-bottom: 5px;
}

h5 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	margin-bottom: 5px;
}

h6 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	margin-bottom: 5px;
}

hr 
{
}

ul li 
{
	list-style-type: disc;
}

em, i 
{
	font-style: italic !important;
}

input[type="text"], input[type="email"], input[type="password"] 
{
    height: 20px;
}

select 
{
    height: 26px;
}

.MoSTTable 
{
}

.MoSTTable th 
{
	vertical-align: top;
}

.MoSTTable th, .MoSTTable th * 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-transform: capitalize;
	text-decoration: none;
	text-align: left;
}

.MoSTTable td 
{
	vertical-align: top;
}

.MoSTTable td, .MoSTTable td * 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
}

.MoSTTableAlt, .MoSTTableAlt td 
{
}

.MoSTTableAlt, .MoSTTableAlt *, .MoSTTableAlt td, .MoSTTableAlt td * 
{
}

.MoSTTableColumn, .MoSTTableColumn td 
{
}

.MoSTTableColumn, .MoSTTableColumn *, .MoSTTableColumn td, .MoSTTableColumn td * 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
}

.MoSTTable a:visited 
{
	font-style: normal;
	text-transform: none;
	text-decoration: underline;
}

.MoSTTable a:hover 
{
	font-style: normal;
	text-transform: none;
	text-decoration: underline;
}

.MoSTTable a:link 
{
	font-style: normal;
	text-transform: none;
	text-decoration: underline;
}

.MoSTImage 
{
	border-width: 0px;	
}

.MoSTRequiredField 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}

.MoSTTextField 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	border-style: solid;
	border-width: 2px;
}

.MoSTPasswordField 
{
	font-size: 16px;
	font-style: normal;
	border-style: solid;
	border-width: 2px;
}

.MoSTDropdownList 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
}

.MoSTButton 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #000000 !important;
	background-color: #CCCCCC;
	border-color: #FFFFFF #666666 #666666 #FFFFFF;
	border-style: solid;
	border-width: 2px;
}

.MoSTTransparent 
{
	background-color: transparent;
	border: none;
}

.MoSTAbstract * 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	margin: 0;
}

.MoSTDocumentList 
{
	width: 100%;
	float: left;
}

.MoSTDocumentListRow 
{
	float: left;
	width: 100%;
}

.MoSTDocumentListCell1 
{
	float: left;
	margin: 1px;
}

.MoSTDocumentListCellFull 
{
	width: auto;
}

.MoSTDocumentList li 
{
	list-style-type: disc;
}

.MoSTDocumentListHeading 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
}

.MoSTDocumentListHeading a:visited 
{
	font-family: Arial, Helvetica, sans-serif;
}

.MoSTDocumentListHeading a:hover 
{
	font-family: Arial, Helvetica, sans-serif;
}

.MoSTDocumentListHeading a:link 
{
	font-family: Arial, Helvetica, sans-serif;
}

.MoSTSearchIcon {
    float: left;
    width: 32px;
    height: 32px;
}

.MoSTSearchIconWord 
{
    background: url("/tools/icons/word.png") no-repeat;
}

.MoSTSearchIconPdf 
{
    background: url("/tools/icons/pdf.png") no-repeat;
}

.MoSTSearchIconUnknown 
{
    background: url("/tools/icons/unknown.png") no-repeat;
}

/* Form Layout */
.MoSTFormLayout {
    width: 100%;
    float: left;
}

.MoSTFormLayoutRow 
{
    width: 100%;
    float: left;
    text-align: right;
}

.MoSTFormLayoutCell1 
{
	float: left;
    text-align: left;
}

.MoSTFormLayoutCell2 
{
    display: inline-block;
    text-align: left;
}

.MoSTFormLayoutCellFull 
{
    text-align: left;
}

/* Event Pricing Layout */
.MoSTEventRegLinks 
{
    text-align: left;
}

.MoSTEventPrices
{
	width: 100%;
	float: left;
}

.MoSTEventPrices .MoSTFormLayoutCell3 
{
    display:inline-block;
    width: 100px;
}

.SubEvents 
{
    float: right;
}

/* Screen and Print Template Display */
.MoSTTemplate 
{
	display: block;
}

.MoSTPrint 
{
	display: none;	
}

/* User Defined Custom Styles */
/* INFINZ 2022 */

/* Colours

Lighter Warm Purple: #593454;
Dark Blue/Purple: #13103c;
Yellow: #eaaf10;
h2: Yellow 32px, h3: purple 32px, h4: white 392px
9
*/

html {
  scroll-behavior: smooth;
}

div {
  scroll-margin-top: 110px;
}

sup {
    font-size: 80%!important;
}

#MoSTContent b {
    font-weight: bold;
}
.bg-dark p,.bg-dark a, .bg-dark li {
    color: #fff;
}
a {
    transition: 0.3s;
}
img.MoSTImage {
    max-width: 100%;
    margin-bottom: 20px;
}
hr {
    background-color: #eaaf10;
    height: 2px;
}
.spacer {
    margin-top: 50px;
}
.centre {
    text-align: center;
}
.centre li {
    text-align: initial;
}
td, th {
    padding: 10px;
}
.fourohfour {
    margin:200px auto 0 auto;
    width:90%;
    max-width:600px;
    text-align:center;
}

/* Navigation */

nav {
    background: #FFF;
    box-shadow: 0 0 15px rgb(20 13 56 / 15%);
}

nav .container-fluid {
    width: 90%;
    max-width: 1500px;
    margin: 0 auto;
}

.navbar-brand img {
    width: 100%;
    max-width: 220px;
    padding-top: 15px;
    padding-bottom: 15px;
}

nav ul li {
    list-style-type: none;
}

nav ul li a {
    color: #13103c;
    font-family: aktiv-grotesk-condensed, sans-serif!important;
    /*font-family: aktiv-grotesk, sans-serif!important;*/
    font-weight: 900!important;
    font-style: normal;
    text-transform: uppercase!important;
    text-decoration: none!important;
    letter-spacing: 0.14em;
    padding-right: 17px!important;
}

nav ul li a:hover {
    color: #593454;
}

nav ul li a.selected {
    opacity: 0.7;
   /* color: #eaaf10;*/
    color: #593454;
}

a.nav-link .material-icons, .navlinks a .material-icons {
    background-color: #eaaf10;
    border-radius: 30px;
    padding: 5px;
    font-weight: bold;
    font-size: 30px;
    color: #fff;
}

.navlinks li.Parent a .material-icons {
    background: transparent;
    color: #13103c;
    display: inline;
    font-size: 18px;
    padding: 0;
}

.navlinks li.Parent ul {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navlinks li.Parent ul li a {
    letter-spacing: 0.05em;
}


#navigation {
    height: 70px;
}

ul#menu {
    right: 5%;
    padding: 15px 0;
    display: flex!important;
    align-items: center;
}

#menu li {
    display: inline-block;
}

.slicknav_menu {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  margin: 0;
  background-color: transparent;
  width: auto;
}



/* dropdown menus */

ul.DropDownMenu ul {
  min-width: 250px;
  top: 35px!important;
}

ul.DropDownMenu ul ul {
    top: 0!important;
}

ul.DropDownMenu ul li {
  background-color: transparent;
}

ul.DropDownMenu ul li a {
  padding: 10px 15px !important;
  text-transform: none;
  background-color: transparent;
}
ul.DropDownMenu li ul li {
  width: 94%;
  /*margin-left: -12px !important;*/
}

ul.DropDownMenu li ul li {
    display: block;
}

ul.DropDownMenu li ul li a {
    font-family: Open Sans, sans-serif!important;
    text-transform: none!important;
    font-weight: normal!important;
    font-size: 14px;
        padding-top: 5px!important;
    padding-bottom: 5px!important;
}

ul.DropDownMenu li a:hover {
    opacity: 0.8;
}

ul.DropDownMenu ul li ul {
    display: none;
}

ul.DropDownMenu ul {
    box-shadow: 0px 0px 7px #00000026;
    background-color: white;
    border-radius: 5px;
    text-align: left;
}

ul.DropDownMenu ul li ul {
    box-shadow: 0px 0px 7px #00000026;
}

ul.DropDownMenu ul li ul {
    background-color: #eaaf10;
    text-align: left;
    z-index: 1;
    right: 250px;
}


ul.DropDownMenu ul li ul li {
    background-color: transparent;
    padding-left: 10px;
}

ul.DropDownMenu li ul li {
    border-radius: 5px;
}

li ul li.Parent {
    padding-right: 5px!important;
}

li ul li.Parent::after {
    position: absolute;
    right: 6px;
    top: 7px;
    font-family: Material Icons;
    content: "\e5cc";
    font-weight: bold;
}

/* SlickNav Styles */

.slicknav_menu {
    z-index: 200;
    width: 100%;
    padding: 5px 15px!important;
    background: #fff!important;
    color: black;
}

.slicknav_nav {
    margin-top: 15px;
}

.slicknav_nav a {
    text-decoration: none;
    color: #212529;
}

.slicknav_menu li.Parent a .material-icons {
    display: none;
}

.slicknav_btn {
    background-color: transparent!important;
}

a.slicknav_btn {
    margin-top: 18px;
    font-size: 25px;
    display: inline!important;
}

.slicknav_menu .slicknav_icon-bar {
    color: #13103c!important;
    background-color: #13103c!important;
}

.slicknav_nav a {
    color: #13103c!important;
}

.slicknav_nav .slicknav_row:hover {
    color: #13103c;
}

/* General Content */
div#page-title {
    margin-top: 100px;
    min-height: 100px;
    margin-bottom: 40px;
    background-color: #13103c;
    padding: 30px 0 10px;
}

#page-title h1 {
    color: #eaaf10;
}

.title-wrapper {
    margin: 0 auto;
    max-width: 900px;
    width: 95%;
}
.contact-banner {
    display:none;
}
#page-banner {
    position: relative;
    min-height: 70vh;
    padding-bottom: 100px;
    margin-bottom: 35px;
}

#page-banner img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#page-banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #13103c;
    opacity: .6;
    z-index: 100;
}

#bannertext-wrapper {
    z-index: 101;
    position: relative;
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 150px;
    padding-bottom: 50px;
}

#bannertext {
    width: 50%;
    max-width: 500px;
    text-shadow: 0 0 10px black;
}

#bannertext h2 {
    color: #eaaf10;
    font-size: 35px;
    line-height: 1.2;
    margin-bottom: 30px;
}

#bannertext p, #bannertext a, #bannertext li {
    color: #fff;
    line-height: 1.5;
    max-width: 450px;
}

#bannertext a {
    margin-top: 15px;
}
#bannertext p:first-of-type {
    font-size: 110%;
    font-weight: 400;
}

#main-content {
    width: 90%;
    /*max-width: 1500px;*/
    max-width: 900px;
    margin: 0 auto 100px;
}

/* Sidebar and Subcontent */

#sidebar {
    position: absolute;
    top: 280px;
    left: 30px;
    width: 100%;
    max-width: 300px;
}

#sidebar ul {
    padding: 0;
}

#sidebar li{
    text-transform: uppercase;
    list-style: none;
    text-decoration: none;
    font-size: 16px;
    padding: 7px 0;
    border-bottom: 1px solid #eaaf10;
}

#sidebar a {
    text-decoration: none;
    text-transform: uppercase;
}


@media (max-width: 1590px) {
    #sidebar {
    position: relative;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    top:auto;
    text-align: center
}
}

.neg-margin .card {
    top: -90px;
    margin-bottom: 30px;
}

.card {
    border-radius: 0!important;
    border: none!important;
    padding: 15px!important;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    max-width: 23%;
    margin: 10px 1%;
}

.card-body {
    padding: 10px!important;
}

.card-body a {
    color: inherit;
    text-decoration: none;
}

.jagged {
    min-height: 200px;
    margin-top: -1px;
    -webkit-mask-image: url(/templates/template_2022/images/INFINZ_bg-mask.png);
    mask-image: url(/templates/template_2022/images/INFINZ_bg-mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: bottom;
    mask-position: bottom;
    -webkit-mask-size: cover;
    mask-size: cover;
}

.card-body h3 {
    font-size: 23px;
}

.MoSTDocumentListRow {
  padding: 20px;
  box-sizing: border-box;
}

/* Footer */

.sponsorslides {
    width: 95%;
    max-width: 900px;
    margin: 0 auto;
}

.sponsorslides .slick-slide img {
    height: 100px;
    width: 80%;
    object-fit: contain;
}

/*footer.mt-auto {
    margin-top: 100px;
}*/

#footer-logo {
    text-align: right;
}

#footer-logo img {
    margin-right: 5%;
    width: 90%;
    max-width: 250px;
}

#footer-links a {
    color:#eaaf10;
    font-family: aktiv-grotesk, sans-serif!important;
    font-weight: 900!important;
    font-style: normal;
    text-transform: uppercase!important;
    text-decoration: none!important;
    font-size: 15px;
    letter-spacing: 0.14em;
    padding-right: 65px;
    display: inline-block;
    transition: 0.3s;
}

#footer-social ul li {
    display: inline-block;
    padding-right: 15px;
}

#footer-social ul {
    padding: 0;
    margin-bottom: 7px;
}

#footer-social img:hover {
    filter: invert(27%) sepia(59%) saturate(1820%) hue-rotate(358deg) brightness(98%) contrast(89%);
}

#footer-links a:hover {
    color: #ffffff;
}

footer p {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 0;
}

footer a.subscribe {
    text-decoration: none!important;
    font-size: 18px;
    padding: 7px 20px;
}

footer a.subscribe:hover {
    background-color: #ffffff;
    border-color: #fff;
}



/* Background Images */

.bg-dark {
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center!important;
}

.social-links a {
    background-color: #13103c;
    padding: 15px 15px;
}

.social-links ul {
    padding: 0;
    text-align: right;
    margin-right: 5%;
}

.social-links ul li {
    display: inline-block;
    margin-right: -5px;
}

.social-links a:hover {
    background-color: orange;
}

/* wrappers, half, third */

.wrapper .third {
    width: 30%;
    min-width: 650px;
    margin-left: auto;
    margin-right: auto;
}

/* Who We Are */ 

.nw {
  margin-right: auto;
    margin-left: auto;  
}

.wrapper-970 {
    max-width: 970px;
}

.wrapper-550 {
    max-width: 550px;
}
.nw h2 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 65px;
}
.introcol {
    position: relative;
    flex: 0 0 18.5%;
    max-width: 18.5%;
    width: 18.5%;
    padding: 0;
    padding-left: 15px;
    margin-right: 4.5%;
}

.contentcol {
    position: relative;
    width: 77%;
    padding: 0;
    padding-right: 15px;
    flex: 0 0 77%;
    max-width: 77%;
}

.introcol h5 {
    font-size: 17px;
    padding-right: 10px;
}

.introcol p {
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
}

.contentcol p {
    font-size: 11px;
    line-height: 1.3;
    margin-bottom: 5px;
}

.quarter p {
    cont-size: 10px;
}


.contentcol p b {
    font-size: 12px;
}

.quarter {
    /*flex: 0 0 16.666667%;
    max-width: 16.666667%;*/
    flex: 0 0 25%;
    max-width: 25%;
    padding: 10px 7px;
}
.quarter td {
    font-size: 11px;
}

.staff .quarter {
    /*flex: 0 0 18.666667%;
    max-width: 18.666667%;*/
}
.quarter img {
    width: 100%;
    /*aspect-ratio: 3/4;*/
    aspect-ratio: 1/1;
    object-fit: cover;
    margin-bottom: 10px;
}

.quarter p {overflow-wrap: break-word;}

table.quarter td {vertical-align: top;}
table.quarter td {
    padding: 10px 7px;
}

.text-column {
    column-count: 3;
}

.text-column  p {
    margin: 5px 0;
}

#ourpeople h6 {
    font-weight: 400;
    color: #fdf2bd;
    font-size: 14px;
}

#ambassadors .col-12 {
    padding-left: 0;
    padding-right: 12px;
}

#ambassadors p {
    margin-bottom: 2px;
}

.objective {
    text-align: center;
    margin: 15px auto;
    max-width: 280px!important;
}

.objective p {
    font-size: 16px;
    line-height: 1.3;
}
/*.staff img {
    width: 100%;
max-width: 150px;
    aspect-ratio: 3/4;
    object-fit: cover;
    margin-bottom: 10px;
}*/

#ourpeople .col {
  padding: 0;
}

.col.dfellows {
    width: 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

.col.fellows {
    width: 70%;
    flex: 0 0 70%;
    max-width: 70%;

}

.m-heading {
  display: none;
}
.advocacy {
    margin: 20px auto 30px;
    width: 90%;
    max-width: 485px;
}

.advocacy p {
    font-weight: 600;
    margin-top: 15px;
}
@media (max-width: 700px) {
#ourpeople .dfellows {
    padding-right: 10px!important;
}
}

@media (max-width: 596px) {
.col.dfellows, .col.fellows {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.d-heading {
display: none;
}
.m-heading {
  display: block;
margin-top: 10px;
}
}

@media all and (max-width: 550px) {
.threecolumn td {
    display: block;
}
}

/* Members Area: Resources table styling */

table.resrouces-table {
    border-spacing: 0 20px;
    border-collapse: separate;
    margin-top: -20px;
    width: 100%;
}
table.resrouces-table td {
    background-color: #eaaf10;
    background-color:#f4d787;
    margin: 10px 0;
    padding: 15px;
    padding: 22px 20px 5px;
}
table.resrouces-table tr:nth-child(odd) td {
    background-color: #d3e0f7;
    background-color: #eaf2ff;
}
table.resrouces-table p,
table.resrouces-table p b {
    font-size: 110%;
}
table.resrouces-table td a {
    font-size: 15px;
    text-transform: uppercase!important;
    font-weight: bold;
    display: inline-block;
    /*text-align: center;
    white-space: nowrap;*/
    vertical-align: middle;
    user-select: none;
    border: 2px solid #13103c;
    line-height: 1.5;
    border-radius: 15px;
    text-decoration: none!important;
    padding: 6px 18px;
    color: #13103c;
}
table.resrouces-table td a:hover {
    background-color: #eaf2ff;
}
table.resrouces-table tr:nth-child(odd) td a:hover {
    background-color: #f4d787;
}

/* Form style --------------------*/

.MoSTLogin .MoSTFormLayoutCell1, .MoSTLogin .MoSTFormLayoutCell2 {
    width: 100%;
}

.MoSTFormLayout {
    float: none!important;
    width: 100%!important;
}

.MoSTFormLayoutCellFull {
    text-align: left!important;
}

.MoSTFormLayoutRow {
    float: none;
    text-align: left;
    margin: 0 0 20px 0;
}

.MoSTFormLayoutCell1 {
    float: none;
}

.MoSTFormLayoutWidth {
    width: 100%!important;
}

input[type="text"], textarea.MoSTTextField, input[type="email"], input[type="password"], input[name="Username"], textarea, select.MoSTDropdownList {
    width: 90%!important;
    border-radius: 10px!important;
    padding: 5px 10px;
    box-sizing: content-box;
    height: 35px;
    margin: 10px 0;
    border: solid 2px #13103c!important;
}

textarea {
   padding: 10px; 
}

#MoSTSubscription .ui-widget.ui-widget-content {
    width: 94%;
    box-sizing: border-box;
    padding: 1%;
    border-radius: 8px;
    border: 2px solid #13103c !important;
}

input.MoSTButton {
    color: #ffffff!important;
    border-radius: 10px;
    border: 2px solid #1e1a4d;
    background-color: #13103c;
    transition: 0.3s;
    font-size: 20px;
    text-transform: uppercase;
    padding: 5px 25px;
    width: auto!important;
    font-weight: bold;
}

input.MoSTButton:hover {
    color: #13103c!important;
    border: 3px solid #13103c;
    background-color: #ffffff;
}

#MoSTEmailForm label {
    display: none;
}

form#MoSTSubscription p {
    text-align: left!important;
}

.Captcha {
 padding: 4%;
 background: #eaaf1029;
 margin: 20px 0;
}
.Captcha:before {
  content: "Security Question";
    font-size: 10px;
    color: red;
    margin: -20px 0;
}
.CaptchaQuestion label {
    display: block !important;
}

.CaptchaAnswer label {
    display: inline !important;
    font-size: 45px!important;
    transition: 0.3s;
    color: #13103c;
}


.CaptchaAnswer label:hover {
    opacity: 0.7;
}

label.CaptchaSelected {
    border: none;
    color: #dba003;
}


/* Events */
.MoSTRSSTitle {
    position: relative;
    display: inline;
}
.wrapper.events {
    max-width: 780px;
    margin: 50px auto;
}

.MoSTRSSFeed, .MoSTRSSPublished, .MoSTRSSCopyright, .events .MoSTEventDetails {
    display: none;
  }

  article.MoSTRSSArticle.MoSTRSSEvent {
    margin: 80px auto;
    /*margin: 30px auto;*/
    max-width: 1200px;
}
  .events .MoSTEventVenue {
    margin: 0px!important;
    color: #13103c;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.2;
  }
  .events span {
    display: none;
  }
  .MoSTEventDate {
    background-color: #e1b113;
    width: 65px;
    display: inline-block;
    line-height: 1.1;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    padding: 10px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    color: #fff!important;
  }
  
 article.MoSTRSSArticle.MoSTRSSEvent:nth-child(odd) .MoSTEventDate {
    background-color: #13103c;
}

  
  
  .month {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
  }
  .eventlistlink {
    position: relative;
    display: block;
    /*margin: 30px 0px;*/
    margin: 0px;
    text-decoration: none !important;
  }
  
  a.eventlistlink:hover {
    color: inherit;
}

  .eventlistlink:hover .eventlist, .whitebg .eventlistlink:hover .eventlist {
    background-color: transparent;
  }

.eventlistlink, .whitebg .eventlistlink {
    /*padding: 10px 0;*/
    padding: 0;
    border-top: none;
}

article.MoSTRSSArticle.MoSTRSSEvent .eventlistlink {
    border-top: 1px solid transparent;
}

article.MoSTRSSArticle.MoSTRSSEvent:nth-child(odd) .eventlistlink:hover {
    border-top: 1px solid #13103c;
  }

article.MoSTRSSArticle.MoSTRSSEvent:nth-child(even) .eventlistlink:hover {
    border-top: 1px solid #e1b113;
  }

  .eventlist a:hover {
    color: #13103c;
}
  .eventlist {
    display: block;
    text-align: left;
    margin-left: 70px;
    min-height: 65px;
    box-sizing: border-box;
    -webkit-transition: all ease-out 300ms;
    -moz-transition: all ease-out 300ms;
    -o-transition: all ease-out 300ms;
    transition: all ease-out 300ms;
  }
  .eventlist:after {
       visibility: hidden;
       display: block;
       font-size: 0;
       content: " ";
       clear: both;
       height: 0;
       }

  .MoSTRSSDescription, .whitebg .MoSTRSSDescription {
    border-left: 2px solid #370039;
   /* background: url(/templates/template_2016/images/mapmarkerpurple.png);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 25px;*/
  }
  
  article.MoSTRSSArticle.MoSTRSSEvent:nth-child(even) .MoSTRSSDescription {
    border-left: 2px solid #e1b113;
}
  .MoSTRSSTitle a {
    display: block;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
    padding-left: 20px;
    padding-right: 290px;
    text-decoration: none !important;
  }
  .MoSTRSSDescription {
    padding-left: 100px;
    padding-left: 30px;
  padding-right: 10px;
    font-weight: 300;
    border-left: 2px solid #13103c;
    float: right;
    margin-top: -70px;
    /*background: url(/images/mapmarker.png);
    background-repeat: no-repeat;
    background-size: 50px;
    background-position: 25px;*/
    min-width: 240px;
    min-height: 72px;
  position: absolute;
    right: 0px;
    top: 70px;
      max-width: 400px;
      box-sizing: border-box;
      /*min-width: 360px;*/
  }
  .MoSTRSSDescription:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
  
  /* References - Reports */ 
  
  .references .MoSTDocumentListHeading { 
  color: #370039;
  font-family: Lato, sans-serif !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}
.references .MoSTDocumentListRow {
  -webkit-transition: all ease-out 300ms;
  -moz-transition: all ease-out 300ms;
  -o-transition: all ease-out 300ms;
  transition: all ease-out 300ms;
}
.references .MoSTDocumentListRow:hover {
opacity: 0.7;
    cursor: pointer;
}
.references .MoSTAbstract  {display: none;}
.galleries .MoSTDocumentListDate,
.pasteventgalleries .MoSTDocumentListDate {
  font-size: 16px;
  font-weight: 500 !important;
  font-family: Lato, sans-serif !important;
  text-transform: uppercase;
  margin: 0 10px;
}
.left {
  position: absolute;
  left: -80px;
  top: 50%;
  transform: translate(50%, -50%) rotate(45deg);
  height: 25px;
  width: 25px;
  font-size: 0px;
  border-bottom: 1px solid;
  border-left: 1px solid;
  color: #370039;
  -webkit-transition: all ease-out 300ms;
  -moz-transition: all ease-out 300ms;
  -o-transition: all ease-out 300ms;
  transition: all ease-out 300ms;
}
.right {
  position: absolute;
  right: -80px;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  height: 25px;
  width: 25px;
  font-size: 0px;
  border-bottom: 1px solid;
  border-right: 1px solid;
  color: #370039;
  -webkit-transition: all ease-out 300ms;
  -moz-transition: all ease-out 300ms;
  -o-transition: all ease-out 300ms;
  transition: all ease-out 300ms;
}
.left:hover{
    border-bottom: 1px solid #e1b113;
    border-left: 1px solid #e1b113;
} .right:hover {
    border-bottom: 1px solid #e1b113;
    border-right: 1px solid #e1b113;
}

.references .MoSTDocumentListRow {
  width: 25%;
  border: 0px;
  vertical-align: top;
  padding: 0 20px;
  text-align: center;
  margin: 20px auto;
}
.references img {
  width: 100%;
}
.references a {
  text-decoration: none !important;
  color: inherit;
}
.MoSTDocumentListDate {
  text-transform: uppercase;
}
.dark *, .dark a {
  color: #370039!important;
}
.dark .borderleft h1 {
  border-left: 3px solid #370039;
}
label {
    font-family: Open Sans, sans-serif!important;
    font-weight: 300 !important;
    margin-top: 5px;
}

.events .MoSTDocumentListContent {
    display: none;
}

#pastevents .MoSTEventDate {
    font-size: 0;
    width: 20px;
    height: 20px;
    position: absolute;
}

#pastevents .month {
    font-size: 0;
}

#pastevents .eventlist {
    min-height: 0;
    margin-left: 30px;
}

#pastevents a.eventlistlink {
    padding: 0;
    display: inline;
}

#pastevents article.MoSTRSSArticle.MoSTRSSEvent {
    margin: 15px 0;
    text-align: left;
}

#pastevents .MoSTRSSDescription {
    /*display: none;*/
    border: none;
    padding: 0;
    margin: 0;
    top: 0;
    min-height: 0;
    float: none;
    display: inline;
    width: auto;
    position: relative;
    margin-left: 10px;
    padding-left: 8px;
    border-left: 1px solid #13103c;
}

#pastevents .MoSTRSSTitle a {
    padding: 0;
    display: inline;
    font-size: 14px;
    width: auto;
    font-weight: 600;
}

#pastevents .events .MoSTEventVenue {
    display: inline;
}

#pastevents .events .MoSTEventVenue br {
    display: none;
}

#pastevents .eventlist:after {
    content: none;
}

.bg-dark .month {
    color: #13103c;
}

.bg-dark  .MoSTEventDate {
    background: #fff!important;
    color: #13103c!important;
}


.bg-dark article.MoSTRSSArticle.MoSTRSSEvent:nth-child(even) .month {
    color: #ffffff;
}

.bg-dark article.MoSTRSSArticle.MoSTRSSEvent:nth-child(even) .MoSTEventDate {
    background: #eaaf10!important;
    color: #ffffff!important;
}

.bg-dark .events .MoSTEventVenue {
    color: #fff;
}

.bg-dark .MoSTRSSDescription {
    border-left: 2px solid #fff;
}


.bg-dark .eventlist a:hover {
    color: #fff
}

.bg-dark article.MoSTRSSArticle.MoSTRSSEvent:nth-child(odd) .eventlistlink:hover {
    border-top: 1px solid #FFF;
}

/* CRD Masterclass Buttons */

table.crd-button {
    width: 100%;
}

table.crd-button td {
    text-align: center;
    padding: 5px;
}

#MoSTContent table.crd-button a {
    display: block;
    width: 100%;
    font-family: aktiv-grotesk-condensed, sans-serif!important;
    text-transform: uppercase;
    font-size: 30px;
    color: #13103c;
    padding: 0.5em 1em;
    text-decoration: none;
    background-color: #f6f6f6;
}

#MoSTContent table.crd-button a.selected {
    background-color: #eaaf10;
}

#MoSTContent table.crd-button a:hover {
    opacity: 0.8;
}

.crd-dates td p {
    color: #130f3b!important;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
}

.crd-dates td {
    padding: 0;
}

/* registration buttons */

.grey p.MoSTEventRegLink, .buttons p.MoSTEventRegLink {
  margin: 25px 0;
  clear: both;
}

.grey .MoSTEventRegLink a, .buttons .MoSTEventRegLink a {
    float: none;
    color: #000 !important;
    background: #eaaf10;
    border-radius: 20px;
}
.grey .MoSTEventRegLink a:hover, .buttons .MoSTEventRegLink a:hover {
  background: #0099cc;
  text-decoration: none;
}

.buttons .MoSTEventRegLink a {
    float: none !important;
    border: none !important;
}

@media (max-width: 600px) {
#MoSTContent table.crd-button td {
    display:block;
}
     table.crd-button a {
    font-size: 25px;
    line-height: 1.2;
}
}


/* Submissions */

.submissions .MoSTDocumentListHeading {
    font-size: 14px;
    margin-bottom: 15px;
}

.submissions .MoSTDocumentListRow {
    flex: 0 0 20%;
    max-width: 20%;
    margin-top: 20px;
    text-align: left;
    padding: 0;
    padding-right: 20px;
}

.submissions .MoSTDocumentList {
    float: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
} 

/* Galleries Slider */

.galleryslider {
    width: 85%;
    margin: 0 auto 20px;
}

.hidegalleryoverflow {
    overflow: hidden; 
}

.galleries .MoSTPages,
.pasteventgalleries .MoSTPages {
    display: none!important;
}

.galleries .MoSTDocumentList,
.pasteventgalleries .MoSTDocumentList {
    float: none;
}

.galleries, .pasteventgalleries {
    max-width: 100%!important;
}
.galleries .slick-list {
    padding: 0 33%!important;
}
.galleries .MoSTDocumentListCell1 {
    float: none;
    position: relative;
    height: 220px;
}

.pasteventgalleries .MoSTDocumentListCell1 {
    float: none;
    position: relative;
    height: 315px;
}

.galleries .MoSTDocumentListHeading {
    top: 150px;
    line-height: 1;
    right: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 85%;
    margin: 0 auto;
}

.pasteventimageslider li {
    list-style-type: none;
}

.pasteventgalleries .MoSTDocumentListHeading {
    top: 270px;
    line-height: 1;
    right: 0;
    left: 0;
    position: absolute;
    text-align: center;
    width: 85%;
    margin: 0 auto;
}

.galleries .slick-center .MoSTDocumentListHeading {
    top: 175px;
    width: 100%;
}

.galleries .slick-slide a {
    font-size: 13px;
    text-decoration: none;
    color: #593353;
    opacity: 0.7;
}

.pasteventgalleries .slick-slide a {
    font-size: 16px;
    line-height: 1.3;
    text-decoration: none;
    color: #593353
}

.galleries .slick-center a {
    opacity:1;
}
.galleries .MoSTDocumentListDate {
    display: none!important;
}

.pasteventgalleries .MoSTDocumentListDate {
    top: 10px;
    left: -10px;
    padding: 1px 5px;
    position: absolute;
    color: white;
    background: #13103c;
    z-index: 100;
}

.galleries .slick-slide img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 130px;
    z-index: 50;
    object-fit: cover;
    margin: 0;
    top: 10px;
    transition: 0.2s;
}

.pasteventgalleries .slick-slide img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 250px;
    z-index: 50;
    object-fit: cover;
    margin: 0;
    top: 10px;
    transition: 0.2s;
}

.galleries .slick-center img {
    left: -15px;
    right: -15px;
    width: calc(100% + 30px)!important;
    z-index: 100!important;
    max-width: none;
    height: 170px;
    border: 2px solid white;
    top: 0;
}


 /* upgrade forms */
  
p.note {
  background: #e1b113;
  color: #fff;
  padding: 5%;
}
  
p.note a {
  color: #fff;
  text-decoration: underline;
}
  
  
div.MoSTFormLayoutRow.INFINZ_Journal {
    padding-bottom: 30px;
}
  
  /* three column table */
  
table.threecol td {
  width: 30%;
  padding: 1% 3%;
}

table.threecol tr td:first-child {
  padding-left: 0;
}
  
  table.imagetable {
    width: 100%;
  }
  table.imagetable td {
    width: 17%;
    padding: 0;
    margin: 0 1%;
    float: left;
  }
  table.imagetable img {
      width: 100%;
  }
    
/* new search changes 2021 */

.wrapper.search {
    width: 308px;
    margin-top: 0px;
    margin-left: 62%;
}
.search input.Button {
    border: 0;
    height: 36px;
    width: 40px;
    background-color: #290d27;
    float: right;
    background-image: url(/templates/template_2018/images/icon-search.png);
    font-size: 0;
    background-size: 50%;
    background-position: 9px 6px;
    background-repeat: no-repeat;
    position: relative;
    top: 0px;
    margin-top: -3px;
}

/*.search .SearchField {
  width: 260px;
  height: 30px;
  color: #000!important;
}*/

.search .SearchField {
    max-width: 260px;
    width: calc(100% - 45px);
    height: 30px;
    color: #000!important;
}

/* most pages */

.MoSTPages span {
    padding: 1% 2%;
    border: 1px solid #fff;
    margin: 10px;
}


span.MoSTPage {
    border: 1px solid #e1b113;
    background: #e1b11338;
} 

/*.MoSTPages span a {
    text-decoration: none!important;
}*/

.MoSTPages {
    margin: 35px 0;
}

.MoSTPages p {
    margin-bottom: 30px;
}

/* Update Details Form */

#MoSTDetails {
    max-width: 600px;
}

#MoSTDetails::after {
  content: "";
  clear: both;
  display: table;
}

label {
    font-size: 15px;
    font-weight: 600!important;
    font-family: Open Sans, sans-serif!important;
}

input[type=checkbox], input[type=radio] {
    margin: 10px;
}

#MoSTDetails .MoSTFormLayoutRow {
    margin: 5px 0;
    float: left;
}

#MoSTDetails h3 {
    margin-top: 30px;
    float: none;
}

#MoSTDetails label {
    margin-bottom: 2px;
}

.Your_Preferences_Content {
    margin-bottom: 20px;
}

.Member_Category {
    margin: 0!important;
}

/* button layout */

p.button {
   margin: 30px 0;
}
p.button a {
  border: 3px solid #13103c;
  padding: 10px 20px;
  border-radius: 20px;
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
}


/* Mobile Styles */

@media (max-width: 1200px) {
    .navbar-brand img {
    width: 100%;
    max-width: 200px;
}
    li.nav-item {
    font-size: 14px;
}
div#page-title {
    margin-top: 85px;
    padding-top: 45px;
}
footer a.subscribe {
    font-size: 14px;
    padding: 7px 8px;
}


}

@media (max-width: 1090px) {
    ul.DropDownMenu li a {
    font-size: 13px;
    padding-right: 10px!important;
}
}

@media (max-width: 1000px) {
    .navbar-brand img {
    width: 100%;
    max-width: 150px;
}

    #bannertext {
    width: 75%;
}
.card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
}
#careers .MoSTDocumentListRow {
    width: 45%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding: 0;
}
  .third *, .half * {
    text-align: left!important;
  }

  .third {
    width: 100%;
    padding: 0px!important;
  }
  
  .wrapper .third {
    width: 100%;
    min-width: 0;
}
.contacts .third * {
text-align: center!important;
}
  .half {
    width: 100% !important;
    padding: 0px!important;
    margin-bottom: 40px;
}
.half .MoSTEventsDetails img {
    width: 100%!important;
}
  
  .footer .quarter {
    width: 25%;
  }
.centre {
text-align: left!important;;
}
  .MoSTRSSTitle a {
    /*line-height: 40px;*/
    padding-right: 20px;
  }
  
  article.MoSTRSSArticle.MoSTRSSEvent {
    border-top: 2px solid #13103c;
    margin: 20px auto;
    max-width: 560px;
}

.eventlist {
    padding-top: 10px;
}

#pastevents .eventlist {
    padding-top: 0;
}
#pastevents .MoSTRSSDescription {
    border-left: 1px solid #13103c!important;
}

article.MoSTRSSArticle.MoSTRSSEvent:nth-child(even), .bg-dark article.MoSTRSSArticle.MoSTRSSEvent:nth-child(even)  {
    border-top: 2px solid #e1b113;
    border-left: 0px !important;
}

.MoSTRSSDescription, .whitebg .MoSTRSSDescription {
    border-top: none;
    border-left: 0px !important;
    padding-top: 0;
    margin-top: 0;
    padding-left: 20px;
    display: block;
    position: static;
    float: none;
    min-height: 45px;
    background-position: 25px 18px;
}

article.MoSTRSSArticle.MoSTRSSEvent:nth-child(even) .MoSTRSSDescription {
    border-top: none;
    border-left: 0px !important;
}
.references .MoSTDocumentList .MoSTDocumentListRow {
width: 33.33%;
}
.referencespage .MoSTDocumentList .MoSTDocumentListRow:last-child {
display: none;
}
.submissions .MoSTDocumentListRow {
    width: 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

article.MoSTRSSArticle.MoSTRSSEvent .eventlistlink {
    border-top: none;
}
#pastevents article.MoSTRSSArticle.MoSTRSSEvent {
    margin: 10px auto;
    border-top: none;
}

.bg-dark article.MoSTRSSArticle.MoSTRSSEvent {
    border-top: 2px solid #fff;
}

}

@media (max-width: 992px) {
    #bannertext {
    width: 100%;
}

a.navbar-brand {
    display: inline-block!important;
    margin-right: 0;
    float: left;
}

a.slicknav_btn {
    font-size: 25px;
    display: inline-block!important;
    float: right;
}


/* #menu is the original menu */
.slicknav_menu {
   display: block!important;
    /*display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;*/
}

nav.container-fluid.fixed-top {
    display: none;
}


ul.dropdown-menu {
    box-shadow: none;
    border: none;
}

#footer-logo {
    text-align: left;
}

#footer-logo img {
    margin-rightt: 0;
}

.introcol, .contentcol {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin: 10px auto;
}
}

@media (max-width: 768px) {
    #bannertext {
    width: 100%;
}

.references .MoSTDocumentList .MoSTDocumentListRow {
width: 50%;
}
.referencespage .MoSTDocumentList .MoSTDocumentListRow:last-child, .referencespage .MoSTDocumentList .MoSTDocumentListRow:nth-child(3) {
display: none;
}
.submissions .MoSTDocumentListRow {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

}

@media (max-width: 576px) {
    #bannertext h2 {
    font-size: 38px!important;
}
    .eventlist {
    margin: 10px auto 20px;
    text-align: center;
    min-height: 0;
    padding-top: 0;
}

#pastevents .eventlist {
    text-align: left;
}
    .MoSTEventDate {
    position: relative;
    width: 100%;
}
.MoSTRSSDescription {
    background: transparent!important;
    max-width: none;
    padding-left: 10px;
}

 article.MoSTRSSArticle.MoSTRSSEvent, article.MoSTRSSArticle.MoSTRSSEvent:nth-child(even),
 .bg-dark article.MoSTRSSArticle.MoSTRSSEvent, .bg-dark article.MoSTRSSArticle.MoSTRSSEvent:nth-child(even) {
    border-top: none;
}


.text-column {
    column-count: 2;
}

.quarter, .staff .quarter {
    flex: 0 0 25%;
    max-width: 25%;
}

.card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

}

@media (max-width: 476px) {
    .quarter, .staff .quarter {
    flex: 0 0 33%;
    max-width: 33%;
}
}


/* Slides */

ul.historyslides {
  width: 90%;
  margin: 0 auto;
}

.slick-slide {
  text-align: left;
  padding: 0 5px;
}

.slick-slide img {
  margin: 0 auto;
  max-width: 100%
}

ul.slick-slider {
    padding: 0;
}

/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir=rtl] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slick Arrows (using Material Icons) */
.arrow-forward, .arrow-back {
    color: white;
    position: absolute;
    top: 50%;
    display: block!important;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    border: none;
    outline: none;
    background: transparent;
}

.arrow-back {
    left: -25px;
}

.arrow-forward {
     right: -25px;
}


/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: slick;
    font-size: 30px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: .5;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: white;
}

/* MoST Events page styling */

.half {
    width: 50%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}

.wrapper .half:nth-child(odd) {
    padding-right: 20px;
}

.MoSTEventRegLink a {
    padding: 9px 20px!important;
    border: 1px solid #370039!important;
    text-decoration: none;
    float: left;
    margin: 5px 0;
}

.MoSTEventsImage img {
    margin-top: 20px;
    width: 100%;
}

#MoSTEmailForm .MoSTButton:hover, #MoSTDetails .MoSTButton:hover, .MoSTLogin .MoSTButton:hover, .subscribeform .MoSTButton:hover, .MoSTEventRegLink a:hover, .MoSTEventRegistration .MoSTButton:hover, .MoSTSearchForm .MoSTButton:hover {
  color: inherit;  
  background-color: rgba(55, 0, 57, 0.1)!important;
}

/* Event Details, Event Registration form fields changes 2017 */

.MoSTEventsDetails .MoSTFormLayoutCell1, .MoSTEventsDetails .MoSTFormLayoutCell2 {
    float: left!important;
    padding: 5px 0;
}

.MoSTEventsDetails .MoSTFormLayoutCell1 {
    width: 21%;
}

.MoSTEventPrices .MoSTFormLayoutCell2 {
    width: 50%!important;
}

.MoSTEventPrices .MoSTFormLayoutCell3 {
    float: right;
    width: 10%!important;
}

div.MoSTEventsDetails div.MoSTFormLayoutRow div.MoSTFormLayoutCell2,
div.MoSTEventRegistration div.MoSTFormLayoutRow div.MoSTFormLayoutCell2 {
  width: 60%!important;
  float: right;
}
.MoSTEventPrices div.MoSTFormLayoutRow {
  float: left;
}
.MoSTEventPrices .MoSTFormLayoutCell1 {
  width: 100%;
  font-weight: bold!important;
}
.MoSTEventPrices div.MoSTFormLayoutRow div.MoSTFormLayoutCell2 {
  float: left;
}
.MoSTEventPrices div.MoSTFormLayoutRow div.MoSTFormLayoutCell3 {
  float: right;
}
.MoSTEventPrices div.MoSTFormLayoutRow {
    margin-bottom: 11px;
}
.MoSTEventPrices div.MoSTFormLayoutRow div.MoSTFormLayoutCell2 {
    float: left !important;
}
.MoSTEventPrices .Note .MoSTFormLayoutCell2:after {
    content: "Regrettably, registration fees cannot be refunded when cancellations are received within three working days prior to any event.";
}

div.MoSTEventRegistration .MoSTFormLayoutRow,
div.MoSTEventMultiRegistration .MoSTFormLayoutRow {
  padding: 10px 0;
}
div.MoSTEventMultiRegistration .MoSTFormLayoutRow {
  width: 100%;
}
div.MoSTEventRegistration input[type="text"],
div.MoSTEventMultiRegistration input[type="text"] {
  padding: 5px;
  font-size: 16px;
  font-family: Open Sans, sans-serif;
}

div#Registrants {
    background: #eee;
    border: 0;
    padding: 10px;
    box-sizing: border-box;
    margin: 30px 0;
    width: 100%;
    border-radius: 5px;
}

/* multireg 2020 */

#Results table td,
#Registrants table td {
    text-align: left !important;
}
    
#Results {
    background: #eee;
    padding: 2%;
    margin: 30px 0 20px;
    border-radius: 5px;
}    

input.MoSTButton {
    padding: 1%;
}

.Step3 .MoSTTable td {
    width: 100%;
    background: #eee;
    padding: 2%;
    box-sizing: border-box;
    text-align: left;
}

.MoSTTable strong, span#MoSTEventTotal {
    font-weight: 700;
}
form#Registration { 
    width: 94%;
}
#Registration div {
font-family: Open Sans, sans-serif!important;
}

#DialogAddProfile #MoSTContent,
.MoSTEventRegistrationAdd #MoSTContent {
  max-width: unset;
  padding-top: 0 !important;
}
#DialogAddProfile .MoSTFormLayoutRow,
.MoSTEventRegistrationAdd .MoSTFormLayoutRow {
    margin: 8px 0;
}


/* search form changes 2017 */

.MoSTSearchIcon {
  float: left; 
  margin-right: 10px;
}

.MoSTSearchResultsCreated p {
  font-size: 10px;
}


/* directory */

table.directory {
  width: 380px;
}
table.directory td {
  vertical-align: top;
}
table.directory td {
  font-size: 16px;
  line-height: 20px;
}
table.directory p {
  margin-top: 0;
}
table.directory tr td {
  width: 190px;
}
/* career styles */
.careers {
max-width: 600px;
margin: 0 auto;
margin-top: 20px;
}
.careers:after {
visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.careers .MoSTDocumentListRow {
width: 100%!important;
margin: 0 auto;
margin-bottom: 20px;
margin-top: 0px;
    border: 2px solid #370039!important;
    margin-bottom: 20px!important;
    margin-top: 0px!important;
padding: 20px!important;
}
.careers .MoSTAbstract {
width: 18%;
display: inline-block;
vertical-align: middle;
margin-right: 5%;
}
.careers .MoSTDocumentListHeading{
width: 45%;
display: inline-block;
vertical-align: middle;
margin-right: 5%;
}
.careers .MoSTDocumentListContent{
width: 24%;
display: inline-block;
vertical-align: middle;
}
.careers .MoSTAbstract img {
margin-bottom: 0px!important;
width: 100%;
max-width: 150px;
}
.careers .MoSTAbstract p {
font-size: 10px!important;
line-height: 16px!important;
}
.careers .MoSTDocumentList, .careers .MoSTDocumentList * {
    
}
.careers .newslink {
margin: 0px!important
}
.careers .MoSTDocumentListDate {
  font-size: 10px!important;
  line-height: 16px!important;
  font-style: normal;
  margin: 0;
  text-align: right;
}
#careers .MoSTDocumentListHeading a:hover {
    background-color: none!important;
}

/* event list */ 


h2.MoSTEventsList {
  margin: 50px 0;
}

h3.MoSTEventsList {
display: none;
}
.MoSTEventsList span {
  display: block;
}

ul.MoSTEventsList {
  margin: 0;
  padding: 0;
}
ul.MoSTEventsList li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #b5b5b5;  
  margin-bottom: 0!important;
  padding: 15px 0;
  margin: 0;
}

ul.MoSTEventsList .MoSTEventRegLink a {
   float: none !important;
}
ul.MoSTEventsList p.MoSTEventRegLink {
   display: inline-block;
}
ul.MoSTEventsList li h3 {
   width: 60%;
   display: inline-block;
   margin: 0;
   padding: 0 2% 0 0;
   vertical-align: top;
   font-size: 16px;
}

.MoSTEventsList span.MoSTEventsTime, .MoSTEventsList span.MoSTEventsDate {
    width: 13%;
    padding: 0 2%;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
.MoSTEventsList span.MoSTEventsTime {
    border-left: 1px solid #370039;
}
ul.MoSTEventsList h3 a {
  font-weight: 600;
  text-decoration: none;
  padding-left: 20px;
  border-left: 10px solid #e1b113;
  display: block;
  word-break: break-word;
}

ul.MoSTEventsList a.MoSTEventsCalendar {
  display: none;
}
ul.MoSTEventsList .MoSTEventRegLink a {
    padding: 7px 13px!important;
   font-size: 12px;
}


/* 2022 Event List styling */

ul.MoSTEventsList .MoSTEventsImage {
    display: none;
}

.eventlist {
    margin: 0 auto;
    max-width: 900px;
}

.eventlist ul.MoSTEventsList li {
    border: 1px solid #13103c;
    margin: 30px auto;
    transition: 0.3s;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 10px 0 0;
}

.eventlist ul.MoSTEventsList li:hover {
    background: rgb(89 51 83 / 20%);
    cursor: pointer;
}

.MoSTEventsList span.MoSTEventsTime {
    display: none;
}

.MoSTEventsDate, .MoSTEventsList span.MoSTEventsTime, .MoSTEventsList span.MoSTEventsDate {
    order: -1;
    width: 10%;
    min-width: 88px;
    color: #fff!important;
    padding: 15px 0px;
    text-align: center;
    background-color: #13103c;
}

.eventlist ul.MoSTEventsList li h3 {
    /*width: auto; */
    width: 50%;
    margin: 0 20px;
    order: 0;
    flex-grow: 2;
    padding: 0;
    vertical-align: middle;
}

ul.MoSTEventsList h3 a {
    border: none;
    font-weight: 500;
    font-family: Open Sans, sans-serif!important;
    text-transform: none!important;
    padding: 0;
    margin-right: 5px;
}

.MoSTEventsList .MoSTAbstract {
    order: 1;
    width: 20%;
    max-height: 60px;
    overflow: hidden;
}

.MoSTEventsLocationYFP, .YFP, .MoSTEventsLocationGEN, .GEN, .MoSTEventsLocationYWF, .YWF, .MoSTEventsLocationELG, .ELG  {
    color: #593353;
    order: 2;
    width: 10%;
    margin-right: 5px;
}

.MoSTEventsDate .day {
    font-weight: bold;
    font-size: 30px;
    margin-top: 5px;
    margin-bottom: 7px;
}

.MoSTEventsDate .month {
    font-weight: normal;
    font-size: 18px;
}

.MoSTAbstract p {
    font-size: 13px;
}

.eventlist ul.MoSTEventsList li:nth-child(even) {
    border-color: #eaaf10;
}

.eventlist ul.MoSTEventsList li:hover:nth-child(even) {
    background: rgb(234 175 16 / 0.2);
} 
.eventlist ul.MoSTEventsList li:nth-child(even) .MoSTEventsDate {
    background-color: #eaaf10;
}

.MoSTEventsLocationYFP::before, .YFP::after, .MoSTEventsLocationGEN::before, .GEN::after,
.MoSTEventsLocationYWF::before, .YWF::after, .MoSTEventsLocationELG::before, .ELG::after {
    padding: 5px;
    font-size: 15px;
    font-weight: bold;
}


.MoSTEventsLocationYFP::before, .YFP::after {
    content: "YFP";
}

.MoSTEventsLocationGEN::before, .GEN::after {
    content: "GEN";
}

.MoSTEventsLocationYWF::before, .YWF::after {
    content: "YWF";
}

.MoSTEventsLocationELG::before, .ELG::after {
    content: "ELG";
}
@media (max-width: 1090px) {
.eventlist ul.MoSTEventsList li {
    flex-direction: column;
    padding: 0;
}
.MoSTEventsDate, .MoSTEventsList span.MoSTEventsTime, .MoSTEventsList span.MoSTEventsDate {
    width: 100%;
    margin-bottom: 10px;
}

.eventlist ul.MoSTEventsList li h3 {
    width: 100%;
    text-align: center;
    margin: 10px auto;
}

.MoSTEventsList .MoSTAbstract {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.MoSTEventsLocationYFP, .YFP, .MoSTEventsLocationGEN, .GEN, .MoSTEventsLocationYWF, .YWF, .MoSTEventsLocationELG, .ELG {
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 5px 0 10px;
}

}

/* Speaker Table */
table.speaker td:first-of-type {
    width: 30%;
}


@media (max-width: 768px) {
table.speaker td:first-of-type, table.speaker td {
    width: 100%;
    display: block;
    padding: 10px 0;
}
}


/* Image Gallery | Galleries */

#lightbox-container-image-data-box {
    box-sizing: content-box;
}

.MoSTGalleryThumbnail a {
  position: relative;
  display: block; 
}
.MoSTGalleryThumbnail a:hover:after {
   opacity: 1;
   font-size: 40px;
}
.MoSTGalleryThumbnail a:after {
  transition: 0.5s;
  opacity: 0;
  font-family: Material Icons!important;
  content: "\e145";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  
  color: #eaaf10;
}

.MoSTGalleryThumbnail img {
  transition: 0.5s;
  width: 100%;
  object-fit: cover;
  height: 130px;
}
.MoSTGalleryThumbnail {
  transition: 1.5s;
  overflow: hidden;
  float: none!important;
  display: inline-block;
  width: 20%!important;
  height: auto!important;
  box-sizing: border-box;
}
.MoSTGalleryThumbnail a:hover img {
  opacity: 0.2;
}
.hidden {
  height: 0px!important;
  padding: 0px!important;
  opacity: 0;
}
.hidden img {
  width: 0%;
}
#MoSTPhotoGalleryImages {
  font-size: 0px!important;
}

@media screen and (max-width: 450px) {
    .MoSTGalleryThumbnail {
    width: 50%!important;
}
}

/* event login */ 

form#frmMoSTContent .half {
    width: 49%;
    padding: 5%;
}
form#frmMoSTContent .MoSTLogin {
  margin-top: 2%;
  background: #f9efd2;
  padding: 5%;
}

div.MoSTVersion {
   display: none;
   visibility: hidden;
}