/*
 * Theme Name:  The Spot Child Theme
 * Theme URI:   http://themeofthecrop.com
 * Description: A child theme for The Spot WordPress theme. Use this theme to make customizations.
 * Version:     1.0
 * Author:      Theme of the Crop
 * Author URI:  http://themeofthecrop.com
 * Template:	thespot
 * Tags:        one-column,two-columns,right-sidebar,responsive-layout,accessibility-ready,custom-colors,custom-header,custom-menu,featured-images,full-width-template,microformats,sticky-post,theme-options,threaded-comments,translation-ready
 * Text Domain: thespot-child
 * License:     GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

/* =Theme customization starts here
-------------------------------------------------------------- */
.home #main{
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
}

.main-navigation ul > li > a {
  display: block;
  padding: 12px 24px;
  line-height: 24px;
  color: #ffffff;
}
.home.page .call-to-action .phrase {
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  font-variant:normal;
  color: #ffffff;
  text-transform: uppercase;
}
.home.page #colophon {
  position: absolute;
  top: 100%;
}

.site-header .home-link{
    display: block;
}

.site-header .home-link img {
    max-height: 200px;
    margin: 0;
}

.book-online-left{
    width: 50%;
    float: left;
    font-size: 14px;
    line-height: 26px;
    padding-right: 40px;
}

.book-online-right{
    width: 50%;
    float: left;
    margin-top: 66px;
    background: #cee1e0;
    padding: 22px;
	font-size: 14px;
    line-height: 26px;
}

.home.page .call-to-action .button {
  line-height: 40px;
  margin: 32px;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
}
.home.page .call-to-action .button:hover {
  color: #ffffff;
  border-color: #ffffff;
}

#shadow-cover{
    background: rgba(0,0,0,.6);
}

#rfwbs_slider img {
  margin-top: 0;
}

.tab-buttons-panel .tab-buttons{
    margin: 0;
    padding: 0;
    text-align: center;
}

.tab-buttons-panel .tab-buttons li {
    display: inline-block;
}

.tab-buttons-panel .tab-buttons li a{
    display: block;
    padding: 8px 16px;
    font-size: 18px;
    line-height: 30px;
    color: #999;
    text-decoration: none;
    font-family: Raleway, Arial, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

.tab-buttons-panel .tab-buttons li.selected-item a{
    font-weight: bold;
    color: #3e9c99;
}


h1,h2,h3,h4,h5,h6 { text-transform: none; }

h1 {
  font-size: 24px;
  line-height: 24px;
  margin: 5px 0;
  text-transform: uppercase;
}
h3 {
  font-size: 24px;
  line-height: 24px;
  margin: 16px 0;
  text-transform: uppercase;
}

.bp-contact-card .bp-address {
  font-family: Raleway, Arial, sans-serif;
  font-style: normal;
  line-height: 24px;
  margin: 4px 0 16px;
}

@media(min-width:768px){
  .home.page .call-to-action .phrase {
    font-size: 36px;
    line-height: 62px;
  }

}

@media(max-width:767px){
    .home.page #colophon {
        width: 100%;
    }  
    
    #close-colophon {
        position: absolute;
        top: 0;
        right: 0;
        width: 24px;
        height: 24px;
        display: none;
        z-index: 1020;
        cursor: pointer;
        cursor: hand;
    }
    
    #close-colophon:after {
        content: '\00D7';
        display: block;
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        background: #ec8e07;
        color: #ffffff;
        border-bottom: 1px solid #777;
        border-bottom-left-radius: 2px;
        border-bottom-right-radius: 2px;
        position: relative;
        background-color: #3e9c99;
    }
    
    .book-online-left{
        width:100%;
        float: none;
        padding: 20px;
    }

    .book-online-right{
        width: 100%;
        float: none;
        margin-top: 20px;
    }
    
    #serb-booking-widget iframe{
        width: 100% !important;
    }

    #colophon .utility > ul > li {
        display: block;
        width: 50% !important;
        float: left !important;
    }
}

input {
    width: none !important;
}

#colophon .utility .current a {
    border-color: #3e9c99;
    color: #777;
    color: rgba(0, 0, 0, 0.54);
    background: transparent;
}
#colophon .utility ul {
    display: inline-block;
    border-bottom: 1px solid #3e9c99;
}
table {
  border: 2px solid #3e9c99;
  line-height: 32px;
  margin: 32px 0;
}
td,
th {
  padding: 16px;
  vertical-align: top;
  text-align: left;
}
th {
  font-weight: 700;
}
thead th {
  background: #eeeeee;
  background: rgba(255, 255, 255, 0.1);
}
tr {
  border-bottom: 2px solid #3e9c99;
}
dt {
  font-style: italic;
}
dd {
  margin-top: 32px;
  margin-bottom: 32px;
  color: #777;
  color: rgba(0, 0, 0, 0.54);
  font-family: Raleway, Arial, sans-serif;
  margin-left: 16px;
}
dd:last-child {
  margin-bottom: 0;
}