/*
Theme Name: San Diego Pride
Theme URI: https://www.sdpride.org
Description: San Diego Pride
Author: Webedelic
Author URI: http://www.webedelic.com
Description: San Diego Pride
Version: 1.0
Tags: San Diego Pride
License:
License URI:
*/

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');



html, body {
	font-size: 15px;
    font-family: "Outfit", serif;
	color: #4d4d4e;
	height: 100%;
}

h1, h2 {
	color: #4d4d4e;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 18px;
	font-family: "Outfit", serif;
	color: #4d4d4e;
	font-weight: 900;
}

img {
	max-width: 100%;
	height: auto;
}
a:link {color: #2b2b2b; text-decoration: none; }
a:visited {color: #2b2b2b; text-decoration: none; }
a:hover {color: #00aa9e; text-decoration: none; }
a:active {color: #2b2b2b; text-decoration: none; }












.topbutton {
  border: none;
  color: white;
  text-align: center;
  font-size: 15px;
  margin-right: 10px;
  margin-left: 20px;
  margin-top: 40px;
  opacity: 1
  transition: 0.3s;
  text-decoration: none;
  font-family: "Outfit", serif;
	text-transform: uppercase;
	font-weight: 700;
  cursor: pointer;
  float: right;
  
}



.topbutton a:link {color: #ffffff; text-decoration: none; padding-top:3px; padding-bottom:3px; padding-right:10px; padding-left:10px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #6a2d91;  border-color: #6a2d91;background-color: #6a2d91; }
.topbutton a:visited {color: #ffffff; text-decoration: none; padding-top:3px; padding-bottom:3px; padding-right:10px; padding-left:10px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #6a2d91;  border-color: #6a2d91;background-color: #6a2d91; }
.topbutton a:hover {color: #6a2d91; text-decoration: none; background-color: #0155a5; padding-top:3px; padding-bottom:3px; padding-right:10px; padding-left:10px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #6a2d91;  border-color: #6a2d91; background-color: #ffffff;-webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease;background-color: #ffffff; }
.topbutton a:active {color: #ffffff; text-decoration: none; padding-top:3px; padding-bottom:3px; padding-right:10px; padding-left:10px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #6a2d91;  border-color: #6a2d91;background-color: #6a2d91; } 








.acessibilitybutton {
  border: none;
  color: white;
  text-align: center;
  font-size: 10px;
  line-height: 10px;
  opacity: 1
  transition: 0.3s;
  text-decoration: none;
  font-family: "Outfit", serif;
	text-transform: uppercase;
	font-weight: 400;
  cursor: pointer;
  margin-bottom: 60px;
  margin-top: 7px;
  float: left;
  
}



.acessibilitybutton a:link {color: #ffffff; text-decoration: none; padding-top:4px; padding-bottom:4px; padding-right:4px; padding-left:4px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #0086de;background-color: #0086de; }
.acessibilitybutton a:visited {color: #ffffff; text-decoration: none; padding-top:4px; padding-bottom:4px; padding-right:4px; padding-left:4px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #0086de;background-color: #0086de; }
.acessibilitybutton a:hover {color: #0086de; text-decoration: none; background-color: #0155a5; padding-top:4px; padding-bottom:4px; padding-right:4px; padding-left:4px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #003263;background-color: #ffffff;-webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease;background-color: #ffffff; }
.acessibilitybutton a:active {color: #ffffff; text-decoration: none; padding-top:4px; padding-bottom:4px; padding-right:4px; padding-left:4px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #0086de;background-color: #0086de; } 




.whitelinebutton {
  border: none;
  color: white;
  text-align: center;
  font-size: 22px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 10px;
  opacity: 1
  transition: 0.3s;
  text-decoration: none;
  font-family: "Outfit", serif;
	text-transform: uppercase;
	font-weight: 700;
  cursor: pointer;
  float: left;
  
}



.whitelinebutton a:link {color: #ffffff; text-decoration: none; padding-top:15px; padding-bottom:15px; padding-right:50px; padding-left:50px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #ffffff;background-color: transparent; }
.whitelinebutton a:visited {color: #ffffff; text-decoration: none; padding-top:15px; padding-bottom:15px; padding-right:50px; padding-left:50px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #ffffff;background-color: transparent; }
.whitelinebutton a:hover {color: #003263; text-decoration: none; background-color: #0155a5; padding-top:15px; padding-bottom:15px; padding-right:50px; padding-left:50px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #003263;background-color: #ffffff;-webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease;background-color: #ffffff; }
.whitelinebutton a:active {color: #ffffff; text-decoration: none; padding-top:15px; padding-bottom:15px; padding-right:50px; padding-left:50px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #ffffff;background-color: transparent; } 







.largerpurplebnutton {
  border: none;
  color: white;
  text-align: center;
  font-size: 22px;
  margin-right: 10px;
  margin-left: 20px;
  margin-top: 40px;
  opacity: 1
  transition: 0.3s;
  text-decoration: none;
  font-family: "Outfit", serif;
	text-transform: uppercase;
	font-weight: 700;
  cursor: pointer;
  float: left;
  
}



.largerpurplebnutton a:link {color: #ffffff; text-decoration: none; padding-top:3px; padding-bottom:3px; padding-right:10px; padding-left:10px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #6a2d91;  border-color: #6a2d91;background-color: #6a2d91; }
.largerpurplebnutton a:visited {color: #ffffff; text-decoration: none; padding-top:3px; padding-bottom:3px; padding-right:10px; padding-left:10px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #6a2d91;  border-color: #6a2d91;background-color: #6a2d91; }
.largerpurplebnutton a:hover {color: #6a2d91; text-decoration: none; background-color: #0155a5; padding-top:3px; padding-bottom:3px; padding-right:10px; padding-left:10px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #6a2d91;  border-color: #6a2d91; background-color: #ffffff;-webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease;background-color: #ffffff; }
.largerpurplebnutton a:active {color: #ffffff; text-decoration: none; padding-top:3px; padding-bottom:3px; padding-right:10px; padding-left:10px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #6a2d91;  border-color: #6a2d91;background-color: #6a2d91; } 








.blogreadmorebutton {
  border: none;
  color: white;
  text-align: center;
  font-size: 15px;
  margin-right: 10px;
  margin-left: 20px;
  margin-top: 40px;
  opacity: 1
  transition: 0.3s;
  text-decoration: none;
  font-family: "Outfit", serif;
	text-transform: uppercase;
	font-weight: 700;
  cursor: pointer;
  float: left:
  
}



.blogreadmorebutton a:link {color: #ffffff; text-decoration: none; padding-top:3px; padding-bottom:3px; padding-right:10px; padding-left:10px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #6a2d91;  border-color: #6a2d91;background-color: #6a2d91; }
.blogreadmorebutton a:visited {color: #ffffff; text-decoration: none; padding-top:3px; padding-bottom:3px; padding-right:10px; padding-left:10px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #6a2d91;  border-color: #6a2d91;background-color: #6a2d91; }
.blogreadmorebutton a:hover {color: #6a2d91; text-decoration: none; background-color: #0155a5; padding-top:3px; padding-bottom:3px; padding-right:10px; padding-left:10px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #6a2d91;  border-color: #6a2d91; background-color: #ffffff;-webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease;background-color: #ffffff; }
.blogreadmorebutton a:active {color: #ffffff; text-decoration: none; padding-top:3px; padding-bottom:3px; padding-right:10px; padding-left:10px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #6a2d91;  border-color: #6a2d91;background-color: #6a2d91; } 









.navline {
	padding-top:30px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 15px;
	font-family: "Outfit", serif;
	font-weight: 700;
	color: #000000;
	text-transform: uppercase;
	float: right;
}


.navline a:link {color: #000000; text-decoration: none; padding-top:0px; padding-bottom:35px; padding-right:10px; padding-left:10px; }
.navline a:visited {color: #000000; text-decoration: none; padding-top:0px; padding-bottom:35px; padding-right:10px; padding-left:10px; }
.navline a:hover {color: #6a2d91; text-decoration: none; padding-top:0px; padding-bottom:35px; padding-right:10px; padding-left:10px;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #6a2d91; }
.navline a:active {color: #000000; text-decoration: none; padding-top:0px; padding-bottom:35px; padding-right:10px; padding-left:10px; } 


.navline ul {
    list-style-type: none;
    margin: 0;
	margin-left: -26px;
} 

.navline ul li {
    display: inline;
	padding-right:5px;
	padding-left:5px;
	padding-bottom:0px;
	padding-top:0px;
}





.navline ul ul a {
	width: 200px;
	padding-top:5px;
	padding-bottom:10px;
	padding-right:0px;
	padding-left:0px;
	display: block;
	font-size: 16px;
	line-height: 22px;
	margin-top: 0px;
	margin-left: -8px;
	z-index: 999;
	
}

.navline ul li{
	position: relative;
	padding-right:0px;
	padding-top:10px;
	float: right;
}




.navline ul ul {
	position: absolute;
	top: -999999px;
	left: 0;
	opacity: 0;
	background-color: #6a2d91;
	text-align: left;
	padding-bottom:20px;
	margin-top:34px;
	z-index: 999;
}

.navline ul li:hover > ul{
	position: absolute;
	color: #ffffff;
	top: 100%;
	opacity: .9;
}

.navline ul ul a:link {color: #ffffff; text-decoration: none; margin-bottom:-10px; padding-top:5px; padding-bottom:5px; padding-right:5px; padding-left:5px; font-weight: 400; }
.navline ul ul a:visited {color: #ffffff; text-decoration: none; margin-bottom:-10px; padding-top:5px; padding-bottom:5px; padding-right:5px; padding-left:5px; font-weight: 400; }
.navline ul ul a:hover {color: #ffea00; text-decoration: none; margin-bottom:-10px; padding-top:5px; padding-bottom:5px; padding-right:5px; padding-left:5px; font-weight: 400;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #ffea00; }
.navline ul ul a:active {color: #ffffff; text-decoration: none; margin-bottom:-10px; padding-top:5px; padding-bottom:5px; padding-right:5px; padding-left:5px; font-weight: 400; } 



.logoleft {
	width: 80px;
	height: auto;
	padding-top:10px;
	padding-bottom:20px;
	padding-right:20px;
	padding-left:0px;
	float: left;
	
}


.logoright {
	width: calc(100% - 100px);
	height: auto;
	padding-top:30px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	float: right;
	
}


.whitecon {
	background-color: #ffffff;
	width: 100%;
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	display: flex; /* Makes the container a flexbox */
  align-items: stretch; /* Ensures child elements stretch to the same height */
}






.purplecon {
	background-color: #6962f0;
	width: 100%;
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	display: flex; /* Makes the container a flexbox */
  align-items: stretch; /* Ensures child elements stretch to the same height */
}









.header-section-2 {
  width: 54%;flex: 1; /* Allows both divs to take up equal space horizontally */
  height: 500px;
  padding: 0; /* Combine all padding rules for brevity */
  overflow: hidden; /* Ensures no content overflows the div */
  float: left;
  position: relative; /* Ensures proper positioning for child elements */
}

.header-section-2 img {
  display: block; /* Removes inline space for the image */
  width: 100%; /* Makes the image fill the width of the div */
  height: 100%; /* Makes the image fill the height of the div */
  object-fit: cover; /* Ensures the image scales proportionally and fills the div */
  object-position: center; /* Centers the image */
}


.header-section-1 {
	width: 40%;flex: .7; /* Allows both divs to take up equal space horizontally */
	height: 500px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:3%;
	padding-left:3%;
	font-size: 18px;
	line-height: 24px;
  font-family: "Outfit", serif;
	font-weight: 400;
	color: #ffffff;
	float: left;
	
}





.home-section-copy {
	padding-top:0px;
	padding-bottom:30px;
	padding-right:0px;
	padding-left:0px;
	font-size: 75px;
	line-height: 80px;
  font-family: "Outfit", serif;
	text-transform: uppercase;
	font-weight: 900;
	color: #ffffff;
	
}



.home-section-second-1 {
  width: 54%;flex: 1; /* Allows both divs to take up equal space horizontally */
  height: auto;
  padding: 0; /* Combine all padding rules for brevity */
  overflow: hidden; /* Ensures no content overflows the div */
  float: left;
  position: relative; /* Ensures proper positioning for child elements */
}

.home-section-second-1 img {
  display: block; /* Removes inline space for the image */
  width: 100%; /* Makes the image fill the width of the div */
  height: 100%; /* Makes the image fill the height of the div */
  object-fit: cover; /* Ensures the image scales proportionally and fills the div */
  object-position: center; /* Centers the image */
}


.home-section-second-2 {
	width: 36%;flex: 1; /* Allows both divs to take up equal space horizontally */
	height: auto;
	padding-top:40px;
	padding-bottom:0px;
	padding-right:7%;
	padding-left:3%;
	font-size: 22px;
	line-height: 30px;
  font-family: "Outfit", serif;
	font-weight: 400;
	color: #ffffff;
	float: left;
	
}





.home-section-third-1 {
  width: 64%;flex: 1.4; /* Allows both divs to take up equal space horizontally */
  height: auto;
  padding: 0; /* Combine all padding rules for brevity */
  overflow: hidden; /* Ensures no content overflows the div */
  float: left;
  position: relative; /* Ensures proper positioning for child elements */
}

.home-section-third-1 img {
  display: block; /* Removes inline space for the image */
  width: 100%; /* Makes the image fill the width of the div */
  height: 100%; /* Makes the image fill the height of the div */
  object-fit: cover; /* Ensures the image scales proportionally and fills the div */
  object-position: center; /* Centers the image */
}


.home-section-third-2 {
	width: 26%;flex: 1; /* Allows both divs to take up equal space horizontally */
	height: auto;
	padding-top:40px;
	padding-bottom:0px;
	padding-right:7%;
	padding-left:3%;
	font-size: 22px;
	line-height: 30px;
  font-family: "Outfit", serif;
	font-weight: 400;
	color: #ffffff;
	float: left;
	
}








.pride-section-second-1 {
  width: 54%;flex: .8; /* Allows both divs to take up equal space horizontally */
  height: auto;
  padding: 0; /* Combine all padding rules for brevity */
  overflow: hidden; /* Ensures no content overflows the div */
  float: left;
  position: relative; /* Ensures proper positioning for child elements */
}

.pride-section-second-1 img {
  display: block; /* Removes inline space for the image */
  width: 100%; /* Makes the image fill the width of the div */
  height: 100%; /* Makes the image fill the height of the div */
  object-fit: cover; /* Ensures the image scales proportionally and fills the div */
  object-position: center; /* Centers the image */
}


.pride-section-second-2 {
	width: 40%;flex: 1; /* Allows both divs to take up equal space horizontally */
	height: auto;
	padding-top:40px;
	padding-bottom:0px;
	padding-right:3%;
	padding-left:3%;
	font-size: 22px;
	line-height: 30px;
  font-family: "Outfit", serif;
	font-weight: 400;
	color: #ffffff;
	float: left;
	
}


.pride-section-black-second-2 {
	width: 40%;flex: 1; /* Allows both divs to take up equal space horizontally */
	height: auto;
	padding-top:40px;
	padding-bottom:0px;
	padding-right:3%;
	padding-left:3%;
	font-size: 22px;
	line-height: 30px;
  font-family: "Outfit", serif;
	font-weight: 400;
	color: #000000;
	float: left;
	
}








.mid-image-bg {
	background-image: url(images/mid-image-bg.jpg);
	background-repeat: no-repeat;
    background-position: center;
	width: 100%;
	height: auto;
	padding-top:50px;
	padding-bottom:50px;
	padding-right:0px;
	padding-left:0px;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	
}





.copyrighttext {
	padding-top:30px;
	padding-bottom:10px;
	padding-right:0px;
	padding-left:0px;
	font-size: 13px;
	line-height: 22px;
	font-family: "Outfit", serif;
	font-weight: 400;
	color: #ffffff;
	text-align: left;
}







.white-left-title {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 50px;
	line-height: 50px;
	font-family: "Outfit", serif;
	font-weight: 900;
	color: #ffffff;
	text-align: left;
	text-transform: uppercase;
}



.white-left-small-title {
	padding-top:0px;
	padding-bottom:20px;
	padding-right:0px;
	padding-left:0px;
	font-size: 32px;
	line-height: 38px;
	font-family: "Outfit", serif;
	font-weight: 900;
	color: #ffffff;
	text-align: left;
}



.purple-left-small-title {
	padding-top:0px;
	padding-bottom:20px;
	padding-right:0px;
	padding-left:0px;
	font-size: 32px;
	line-height: 38px;
	font-family: "Outfit", serif;
	font-weight: 900;
	color: #6962f0;
	text-align: left;
}


.purple-left-smaller-title {
	padding-top:0px;
	padding-bottom:20px;
	padding-right:0px;
	padding-left:0px;
	font-size: 24px;
	line-height: 28px;
	font-family: "Outfit", serif;
	font-weight: 900;
	color: #6962f0;
	text-align: left;
}




.countdown-numbers {
	width: 430px;
	height: auto;
	padding-top:30px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 120px;
	line-height: 120px;
	font-family: "Outfit", serif;
	font-weight: 900;
	color: #ffffff;
	text-align: left;
	text-transform: uppercase;
}


.tickets-right-1 {
	padding-top:200px;
	padding-bottom:0px;
	padding-right:3%;
	padding-left:0px;
	float: right;
	
}



.whitesections {
	background-color: #ffffff;
	width: 100%;
	height: auto;
	padding-top:30px;
	padding-bottom:30px;
	padding-right:0px;
	padding-left:0px;
}




.whitebloghomesections {
	background-color: #ffffff;
	width: 100%;
	height: auto;
	padding-top:30px;
	padding-bottom:80px;
	padding-right:0px;
	padding-left:0px;
}



.purplesections {
	background-color: #6a2d91;
	width: 100%;
	height: auto;
	padding-top:30px;
	padding-bottom:30px;
	padding-right:0px;
	padding-left:0px;
}





.purpletitle {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 50px;
	line-height: 50px;
	font-family: "Outfit", serif;
	font-weight: 900;
	color: #6962f0;
	text-align: center;
	text-transform: uppercase;
}




.purpleinsidetitle {
	padding-top:0px;
	padding-bottom:30px;
	padding-right:0px;
	padding-left:0px;
	font-size: 50px;
	line-height: 50px;
	font-family: "Outfit", serif;
	font-weight: 900;
	color: #6962f0;
	text-align: center;
	text-transform: uppercase;
}




.dkpurpletitle {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 50px;
	line-height: 50px;
	font-family: "Outfit", serif;
	font-weight: 900;
	color: #6a2d91;
	text-align: center;
	text-transform: uppercase;
}




.purplenewsinsidetitle {
	padding-top:0px;
	padding-bottom:10px;
	padding-right:0px;
	padding-left:0px;
	font-size: 50px;
	line-height: 50px;
	font-family: "Outfit", serif;
	font-weight: 900;
	color: #6962f0;
	text-align: left;
	text-transform: uppercase;
}



.smpurplenewsinsidetitle {
	padding-top:0px;
	padding-bottom:10px;
	padding-right:0px;
	padding-left:0px;
	font-size: 30px;
	line-height: 30px;
	font-family: "Outfit", serif;
	font-weight: 900;
	color: #6962f0;
	text-align: left;
	text-transform: uppercase;
}



.whitetitle {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 50px;
	line-height: 50px;
	font-family: "Outfit", serif;
	font-weight: 900;
	color: #ffffff;
	text-align: center;
	text-transform: uppercase;
}


.whitefootertitle {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 50px;
	line-height: 50px;
	font-family: "Outfit", serif;
	font-weight: 900;
	color: #ffffff;
	text-align: left;
	text-transform: uppercase;
}




.blog-column-1 {
	width: 34%;
	height: 600px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:5%;
	padding-left:6%;
	float: left;
	
}

.blog-column-1 img {
  display: block; /* Removes inline space for the image */
  width: 100%; /* Makes the image fill the width of the div */
  height: 100%; /* Makes the image fill the height of the div */
  object-fit: cover; /* Ensures the image scales proportionally and fills the div */
  object-position: center; /* Centers the image */
}


.blog-column-2 {
	width: 46%;
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:9%;
	padding-left:0px;
	font-size: 18px;
	line-height: 24px;
	font-family: "Outfit", serif;
	font-weight: 400;
	color: #000000;
	text-align: left;
	float: left;
	
}



.blogtitle {
	padding-top:0px;
	padding-bottom:20px;
	padding-right:0px;
	padding-left:0px;
	font-size: 40px;
	line-height: 45px;
	font-family: "Outfit", serif;
	font-weight: 900;
	color: #6a2d91;
	text-align: left;
	text-transform: uppercase;
}








.newsthumb {
	width: 100%;
	height: 270px;
	padding-top:0px;
	padding-bottom:20px;
	padding-right:0px;
	padding-left:0px;
}

.newsthumb img {
	width: 100%;
	height: 270px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	overflow: hidden;object-fit: cover;
}



.newsdate {
	padding-top:0px;
	padding-bottom:20px;
	padding-right:0px;
	padding-left:0px;
	font-size: 15px;
	line-height: 20px;
	font-family: "Outfit", serif;
	font-weight: 400;
	color: #000000;
	text-align: left;
	text-transform: uppercase;
}







.home-event-columm {
	background-color: #6962f0;
	width: 27%;
	height: auto;
	padding-top:0px;
	padding-bottom:20px;
	padding-right:0px;
	padding-left:0px;
	font-size: 18px;
	line-height: 24px;
	font-family: "Outfit", serif;
	font-weight: 400;
	color: #ffffff;
	text-align: left;
	margin-right:2%;
	margin-left:2%;
	overflow: hidden;
	object-fit: cover;
  object-position: center;
	float: left;
	
}



.home-event-columm img {
	background-color: #6a2d91;
	height: 300px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	overflow: hidden;
	object-fit: cover;
  object-position: center;
	
}



.event-sub-title {
	padding-top:10px;
	padding-bottom:10px;
	padding-right:20px;
	padding-left:20px;
	font-size: 20px;
	line-height: 20px;
	font-family: "Outfit", serif;
	font-weight: 700;
	color: #ffffff;
	text-align: left;
	text-transform: uppercase;
}

.whitedate {
	padding-top:0px;
	padding-bottom:20px;
	padding-right:20px;
	padding-left:20px;
	font-size: 15px;
	line-height: 20px;
	font-family: "Outfit", serif;
	font-weight: 400;
	color: #ffffff;
	text-align: left;
	text-transform: uppercase;
}















.footer-white-line-sep {
	background-color: #ffffff;
	width: 4px;
	height: 200px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	margin-top:44px;
	margin-right:3%;
	float: left;
}



.footertopcolumn1 {
	width: 40%;
	height: auto;
	padding-top:40px;
	padding-bottom:0px;
	padding-right:10%;
	padding-left:0px;
	float: left;
}

.footertopcolumn2 {
	width: 15%;
	min-width: 200px;height: auto;
	padding-top:40px;
	padding-bottom:0px;
	padding-right:2%;
	padding-left:0px;
	font-size: 16px;
  font-family: "Outfit", serif;
	font-weight: 400;
	color: #ffffff;
	text-align: center;
	float: left;
}



.footertopcolumn2 img {
	width: 60%;
	padding-right:20%;
	padding-left:20%;
}

.footernav {
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 20px;
  font-family: "Outfit", serif;
	font-weight: 500;
	color: #ffffff;
}




.footernav a:link {color: #ffffff; text-decoration: none; padding-top:0px; padding-bottom:0px; padding-right:10px; padding-left:10px; }
.footernav a:visited {color: #ffffff; text-decoration: none; padding-top:0px; padding-bottom:0px; padding-right:10px; padding-left:10px; }
.footernav a:hover {color: #6a2d91; text-decoration: none; padding-top:0px; padding-bottom:0px; padding-right:10px; padding-left:10px;
	background-repeat: no-repeat;
    background-position: top center; }
.footernav a:active {color: #ffffff; text-decoration: none; padding-top:0pxpx; padding-bottom:0px; padding-right:10px; padding-left:10px; } 


.footernav ul {
    list-style-type: none;
    margin: 0;
	margin-left: -60px;
} 

.footernav ul li {
    display: block;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	padding-top:0px;
}


.footernav ul li{
	position: relative;
	padding-left:10px;
	padding-top:10px;
}


.footernav ul li:hover > ul{
	position: absolute;
	color: #ffffff;
	top: 100%;
	opacity: .9;
}





.footer-connect-center {
	width: 550px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	margin-left: auto;
    margin-right: auto;
}





.subscribefieldfloat {
	width: 75%;
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	float: left;
}




.subscribetextfloat {
	width: 25%;
	height: auto;
	padding-top:5px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	float: left;
}








.newsbodycolumn {
	width: 74%;
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:2%;
	padding-left:0px;
	text-align: left;
	font-weight: 400;
	font-family: "Outfit", serif;
	float: left;
	
}



.newsbodycolumn a:link {color: #144a8f; text-decoration: none;font-weight: 400;  }
.newsbodycolumn a:visited {color: #144a8f; text-decoration: none;font-weight: 400;  }
.newsbodycolumn a:hover {color: #4287f7; text-decoration: none; font-weight: 400;  }
.newsbodycolumn a:active {color: #144a8f; text-decoration: none;font-weight: 400;  } 





.newssidecolumn {
	background-color: #ffffff;
	width: 19%;
	height: auto;
	padding-top:20px;
	padding-bottom:20px;
	padding-right:2%;
	padding-left:2%;
	font-size: 15px;
	line-height: 28px;
	font-family: "Outfit", serif;
	font-weight: 400;
	color: #4d4d4d;
	text-align: left;
	    border-width: 0.25pt;
    border-color: #cccccc;
    border-style: solid;
        list-style-type: none;
    margin: 0;
	margin-top:5px;
	float: left;
	
}



.newssidecolumn a:link {color: #144a8f; text-decoration: none;  }
.newssidecolumn a:visited {color: #144a8f; text-decoration: none;  }
.newssidecolumn a:hover {color: #4287f7; text-decoration: none;   }
.newssidecolumn a:active {color: #144a8f; text-decoration: none;  } 







.newstextindent {
	width: 94%;
	height: 140px;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:3%;
	padding-left:3%;
}
















.mocontainer {
  position: relative;
  width: 31%;
	margin-right:1%;
	margin-left:1%;
	margin-bottom:1%;
  height:350px;
  overflow:hidden;
  float: left;
}

.moimage {
  display: block;
  width: 100%;
  height: auto;
}



.mocontainer img {
  height:350px;
  object-fit:cover;
}


.mooverlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #6a2d91;
  color: #ffffff;
  overflow: hidden;
  width: 100%;
  height: 50px;
  transition: .5s ease;
  opacity: 0.9;
}

.mocontainer:hover .mooverlay {
  height: 100%;
}

.motext {
	width: 100%;
  font-size: 20px;
	line-height: 18px;
	font-family: "Outfit", serif;
	font-weight: 700;
	color: #ffffff;
	text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}





.molift {
	width: 90%;
	height: auto;
	padding-top:40%;
	padding-bottom:5px;
	padding-right:5%;
	padding-left:5%;
	font-size: 16px;
	line-height: 22px;
	font-family: "Outfit", serif;
	font-weight: 400;
	color: #ffffff;
	text-align: center;
	
}






.what-we-do-column-1 {
	width: 23%;
	height: auto;
	padding-top:30px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	margin-right:1%;
	margin-left:1%;
	float: left;
	
}

.what-we-do-column-1 img {
  display: block; /* Removes inline space for the image */
  width: 100%; /* Makes the image fill the width of the div */
  height: 100%; /* Makes the image fill the height of the div */
  object-fit: cover; /* Ensures the image scales proportionally and fills the div */
  object-position: center; /* Centers the image */
  height:350px;
  object-fit:cover;
}




.what-we-do-column-2 {
	width: 23%;
	height: auto;
	padding-top:30px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	margin-right:1%;
	margin-left:1%;
	float: left;
	
}

.what-we-do-column-2 img {
  display: block; /* Removes inline space for the image */
  width: 100%; /* Makes the image fill the width of the div */
  height: 100%; /* Makes the image fill the height of the div */
  object-fit: cover; /* Ensures the image scales proportionally and fills the div */
  object-position: center; /* Centers the image */
  height:350px;
  object-fit:cover;
}




.whitenoflexcon {
	background-color: #ffffff;
	width: 100%;
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
}







input[type=text]    {
color: #424242;
font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
background-color: #f5f6f7;
border-width: 0;
border-color: #d7d5d5;
border-style: solid;
width: 98%;
height: 28px;
margin: 8px 8px 0px 0px;
padding-left:6px;
}


input[type=email]    {
color: #424242;
font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
background-color: #f5f6f7;
border-width: 0;
border-color: #d7d5d5;
border-style: solid;
width: 98%;
height: 28px;
margin: 8px 8px 0px 0px;
padding-left:6px;
}


select    {
color: #424242;
font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
background-color: #f5f6f7;
border-width: 0;
border-color: #d7d5d5;
border-style: solid;
width: 98%;
height: 28px;
margin: 8px 8px 0px 0px;
padding-left:6px;
}

textarea    {
color: #424242;
font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
background-color: #f5f6f7;
border-width: 0;
border-color: #d7d5d5;
border-style: solid;
width: 98%;
height: 100px;
margin: 8px 8px 0px 0px;
padding-left:6px;
padding-top:6px;
}





input[type=submit] {
  border: none;
  color: white;
  text-align: center;
  font-size: 15px;
  opacity: 1
  transition: 0.3s;
  text-decoration: none;
  font-family: "Outfit", serif;
	text-transform: uppercase;
	font-weight: 700;
  cursor: pointer;
  
}



input[type=submit] {color: #ffffff; text-decoration: none; padding-top:0px; padding-bottom:1px; padding-right:10px; padding-left:10px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #6a2d91;  border-color: #6a2d91;background-color: #6a2d91; }
input[type=submit]:hover {color: #6a2d91; text-decoration: none; background-color: #0155a5; padding-top:0px; padding-bottom:1px; padding-right:10px; padding-left:10px;border-radius: 0px;border-style: solid; border-width: 1px; border-color: #6a2d91;  border-color: #6a2d91; background-color: #ffffff;-webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 -o-transition: all 0.5s ease;
 -ms-transition: all 0.5s ease;
 transition: all 0.5s ease;background-color: #ffffff; }











.owl-prev {
	background: url(images/arrow-left2.png) no-repeat !important;
	height: 25px !important;
	width: 20px !important;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 0px !important;
  object-fit: cover !important;
  opacity: 1 !important;
    filter: alpha(opacity=100) !important;
  object-fit: cover;
	-webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}


.mec-sl-arrow-left
              {
              display: none !important;
              }


.owl-prev: hover {
	background: url(images/arrow-left2.png) no-repeat !important;
	height: 20px !important;
	width: 20px !important;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	opacity: .8 !important;
	 filter: alpha(opacity=80) !important;
}






.owl-next {
	background: url(images/arrow-right2.png) no-repeat !important;
	height: 25px !important;
	width: 20px !important;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	font-size: 0px !important;
  object-fit: cover !important;
  opacity: 1 !important;
    filter: alpha(opacity=100) !important;
  object-fit: cover;
	-webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}


.mec-sl-arrow-right
              {
              display: none !important;
              }


.owl-next: hover {
	background: url(images/arrow-right2.png) no-repeat !important;
	height: 20px !important;
	width: 20px !important;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	opacity: .8 !important;
	 filter: alpha(opacity=80) !important;
}




.owl-prev,
.owl-next {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.owl-prev {
  left: -6rem !important;
}

.owl-next {
  right: -6rem !important;
}


.comment-respond {
    display: none;
}

.mec-event-carousel-content-type2 {
	background-color: #6962f0 !important;
	margin-top: 0px !important;
	padding-top:10px !important;
	padding-bottom:10px !important;
	padding-right:20px !important;
	padding-left:20px !important;
  font-family: "Outfit", serif;
	font-weight: 400;
	color: #ffffff !important;
	height:200px !important;
	
}


.mec-carousel-event-location {
  font-family: "Outfit", serif;
	font-weight: 400;
	color: #ffffff !important;
	
}



.mec-start-date-label {
  font-family: "Outfit", serif;
	font-weight: 400;
	color: #ffffff !important;
	
}


.mec-event-date-info {
  font-family: "Outfit", serif;
	font-weight: 400;
	color: #ffffff !important;
	
}

.mec-color-hover {
  font-family: "Outfit", serif;
	font-weight: 400;
	color: #ffffff !important;
	
}

.mec-color-hover a:link {color: #ffffff; text-decoration: none; padding-top:0px; padding-bottom:0px; padding-right:10px; padding-left:10px; }
.mec-color-hover a:visited {color: #ffffff; text-decoration: none; padding-top:0px; padding-bottom:0px; padding-right:10px; padding-left:10px; }
.mec-color-hover a:hover {color: #6a2d91; text-decoration: none; padding-top:0px; padding-bottom:0px; padding-right:10px; padding-left:10px;
	background-repeat: no-repeat;
    background-position: top center; }
.mec-color-hover a:active {color: #ffffff; text-decoration: none; padding-top:0pxpx; padding-bottom:0px; padding-right:10px; padding-left:10px; } 



.mec-border-color-hover:hover {
	background-color: #6962f0 !important;
	border-width: 1px !important;
	border-color: #6a2d91 !important;
	border-color: #6a2d91 !important;
	background-color: #6a2d91 !important;
	
}



.nocomments {
	display: none !important;
	
}

/* 

.mec-event-social {
	display: none !important;
	
}


.mec-event-share {
	display: none !important;
	
}


.mec-booking-button {
	display: none !important;
	
}
*/






.mec-event-share-icon:hover {
	background-color: #ffffff !important;
	border-width: 0px !important;
}



.mec-event-share:hover {
	background-color: #ffffff !important;
	border-width: 0px !important;
}


.event-carousel-type2-head  {
	border-width: 0px !important;
	
}


.socfloat {
	width: 40px;
	padding-top:40px;
	padding-bottom:30px;
	padding-right:10px;
	padding-left:0px;
	list-style-type: none;
	font-size: 24px;
	line-height: 40px;
  font-family: "Outfit", serif;
	font-weight: 700;
	color: #ffffff;
	float: left;
	
}



.socfloat img {
	max-width: 100%;
	height: auto;opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
    
}



.socfloat img:hover {
    opacity: .8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}









.flexcenter {
display:flex;justify-content:center;align-items:center;
}



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

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





.tocenter {
	width: 90%;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:5%;
	padding-left:5%;
	margin-left: auto;
    margin-right: auto;
}



.toeventcenter {
	width: 80%;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:5%;
	padding-left:5%;
	margin-left: auto;
    margin-right: auto;
}







@media screen and (max-width:750px) {

    body {
    margin:0 0 0 0;
	overflow-x:hidden;
    }








.purplecon {
	background-color: #6962f0;
	width: 100%;
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:0px;
	display: block; /* Makes the container a flexbox */
  align-items: stretch; /* Ensures child elements stretch to the same height */
}





.header-section-2 {
  width: 100%;flex: 1; /* Allows both divs to take up equal space horizontally */
  height: auto;
  padding: 0; /* Combine all padding rules for brevity */
  overflow: hidden; /* Ensures no content overflows the div */
  position: relative; /* Ensures proper positioning for child elements */
}

.header-section-2 img {
  display: block; /* Removes inline space for the image */
  width: 100%; /* Makes the image fill the width of the div */
  height: 100%; /* Makes the image fill the height of the div */
  object-fit: cover; /* Ensures the image scales proportionally and fills the div */
  object-position: center; /* Centers the image */
}


.header-section-1 {
	width: 94%;flex: 1; /* Allows both divs to take up equal space horizontally */
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-right:3%;
	padding-left:3%;
	font-size: 18px;
	line-height: 24px;
  font-family: "Outfit", serif;
	font-weight: 400;
	color: #ffffff;
	
}