/*
 -----------------------------
 PVII Layout Builder Magic
 by Project Seven Development
 www.projectseven.com
 Custom Styles
 -----------------------------
*/

/*
***************************************************
Font Families: You may edit the font-family values,
BUT DO NOT REMOVE OR RENAME THE 4 RULES BELOW
***************************************************
*/

<weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

.lbm-stack-sans {font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", sans-serif;}
.lbm-stack-serif {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;}
.lbm-stack-thin {font-family: Lato, "Gill Sans", Optima, sans-serif; font-weight: 300;}
.lbm-stack-fancy {font-family: Federo, "Gill Sans", Optima, sans-serif;}

body {
	font-family: "Montserrat", sans-serif;
	color: #F8F1E5;
	font-weight:300;
	font-size: 1em;
    line-height: 1.4em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #1A0033;
    line-height: 1.2em;
}
h1 {font-size: 320%;}
h2 {font-size: 170%;}
h3 {font-size: 130%;}
h4 {font-size: 110%;}
h5 {font-size: 110%;}
h6 {font-size: 100%;}

h1 {
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}
h2 {
	color: #F8F1E5;
	margin-bottom: 10px;
	font-weight: bold;
}
.marginbottop {
    margin-bottom: 0px;
	margin-top: 0px;
}
h3 {
	font-weight: 600;
	margin-bottom: 10px;
}
h4 {
	margin-bottom: 10px;
}
h5 {
	margin-bottom: 10px;
}
h6 {
	margin-bottom: 0px;
}
.leftheadpad {
    margin-left: 37px;
}
.leftheadpad1 {
    margin-left: 10px;
}
.upabit {
    margin-top: -25px;
}
.scalable-rounded {
	width: auto;
	height: auto;
	max-width: 100%;
	border-radius: 20px;
}
.scalable-fancy {
	width: auto;
	height: auto;
	max-width: 100%;
	border-radius: 7px;
	box-shadow: 0px 0px 10px rgba(0,0,0,.65);
}
.big {
	font-size: 110%;
}
p {
	color: #1A0033;
	font-size: 1em;
	line-height: 1.4em;
	font-weight: 400;
}
.bold {
    font-weight: bold;
}
.footerline {
    background-color: #8b7f99;
	width: 100%;
	height: 1px;
}
.toptext {
    font-size: 1.25em;
	colour: #1A0033;
    text-align:center;
	font-weight: 400;
}
.narrow {
    width: auto;
	margin-left: 11%;
	margin-right: 11%
}
.narrow1 {
    width: auto;
	margin-left: 12%;
	margin-right: 12%
}
.smaller: {
    font-size: 80%;
}

/*
Link Styles
Assign one of the following classes to
Text Links on your page
*/
.text-link-light {
	color: #EEE;
	border-bottom: 1px dotted;
}
.text-link-dark {
	color: #000;
	border-bottom: 1px dotted;
}
.text-link-dark:hover, .text-link-light:hover {
	border-bottom: 1px solid;
}
.text-link-dark, .text-link-light {
	text-decoration: none;
}


/*Media Queries*/

@media only screen and (min-width: 767px) and (max-width: 1100px) {
body {font-size: 100%;}
h1 {font-size: 300%;}
h2 {font-size: 170%;}
h3 {font-size: 130%;}
h4 {font-size: 110%;}
h5 {font-size: 110%;}
h6 {font-size: 100%;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
body {font-size: 100%;}
h1 {font-size: 300%;}
h2 {font-size: 170%;}
h3 {font-size: 130%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}
h6 {font-size: 100%;}
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
body {font-size: 100%;}
h1 {font-size: 280%;}
h2 {font-size: 160%;}
h3 {font-size: 130%;}
h4 {font-size: 110%;}
h5 {font-size: 100%;}
h6 {font-size: 100%;}
}

/*Spaces Float Left*/

.topspace {
    width: 100%;
	height: 50px;
}
.spacehead {
    width: 100%;
	height: 18px;
	float: left;
}
.space10 {
	width: 100%;
	height: 10px;
	float: left;
}
.space10no {
	width: 100%;
	height: 10px;
}
.space15 {
	width: 100%;
	height: 15px;
	float: left;
}
.space20 {
	width: 100%;
	height: 20px;
	float: left;
}
.space20no {
	width: 100%;
	height: 20px;
}
.space25 {
	width: 100%;
	height: 25px;
	float: left;
}
.space30 {
	width: 100%;
	height: 30px;
	float: left;
}
.space40 {
	width: 100%;
	height: 40px;
	float: left;
}
.space50 {
	width: 100%;
	height: 50px;
	float: left;
}
.space60 {
	width: 100%;
	height: 60px;
	float: left;
}
.space70 {
    width: 100%;
	height: 70px;
	float: left;	
}
.space80 {
	width: 100%;
	height: 80px;
	float: left;
}
.space90 {
    width: 100%;
	height: 90px;
	float: left;	
}
.space100 {
    width: 100%;
	height: 100px;
	float: left;	
}
.space110 {
    width: 100%;
	height: 110px;
	float: left;	
}
.space120 {
    width: 100%;
	height: 120px;
	float: left;	
}
.space130 {
    width: 100%;
	height: 130px;
	float: left;	
}

/*Spaces No Float*/

.space10no {
	width: 100%;
	height: 10px;
}
.space20no {
    width: 100%;
	height: 20px;	
}

/* List Styles */

ul {
    padding-left: 0px;
	margin-left: 10px;	
}
ul li {
  color: #ffffff;
}

.check_list li,
.plus_list li,
.minus_list li,
.star_list li,
.circle_list li,
.cross_list li,
.checkcircle_list li {
	list-style: none;
	margin-top: 6px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 15px;
	font-weight: 500;
}
.rarrow_list li {
	list-style: none;
	margin-top: 6px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 15px;
	font-weight: 500;
}
.square_list li {
	list-style: none;
	margin-top: 6px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 15px;
	font-weight: 500;
}
.bonus_list li {
	list-style: none;
	margin-top: 6px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 15px;
	font-weight: 400;
}
.arrow_list li {
	list-style: none;
	margin-top: 6px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 15px;
	font-weight: 500;
}
.check_list li {background: url(../icons/list_check.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
.plus_list  li {background: url(../icons/list_plus.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
.minus_list  li {background: url(../icons/list_minus.png) no-repeat 0% 50%; padding: 0 0 0 18px;}
.star_list  li {background: url(../icons/list_star.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
.circle_list  li {background: url(../icons/list_circle.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
.cross_list  li {background: url(../icons/list_cross.png) no-repeat 0% 50%; padding: 0 0 0 16px;}
.checkcircle_list  li {background: url(../icons/check-circle.svg) no-repeat 0% 50%; padding: 2px 2px 2px 40px;}

.square_list li {
    background: url(../icons/sand-dot.svg) no-repeat 0% 50%;
    background-size: 12px 12px;   /* ? scale the SVG */
    padding: 2px 2px 2px 26px;
}
.arrow_list li {
    background: url(../icons/purple-dot.svg) no-repeat 0% 50%;
    background-size: 12px 12px;   /* ? scale the SVG */
    padding: 2px 2px 2px 26px;
}
.checkcircle_list li {
    background: url(../icons/check-circle.svg) no-repeat 0% 50%;
    background-size: 28px 28px;   /* ? scale the SVG */
    padding: 2px 2px 2px 38px;
}
.rarrow_list li {
    background: url(../icons/arrow-right.svg) no-repeat 0% 50%;
    background-size: 22px 22px;   /* ? scale the SVG */
    padding: 2px 2px 2px 38px;
}
.bonus_list li {
    background: url(../icons/sand-dot.svg) no-repeat 0% 50%;
    background-size: 12px 12px;   /* ? scale the SVG */
    padding: 2px 2px 2px 26px;
}

/* Padding */

.buttonpad {
	margin-bottom: 30px;
	margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
}
.buttonpad1 {
	margin-bottom: 30px;
	margin-top: 35px;
    margin-right: 30px;
    margin-left: 30px;
	float: right;
}
.buttonpad2 {
	margin-bottom: 30px;
    margin-right: 30px;
    margin-left: 30px;
}
.buttonbg1 {
	background-color: #1A0033;
}
.topicpad {
    padding-right: 40px;
}
.nopad {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.nopadleftright {
	padding-left: 0px;
	padding-right: 0px;
}
.nopadleft {
	padding-left: 0px;
}
.nopadright {
	padding-right: 0px;
}
.nopadtopbot {
	padding-top: 0px;
	padding-bottom: 0px;
}
.nopadbot {
	padding-bottom: 0px;
}
.nopadtop {
	padding-top: 0px;
}
.itempad {
	padding-bottom: 40px;
}
.toppadsmall {
    padding-top: 40px;
}
.botpadsmall {
    padding-bottom: 40px;
} 
.logopad {
    width: 300px;
	height: 90px;
    padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 46px;
	text-align: left;
}
.padleft {
    padding-left: 8px;
}

@media only screen and (min-width: 1px) and (max-width: 960px) {
.noleftpad {
     padding-left: 30px;	
}
.nopadright {
	padding-left: 0px;
}
.botpadgo {
     padding-bottom: 0px;
}
.toppadgo {
     padding-top: 0px;
}
#legacy .toppadgo {
    padding-top: 10px;
}
.imagepad {
	padding-top: 1px;
	padding-bottom: 1px;
}
}

@media only screen and (min-width: 1px) and (max-width: 960px) {
.buttonpad {
     margin-bottom: 25px;
	 margin-top: 10px;	
}
.logowrap {
    max-width: 200px;
}
}
.menupad {
     padding-top: 20px;
     padding-bottom: 20px;
}

/* Backgrounds */

.blackbg {
    background-color: #343434;	
}
.mauvebg {
    background-color: #E0D3FF;	
}
.whitebg {
    background-color: #F8F1E5;	
}
.purplebg {
    background-color: #1A0033;	
}
.creambg {
    background-color: #F8F1E5;	
}
.purpleround {
    background: linear-gradient(to bottom, #581C87, #1A0033);
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 42px;
	padding-right: 30px;
	padding-bottom: 50px;
	text-decoration: none;
}
.purpleround1 {
    background: linear-gradient(to bottom, #581C87, #1A0033);
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 42px;
	padding-right: 30px;
	padding-bottom: 50px;
	border-width: 1px;
	border-style: solid;
	border-color: #1A0033;
    text-decoration: none;
}
.lbm-column a:hover .purpleround1 {
    background: linear-gradient(to bottom, #581C87, #1A0033);
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 42px;
	padding-right: 30px;
	padding-bottom: 50px;
	border-width: 1px;
	border-style: solid;
	border-color: #F8F1E5;
    text-decoration: none;
}

.ltpurpleround {
    background-color: #E0D3FF;
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 42px;
	padding-right: 30px;
	padding-bottom: 50px;
}
.ltpurpleround1 {
    background-color: #8f35ed;
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 22px;
	padding-right: 30px;
	padding-bottom: 37px;
}
.ltpurpleround2 {
    background-color: #F81C87;
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 22px;
	padding-right: 30px;
	padding-bottom: 37px;
}
.columnheight {
    height: 450px;
}
.columnheight1 {
    height: 400px;
}
.whiteround {
    background-color: #f7f0e3;
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 22px;
	padding-right: 30px;
	padding-bottom: 34px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #416af4;
}
.whiteround1 {
    background-color: #f7f0e3;
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 22px;
	padding-right: 30px;
	padding-bottom: 34px;
}
.whiteround2 {
    background-color: #ffffff;
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 42px;
	padding-right: 30px;
	padding-bottom: 50px;
}
.whiteround3 {
    background-color: #f7f0e3;
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 22px;
	padding-right: 30px;
	padding-bottom: 1px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #416af4;
}
.whiteround4 {
    background-color: #f7f0e3;
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 22px;
	padding-right: 30px;
	padding-bottom: 1px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #F43677;
}
.whiteround5 {
    background-color: #f7f0e3;
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 22px;
	padding-right: 30px;
	padding-bottom: 34px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #F43677;
}
.whiteround6 {
    background-color: #f7f0e3;
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 22px;
	padding-right: 30px;
	padding-bottom: 34px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #1FA971;
}
.whiteround7 {
    background-color: #f7f0e3;
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 22px;
	padding-right: 30px;
	padding-bottom: 34px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #FD725A;
}
.blueround {
    background-color: #416af4;
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 22px;
	padding-right: 30px;
	padding-bottom: 34px;
}
.greenround {
    background-color: #1FA971;
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 22px;
	padding-right: 30px;
	padding-bottom: 34px;
}
.peachround {
    background-color: #FD725A;
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 22px;
	padding-right: 30px;
	padding-bottom: 34px;
}
.blueround1 {
    background-color: #581C87;
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 22px;
	padding-right: 30px;
	padding-bottom: 34px;
}
.mauveround {
    background-color: #E0D3FF;
	border-radius: 30px;
	padding-left: 33px;
	padding-top: 22px;
	padding-right: 30px;
	padding-bottom: 34px;
}

/* Other */

@media only screen and (min-width: 1px) and (max-width: 600px) {
.logopad {
    padding-top: 20px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
}
}

@media only screen and (min-width: 1px) and (max-width: 600px) {
#header {
	display: none;
}
.logopad {
    padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
}
}
@media only screen and (min-width: 601px) and (max-width: 999999px) {
#header1 {
	display: none;
}
}

.alignright {
    text-align: right;	
}
.alignleft {
    text-align: left;	
}
.aligncenter {
	text-align: center;
}
img aligncenter {
    text-align: center;	
}
.copy {
    color: #232323;
	font-size: 0.8em;
	text-align: left;
	float: left	
}
#footer p{
    color: #8b7f99;	
}
#footer h3{
	color: #F8F1E5;	
}
#footer a {
    color: #8b7f99;	
	text-decoration: none;
}
#footer a:hover {
    color: #E0D3FF;	
	text-decoration: none;
}
#footer a:active {
    color: #8b7f99;	
	text-decoration: none;
}
.floatleft {
    float: left;	
}
.floatright {
    float: right;	
}
.white {
	color: #F8F1E5;
}
.mauve {
    color: #cebcff;
    font-size: 1.3em;
	font-weight: bold;
}
.mauve1 {
    color: #cebcff;
}
.purple {
    color: #1A0033;
}
.dkmauve {
    color: #D0BCFF;
}
.vdkmauve {
    color: #8f35ed;
}
.ltblue {
    color:#98b5c3;
}
.dusty {
    color: #8b7f99;
}
.facebook {
    margin-top: 20px;
	width: 38px;
	height: 38px;
	margin-left: auto;
	margin-right: auto;	
}
.font500 {
    font-weight: 500;
}
.font400 {
    font-weight: 400;
}
.font600 {
    font-weight: 600;
}
.font300 {
    font-weight: 300;
}
.centerbutton {
	width: 132px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.smalltext {
    font-size: 80%;
	line-height: 1.2em;
}
.smallish {
    font-size: 80%;
	line-height: 1.5em;
}
.maxwidth {
	max-width: 348px;
    min-width: 200px;
}
.centrebutton {
	text-align: center;
}
.daybutton {
    width: 80%;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #336Af1;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	font-size: 1em;
	font-weight: 600;
	text-decoration:none;
}
.daybutton:hover {
    background-color: #1E40AF;
    cursor: pointer; /* optional but usually feels right for a button */
}
.daybutton1 {
    width: 80%;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #336AF1;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	font-size: 1em;
	font-weight: 600;
	text-decoration:none;
}
.daybutton1:hover {
    background-color: #1E40AF;
    cursor: pointer; /* optional but usually feels right for a button */
	border-radius: 46px;
}

.daybutton1off {
    width: 80%;
	height: 26px;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #1A0033;
	margin-left: auto;
	margin-right: auto;
    color: #ffffff;
	border-radius: 46px;
	border-width: 2px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 2px;
	font-size: 1em;
	font-weight: 600;
	text-decoration:none;
}
.daybutton1off:hover {
    background-color: #1E40AF;
    cursor: pointer; /* optional but usually feels right for a button */
	border-radius: 46px;
	border-width: 2px;
	border-color: #1E40AF;
	border-style: solid;
}

.daybutton2 {
    width: 80%;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #F43677;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	font-size: 1em;
	font-weight: 600;
	text-decoration:none;
}
.daybutton2:hover {
    background-color: #C81E5A;
    cursor: pointer; /* optional but usually feels right for a button */
	border-radius: 46px;
}
.daybutton2off {
    width: 80%;
	height: 26px;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #1A0033;
	margin-left: auto;
	margin-right: auto;
    color: #ffffff;
	border-radius: 46px;
	border-width: 2px;
	border-color: #ffffff;
	border-style: solid;
	border-weight: 2px;
	font-size: 1em;
	font-weight: 600;
	text-decoration:none;
}
.daybutton2off:hover {
    background-color: #F43677;
    cursor: pointer; /* optional but usually feels right for a button */
	border-radius: 46px;
	border-width: 2px;
	border-color: #C81E5A;
	border-style: solid;
}
.daybutton3 {
    width: 80%;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #FD725a;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	font-size: 1em;
	font-weight: 600;
	text-decoration:none;
}
.daybutton3:hover {
    background-color: #d94e36;
    cursor: pointer; /* optional but usually feels right for a button */
	border-radius: 46px;
}
.daybutton3off {
    width: 80%;
	height: 26px;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #1A0033;
	margin-left: auto;
	margin-right: auto;
    color: #ffffff;
	border-radius: 46px;
	border-width: 2px;
	border-color: #ffffff;
	border-style: solid;
	border-weight: 2px;
	font-size: 1em;
	font-weight: 600;
	text-decoration:none;
}
.daybutton3off:hover {
    background-color: #FD725A;
    cursor: pointer; /* optional but usually feels right for a button */
	border-radius: 46px;
	height: 30px;
	border-width: 0px;
	border-color: #ffffff;
	border-style: solid;
	border-weight: 0px;
}
.daybutton4 {
    width: 80%;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #35D58D;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	font-size: 1em;
	font-weight: 600;
	text-decoration:none;
}
.daybutton4:hover {
    background-color: #1FA971;
    cursor: pointer; /* optional but usually feels right for a button */
	border-radius: 46px;
}
.daybutton4off {
    width: 80%;
	height: 26px;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #1A0033;
	margin-left: auto;
	margin-right: auto;
    color: #ffffff;
	border-radius: 46px;
	border-width: 2px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 2px;
	font-size: 1em;
	font-weight: 600;
	text-decoration:none;
}
.daybutton4off:hover {
    background-color: #1FA971;
    cursor: pointer; /* optional but usually feels right for a button */
	border-radius: 46px;
	border-width: 2px;
	border-color: #1FA971;
	border-style: solid;
}
.daybutton5 {
    width: 80%;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background color: #336AF1;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	font-size: 1em;
	font-weight: 600;
	text-decoration:none;
}
.daybutton5:hover {
    background-color: #1FA971;
    cursor: pointer; /* optional but usually feels right for a button */
	border-radius: 46px;
}
.daybutton5off {
    width: 80%;
	height: 26px;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #1A0033;
	margin-left: auto;
	margin-right: auto;
    color: #ffffff;
	border-radius: 46px;
	border-width: 2px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 2px;
	font-size: 1em;
	font-weight: 600;
	text-decoration:none;
}
.daybutton5off:hover {
    background-color: #1FA971;
    cursor: pointer; /* optional but usually feels right for a button */
	border-radius: 46px;
	border-width: 2px;
	border-color: #1FA971;
	border-style: solid;
}
.daybutton6 {
    width: 80%;
	height: 30px;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background: #336AF1;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	font-size: 1em;
	font-weight: 600;
	text-decoration:none;
}
.daybutton6:hover {
    background-color: #0c39a3;
    cursor: pointer; /* optional but usually feels right for a button */
	border-radius: 46px;
}
.daybutton6off {
    width: 80%;
	height: 26px;
	padding-top: 10px;
	padding-bottom: 4px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #1A0033;
	margin-left: auto;
	margin-right: auto;
    color: #ffffff;
	border-radius: 46px;
	border-width: 2px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 2px;
	font-size: 1em;
	font-weight: 600;
	text-decoration:none;
}
.daybutton6off:hover {
	background-color: #1E40AF;
    cursor: pointer; /* optional but usually feels right for a button */
	border-radius: 46px;
	height: 30px;
	border-width: 0px;
	border-color: #ffffff;
	border-style: solid;
	border-weight: 0px;
}
a[href="#maitrilink"] {
    text-decoration: none;
}
a[href="#flagshiplink"] {
    text-decoration: none;
}
a[href="#strategiclink"] {
    text-decoration: none;
}
a[href="#festivallink"] {
    text-decoration: none;
}
a[href="#marketplacelink"] {
    text-decoration: none;
}
a[href="#networklink"] {
    text-decoration: none;
}
.morebutton {
    width: 250px;
	height: 28px;
	padding-top: 14px;
	padding-bottom: 9px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #1A0033;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	border-width: 2px;
	border-color: #F8F1E5;
	border-style: solid;
	font-size: 1em;
	text-decoration:none;
	font-weight: 600;
}
.morebutton1 {
    width: 250px;
	height: 30px;
	padding-top: 14px;
	padding-bottom: 9px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #8f35ed;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	font-size: 1em;
	text-decoration:none;
	font-weight: 600;
}
.morebutton2 {
    width: 250px;
	height: 28px;
	padding-top: 14px;
	padding-bottom: 9px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #1A0033;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	border-width: 2px;
	border-color: #F8F1E5;
	border-style: solid;
	font-size: 1em;
	text-decoration:none;
	font-weight: 600;
}
.morebutton3 {
    width: 250px;
	height: 28px;
	padding-top: 14px;
	padding-bottom: 9px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #1A0033;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	font-size: 1em;
	text-decoration:none;
	font-weight: 600;
}
.morebutton4 {
    width: 250px;
	height: 30px;
	padding-top: 14px;
	padding-bottom: 9px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	border-width: 2px;
	border-color: #F8F1E5;
	border-style: solid;
	font-size: 1em;
	text-decoration:none;
	font-weight: 600;
}
.morebutton5 {
    width: 250px;
	height: 28px;
	padding-top: 14px;
	padding-bottom: 9px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #581C87;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	font-size: 1em;
	text-decoration:none;
	font-weight: 600;
}
.morebutton6 {
    width: 250px;
	height: 30px;
	padding-top: 14px;
	padding-bottom: 9px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #f7f0e3;
	margin-left: auto;
	margin-right: auto;
    color: #101010;
	border-radius: 46px;
	border-width: 2px;
	border-color: #1A0033;
	border-style: solid;
	font-size: 1em;
	text-decoration:none;
	font-weight: 600;
}
.morebutton7 {
    width: 250px;
	height: 28px;
	padding-top: 13px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #8f35ed;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	font-size: 1em;
	text-decoration:none;
	font-weight: 600;
}
.morebutton8 {
    width: 250px;
	height: 30px;
	background-color: #9333EA;
	padding-top: 14px;
	padding-bottom: 9px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	border-width: 2px;
	border-color: #9333EA;
	border-style: solid;
	font-size: 1em;
	text-decoration:none;
	font-weight: 600;
}

.morebutton8:hover {
    width: 250px;
	height: 30px;
    background-color: #581C87;
    cursor: pointer; /* optional but usually feels right for a button */
	padding-top: 14px;
	padding-bottom: 9px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	border-width: 2px;
	border-color: #581C87;
	border-style: solid;
	font-size: 1em;
	text-decoration:none;
	font-weight: 600;
}
.morebutton9 {
    width: 290px;
	height: 30px;
	padding-top: 14px;
	padding-bottom: 9px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
    background-color: #1A0033;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	font-size: 1em;
	text-decoration: none;
	font-weight: 600;
}
.morebutton9:hover {
    width: 290px;
	height: 30px;
    background-color: #581C87;
    cursor: pointer; /* optional but usually feels right for a button */
	padding-top: 14px;
	padding-bottom: 9px;
	padding-left: 20px;
	padding-right: 20px;
    text-align: center;
	margin-left: auto;
	margin-right: auto;
    color: #F8F1E5;
	border-radius: 46px;
	font-size: 1em;
	text-decoration: none;
	font-weight: 600;
}
.speakerbutton {
    width: 160px;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 6px;
	padding-left: 18px;
	padding-right: 18px;
    text-align: center;
    background-color: #1A0033;
    color: #F8F1E5;
	border-radius: 46px;
	font-size: 0.7em;
	text-decoration:none;
}
.speakerbutton1 {
    width: 160px;
	height: 20px;
	padding-top: 2px;
	padding-bottom: 6px;
	padding-left: 18px;
	padding-right: 18px;
    text-align: center;
    background-color: #1A0033;
    color: #F8F1E5;
	border-radius: 46px;
	font-size: 0.7em;
	text-decoration:none;
	margin-left: auto;
	margin-right: auto;
}
.smallline {
    font-size: 0.8em;
}
.whiteline {
    width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 1px;
    background-color: #F8F1E5;
}
.purpleline {
    width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 1px;
    background-color: #1A0033;
	margin-top: 25px;
}
.homebannerbg {
  background-image: url("/images/blurred.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.bgblurred {
  background-image: url("/images/blurred.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.bgevening {
  background-image: url("/images/evening.png");
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
#butt a {	
	text-decoration: none;
}
#butt a:hover {
	text-decoration: none;
}
#butt a:active {
	text-decoration: none;
}
.leftalign {
    float: left;
	padding-left: 40px;
}
.leftalign1 {
    text-align:left;
}
.level1 {
    color: #F8F1E5;
	font-weight: bold;
	font-size: 3.8em;
	line-height: 1.3em;
    padding-left: 63px;
	padding-top: 140px;
}
.level2 {
    color: #F8F1E5;
	font-size: 1.25em;
	line-height: 1.3em;
    padding-left: 63px;
	padding-top: 30px;
	width: 45%;
	font-weight: 400;
}
.level3 {
    color: #F8F1E5;
	font-size: 1.25em;
	line-height: 1.3em;
    padding-left: 63px;
	padding-top: 40px;
	padding-bottom: 30px;
	font-weight: 400;
	width: 70%;
}
.level4 {
	padding-top: 40px;
	padding-bottom: 140px;
	clear: left;
	float: left;
}

/* Mobile */

@media only screen and (min-width: 1px) and (max-width: 600px) {
.level1 {
    color: #F8F1E5;
	font-weight: bold;
	font-size: 3em;
	line-height: 1.3em;
    padding-left: 30px;
	padding-top: 50px;
	padding-right: 30px;
}
.level2 {
    color: #98b5c3;
	font-size: 1.25em;
	line-height: 1.3em;
    padding-left: 30px;
	padding-top: 30px;
	width: 88%;
	font-weight: 400;
}
.level3 {
    color: #F8F1E5;
	font-size: 1.25em;
	line-height: 1.3em;
    padding-left: 63px;
	padding-top: 40px;
	padding-bottom: 60px;
	width: 88%;
	font-weight: 400;
}
.level4 {
	padding-top: 40px;
	padding-bottom: 60px;
	clear: left;
	float: left;
}
}
.linkedin {
    width: 40px;
	height: 40px;
	margin-top: 22px;
}
.smallrounded {
    border-radius: 4px;
}
.speakerbox {
    width: auto;
	height: auto;
	float: left;
}
.speakername {
    color: #1A0033;
	font-size: 1em;
	line-height: 1.1em;
	font-weight: 700;
}
.title {
    color: #1A0033;
	font-size: 0.8em;
	line-height: 1.1em;
	font-weight: 400;
}
.role {
    color: #1A0033;
	font-size: 0.85em;
	line-height: 1.1em;
	font-weight: 600;
}
.logowrap {
    padding-right: 20%;
}
#nounderline a{
    text-decoration: none;
}
.pup {
    margin-top: 0px;
	margin-bottom: 7px;
	font-weight: 500;
}



/* Allow the nav column to expand when the menu opens */
.nav-col {
    overflow: visible !important;
}

/* Mobile fixes */
@media (max-width: 600px) {

/* Make the nav column full width so the menu can expand */
.nav-col {
        width: 100% !important;
        display: block !important;
}

/* Ensure parent containers do not clip the expanding menu */
#navigation,
#navigation .lbm-col-wrapper,
#navigation .lbm-row,
#navigation .lbm-column {
        overflow: visible !important;
        height: auto !important;
}
.hide {
   display: none;
}
@media (max-width: 480px) {
  .lbm-column.width-20 {
    width: 100%;
    order: 3;          /* pushes it below the menu */
    text-align: center;
  }

  .lbm-column.width-50 {
    order: 2;          /* keeps the menu above the button */
  }

  .lbm-column.width-30 {
    order: 1;          /* logo stays first */
  }
}
}

