/*-----STYLE.CSS USED TO OVERRIDE BOOTSTRAP STYLING-----*/

/*body { 
    padding-top: 90px; 
    color:#212322;
}

@media screen and (max-width: 768px) {
    body {
        padding-top: 70px; 
    }
}*/

.clear {
    height:0;
    clear:both;
}

.container {
    padding:50px 15px;
}

.navbar .container {
    padding:0 15px;
}

/*LINKS*/
a {
    color:#52279a;
}

a:hover, a:focus {
    color:#ac7ff6;
    outline:0;
}

h2 a {
    color:#333;
}

h2 a:hover, h2 a:focus {
    color:#333;
    text-decoration:none;
}

/*FONT FAMILY SETTINGS*/
* {
    font-family: 'Open Sans', sans-serif;
}
h1, h2, h2 a, .navbar-brand {
    font-family: 'Open Sans', serif;
    font-weight:bold;
}

/*NAVBAR STYLES*/
.navbar-default {
    background-color:#52279a;
    border:none;
    border-radius:0;
    padding:10px 0;
    margin:0;
}

.navbar-brand {
    font-size:1.5em;
}

.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a {
    color:#fff;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
    color:#fff;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color:#ac7ff6;
}

.navbar-default .navbar-toggle {
    border-color:#fff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color:#fff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color:#ac7ff6;
}

/*MAIN BANNER*/
#mainBanner {
    width:100%;
    height:auto;
    display:block;
    position:relative;
}

#mainBanner img {
    float:left;
    width:100%;
}

#mainBanner .container {
    padding-bottom:0;
}

#mainBanner .bannerContent{
    display:block;    
    position:absolute;
    bottom:100px;
    width:450px;
    padding:25px;
    background: rgba(51,51,51,0.7)
}

#mainBanner h2 {
    color:#fff;
    margin-top:0;
    margin-bottom:40px;
}

@media screen and (max-width: 1024px) {
    #mainBanner .bannerContent{
        display:none;
    }
}


/*BUTTON STYLES*/
.btn-primary {
    background-color: #52279a;
    border-color: #fff;
    color: #fff;
}

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

/*ROW STYLES*/
.row {
    padding: 15px 0;
}

.container-fluid.grey {
    background-color: #e7e7e7;
}

.container-fluid.darkGrey {
    background-color: #333;
    color:#fff;
}

.container-fluid.darkGrey p, .container-fluid.darkGrey h2, .container-fluid.darkGrey h2 a {
    color:#fff;
}

.container-fluid.yellow {
    background-color: #f3ce13;
    color:#212322;
}

.container-fluid.purple p, .container-fluid.purple h2, .container-fluid.purple h2 a {
    color:#fff;
}

/*SERVICES*/
.row.services, .row.gallery {
    padding:0;
}
.services h3 {
    color:#52279a;
    font-size:14px;
    font-weight:700;
    padding-bottom:15px;
}

.services .col-sm-4 {
    text-align:center;
}

/*TESTIMONIALS*/
.carousel-inner {
    text-align:center;
}

.carousel-inner > .item {
    padding:30px 0 50px 0;
}

.carousel-control.left, .carousel-control.right {
    background:none;
    padding-top:55px;
}

span.testimonial1, span.testimonial2 {
    display:block;
    padding:10px 0;
    color:#fff;
}

span.testimonial1 {
    font-size:20px;
    font-weight:700;
}

/*GALLERY*/
.row.gallery .col-sm-2 {
    text-align:center;
}

.row.gallery .col-sm-2 img {
    margin-bottom:20px;
}

.modal-audio {
    width:332px;
}

.btn-audio {
    width:100%;
    height:100px;
    background:#52279a;
    color:#fff;
    text-align:left;
    padding:10px 20px;
    margin-bottom:20px;
    white-space:normal;
}

.btn-audio span {
    display:table-cell;
    vertical-align:middle;
    height:70px;
}

.btn-audio:hover, .btn-audio:focus {
    color:#ac7ff6;
}

/*FOOTER*/
.contactRow {
    width:100%;
    padding-bottom:40px;
    display:block;
}

.contactRowIcon {
    float:left;
    width:80px;
}

.contactRowText {
    float:left;
    padding-top:4px;
}

.contactRowSocial {
    float:left;
}

.contactRow a {
    color:#fff;
}

.contactRow a:hover, .contactRow a:focus {
    color:#ac7ff6;
}

.contactRowSocial a {
    margin-right:25px;
}

button#contactFormSubmit {
    margin-bottom:40px;
}



/* TEMP STYLES */

.container.topContent, .container-fluid.topContent {
    background-color: #f3ce13;
    color:#212322;
    padding:10px;
}

.container.topContent img, .container-fluid.topContent img {
    max-width:95%;
}

.container.topContent a, .container-fluid.topContent a  {
    color:#212322;
}

.container.topContent a:hover, .container-fluid.topContent a:hover {
    color:#212322;
    text-decoration:underline;
}


.container.bottomContent, .container-fluid.bottomContent {
    background-color: #212322;
    color:#fff;
    padding:10px;
    font-size:1.5em;
}

@media screen and (max-width: 768px) {
    .container.topContent, .container-fluid.topContent {
        text-align: center; 
    }
}