/* ELEMENTS */
body {
    background-color: #131313;
    background-image: url("../images/black-felt.png");
}

.w3-container {
   padding: 0;
}

header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45484d+0,000000+100 */
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

main .w3-row, main .w3-row-padding {
    background-color: #FFFFFF;
}

img {
    width: 100%;
    height: auto;
}


/* TYPOGRAPHY */

body {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    color: #666666;
}

h1{
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;    
}

h2 {
    text-align:center;
    color:#f44336;
}

a {
    
    color:#f44336;
    text-decoration:none;
    
}
a:hover, a:focus {
    color:#CCCCCC;
    text-decoration:none;
    
}

nav a,  nav a:focus {
    color:#FFFFFF;
}

header p {
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 5px;   
}

footer h5 {
    font-size: 16px;
    font-weight:normal;
}
footer p {
    font-size: 12px;
    font-weight:normal;
    margin-top: 5px;
    margin-bottom: 5px;
}

/* CONTENT */


#obms-book-now {
    margin-top:50px;
    margin-bottom:20px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29791+0,f44336+47,f44336+100 */
background: #f29791; /* Old browsers */
background: -moz-linear-gradient(top,  #f29791 0%, #f44336 47%, #f44336 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f29791 0%,#f44336 47%,#f44336 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f29791 0%,#f44336 47%,#f44336 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29791', endColorstr='#f44336',GradientType=0 ); /* IE6-9 */

}

.obms-seperator {
    min-height:50px;
}
/********************** OBMS image gallery **********/
#obms-mosaic
{
    background-color:#ffffff !important;
}
#obms-slides-container {
    position:relative;
    width:100%;
}
#obms-slides-container a.w3-btn-floating {
    position:absolute;
    top:45%;
}
.obms-slides-right {
    right:0;
}
.obms-slides-left {
    left:0;
}

.obms-panel{
    background-color: #DDDDDD;
    padding:20px;
    border: 1px solid #CCCCCC;
}
.obms-panel-services{
    /*background-color: #DDDDDD;
    padding:20px;
    border: 1px solid #CCCCCC;*/
}

.obms-service-card{
    /*float:left;
    width:20%;*/
}

#obms-gallery {
    margin: 0 auto;
    display: block;
}

/*Mosaic Gallery */

/*#obms-mosaic {

  display: none;
}*/

#obms-mosaic-container {
  margin: 0 auto;
  padding: 0;
  width: 80%;
}

/* MEDIA QUERIES */
@media screen and (min-width:1600px) {
    .w3-container {
   margin-left:15%;
   margin-right:15%;
    }
}

@media screen and (max-width:998px) {

}


@media screen and (min-width:601px) and (max-width:998px) {

}

@media screen and (max-width:601px) {
    
    header {
        text-align: center;
    }
    
    footer {
        text-align: center;
    }
    
    .obms-panel {
        text-align: center;
    }
    
    h1 {
        font-size: 26px;
    }
    
    #obms-book-now {
        margin-top: 20px;
        font-weight:bold;
    }
    #obms-book-now:hover
    {
        color:white;
    }
}  

@media screen and (min-width:601px) {
    #obms-book-now {
    float: right;
    }
}

@media screen and (max-width:325px) {

}

/*Contact Form*/

#flexi-error-container{
	display:none;
	padding:5px 10px;
	margin: 10px 0;
	background-color:#CC0000;
	color:#ffffff;
	font-weight:bold;
	border-radius:5px;
}

.form-height{
    height:500px;
}

.obms-directions{
    overflow:scroll;
}

/*Button for the gallery, in the header */
#obms-gallerybutton {

       /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f29791+0,f44336+47,f44336+100 */
background: #f29791; /* Old browsers */
background: -moz-linear-gradient(top,  #f29791 0%, #f44336 47%, #f44336 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f29791 0%,#f44336 47%,#f44336 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f29791 0%,#f44336 47%,#f44336 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f29791', endColorstr='#f44336',GradientType=0 ); /* IE6-9 */
}

@media screen and (min-width: 601px){
#obms-gallerybutton {
    float: right;
    margin-top:10px;
}
}

#floating-panel{
	width:300px;
	height:125px !important;
	top:10px !important;
}

.directionsText {
    padding-right:5px!important;
}