/*
Theme Name: Saint Martins Place - Auberge child theme
Author: ViciousVector
Author URI: http://viciousvector.com.au/
Theme URI: http://viciousvector.com.au/
Description: The Parlour Lounge website theme based on Auberge
Tags: responsive-layout, fluid-layout, custom-background, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, black, white, light, one-column, two-columns, full-width-template
Template: auberge
*/

@import url("../auberge/style.css");
/* -------------- Theme customization starts here -------------- */


html, body {}

.site-banner {
    display: none;
}
body {
        padding-left: 4%;
        padding-right: 4%;
    }

.entry-header {
    display: none;
}

.site-banner-replacement, .site-banner-replacement-container, .site-banner-replacement-row, .site-banner-replacement-row .fl-row-content-wrap, .site-banner-replacement-row .fl-row-content, .site-banner-replacement-row .fl-col, .site-banner-replacement-row .fl-col-group, .site-banner-replacement-row p {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}
.main-navigation .expander {
 
    border-radius: 0;
}
.main-navigation .expander::before {
    content: '+';
}
.main-navigation li:hover > a .expander::before, .main-navigation li[aria-expanded="true"] > a .expander::before {
    content: '-';
}
.site .contact-form textarea, .site .contact-form input[type=email], .site .contact-form input[type=text], .site .contact-form input[type=tel]{
    width: 90%;
    max-width: 90%;
    margin-bottom: 1.62rem;
}
.site .contact-form input[type='datetime-local'], .site .contact-form input[type='date'], .site .contact-form input[type='time']{
    width: 45%;
    max-width: 45%;
    margin-bottom: 1.62rem;
}
.site .contact-form input[type='number'] {
    margin-bottom: 1.62rem;
}

input#mce-EMAILTYPE-0, input#mce-EMAILTYPE-1 {
    float: left;
}
#mc_embed_signup .datefield .dayfield input, #mc_embed_signup .datefield .monthfield input {
    width: 80px;
    text-align: center;
    height: 45px;
    }
.icon-validation {
    width: 10%;
    font-size: 2em;
    padding-left: 10px;
    float: right;
    line-height: 40px;
}

.group:before, .group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1;
    /* For IE 6/7 (trigger hasLayout) */
}

form.contact-form label {
    color: #28556c;
    margin-bottom: 3px;
    float: none;
    font-weight: bold;
    display: block;
}

form.contact-form label span {
    color: #AAA;
    margin-left: 4px;
    font-weight: normal;
    font-size: small;
}

input.had-focus:invalid+span:after {
    /* when a field is considered invalid by the browser */
    content: "\f00d";
    font-family: "FontAwesome";
    color: red;
}

.icon-validation.valid:after {
    content: "\f00c";
    font-family: "FontAwesome";
    color: green;
}

.icon-validation.invalid:after {
    content: "\f00d";
    font-family: "FontAwesome";
    color: red;
}

.datefield .date-separator {
    padding: 0 10px;
    font-weight: bold;
    font-size: 24px;
}


/*input:focus:invalid {  when a field is considered invalid by the browser 
   border: 2px solid red;
}*/

input:valid+span:after {
    /* when a field is considered valid by the browser */
    content: "\f00c";
    font-family: "FontAwesome";
    color: green;
}
/*textarea:focus:invalid {  when a field is considered invalid by the browser 
border: 2px solid red;
}*/

textarea.had-focus:invalid+span:after {
    /* when a field is considered invalid by the browser */
    content: "\f00d";
    font-family: "FontAwesome";
    color: red;
}

textarea:valid+span:after {
    /* when a field is considered valid by the browser */
    content: "\f00c";
    font-family: "FontAwesome";
    color: green;
}

.fl-builder.is-singular .site-content .page .entry-title {
    padding: .81em;
}

.fl-row-content-wrap {
    padding: 0 1.62em;
}

.fl-row-content {
    padding: 0;
}
/*CALENDAR*/

span.date-end.dtend {
    display: none;
}

.tribe-events-schedule {
    margin: 0 3.24rem;
    padding: 1.62em;
    font-size: .9em;
}

body.tribe-events-style-full article {
    width: 100% !important;
}



.soliloquy-container .soliloquy-image {
    width: 100%;
}

.soliloquy-container .soliloquy-pager {
    display: none;
}

.soliloquy-container {
    max-width: 100% !important;
    max-height: initial !important;
}

.site-banner-replacement-row, .site-banner-replacement-column {
    max-width: 100% !important;
    max-height: initial !important;
}

.site-banner-replacement-row .fl-row-content {
    max-width: 100% !important;
}

#tribe-events {
    font-family: 'Quando', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#tribe-events div.tribe-events-single-event-description .slider-row {
    margin: 0;
    padding: 0;
}

#tribe-events div.tribe-events-single-event-description .slider-column {
    margin: 0;
    padding: 0;
}

#tribe-events div.tribe-events-single-event-description .slider-row .fl-col {
    padding-top: 0;
    padding-bottom: 0;
}

#tribe-events div.tribe-events-single-event-description .slider-column .fl-rich-text p {
    display: none;
}

#tribe-events-header {
    display: none;
    margin: 0;
}

.tribe-events-list h2.tribe-events-list-event-title {
    /*text-transform: uppercase;*/
}

.tribe-events-read-more, .tribe-events-back a, .tribe-events-sub-nav li a {
    color: #1f546d;
    text-decoration: none;
    /*text-transform: uppercase;*/
    font-family: 'Quando', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
    background: none;
}

.tribe-events-sub-nav li a:hover {
    color: #1f546d;
    background: none;
}

#tribe-bar-form .tribe-bar-submit input[type=submit] {
    background: #1f546d;
}

#tribe-events .tribe-events-schedule h2 {
    margin-bottom: 0;
    text-align: center;
}

.tribe-events-list .tribe-events-venue-details {
    display: none;
}

.tribe-events-list .post-excerpt, #tribe-events p {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 300;
}

/*EVENTS LIST VIEW*/

.tribe-events-list .type-tribe_events {
    width: 31.33%;
    float: left;
        background-color: #EEE;
        margin: 1%;
}
.tribe-events-list-separator-month+.type-tribe_events, .tribe-events-list-separator-month+.type-tribe_events.tribe-events-first, .tribe-events-list .type-tribe_events {
        padding: 1em;
        padding-top: 1em;
        padding-bottom: 1em;
}


.tribe-events-list h2.tribe-events-list-event-title, .tribe-events-loop .tribe-events-event-meta, .tribe-events-list .tribe-events-event-image, .tribe-events-list .tribe-events-event-image+div.tribe-events-content, .tribe-events-list .tribe-events-loop .tribe-events-content {
    width: 100%;
    float:none;
}

.tribe-events-sub-nav .tribe-events-nav-right a span {
    right: 0;
}
.tribe-events-sub-nav .tribe-events-nav-left a span {
    left: 0;
}
.tribe-events-back {
    margin: 1.62em;
    color: #1f546d;
    /*text-decoration: underline;*/
    /*text-transform: uppercase;*/
    font-family: 'Quando', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
}

.tribe-events-nav-previous a, .tribe-events-nav-next a {
    margin: 0;
    font-weight: 700;
    color: #1f546d;
    text-decoration: underline;
    /*text-transform: uppercase;*/
    font-family: 'Quando', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.tribe-events-loop .tribe-events-event-meta {
    background: none;
}
.tribe-events-list .tribe-events-event-image {
    float: none;
    margin: 0 3% 3% 0;
}
.tribe-events-list-separator-month {
    background-color: #1f546d;
    color: white;
    clear: both;
}
.tribe-events-sub-nav li, .tribe-events-sub-nav li {
    /*text-transform: uppercase;*/
    /*padding: 10px 20px;*/
}
#tribe-events-footer .tribe-events-sub-nav li, #tribe-events-header .tribe-events-sub-nav li {

    padding: 10px 20px;
}
.tribe-events-sub-nav li a:hover, .tribe-events-sub-nav li a:visited {
    
    color: #1f546d;
}

#menu-toggle,  #back-to-top {
    position: fixed;
    
    width: 3.24rem;
    height: 3.24rem;
    padding: 0;
    line-height: 3.24rem;
    text-indent: -999em;
    font-size: 1.62rem;
    border: 0;
    opacity: 1;
    text-indent: -999em;
    
}
#menu-toggle {
left: 4%;
}
 #back-to-top {
bottom: 0;
    background-color: #1f546d;
right: 4%;
    }
     #back-to-top:before {
        font-family: "FontAwesome";
    content: '\f062';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    text-align: center;
    text-indent: 0;
    color: white;
}
.nav-search-form .search-field, .nav-search-form .search-field:focus {
    padding: 1%;
    }
    .nav-search-form .form-search {

background-color: #3a3c3e !important;
    }
    .nav-search-form .search-field {
    color: #6a6c6e;
    padding: 1%;
        border-color: #6a6c6e;

}
#nav-search-form.active #search-toggle {
    font-size: 1.2em;
}
.social-links ul {    margin-right: 1.62rem;
}
.site-footer {
    padding: 0;
}
.site-footer-area {
    height: 3.24rem;
    line-height: 3.24rem;
        vertical-align: middle;

    margin: 0;
    max-width: 88%;
    margin-left: 6%;
}
.site-footer .social-links {
    line-height: 3.24rem;

}
.site-header .social-links {
    line-height: 3.24rem;
    position: absolute;
    top: 0;
    right: 0;
}
.site-header {
    padding: 0 3.24rem !important;
    line-height: 3.24rem;
}
.site-branding {

    padding: 0 1.24rem;
}
.site-header, .type-img a {
    line-height: 3.24rem;
}
body.events-list > div#page > div.site-inner > div#content:before {
    content: "";
    background: url(http://saintmartinsplace.com.au/wp-content/uploads/2015/11/cropped-logo-square.png);
    background-size: 50px;
      opacity: 0.5;
  top: 3.24rem;
  left: 4%;
  bottom: 3.24rem;
  right: 4%;
  position: fixed;
  z-index: 0;  
}
.site-branding img {
    max-height: 6.48rem;
}
.site-header .social-links {
    margin-top: 0;

    z-index: 100;
    height: 6.48rem;
    vertical-align: middle;
    line-height: 6.48rem;
}
.main-navigation {
        height: 6.48rem;
    vertical-align: middle;
    line-height: 6.48rem;
}
.sticky-header .main-navigation {
        height: 3.24rem;
    vertical-align: middle;
    line-height: 3.24rem;
}
.masonry-item.masonry-row {
    width: 100%;
    
}
.grid-sizer {

    width: 33.33%;
    
}

.tribe-events-list .type-tribe_events {
    width: 31.33%;
    margin: 1%;
}
.tribe-events-loop:after {
    clear:both;
}
@media only screen and (min-width: 1201px) {
    .fl-row.fl-row-fixed-width, .fl-row-full-width .fl-row-content {
        max-width: 88%;
    }
}

@media only screen and (max-width: 1200px) {
    
}

@media only screen and (min-width: 961px) {}
/* /(min-width: 961px) */

@media only screen and (max-width: 960px) {
    #tribe-events div.tribe-events-single-event-description .slider-row, #tribe-events div.tribe-events-single-event-description .slider-row .fl-row-content-wrap, #tribe-events div.tribe-events-single-event-description .slider-row .fl-row-content {
        margin: 0;
        padding: 0;
        max-width: 100%;
    }
    .tribe-events-list .type-tribe_events {
    width: 48%;
}
     .site-header {
        padding: .52rem 1rem .22rem 5.24rem;
    }
    .site-branding img {
    max-height: 3.24rem;

}
.site-header .social-links {
    
    height: 3.24rem;
    vertical-align: middle;
    line-height: 3.24rem;
}
.main-navigation {
    width: 96%;
    left: 2%;
    position: fixed;
}
body {
        padding-left: 2%;
        padding-right: 2%;
    }
        #menu-toggle {
left: 2%;
}
 #back-to-top {

right: 2%;
    }
    .nav-search-form .form-search {
        width: 88%;
    }
    .main-navigation.active+.social-links {
    padding: 1.62rem;
    
    position: fixed;
}
    .grid-sizer {

        width: 50%;

    }
    .tribe-events-list .type-tribe_events {
    width: 48%;
    margin: 1%;
}

}

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

    .site-title {
    font-size: 1.7rem;
}
}

@media only screen and (min-width: 681px) {}

@media only screen and (max-width: 680px) {
    #tribe-events .fl-col-small {
        max-width: none;
    }
    .tribe-events-list .type-tribe_events {
    width: 98%;
}
.site-title {
    font-size: 1.5rem;
}
.site-info {
    float: left;
}
.site-footer .social-links {
    float: right;
    clear: none;
        margin-top: 0;
}
body {
        padding-left: 0;
        padding-right: 0;
    }
        #menu-toggle {
left: 0;
}
 #back-to-top {

right: 0;
    }
        .grid-sizer {

        width: 50%;

    }
    .tribe-events-list .type-tribe_events {
    width: 98%;
    margin: 1%;
}
.main-navigation {
    width: 100%;
    left: 0;
    position: fixed;
}
}

@media screen and (max-width: 500px) {
    .site-title {
    font-size: 1.2rem;
}
}
@media screen and (max-width: 400px) {
    .site-title {
    font-size: 1.2rem;
}
}