/*
Theme Name: Oval Design Blank Bootstrap Theme
Theme URI: http://oval-design.co.uk
Description: A simple responsive theme based on the Bootstrap framework. 
Version: 1.0
Author: Alex Wilk - Oval Design
Author URI: http://oval-design.co.uk
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options


/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */


@font-face {
    font-family: 'tostadaregular';
    src: url('fonts/tostada/tostada-webfont.woff2') format('woff2'),
         url('fonts/tostada/tostada-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato/lato-regular-webfont.woff2') format('woff2'),
         url('fonts/lato/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* Navbar */
.navbar-default {
    background-color: rgba(248, 248, 248, 0);
    border-color: rgba(231, 231, 231, 0);
    margin: 0 auto;
    border: 0px;
    text-align: center;
}

.navbar-default .container{
    text-align: center;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0px;
    color: white;
    text-align: center;
    float: none;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
    color: white;
    background-color: rgba(231, 231, 231, 0);
}

.navbar-default .navbar-nav>li>a {
    color: white;
    font-family: 'latoregular';
    text-transform:uppercase;
    letter-spacing: 2px;
    opacity: 0.7;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.navbar-default .navbar-nav>li>a:hover {
     color: white;
     opacity: 1;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    width: 700px;
    margin: 0 auto;
}

.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse {
    margin: 0 auto;
    width: 100%;
    float: none;
    text-align: center;
}

.navbar-nav {
    float: none;
    margin: 0 auto;
    text-align: center;
    max-width: 720px;
    display: inline-block;
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 22.2px;
}

/*Bootstrap Styles*/

body {
    color:white;
    padding-top:0px; /*height of navbar*/
    height: 100%;
    font-family: 'avenir', sans-serif;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
} 

html{
    height: 100%;
    background-color:black;
}
    
#holder{
    min-height: 100%;
    padding-bottom: 0px;    /* height of footer */
    position:relative;
}

p{
    text-align: justify;
}

p.image-caption{
    font-size: 9px;
    text-align: right;
}

footer p{
    margin-bottom:0px;
}

#content h1.hometitle{
    font-family: 'tostadaregular';
    text-transform:uppercase;
    letter-spacing: 50px;
    text-align: center;
    font-size: 80px;
    margin-top: 170px;
    margin-left:50px;
}

h1.hometitle2{
    font-family: 'tostadaregular';
    text-transform: uppercase;
    letter-spacing: 50px;
    font-size: 40px;
    padding-top: 20px;
    text-align: center;
    padding-left: 40px;
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
}

#content h1{
    font-family: 'latoregular';
    font-size: 20px;
    letter-spacing: 2px;
    margin-bottom: 20px;
    margin-top: 30px;
}

.container {
    width: 100%;
    padding: 0px;
}

.row {
    margin: 0px;
}

#content {
    padding: 0px;
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

img.size-wpbs-featured{
    width: 100%;
    margin-bottom: 6px;
}

.home #content {
    max-width: 100%;
}

h1, .h1, h2, .h2, h3, .h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

a {
    color: white;
    text-decoration: none;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

a.navbar-brand{
    font-family: 'tostadaregular';
}

a:hover, a:focus {
    color: white;
    text-decoration: none;
}

.blacktint{
    height: 100%;
    width: 100%;
    background-color: black;
    position: fixed;
    opacity: 0.5;
}

.backgroundimg{
    background-image: url(http://test.thebloom.com.au/wp-content/uploads/2017/05/the-bloom-landing-web-e1495284790118.jpg);
    background-size: cover;
    background-position: top;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 0;
}

#gallery-1 .gallery-caption {
    margin-left: 0;
    display: none !important;
}

#gallery-1 img {
    border: 0px solid #cfcfcf !important;
}

.thumbnail {
    display: block;
    padding: 0px !important;
    margin-bottom: 0px !important;
    line-height: 1.428571429;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0px !important;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

#gallery-1 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33%;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_template_tag_ui {
    transition: opacity .5s;
    display: none;
}

.page-id-13 #content .col-sm-12{
    padding: 0px;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, #slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
    font-family: 'avenir', sans-serif !important;
    font-size: 12px !important;
    margin-right: .2em;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_container {
    box-shadow: 0 0 64px -40px #fcfcfc;
    border-radius: 0px !important;
}

#inner-footer p {
    margin-bottom: 0px;
    font-size: 11px;
    font-family: 'latoregular';
}

.centre p{
    text-align: center;
}

.right {
    float: right;
    margin-top: -35px;
}

.right p{
    text-align: right;
    font-family: 'latoregular';
    font-size: 11px;
}

.left {
    text-align: left;
    float: left;
}

.left a{
    border: 2px solid white;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    letter-spacing: 2px;
    font-family: 'latoregular';
    font-size: 11px;
}

.centre{
    bottom: 10px;
    font-size: 11px;
}

.widget {
    margin-bottom: 0px;
    font-family: 'latoregular';
    font-size: 11px;
}

#mc_embed_signup {
    background: transparent !important;
    clear: left !important;
    font: 11px 'latoregular',sans-serif !important;
    text-transform: uppercase !important;
}

#mc_embed_signup h2 {
    font-weight: normal !important;
    padding: 0 !important;
    margin: 0px !important;
    margin-bottom: 10px !important;
    font-size: 15px !important;
    letter-spacing: 2px !important;
    text-align: right !important;
}

#mc_embed_signup form {
    display: block !important;
    position: relative !important;
    text-align: left !important;
    padding: 0px !important;
    background-color: transparent !important;
}

#mc_embed_signup .button {
    background-color: transparent !important;
    text-transform: uppercase !important;
    border: 0 none !important;
    border-radius: 0px !important;
    color: white !important;
    font-size: 12px !important;
    font-weight: normal;
    height: 32px;
    margin: 0px !important;
    padding: 0px !important;
    text-align: left !important;
    padding-left: 10px !important;
}

img.album{
    padding-right:20px;
}

#mc_embed_signup .mc-field-group input {
    width: 100% !important;
    float: right;
    padding-left: 0px !important;
    background-color: transparent !important;
    color: white !important;
    border-radius: 0px !important;
    border: 2px solid white;
}

#mc_embed_signup .mc-field-group {
    float: right !important;
    width: 250px !important;
    padding-bottom: 0px !important;
}

#mc_embed_signup .clear {
    clear: none !important;;
}

.mc-field-group #mc_embed_signup input {
    border: 2px solid #ffffff !important;;
    -webkit-border-radius: 0px !important;;
    -moz-border-radius: 0px !important;;
    border-radius: 0px !important;;
}

.sm-buttons{
    position: absolute;
    right: 0px;
    top: 0px;
    margin-top: 10px;
    margin-right: 10px;
}

.sm-buttons a{
    opacity: 0.9;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}
   
.sm-buttons a:hover{
    opacity: 1;
}

.sm-buttons img{
    width: 23px;
}

.spotify{
    position: absolute;
    top: 0px;
    margin-top: 10px;
    margin-left: 10px;
}

#content .col-sm-12{
    margin-bottom:150px;
}

.col-sm-9 #mc_embed_signup .mc-field-group input {
        width: 130px !important;
}

.col-sm-3 #mc_embed_signup .mc-field-group input {
        padding-left:0px !important;
}

.home footer{
    position: absolute;
    bottom: 0;
    width: 100%;
}

@media all and (max-width:981px){
    h1.hometitle2{
    max-width: 700px;
    }
}

@media all and (max-width:925px){
    .navbar-default .navbar-nav>li>a{
    font-size:12px;
    padding: 10px;
    }  
}

@media all and (max-width:800px){
    #content h1.hometitle{
    font-size: 35px;
    letter-spacing: 40px;
    }  
}

@media all and (max-width:767px){
    
    .home .navbar-default {
    margin-top: 0px;  
    padding-top: 30px;
    margin-bottom: 20px;
    }
    
    .navbar-default {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 20px;
    }
    
    .navbar-nav {
    width: 100%;
    }
    
    h1.hometitle2 {
    font-family: 'tostadaregular';
    text-transform: uppercase;
    letter-spacing: 30px;
    font-size: 30px;
    padding-top: 55px;
    text-align: center;
    padding-left: 0px;
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    }
    
    #content h1.hometitle {
    margin-top: 50px;
    padding-bottom: 100px;
    letter-spacing: 30px;
    font-size: 30px;
    margin-left: 10px;
    }
    
    .navbar-toggle{
    margin-top:18px;
    }
    
    .left {
    text-align: center;
    float: none;
    margin-bottom: 20px;    
    }
    
    .right {
    float: none;
    text-align: center;
    margin-top: 20px;
    }
    
    #mc_embed_signup h2 {
    text-align: center !important;
    }
    
    #mc_embed_signup .mc-field-group {
    float: none;
    text-align: center;
    margin: 0 auto;
    width: 100% !important;
    }
    
    #mc_embed_signup .mc-field-group input {
    display: block;
    width: 100% !important;
    padding: 8px 0;
    text-indent: 2%;
    }
}

@media all and (max-width:500px){
    #content h1.hometitle {
    margin-top: 50px;
    padding-bottom: 100px;
    letter-spacing: 20px;
    font-size: 20px;
    margin-left: 10px;
    }
    
    h1.hometitle2 {
    font-family: 'tostadaregular';
    text-transform: uppercase;
    letter-spacing: 20px;
    font-size: 20px;
    padding-top: 55px;
    text-align: center;
    padding-left: 0px;
    width: 100%;
    max-width: 780px;
    margin: 0 auto;
    }
}