/* PAGE HELPERS */
.mb-0 {
    margin-bottom: 0;
}
.mt-15 {
    margin-top: 15px;
}
.mt-30 {
    margin-top: 30px;
}
.button.inline {
    display: inline-block;
    width: auto;
    padding-left: 30px;
    padding-right: 30px;
}


/* PAGE HEADINGS */
.content__subheading {
    color: #AAA38E;
    margin-bottom: 15px;
}



/* PAGE LAYOUT STYLING */
.landing-page {
    padding-bottom: 75px;
}
.landing-page .container {
    padding-top: 15px;
    padding-bottom: 15px;
}
.landing-page .container:first-child {
    padding-top: 0;
}
.landing-page .container:last-child {
    padding-bottom: 0;
    padding-top: 45px;
}
.landing-page .split-layout .split-layout__content {
    width: 50%;
    margin-right: 30px;
    padding-left: 0;
    padding-right: 0;
}
.landing-page .split-layout .split-layout__content:last-child {
    margin-right: 0;
}
.landing-page .subsection {
    padding-top: 15px;
}




/* PAGE CONTENT STYLING */
.landing-page .link {
    color: #1C69D4; 
    text-decoration: none;
}
.landing-page .text {
    font-weight: bold; 
    margin-bottom: 0;
}
.landing-page .list {
    list-style-type: disc;
}
.landing-page .list li {
    margin-bottom: 15px;
}
.landing-page .list li:last-child {
    margin-bottom: 0;
}
.landing-page .content {
    margin-bottom: 45px;
}
.landing-page .tc-content{
    margin-top: 30px;
}
.landing-page .tc-content .strong {
    margin-bottom: 13px;
}




/* PAGE IMAGE CARD STYLING */
.landing-page .card-image-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.landing-page .card-image {
    margin-right: 15px;
}
.landing-page .card-image:last-child {
    margin-right: 0;
}




/* PAGE TABLE STYLING */
.table-responsive {
    display: block;
    width: 100%;
}
.table-primary {
    width: 100%;
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    margin-bottom: 45px;
}
.table-primary thead th {
    padding: 15px;
    text-align: left;
    background-color: #1C69D4;
    color: #ffffff;
    font-weight: bold;
}
.table-primary tbody td {
    padding: 15px;
    text-align: left;
    border: solid 1px #DFDFDF;
}
.table-primary .center {
    text-align: center;
}



/* TRADE TORQUE TREASURES SPECIFIC STYLING */
.banner.--trade-torque-treasures {
    margin-bottom: 0;
}
.landing-page.--trade-torque-treasures ._banner {
    background-color: #FFD500;
    max-width: 1680px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}
.landing-page.--trade-torque-treasures ._banner .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 0;
    padding-left: 15px;
    padding-top: 0 !important;
}
.landing-page.--trade-torque-treasures ._banner ._text {
    padding: 50px 15px;
}
.landing-page.--trade-torque-treasures ._banner .content__heading {
    text-transform: uppercase;
    font-size: 35px;
    margin-bottom: 15px;
}
.landing-page.--trade-torque-treasures ._banner ._graphic {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #000;
    color: #FFD500;
    padding: 50px 100px;
}
.landing-page.--trade-torque-treasures ._banner ._graphic img {
    max-width: 100px;
    margin-bottom: 15px;
}
.landing-page.--trade-torque-treasures ._banner ._graphic p {
    line-height: 1.2;
    font-weight: bold;
    font-size: 12px;
}
.landing-page.--trade-torque-treasures .container:last-child {
    padding-top: 30px;
}
.landing-page.--trade-torque-treasures .split-layout {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.landing-page.--trade-torque-treasures .split-layout__content.--with-underline {
    border-bottom: solid 4px #000;
}
.landing-page.--trade-torque-treasures .split-layout__content .content__heading {
    margin-bottom: 15px;
}


/* HUBSPOT FORM */
.hs-form-iframe {
    width: 100% !important;
}
.content__hs-form-iframe {
    background-color:#f2f2f2;
    padding: 15px;
}
.hs-form label {
    padding-left: 0;
    padding-right: 0;
    color: #374659;
    font-size: 13px;
}
.hs-form fieldset {
    margin-bottom: 15px;
    max-width: 100% !important;
}
.hs-form .form-columns-1 .input,
.hs-form .form-columns-2 .field:nth-child(2) .input {
    margin-right: 0 !important;
}
.hs-form .hs-input[type=text],
.hs-form .hs-input[type=email],
.hs-form .hs-input[type=number],
.hs-form textarea {
    width: 100% !important;
}
.hs-form .hs-field-desc {
    background: transparent;
    font-size: 11px;
    color: #8198b3;
    margin-bottom: 15px;
}
.hs-form .multi-container {
    margin-left: 0 !important;
}
.hs-form .hs-error-msgs {
    margin-left: 0;
}
.hs-form .hs-error-msg {
    color: red;
}






/* RESPONSIVE LAYOUT */
@media screen and (max-width: 991px) {
    /* TRADE TORQUE SPECIFIC STYLING */
    .landing-page.--trade-torque-treasures ._banner {
        margin-top: 30px;
    }
    .landing-page.--trade-torque-treasures ._banner .container {
        padding-right: 0;
    }
    .landing-page.--trade-torque-treasures ._banner .content__heading {
        font-size: 21px;
    }
}
@media screen and (max-width: 768px) {
    .landing-page .split-layout .split-layout__content {
        width: 100%;
        padding-top: 0;
    }
    
    /* TRADE TORQUE SPECIFIC STYLING */
    .landing-page.--trade-torque-treasures ._banner ._graphic {
        padding-left: 50px;
        padding-right: 50px;
    }
    .landing-page.--trade-torque-treasures .split-layout {
        flex-direction: column;
        padding-bottom: 0;
    }
    .landing-page.--trade-torque-treasures .split-layout.--reverse {
        flex-direction: column-reverse;
    }
    .landing-page.--trade-torque-treasures .split-layout .split-layout__content {
        width: 100%;
    }
    .landing-page.--trade-torque-treasures .split-layout .split-layout__content .content {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .landing-page.--trade-torque-treasures .split-layout__content.--with-underline {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 600px) {
    .landing-page .card-image-wrapper {
        flex-direction: column;
    }
    .landing-page .card-image {
        display: flex;
        justify-content: center;
        margin-right: 0;
        margin-bottom: 15px;
    }.landing-page .card-image:last-child {
        margin-bottom: 0;
    }
    /* TRADE TORQUE SPECIFIC STYLING */
    .landing-page.--trade-torque-treasures ._banner ._graphic {
        padding: 25px;
    }
}

@media screen and (max-width: 459px) {
    .landing-page.--trade-torque-treasures .split-layout__content {
        padding-left: 15px;
    }
}




/* PAGE - MEMBER DASHBOARD */
.login-page.-authenticated {
    position: relative;
    height:100%;
    min-height: calc(100vh + 240px);
}
.login-section.-authenticated {
    height: 100%;
    bottom: auto;
    top: 60px;
}
.edit-profile.-dashboard {
    margin-bottom: 30px;
}
.dashboard-panel {
    width: 48%;
    margin: 0;
}
.dashboard-panel ._fieldset {
    position: relative;
    border: 1px solid #ddd;
    padding: 1.25rem;
    margin: 20px 0 0 0;
}
.dashboard-panel ._legend {
    position: absolute;
    top: -12px;
    font-family: 'BMWGroup-Bold';
    font-weight: bold;
    background: #fff;
    padding: 0 0.1875rem;
    margin: 0;
    margin-left: -0.1875rem;
}
.dashboard-panel ._list {
    list-style-type: none;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.dashboard-panel ._list li {
    margin-bottom: 5px;
}
.dashboard-panel ._list li:last-child {
    margin-bottom: 0;
}
.dashboard-panel ._list a {
    text-decoration: none;
    color: #1C69D4;
}

@media screen and (max-width: 1235px) {
    .login-section.-authenticated {
        top: 30px;
    }
}
@media screen and (max-width: 1200px) {
    .login-section.-authenticated {
        top: 0;
    }
}
@media screen and (max-width: 760px) {
    .dashboard-panel {
        width: 100%;
    }
}



/** Calendar Entries Page **/

.gallery-outer-wrapper {
    padding-top:0px !important;
}

.gallery-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    padding-top:0 !important;
}

.gallery-item-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: calc(33.3% - .8rem);
    margin-right: 1rem;
    margin-bottom: 1rem;
    background-color:#FFFFFF;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.11);
}

@media screen and (min-width: 1151px) {
    .gallery-item-wrapper:nth-child(3n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 1150px) {
    .gallery-item-wrapper {
        width: calc(50% - .5rem);
        margin-right: 1rem;
    }
    
    .gallery-item-wrapper:nth-child(2n+2) {
        margin-right: 0;
    }
    
}


@media screen and (max-width: 900px) {
    .gallery-item-wrapper {
        width: 100%;
        margin-right:0;
    }
}

.gallery-item-wrapper a {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width:100%;
    text-decoration:none;
}



.gallery-item-image {
    width: 100%;
    height: auto;
}

.gallery-item-image img {
    width: 100%;
    display: block;
    vertical-align: bottom;
}

.gallery-item-details {
    padding: 18px 19px;
    color:#000;
    font-weight:bold;
    letter-spacing: .4px;
    width:87%;
    text-decoration:none;
}

.gallery-item-details-prefix {
    color:#1C69D4;
    text-decoration:none;
}

.gallery-item-maximise-button {
    width:13%;
    background-color:#1C69D4;
    position:relative;
   /* min-height:140px; */
}

.gallery-item-maximise-button a {
    width:100%;
    height:100%;
    display:block;
}

.gallery-item-maximise-button:before {
    content: "";
    background-image: url(https://cdn.bluegrasscoms.com/bmw/tradeclubwebsite/img/icons/expand-white.svg);
    background-repeat: no-repeat;
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/* Load More Button */

.loadMore {
  width: 100%;
  color: #fff;
  display: block;
  text-align: center;
  margin: 20px auto;
  padding: 17px;
  border-radius: 2px;
  border: 1px solid transparent;
  background-color:#1C69D4;
  transition: .3s;
  font-family: "BMWGroup-Bold";
  text-decoration:none;
  font-weight:bold;
  border: 2px solid #1C69D4;
}
.loadMore:hover {
  color:#1C69D4;
  background-color: #fff;
  border: 2px solid #1C69D4;
  text-decoration: none;
}
.noContent {
  color: #000 !important;
  background-color: transparent !important;
  pointer-events: none;
}

/** Calendar Competition Homepage Overrides Ben **/

.home-container .top-conditional-content {
  padding-left: 30px;
  padding-right:0;
}

.home-container .top-conditional-image {
  -ms-flex-order: 0;
  -webkit-order:0;
  order: 0;
}

@media screen and (max-width: 1000px) {
.home-container .top-conditional-content {
  max-width: 460px;
}

@media screen and (max-width: 767px) {
.home-container .top-conditional-content {
  padding-left: 0px;
  padding-right:0;
}
}