@charset "utf-8";
      
/* Reset CSS */

html, div, body, span, applet, object, iframe {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 0.97em;
}

/* Disable text size adjust on the iPhone/webkit browsers */

html {-webkit-text-size-adjust: none;}

html, body {height: 100%;}


/* Emulate h1 within Joomla */
 .blog > .page-header h2:first-child {
    font-size: 32px;
}
.item-page > .page-header h2:first-child {
    font-size: 32px;    

}
.blog-featured > .page-header h2 {
    font-size: 32px; 
}
.blog > h2 {
    margin-top:20px;
}
/* Counter Bootstrap's 30px Page-Header margin-bottom */
 .page-header {
    margin-bottom:-30px;
    border-bottom:none;
}
/* Text Selection Colour CSS */
 ::-moz-selection {
    background-color:#21297C;
    color: #fff;
}
::selection {
    background-color:#21297C;
    color: #fff;
}


/* Basic body CSS */

body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
overflow-x:hidden;
}

.footer, .push {
    height: 25px;
    }

.container {
min-height: 100%;
height: auto !important;
height: 100%;
max-width:940px;
margin: 0 auto -25px;
}

.bg {
background:url(../../../images/site_images/music90.png) no-repeat;
background-position: top center; 
}

.wrapper {
margin:0 12px;
max-width:940px;}

p {
font-size:1em;
margin:15px;
line-height: 1.5em;
color:#444;
}

img{border:none;}

/* Basic font CSS */


h1, h2, h3, h4, h5, h6{
color:#21297C;
font-family: 'EB Garamond', serif;
font-size:200%;
}

p{}

.mod-languages{
  	float:right;
	position:relative;
	z-index:0.1;
	margin-top:-155px;
	margin-right:10px;}

.clear{clear:both;}

/* Navigation CSS*/

.nav {
display:block;
  text-align:center;
  width:100%;
  margin:0 auto;
font-size:0.85em;
border-top: solid 1px #aaa;
}

.nav ul {
  display:block;
margin-top:0;
text-align:center;
  width:100%;
  margin:0 auto;

}

.nav li {
display:inline-block;
margin-right: 0.5em;
padding-right: 0.5em;
/*border-right:solid 1px #1877c8;*/
}

.nav a, .nav a:link {
color: #21297C;
text-decoration:none;
padding:2px 5px;
font-weight:bold;
}

.nav a:hover{
color:#21297C;
text-shadow:0px -5px 10px #888;

-webkit-transition:background .4s;
-moz-transition:background .4s;
-o-transition:background .4s;
transition:background .4s;
}

 .nav a:visited{}  

.nav a:focus {color:#21297C;}

.nav a:active {color:#21297C;}     
    
.nav li.last {border-right:0;}
	
li.item-111{border-right:0;}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: underline;
    background-color: transparent;
}

li.item-112, li.item-113, li.item-278 {display:none;}

.phil {margin-top:-105px;}

.site_name{
font-size:300%;
color:#fff;
margin: 40px 0 0 0;
padding:5px 0px 5px 60px;

background: #182c59; /* Old browsers */
background: -moz-linear-gradient(top,  #182c59 0%, #989ba5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#182c59), color-stop(100%,#989ba5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #182c59 0%,#989ba5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #182c59 0%,#989ba5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #182c59 0%,#989ba5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #182c59 0%,#989ba5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#182c59', endColorstr='#989ba5',GradientType=0 ); /* IE6-9 */


-webkit-border-radius: 5px; 
		-moz-border-radius: 5px; 
        border-radius: 5px; 
		
text-shadow: 0px 0px 6px #444;

-webkit-box-shadow: -2px 2px 5px 0.001px #685156;
          box-shadow: -2px 2px 5px 0.001px #685156;
		  
}

.site_desc {
color:#21297C;
text-align:right;
font-weight:bold;
padding-top:0px;
font-family: 'EB Garamond', serif;
font-size:1.3em;
}

.introtext {
font-size:150%;
font-style:italic;
font-family: 'EB Garamond', serif;
color:#aaa;
line-height:2em;
text-align:right;
margin:40px 0 20px 60px;
padding-left:10px;
}


/* Testimonials CSS */

p.pull-right {
font-style:italic;
margin-top:-10px;
color:#aaa;
font-weight:600;
}

/* Testimonials Module CSS */

.item p{font-size:1em;}

div.moduletable.quote a:link {
margin-top:-32px;
float:right;
color: #21297C;}

div.moduletable.quote a:hover{
color:#989BA5;
text-shadow:0px -5px 10px #888;

-webkit-transition:background .4s;
-moz-transition:background .4s;
-o-transition:background .4s;
transition:background .4s;
}

div.moduletable.quote p  {
margin-left:80px;
width:200px;
margin-top:-10px;
}

div.blog.quote {margin-top:50px;}

div.moduletable.quote h3 {
margin-left:90px;
padding-bottom:0;
  margin-bottom:-20px
}

.readmore.btn{    
  	display: block;
    padding: 0;
    margin-bottom: 0px;
    font-size: 0.8em;
    line-height: 1em;
    text-align: right;
    vertical-align: middle;
    cursor: pointer;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    background-image: none;
    background-repeat: repeat-x;
    border:none;
    border-image: none;
    border-radius: 0;
    box-shadow: none;
}

@media  screen and (min-width: 768px) and (max-width: 940px){

div.moduletable.quote p {margin-left:0px;}
div.moduletable.quote h3 {margin-left:0px;}
}

/* NEW Rapid Contact CSS*/

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-radius:15px;
  width:300px;
    color: #000;
  
 margin-bottom:20px;
}

input, label{
  font-weight:normal;
  float:left;
  display:block;
  margin: 5px 0;
  clear:both;
}

.btn-primary {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-primary:visited,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus{
  background-color: #000;
    border-color: #000;}


.form-control{
  border-color: #000;
}

.form-control:hover,
.form-control:active,
.form-control:focus{
  border-color: #000;
}

/* END NEW Rapid Contact CSS */
/* Legal CSS */
 p.legal {
  clear:both;
  margin-top:5px;
    font-size:0.95em;
    text-align:center;
}
/* Legal Anchors */
 .legal a, .legal a:visited {
    text-decoration:none;
}
.legal a:hover {
    text-decoration:underline;
}
/* END Legal CSS */

/* Images CSS */

img {height:auto;}

/* Footer CSS */

.footer{border-top:1px solid #aaa;}

.small, .small a {
    text-align:center;
    margin:0 auto;
    color:#777;

padding-top:1px;
font-family: 'EB Garamond', serif;
  	margin-bottom:10px;
}
.small{font-size:0.95em;}
/* Sticky Footer Starter */

/* The html and body elements cannot have any padding or margin. */
 html, body {
    height: 100%;
}
/* Wrapper for page content to push down footer */
 .wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    max-width:940px;
    padding:0 20px;
    /* Negative indent footer by it's height */
    margin: 0 auto -30px;
}
/* Set the fixed height of the footer here */
 .push, .footer {
    height:30px;
}
/* END Sticky Footer Starter */
 .split {
    display:none;
}
.sep {
    display:inline;
}
div#cookieMessageText a {
    color:#ffffff;
    font-size:12px;
}

		/* Remove Dotted Line from Social buttons */
a:focus {
  outline: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

@media  screen and (min-width: 239px) and (max-width: 480px){
.split {display:block;}

.sep {display:none;}
.small{text-align:center;}
.site_desc {font-size:1.2em;
margin-bottom:30px;}
}

@media screen and (min-width: 239px) and (max-width: 767px) {
  
  .mod-languages{
    float:right;clear:both;position:relative;top:15px;}
  
.cleared{
  width:100%;
  height:auto;
  float:none;
  margin:0 auto;
  text-align:center;
}
}



/* Rapid Contact CSS*/
@media screen and (min-width: 239px) and (max-width: 359px) {
    INPUT.rapid_contact.inputbox {
        max-width:150px;
    }
    TEXTAREA.rapid_contact.textarea {
        max-width:150px;
    }
}
@media screen and (min-width: 239px) and (max-width: 767px) {
    h1 {
        padding-left:0;
    }
    .mainimg {
        max-width:280px;
        display:block;
        margin:0 20px;
        clear:both;
    }
    div.rapid_contact {
        padding-left:0;
    }
    /* END Rapid Contact CSS*/
  
  @media  screen and (min-width: 939px){
  
  a#scrollToTop{display:none;}
}
  
  
/* Print Styles */
 @media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
    h2, h3 {
        page-break-after: avoid;
    }
}