<style>
/*==in the blog--*/
.separator img--off { width: 70%; text-align:center;}

.mobile-photo img--off { width: 70%; text-align:center;}
/*=======================
1. single event area: 
	a.picture size - on site
	b.title 1 - h1
	c.title 2 - h1
	d.
=========================*/

/*=======================
TOP
=========================*/
.title-top1_h1--off { color: #000; font-size: 2.5rem;  text-transform: capitalize;text-align: center;
padding: 0px;font-family: Times New Roman; 
}

fieldset{ border-color:#E4E4E4; border-style:double; }

.title-top1_h1 { color:#000; font-weight:bold;text-transform: uppercase; font-size:28px; text-decoration:none; font-weight:800; font-family: geneva, arial, courier; text-align: center;}

.citystate_h1 {color:#1F1F1F;font-weight:bold; text-transform:capitalize; font-size:18px;text-decoration:none;  font-weight:500; font-family:"MS Serif", "New York", serif; text-align: center;}

.slogan_h2 {color:#0fa5d9; font-style:italic;text-transform:capitalize; font-size:28px; text-decoration:none; font-weight:1000; font-family:"Times New Roman", Times, serif; font-style:italic; text-align: center;}

/*==this is the bold subtitle shows age ap...--*/
.magic {color:#171717;font-weight:600; text-decoration:underline;}

.media {color:#06C;font-weight:100;}

.professional_p {text-align: left; letter-spacing: normal; padding-top: 3px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; font-weight: 200;
 color:#666; font-size: large; letter-spacing: 1px; font-family:Georgia, "Times New Roman", Times, serif;}

.information_h3 { text-align: left; letter-spacing: normal; padding-top: 5px;
 margin-top: 0px; margin-right: 0px; margin-left: 0px; font-weight: 0;
 font-size:22px; letter-spacing: 1px; font-family:Georgia, "Times New Roman", Times, serif;
}

.contact_h3 { text-align: left; letter-spacing: normal; padding-top: 5px;
 margin-top: 0px; margin-right: 0px; margin-left: 0px; font-weight: 0;
 font-size:22px; letter-spacing: 1px; font-family:Georgia, "Times New Roman", Times, serif;
}

.note { color:#CCC; font-size: xx-small; text-transform:none; letter-spacing: 1px; word-spacing:1px;
 text-decoration:none; font-weight:400; font-family: geneva, arial, courier; text-align: left;}

.date_h4 { color: #333333; font-size: 15px;text-align: center;padding: 0px;}

.event_text_p { margin-top: 10px; margin-bottom: 0px; font-size: 18px; color:#666;
 font-family:Arial, Helvetica, sans-serif; text-align:inherit; letter-spacing: 0.5px;
 word-spacing:0px; font-weight:500;}

.event_info_p { margin-top: 10px; margin-bottom: 0px; font-size: 16px;
 color:#666; font-family: Arial, Helvetica, sans-serif; text-align:inherit;
 letter-spacing: 0.5px; word-spacing:0px; font-weight:500;}

.disclamer_p { margin-top: 10px; margin-bottom: 20px; margin-left: 5px; margin-right:16px;
 font-size: 12px; color:#000; font-family:Arial, Helvetica, sans-serif;
 text-align:left; word-spacing:1px;}


/*=======================
FORM INFORMATION
=========================*/

* {  box-sizing: border-box;}

/* Create two equal columns that floats next to each other */
.column {  float: left;  width: 100%;  padding: 0px;
  padding-top:5px;  padding-bottom:5px;}

.column1 {  float: left;  width: 50%;  padding-right:0px;
  padding-left:0px;  padding-top:5px;  padding-bottom:5px;}

.column2 {  float: right;  width: 50%; padding-left:0px;
 padding-right:0px; padding-top:5px;  padding-bottom:5px;}

.column3 {  float: left;  width: 100%;  padding-right:5px; 
  padding-top:3px;  padding-bottom:3px;}

.columna1 {  float: left;  width: 33%;  padding-right:0px; 
  padding-left:0px;   padding-top:3px;  padding-bottom:3px;}
  
.columna2 {  float:inherit;  width: 33%;  padding-right:0px; 
  padding-left:0px;  padding-top:3px;  padding-bottom:3px;}
  
.columna3 {  float: inherit;  width: 33%;  padding-right:0px; 
  padding-left:0px;   padding-top:3px;  padding-bottom:3px;}

.columnacenter {  float:left;  text-align:right;  width: 60%;
  padding-right:0px;   padding-left: 40%;  padding-top:3px;  padding-bottom:3px;}

.columnasubmit1 {  float:left;  text-align:right;  width: 50%;  padding-right:0px; 
  padding-left:0px;  padding-top:3px;  padding-bottom:3px;}
  
.columnasubmit2 {  float:right;  width: 50%;  padding-right:0px; 
  padding-left:0%;  padding-top:3px;  padding-bottom:3px;}

.columhttps1 {  float:left;  width: 25%;  padding-right:0%; 
  padding-left:0%;  padding-top:3px;  padding-bottom:3px;}

.columhttps2 {  float:right;  width: 75%;  padding-right:0%; 
  padding-left:0%;  padding-top:3px;  padding-bottom:3px;}
/*=======================
icon top i
=========================*/
.title_icon i {	font-size: 28px;	color: #e91e63;	padding-top:20px;}
.title_icon {	text-align: center;	padding-top:10px;}
/*=======================
titles / subtitles
=========================*/
.divtitle {  width: 100%;  text-align: center;  padding-top:5px;
  padding-bottom:10px;  font-size: 25px; padding-bottom: 7px;}
  
.divsubtitle {  float: left;  width: 100%;  text-align: center;
  padding-top:3px;  padding-bottom:3px;  font-size: 15px;
  font-family:Georgia, "Times New Roman", Times, serif;  color:#243437;}
/*=======================
FILL FORMS STYLES
=========================*/
input[type=text], [type=url], [type=email] { width: 100%;  padding: 5px 10px;  margin: 8px 1;
  display: inline-block;  border: 1px solid #A7BCBC;  border-radius: 40px;
  box-sizing: border-box;  font-size:14px;   background:#F0F0FF;}

input[type=file] { width: 100%;  padding: 5px 10px;  margin: 8px 1;
  display: inline-block;  border: 1px solid #A7BCBC;  border-radius: 40px;
  box-sizing: border-box;  font-size:14px;  color:#FFA6AC;   background:#F0F0FF;}

input[type=select], select {
  width: 100%;  padding: 5px 10px;  margin: 8px 1;  display: inline-block;
  border: 1px solid #A7BCBC;  border-radius: 10px;  box-sizing: border-box;
  font-size:14px;  color:#000;  background:#F0F0FF;}
  
  input[type=checkbox], checkbox {
  color:#009;  background-color:#F0F0FF; height: 15px; width: 15px;}
  

input[type=search], search {
  width: 100%;  padding: 5px 10px;  margin: 8px 1;  display: inline-block;  
  border: 1px solid #A7BCBC;  border-radius: 10px;  box-sizing: border-box;  font-size:14px;}

textarea  { width: 100%;   height: 70px;  padding: 3px 10px;  margin: 8px 1;
  display: inline-block;  border: 1px solid #A7BCBC;  border-radius: 10px;
  box-sizing: border-box;  font-size:13px;}

input[type=button], input[type=submit], input[type=reset] {
  width: 50%;  background-color: #e91e63;  color: white;  padding: 4px 10px;
  margin: 3px 0;  border: none;  border-radius: 10px;  cursor: pointer;
  font-size:15px;}
/*=======================
FORMS STYLES END
=========================*/
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:#FFA6AC;  font-size:14px;  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:#FFA6AC;  font-size:14px;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color:#FFA6AC;  font-size:14px;
}

/*===sub VIDEO textarea STYLES===*/
textarea#video  {
  width: 95%;  height: 45px;  padding: 5px 10px;  margin: 8px 1;  display: inline-block;
  border: 1px solid #ccc;  border-radius: 30px;  box-sizing: border-box;  font-size:10px;
}

/*===VIDEO BOX STYLES===*/


.video {
  position: relative;  padding-bottom: calc(var(--aspect-ratio, .5625) * 30%);  height: 0;
  }
  
.video iframe {  position: absolute;  top: 0;  left: 0;  width: 40%;  height: 100%;
}


/*=======================
END ONLINE EVENTS FORM CSS
=========================*/

.tsocial_media h3 { font-size: 23px; color: #000; padding-bottom: 40px;
 margin-top: 0; font-weight: 500;
}
.tsocial_media a { display: inline-block; background:#278AC5; color: #fff;
 width: 40px; height: 40px; text-align: center; font-size: 17px;
 line-height: 36px; border-radius: 100%; margin-right: 6px;
 -webkit-transition: .3s; -o-transition: .3s; transition: .3s;
 border: 2px solid transparent;
}
.tsocial_media a:hover { background:transparent; color:#36F; border-color:#000;
}


/*=======================
BOX TOP MAGICIANS
=========================*/

.blog_title { color:#000; font-weight:bold;text-transform:capitalize; font-size:25px; text-decoration:none; font-weight:700; font-family: geneva, arial, courier; text-align: center; padding-top:0px;}
.blog_sub_title {text-align: left; letter-spacing: normal; padding-top: 3px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; font-weight: 200;
 color:#666; font-size: large; letter-spacing: 1px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}
 .text_down { color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}

.title_top { color:#0099cc; font-weight:bold;text-transform:capitalize; font-size:20px; text-decoration:none; font-weight:700; font-family: geneva, arial, courier; text-align: left; padding-top:15px;}
.subt_top { text-align: left; letter-spacing: normal; padding-top: 0px;
 margin-top: 0px; margin-right: 0px; margin-left: 0px; font-weight: 0;
 font-size:15px; letter-spacing: 1px; font-family:Georgia, "Times New Roman", Times, serif;}
.text_pp { color:#333; font-family:Georgia, "Times New Roman", Times, serif; font-size:9px;}


.crop{
    background-image: url('imagePath');
	background-size:cover;
    background-repeat: no-repeat;
    background-position:top; 
 height: 280px;
 width: 100%;
 overflow: hidden;
 object-fit: contain;
}

 .container2{
position: relative;
width: 100%;
height: 200px;
overflow: hidden;
z-index: 1;
padding-top:10px;
}

.bgImgCenter---{
    background-image: url('imagePath');
    background-repeat: no-repeat;
    background-position: center; 
    position: relative;
	display:block;

}
/* Three columns side by side */
 .column_top {
  float: left;
  width: 50%;
  margin-bottom: 16px;
  padding: 0 8px;
}

/* Display the columns below each other instead of side by side on small screens */
@media screen and (max-width: 650px) {
  .column_top {
    width: 100%;
    display: block;
  }
}

/* Add some shadows to create a card effect - DISTANCE FROM TOP -RIGHT LEFT-BOTTOM - but not the picture*/
.card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); padding-top:0px; padding-bottom:10px; padding-right:0px; padding-left:0px; height:400px; 
}

/* Some left and right padding inside the container */
.container {
  padding: 0 16px; 
}

/* Clear floats */
.container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: #fff;
  background-color:#0099cc;
  text-align: center;
  cursor: pointer;
  width: 100%;
  
}

.button:hover {
  background-color:#000;
  color: #fff;
}
/*=======================
END BOX TOP MAGICIANS
=========================*/


</style>
