/*---------------------------Core CSS Code ---------------------------*/	
body {  /*Control all of site and defines all future layout*/
    background-color: #f4eef9;
    
   background-position: right bottom;rad
    background-attachment:fixed;
    background-size: 100%;
    background-repeat: no-repeat;
    font-family: 'Open Sans',sans-serif; /*This will change all fonts on site unless unique in the CSS*/
   	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 21px;
	color: #2f2f2f;} /*This will define the text color on site unless unique in the CSS*/
	
p {	 /*Paragraph Tag if selected*/   
    color: #2f2f2f;
	font-size: 12px;
	line-height:21px;
	padding: 0px;
	margin: 0px;}
	    
a {  /*Site Links*/   
    color: #553c8d;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;}
	
a:hover {/*Site Links on Hover*/ 
    color:#797979;
    text-decoration: none;}

img { /*any and all images on site*/  
    text-decoration: none;
    border: 0px;}
        
/*---------------------Heading Tags Based in Body Font and Size-----------------------*/

h1,h2,h3,h4,h5,h6 { /*Use this if you Want a universal Heading Color otherwise add to the Tags below*/ 
    color:#000000;
    font-family: 'Oswald',sans-serif;
    margin: 0px;
    padding: 0px;}

h1 {    /*Header 1 in Text Editor Also used for Forms and Blog Headings*/ 
    font-size: 300%;}
    

h2 {    /*Header 2 in Text Editor */
    font-size: 200%;
    margin-bottom: 10px;
}

h3 {    /*Header 3 in Text Editor */
    font-size: 175%;}

h4 {    /*Header 4 in Text Editor */
    font-size: 140%;}
    
h5 {   /*Header 5 in Text Editor */
    font-size: 125%;}
    
h6 {   /*Header 6 in Text Editor */
    font-size: 110%;}
    
.wrapper {}
        
/*---------------------------CSS for Logo---------------------------*/

.logo{
    margin-bottom: 5px;
    transition:all .7s ease;
}
.logo.tiny img{
    height: 48px;
    margin-top: -47px;
    transition:all .7s ease;
}

/*---------------------------Core CSS Code END----------------------*/

/*---------------------------Custom Style to Design-----------------*/

.imagebox img {   /*Used on Images to Create affects that can be added via Advanced Tab under CLASS*/
    margin-bottom: 15px;
    padding: 5px;
    border: solid #e6e4e4 2px;
    box-shadow: grey 0px 5px 5px;
    background-color: #ffffff;
}

.imagebox.tiny img {   /*Used on Images to Create affects that can be added via Advanced Tab under CLASS*/
    transition:all 2s ease;
    margin-bottom: 15px;
    transform:rotate(-5deg); /* Normal Code */
-ms-transform:rotate(-5deg); /* IE 9 */
-moz-transform:rotate(-5deg); /* Firefox */
-webkit-transform:rotate(-5deg); /* Safari and Chrome */
-o-transform:rotate(-5deg); /* Opera */
    padding: 5px;
    border: solid #e6e4e4 2px;
    box-shadow: grey 0px 5px 5px;
    background-color: #ffffff;
}
.imagebox.tiny2 img {   /*Used on Images to Create affects that can be added via Advanced Tab under CLASS*/
    transition:all 2s ease;
    margin-bottom: 15px;
    transform:rotate(5deg); /* Normal Code */
-ms-transform:rotate(5deg); /* IE 9 */
-moz-transform:rotate(5deg); /* Firefox */
-webkit-transform:rotate(5deg); /* Safari and Chrome */
-o-transform:rotate(5deg); /* Opera */
    
    padding: 5px;
    border: solid #e6e4e4 2px;
    box-shadow: black 0px 5px 5px;
    background-color: #ffffff;
}

.imagebox.tiny3 img {   /*Used on Images to Create affects that can be added via Advanced Tab under CLASS*/
    transition:all 2s ease;
    transform:rotate(0deg); /* Normal Code */
-ms-transform:rotate(0deg); /* IE 9 */
-moz-transform:rotate(0deg); /* Firefox */
-webkit-transform:rotate(0deg); /* Safari and Chrome */
-o-transform:rotate(0deg); /* Opera */
    margin-bottom: 15px;
    padding: 5px;
    border: solid #e6e4e4 2px;
    box-shadow: grey 0px 5px 5px;
    background-color: #ffffff;
}


.imagebox2 img {   /*Used on Images to Create affects that can be added via Advanced Tab under CLASS*/
    margin-bottom: 15px;
    padding: 5px;
    border: solid #e6e4e4 2px;
    box-shadow: grey 0px 5px 5px;
    background-color: #ffffff;
}

.imagebox2.tiny2 img {   /*Used on Images to Create affects that can be added via Advanced Tab under CLASS*/
    transition:all 2s ease;
    margin-bottom: 15px;
    transform:rotate(-5deg); /* Normal Code */
-ms-transform:rotate(-5deg); /* IE 9 */
-moz-transform:rotate(-5deg); /* Firefox */
-webkit-transform:rotate(-5deg); /* Safari and Chrome */
-o-transform:rotate(-5deg); /* Opera */
    padding: 5px;
    border: solid #e6e4e4 2px;
    box-shadow: grey 0px 5px 5px;
    background-color: #ffffff;
}
.imagebox2.tiny img {   /*Used on Images to Create affects that can be added via Advanced Tab under CLASS*/
    transition:all 2s ease;
    margin-bottom: 15px;
    transform:rotate(5deg); /* Normal Code */
-ms-transform:rotate(5deg); /* IE 9 */
-moz-transform:rotate(5deg); /* Firefox */
-webkit-transform:rotate(5deg); /* Safari and Chrome */
-o-transform:rotate(5deg); /* Opera */
    
    padding: 5px;
    border: solid #e6e4e4 2px;
    box-shadow: black 0px 5px 5px;
    background-color: #ffffff;
}

.imagebox2.tiny3 img {   /*Used on Images to Create affects that can be added via Advanced Tab under CLASS*/
    transition:all 2s ease;
    transform:rotate(0deg); /* Normal Code */
-ms-transform:rotate(0deg); /* IE 9 */
-moz-transform:rotate(0deg); /* Firefox */
-webkit-transform:rotate(0deg); /* Safari and Chrome */
-o-transform:rotate(0deg); /* Opera */
    margin-bottom: 15px;
    padding: 5px;
    border: solid #e6e4e4 2px;
    box-shadow: grey 0px 5px 5px;
    background-color: #ffffff;
}



/*---------------------------Full Slider in LiveEdit with Hover H1 Tag and Text on Top of Image---------------------------*/

.slider {
    
    margin-bottom: 25px;
    margin-top: -12px;
   
    overflow: hidden;
}

.slider img{
    width: 100%;
    height: 100%;
}

.slider h1{/*Posistion 1 on Top the Heading of the Slider Define as h1*/
    font-size:500%;
    font-family: 'Satisfy', cursive;
    color: #16540a;
    text-shadow: white 2px 2px 10px;
    background-image: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/wolcyn/white50.png');
    padding: 20px 0px 30px 0px;
    width: 100%;
    text-align: center;
    
    z-index: 1500;
    position:absolute;
    left:00px;
    top:175px;}
    
.slider h2{/*Posistion 2 under the heading Define as h2*/
    font-size:200%;
    color: #f2f2f2;
    text-shadow: black 2px 2px 10px;
    width: 100%;
    background-image: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/wolcyn/white50.png');
    padding: 25px 0px 15px 0px;
    text-align: center;
    line-height: 45px;
    z-index: 1500;
    position:absolute;
    left:00px;
    top:250px;}
    
.slider h3 a{/*Posistion 3 the Link under the h2 tag Define as h3*/
    font-size:150%;
    color: #495E73;
    text-shadow: none;
    width: 100%;
    text-align: center;
    line-height: 45px;
    z-index: 1500;
    position:absolute;
    left:00px;
    top:300px;
    transition:all .7s ease; /*Used to create the effect on the hover and back to normal*/
}
    
.slider h3 a:hover{
    font-size:170%;
    color: #ffffff;
    text-shadow: black 2px 2px 10px;
    transition:all .7s ease;/*Used to create the effect on the hover and back to normal*/
    }

@media screen and (max-width: 1124px){
    .slider h1{/*Posistion 1 on Top the Heading of the Slider Define as h1*/
    font-size:300%;
    font-family: 'Satisfy', cursive;
    color: #ffffff;
    text-shadow: black 2px 2px 10px;
    width: 100%;
    text-align: center;
    z-index: 1500;
    position:absolute;
    left:00px;
    top:100px;}
    
.slider h2{/*Posistion 2 under the heading Define as h2*/
    font-size:150%;
    color: #f2f2f2;
    text-shadow: black 2px 2px 10px;
    width: 100%;
    text-align: center;
    line-height: 45px;
    z-index: 1500;
    position:absolute;
    left:00px;
    top:150px;}
    
.slider h3 a{/*Posistion 3 the Link under the h2 tag Define as h3*/
    font-size:120%;
    color: #495E73;
    text-shadow: white 2px 2px 10px;
    width: 100%;
    text-align: center;
    line-height: 45px;
    z-index: 1500;
    position:absolute;
    left:00px;
    top:200px;
    transition:all .7s ease; /*Used to create the effect on the hover and back to normal*/
}
    
.slider h3 a:hover{
    font-size:150%;
    color: #ffffff;
    text-shadow: black 2px 2px 10px;
    transition:all .7s ease;/*Used to create the effect on the hover and back to normal*/
    }
}

@media screen and (max-width: 800px){
    .slider h1{/*Posistion 1 on Top the Heading of the Slider Define as h1*/
    font-size:200%;
    font-family: 'Satisfy', cursive;
    color: #ffffff;
    text-shadow: black 2px 2px 10px;
    width: 100%;
    text-align: center;
    z-index: 1500;
    position:absolute;
    left:00px;
    top:50px;}
    
.slider h2{/*Posistion 2 under the heading Define as h2*/
    font-size:110%;
    color: #f2f2f2;men
    text-shadow: black 2px 2px 10px;
    width: 100%;
    text-align: center;
    line-height: 45px;
    z-index: 1500;
    position:absolute;
    left:00px;
    top:85px;}
    
.slider h3 a{/*Posistion 3 the Link under the h2 tag Define as h3*/
    font-size:100%;
    color: #495E73;
    text-shadow: white 2px 2px 10px;
    width: 100%;
    text-align: center;
    line-height: 45px;
    z-index: 1500;
    position:absolute;
    left:00px;
    top:100px;
    transition:all .7s ease; /*Used to create the effect on the hover and back to normal*/
}
    
.slider h3 a:hover{
    font-size:150%;
    color: #ffffff;
    text-shadow: black 2px 2px 10px;
    transition:all .7s ease;/*Used to create the effect on the hover and back to normal*/
    }
}
    
    

/*---------------------------Box Area Wrapper for Content Areas---------------------------*/
.box{
    background-image: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/screenmedic/screenmedic/white88.png');
    border: solid grey 1px;
    margin-bottom: 15px;
    padding: 10px;}

.box {
    line-height: 16px;}
.box h4{
    line-height: 16px;}

.box2{
    background-image: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/shanemartinband/shane-martin/white10.png');
    padding: 10px;
    margin-bottom: 15px;}
    
.box2 img{}

.box3{
    background-image: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/shanemartinband/shane-martin/Black88.png');
    padding: 10px;}
    
.box3 img{
    float:right;
    margin-bottom: 15px;}
    
.treebox{
    background-image: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/screenmedic/screenmedic/white88.png');
    border: solid grey 1px;
    min-height: 375px;
    margin-bottom: 15px;
    padding: 10px;}


/*---------------------------Custom Style to Design END---------------------------*/
    


/*---------------------------Header START---------------------------*/
.headerwide {
    transition:all 2s ease;
    background-color: #f4eef9;/* Need for IE when it does not display */
    
    padding-bottom: 0px;
    border-bottom: #000000 solid 0px;
    /*height 225px;*/
    color: #000000;
    /*position: fixed;   Static Top Header Does not Move-*/
    right: 0px; /*Static Top Header Does not Move-*/
    left: 0px; /*Static Top Header Does not Move-*/
    z-index: 1030; /*Static Top Header Does not Move-*/
    
}
    
.headerwide.tiny {
    transition:all .7s ease;
    background-color: #553c8d;
    background: #20341b;
    margin-bottom: 0px;
   height: 70px;
    padding-bottom: 0px;
    border-bottom: #000000 solid 0px;
    color: #ffffff;
    position: fixed;   /*Static Top Header Does not Move-*/
    right: 0px; /*Static Top Header Does not Move-*/
    left: 0px; /*Static Top Header Does not Move-*/
    z-index: 1030; /*Static Top Header Does not Move-*/
    
}
    
.headerwidetop {
    background-color: #553c8d;
    padding: 0px;
    text-align: right;
    width: auto;
    margin: auto;
    height: 32px;
}
.header {
    margin: auto;
	width: 1000px;}
	
.headerleft {
	float: left;
	width: 250px;
    padding-top: 15px;}

.headerright {
	float: left;
    padding-left: 10px;
	text-align: right;
	width: 730px;}
	
.header1 {
    float: left;
	padding: 5px 0px 5px 0px;
	width: 600px;}
	
.header2 {
	padding: 0px 10px 0px 0px;
	width: 650px;}

.header3 {
    float: left;
	padding: 5px 0px 5px 0px;
	width: 400px;}
	
.header4 {
    float: left;
	padding: 5px 0px 5px 0px;
	width: 750px;}
	
	.header4.tiny {
    display: none;}
/*---------------------------Header END---------------------------*/


/*---------------------------MainMenu START---------------------------*/
.MainMenuwide {/*Spans the entire screen and divide Menu is then placed in here*/
    background-color: #b798c9;
    text-align: center;
    box-shadow:inset #20341b 0px 0px 8px;
}
    
.MainMenu {/*hold the menu to size*/
    text-align: center;
    margin-top: 00px;}
    
.MainMenu ul.le_menu_level_0 {/*plays with menu items per but not the link*/
    display: inline-block;
    margin: 0px;
    padding: 0px;
    text-align: left;}
    
.MainMenu li {
    list-style-type: none;
    text-decoration: none;}

.MainMenu li.le_menuitem_level_0 {
    float: left;}

.MainMenu li.le_menuitem_level_0 a {
	display: block;
    font-size: 14px;
	color: #ffffff;
	width: auto;
	font-family: 'Oswald',sans-serif;
	text-align: center;
	text-transform: uppercase;
    padding: 7px 20px 7px 20px;
	margin: 0px 0px 0px 0px;
	transition:all .7s ease;
    border-right:  dotted #000000 1px;
    }
	
	
.MainMenu li.le_menuitem_level_0 a:hover {
    color: #ffffff;
    transition:all .4s ease;
    
    background-color: #553c8d;
    
    text-decoration: none;}

.MainMenu li.le_menuitem_level_0 a.le_current_link {
    background-color: #553c8d;
    }


/*--------1st level submenu-------*/
.MainMenu ul.le_menu_level_1 {
	position: absolute;
	
	z-index: 1;
	display: none;
	padding: 0px;
	text-align: left;}
	
.MainMenu li.le_menuitem_level_0:hover ul.le_menu_level_1 {
	display: block;}
	
.MainMenu li.le_menuitem_level_1 a {
	display: block;
	background-color: #ffffff;
	color: #495E73;
	border-radius: none;
    box-shadow: none;
	padding: 10px 20px;
	text-decoration: none;
	background-color: none;
    background-image: none;}
    
.MainMenu li.le_menuitem_level_1 a:hover {
    color: #ffffff;
    border-radius: 0px 0px 0px;
    box-shadow: none;
    background-color: #413835;}
    
/*----------2nd level submenu-----*/
.MainMenu .le_menu_level_2_container {
	float: right;
	margin-top: -26px;
	padding: 0px;}
	
.MainMenu ul.le_menu_level_2 {
	position: absolute;
	z-index: 1;
	display: none;
	margin: 0px;
	padding: 0px;
	text-align: left;}
	
.MainMenu li.le_menuitem_level_1:hover ul.le_menu_level_2 {
	display: block;}
	
.MainMenu li.le_menuitem_level_2 a {
    display: block;
	font-size: 16px;
	color: #000000;
	padding: 10px 20px;
	text-decoration: none;
	background-color: #faf7e9;
    background-image: none;}
    
.MainMenu li.le_menuitem_level_2 a:hover {
    color: #ffffff;
    background-color: #445c6f;}
    
/*-------------------------MENU END--------------------------------*/

.maincontentwide {
	margin: auto;
	/*margin-top: 225px; Change to match logo height for Header Static-*/
	padding-top:00px;
   	width: auto;}
   	
.maincontent {
    background-image: url('https://3989ac5bcbe1edfc864a-0a7f10f87519dba22d2dbc6233a731e5.ssl.cf2.rackcdn.com/wolcyn/white50.png');
	margin: auto;
    width: 1000px;
    padding: 25px;
    
    margin-top: -0px;
}

/*---------------------------Main Content Area START---------------------------*/

/*---------------------------Content Start Editable Areas on Site---------------------------*/

.contenttop {
    margin-top: 0px;}


.content1 {
	padding: 0px 0px 0px 0px;}

.content1 img{
    border: solid black 0px;}

.content2 {
	float: left;
    width: 480px;
    margin: 10px 10px 25px 10px;}

.content2 img{
    border: solid black 0px;
    margin-bottom: 10px;}

.content5 img{
    margin: auto;
    width: 100%;
    height: 100%;
}
.content6 {
    float: left;
    width: 310px;
    margin: 7px;
    text-align: center;
    
}

/*---------------------------Content Start Editable Areas on Site END---------------------------*/


/*---------------------------Footer START---------------------------*/


.footerwide {
    background-color: #553c8d;
    margin-top: 0px;
    border-top: solid #dacee6 15px;
	padding: 10px 0px 15px 0px;
    box-shadow: grey 0px 0px 3px;}
    
.footer {
	margin: auto;
	width: 960px;
    color: #ffffff;
}
	
.footer p {
    color: #ffffff;
	font-size: 13px;}

.footer a {
    color: #b3d082;
	}
	
.footerleft {
	float: left;
	width: 360px;}
	
.footerright {
	float: left;
    padding-left: 10px;
	text-align: right;
	width: 590px;}
	
.footer2, .footer3, .footer4 {
    padding-top: 10px;}
    
/*---------------------------Footer Menu START---------------------------*/
    
.FooterMenu {}

.FooterMenu ul {
    display: inline-block;
    margin: 0px;
    padding: 0px;}
    
.FooterMenu ul li {
    display: block;
    float: left;
    list-style-type: none;
	width: auto;}
	
.FooterMenu ul li a {
    text-decoration: none;
	color: #ffffff;
	display: block;
	float: left;
	font-size: 13px;
    border-right: dotted black 1px;
	padding: 0px 10px 0px 10px;}
	
.FooterMenu ul li a:hover {
    color: #333333;}
    
.FooterMenu ul li:last-of-type a {}

/*--------1st level submenu-------*/
.FooterMenu li.le_menuitem_level_1 a {
    display: none;}
    
/*--------2nd level submenu-------*/
.FooterMenu li.le_menuitem_level_2 a {
    display: none;}
    
/*--------footer menu end---------*/
.le_view_mobile a {
    color: #b3d082 !IMPORTANT;
    text-decoration: underline;
    font-size: 85%;}
    
/*---------------------------Footer Menu END---------------------------*/

/*---------------------------Live Edit Override so Menus Shrink ---------------------------*/
.modal-body,.modal-body p, .modal-body a{
    font-size: 14px!IMPORTANT;}
    
.le_region_name {
    font-size: 10px;
    padding: 0;}
    
.le_region_image {
    max-height: 10px;
    padding: 0;
}
/*---------------------------Live Edit Override so Menus Shrink END ---------------------------*/
    
/*---------------------------CLEAR START---------------------------*/
/* Clear Floated Elements */
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;}

.clearfix {
	display: inline-block;}

* html .clearfix {
	height: 1%;}

.clearfix {
	display: block;}
/*---------------------------CLEAR END---------------------------*/

.hopeNHeartBtn {
    text-decoration: none; 
    font-size: 22px; 
    border: 5px solid #6eb53f; 
    border-radius: 15px; 
    background-color: #b890c2; 
    padding: 10px;
    transition: all .5s;
    color: #fff;
    box-shadow: inset  0 0 5px #fff;
    display: inline-block;
}

a.hopeNHeartBtn:hover {
    transition: all .5s;
    color: #fff !important;
    box-shadow:inset  0 0 5px #fff, 0 0 5px #b890c2;
    transform: translateY(-3px);
}

.eventBtn {
    text-decoration: none; 
    font-size: 22px; 
    border: 5px solid #b890c2 
    border-radius: 30px; 
    background-color: #b890c2; 
    padding: 10px;
    transition: all .5s;
    color: #fff;
    box-shadow: inset  0 0 5px #fff;
    display: inline-block;
}

a.eventBtn:hover {
    transition: all .5s;
    color: #fff !important;
    box-shadow:inset  0 0 5px #fff, 0 0 5px #b890c2;
    transform: translateY(-3px);
}


.small-center{
    max-width: 600px;
    margin: auto;
}