/* Colour Palette */
.white { color: #fff;    }
.teal  { color: #330072; } /*header?*/
.grey  { color: #444;    }
.dgreen{ color: #004C46; }
.purple{ color: #330072; }

.page-title h1,
h1{ font-size: 50px; font-weight: normal;  } /*font-family: 'callunaregular';*/

h2{ color: #330072; font-size: 18px; text-transform: uppercase;}
h3{ color: #330072; font-size: 22px; font-weight: bold;  }
h4{ color: #330072; font-size: 22px; font-weight: normal; }
h5{ color: #444444; font-size: 17px; font-weight: bold; }
h6{}

h1,h2,h3,h4,h5,h6{
   
}

p{
    font-size: 17px; 
    line-height: 24px;
    color: #444444 ;
}


/*contact us*/
.bg-Dark-Green{
     background-color: #330072;
}

.bg-Dark-Navy{
    background-color: #330072;
    color: #fff;
}


.accordion .s_panel h3{
    background: #330072;
    color: #fff;
}

.bg-teal{ background-color: #330072; color: #fff;}

.bg-Dark-Green *{
    color: #fff; 
}

/*override via inheritence*/
body #page .bg-Dark-Green a{
     text-decoration: none;
}

.bg-Mid-Grey{
    background-color: #BCBCBC;
}

.slide-deck p,
.slide-deck p a{ color: #fff; }



/* End Colour Palette */

#header{
    max-width: 100% !important;
    position: relative;
    padding: 0px;
    
	/* fade top image to allow logo and search to show correctly. */
}

.home-page #header:before{
	display: block;
    position: relative;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, .7) 100%);
    height: 190px;
    width: 100%;
    content: '';
}

#header > img{ max-width: 1920px; width: 100%; margin-top: -210px;}

.page-universal.home-page #header > img{ opacity: 0; }



.page-universal.home-page #header{
    background-image: url("../images/luther-landing.jpg");  
    background-attachment: fixed;
    
    background-position: top;
    background-size: contain;
    
    background-repeat: no-repeat;
    
    /*
    background-position: center;
    background-size: cover;
    */
}

@media (min-width: 1280px){
    .page-universal.home-page #header{
        background-size: cover;
    }
}


#header > .search-header{ width: 100%; position: absolute; top: 0px;  }

#header > .search-header .row{ top: 20px; max-width: 1230px; width: 100%; margin: 0 auto; /*padding-bottom: 50;*/ }

.home-page #header > .search-header .row{ /*padding-bottom:20px;*/ }

#header > .search-header .site-text{ padding: 20px 0px; }
#header > .search-header .site-logo{ max-width: 214px; }

.search-header > .row{ overflow: hidden; } /*height fix*/

#subHeader{
    overflow: hidden;
}

#header #menu { 
    top: 126px;
    max-width: 100%;
}

#header #menu .mnuWrapper{ width: 100%; max-width: 1250px; margin: 0 auto; }


#nav > ul > li ul li{ background-color:#330072; color: #fff; }

/* No greater than 1230px, no less than 1025px - grow by upto 9 px */
@media (max-width:1230px) and (min-width:1025px) {
   h1{ font-size: calc( 41px + ( 100vw / 1230 ) * 9 ) ;  }
}

/* No greater than 1024px, no less than 601px - grow by upto 4 px */
@media (max-width:1024px) and (min-width:601px) {
   h1{ font-size: calc( 36px + ( 100vw / 1024 ) * 4 ) ;  }
}

/* No greater than 600px, no less than 400px - grow by upto 5 px */
@media (max-width:600px) and (min-width:400px) {
   h1{ font-size: calc( 30px + ( 100vw / 400 ) * 5 ) ;  }
}

.ui-tabs .ui-tabs-nav li.ui-state-default{
    background-color: #330072;
    color: #fff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-state-active{
    color: #330072;
    background-color: #f6f6f6;
}

.accordion .s_panel h3.ui-state-active,
.accordion .s_panel h3:hover{
    color: #330072;
    background-color: #d3d3d3;
    border: 1px solid #FFFFFF;
}

.spotlights ul.slides li a p{ 
    margin-top: 10px;
}

/***** New Menu items ************/

@media (min-width: 1024px){
    
#theMenu li .mnuItem{
    border-right: 1px solid #fff;
}

#theMenu li:first-child .mnuItem{
    border-left: 1px solid #fff; 
}



#theMenu li:hover .mnuItem,
#theMenu li:last-child .mnuItem{
 /*   border-right: 1px solid #004C46; leave white */
}
/*
#theMenu li:last-child .mnuItem{
    border-right:#330072;
}
*/


#theMenu li a div.mnuItem{
    text-align: center;
    text-indent: -20px;
}

}

/***** New Menu items ************/


@media (max-width: 1024px){

body.page-universal  #page{
    /*padding-top: 20px;*/
    padding-left: 0px;
    padding-right: 0px;
}

.module-Carousel {
    overflow: hidden;
}

body.page-universal  #page > div{
    padding-left: 30px;
    padding-right: 30px;
}

body.page-universal  #page > nav{
    margin-bottom: 20px;
}


#maincontent .col-66{
    padding-right: 30px;
}

.page-universal.home-page #page > .col.col-75,
.page-universal.home-page .col-25{
    padding-left: 30px; /* was 0 */
    padding-right: 30px; /* was 0 */
}


#page > .col.col-75,
.col-25{
    padding-left: 30px; /* was 0 */
    padding-right: 30px; /* was 0 */
}



.home-page #maincontent{
 padding-top: 25px;   
}

.page-universal #menu{
    height: 0;
    background-color: #330072;
    padding: 0px;
}

.row #subheader .row{
    padding-left: 0px;
    padding-right: 0px;
}

#header #subHeader{
    padding: 0px 15px;
}

}

@media (max-width: 600px){
    #maincontent .col-66{
        padding-right: 0px;
    }
	#header > img {
		display:none;
	}
	.home-page #header:before{
		background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 100%);
	}
}

#theMenu li:last-child .mnuItem::after {
	content:url(../images/give-leaf-nav.png);
	margin-left: 7px;
    top: 4px;
    position: relative;
}

blockquote, blockquote p {
    line-height: 1.6;
    color: #6f6f6f;
}

blockquote {
    margin: 0 0 1.25em;
    padding: 0.5625em 1.25em 0 1.1875em;
    border-left: 1px solid #dddddd;
}