/*
    This theme supports ...

    Twitter Bootstrap CSS Framework
    see:
    https://getbootstrap.com/docs/4.6/getting-started/introduction/
*/
    


/*
    Links
*/

#primary div.summary.entry-summary a {
    color: var( --m45-tafel);
}

/*
    Buttons
*/
/*
.btn-primary {
    font-style: normal!important;
    background-color: var(--bb-primary-button-background-regular)!important;
    color: var(--bb-primary-button-text-regular)!important;
    border: 1px solid var(--bb-primary-button-border-regular)!important;
    border-radius: var(--bb-input-radius);
}

.btn-primary:hover {
    filter: brightness(1.2);
}

.btn-primary:active,
.btn-primary:focus {
    border: 1px solid var(--bb-primary-button-border-regular)!important;
    box-shadow: none!important;
}

.btn-secondary {
    background-color: #045050;
    color: var(--bb-primary-button-text-regular)!important;
    border-radius: var(--bb-input-radius);
}

.btn-secondary:hover {
    background-color: #045050;
    filter: brightness(1.2);
}
*/

.btn-link:hover {
    color: var(--bb-primary-color);
}

.btn-info {
    background-color: #e2eae2;
    color: #045050 !important;
    border-color: #e2eae2!important;
    border-radius: var(--bb-input-radius);
}

.btn-info:hover {
    background-color: #e2eae2;
    filter: brightness(1.04);
}
.btn-outline {
    color: var(--bb-body-text-color);
    background-color: var(--bb-content-background-color);
    border: 1px solid var(--bb-content-border-color);
    border-radius: var(--bb-input-radius);
}

.btn-outlined {
    border: 1px solid rgba(255,255,255,.5);
    background: none!important;
}

.btn-outlined:hover {
    border: 1px solid rgba(255,255,255,.8);
}

.btn-group-xs > .btn, 
.btn-xs {
    padding: .15rem .3rem;
    font-size: .675rem;
    line-height: inherit;
    border-radius: .2rem;    
}

.btn.disabled,
.btn[disabled],
.btn-primary.disabled,
.btn-secondary.disabled {
    background: #c8c8c8!important;
    border: #c8c8c8!important;
    color: #e8e8e8!important;
}



/*
    Collapse
*/

body.woocommerce.woocommerce-page .woocommerce-products-header {
    margin-bottom: 0px;
    border-bottom: none;
}

body.woocommerce.woocommerce-page .page-description,
body.woocommerce.woocommerce-page .term-description
{
    margin-bottom: 0px!important;
}

body.woocommerce.woocommerce-page #primary #content .woocommerce-notices-wrapper {
    padding-bottom: 15px;
}


.btn-cliffhanger-wrapper {
    
    @media (min-width: 900px) {
        text-align: right;
        padding-right: 40px;
    }
    
    @media (max-width: 899px) {
        text-align: center;
        padding-right: 0px;
    }    
}

.btn-cliffhanger {
    background: white !important;
    border-color: var(--bb-content-border-color)!important;
    border-radius:  0px 0px var(--bb-input-radius) var(--bb-input-radius);
    border-top: none;
    margin-top: -44px;
    padding-top: 1px;
    padding-right: 10px;
    padding-left: 10px;
    /*font-size: 11px;*/
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vdx-filters-form-collapse-wrapper {
    
    .btn-cliffhanger.cliffhanger-filters {
        margin-right: -6px;
        border-radius: 0px 0px 0px 8px;
        color: #045050;
        font-weight: 600;
    }
    
    .btn-cliffhanger.cliffhanger-excerpt {
        border-radius: 0px 0px 8px 0px;
        color: #B0B0B0;
    }      
    
    .btn-cliffhanger,
    .btn-cliffhanger:focus,
    .btn-cliffhanger:active,
    .btn-cliffhanger i.fa {
        box-shadow: none!important;
        /*font-weight: 600;*/
    }    
}


.vdx-excerpt-collapse-wrapper {
    
    .btn-cliffhanger {
        margin-top: -40px;
        border-radius: 0px 0px 8px 0px;
    }
    
    .btn-cliffhanger,
    .btn-cliffhanger:focus,
    .btn-cliffhanger:active,
    .btn-cliffhanger i.fa {
        color: #B0B0B0!important;
        box-shadow: none!important;
    }
}
    
.btn:not(.disabled).btn-cliffhanger:hover {
    color: var(--bb-primary-button-background-regular)!important;
}  

button:hover,
button:focus,
button:active {
    box-shadow: none;
}



.vdx-collapse-wrapper {
    margin-bottom: 15px;
}

.vdx-collapse-area {
}

.vdx-filters-form-collapse {
    padding-top: 15px;
}

.vdx-excerpt-collapse {
}

.cliffhanger-wrapper {
    border-top: 1px solid var(--bb-content-border-color);
}

.vdx-excerpt-collapse-wrapper .cliffhanger-wrapper,
.vdx-filters-form-collapse-wrapper .cliffhanger-wrapper {
    margin-bottom: 15px;
}

.vdx-collapse-area.collapse.show + .cliffhanger-wrapper {
    
    margin-bottom: 14px!important;
    .btn-cliffhanger {
        margin-top: -11px!important;
        
    }
}

.vdx-collapse-area form {
    padding-bottom: 5px;
}


/*
    After Upload Page - Jumbotron
*/
.m45-upload-jumbotron .btn {
    margin: 0px 5px 5px 0px;
}


/*
    Offer
*/

.shape {    
	border-style: solid; border-width: 0 80px 50px 0; float:right; height: 0px; width: 0px;
	-ms-transform:rotate(360deg); /* IE 9 */
	-o-transform: rotate(360deg);  /* Opera 10.5 */
	-webkit-transform:rotate(360deg); /* Safari and Chrome */
	transform:rotate(360deg);
}
.offer {
	/*background:#fff; border:1px solid #ddd; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); margin: 0px 0; overflow:hidden;z-index:10;*/
        margin: 0px 0; 
        overflow:hidden;
        z-index:1;
        position: absolute;
        right: 0px;
}

.offer:hover {
    -webkit-transform: scale(1.1); 
    -moz-transform: scale(1.1); 
    -ms-transform: scale(1.1); 
    -o-transform: scale(1.1); 
    transform:rotate scale(1.1); 
    -webkit-transition: all 0.3s ease-in-out; 
    -moz-transition: all 0.3s ease-in-out; 
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    }
    
.shape {
	border-color: rgba(255,255,255,0) #d9534f rgba(255,255,255,0) rgba(255,255,255,0);
}

.offer-radius{
	border-radius:7px;
}

.offer-danger {	border-color: #d9534f; }
.offer-danger .shape{
	border-color: transparent #d9534f transparent transparent;
}
.offer-success {	border-color: #5cb85c; }
.offer-success .shape{
	border-color: transparent #5cb85c transparent transparent;
}
.offer-default {	border-color: #999999; }
.offer-default .shape{
	border-color: transparent #999999 transparent transparent;
}
.offer-primary {	border-color: var(--bb-primary-button-background-regular); }
.offer-primary .shape{
	/*border-color: transparent #428bca transparent transparent;*/
        border-color: transparent var(--bb-primary-button-background-regular) transparent transparent;
}

.offer-mint {	border-color: var( --m45-mint); }
.offer-mint .shape{
        border-color: transparent var( --m45-mint) transparent transparent;
        
}

.offer-tafel {	border-color: var( --m45-tafel); }
.offer-tafel .shape{
        border-color: transparent var( --m45-tafel) transparent transparent;
        
}

.offer-info {	border-color: #5bc0de; }
.offer-info .shape{
	border-color: transparent #5bc0de transparent transparent;
}
.offer-warning {	border-color: #f0ad4e; }
.offer-warning .shape{
	border-color: transparent #f0ad4e transparent transparent;
}

.shape-text {
	color:#fff; 
        
        font-size:12px; 
        font-weight:bold; 
        letter-spacing: 0.04em;
        position:relative; 
        left:31px; 
        top:-2px; 
        white-space: nowrap;
        
	-ms-transform:rotate(30deg); /* IE 9 */
	-o-transform: rotate(360deg);  /* Opera 10.5 */
	-webkit-transform:rotate(32deg); /* Safari and Chrome */
	transform:rotate(32deg);
        /*text-transform: uppercase;*/
}	

.offer-mint .shape-text {
    color:  var(--m45-tafel)!important;    
}
.offer-content{
	padding:0 20px 10px;
}

/**
    Alert
**/

.alert-mint {
    background-color: var(--m45-mint);
}

.alert-callout {
    border-left: 5px solid var(--m45-tafel);
    padding: 20px 40px 20px 20px;
    margin-bottom: 30px;
}

.alert-light {
    border: 1px solid var(--secondary);
    background-color: var(--secondary);
    color: var(--body-color);
    /**color: var(--bb-secondary-button-text-regular);    **/
}

.alert-light a,
.alert-mint a {
    text-decoration: underline;
    color: var(--m45-tafel);
}


/**
    Callout
**/
.vdx-callout {
    /*background-color: #e7f3f8;*/
    background-color: var(--m45-mint);

    border-left: 5px solid var(--m45-tafel); /* Info-Farbe */
    border-radius: 0px;
    padding: 1.25rem;
    
    margin-top: 0px; 
    margin-bottom:20px;    
}

.vdx-callout h6 {
    margin-top: 0;
    font-weight: bold;
}

.vdx-callout p {
    margin-bottom: 0;
    color: var(--body-color);
}

.vdx-callout a {
    text-decoration: underline;
    color: var(--m45-tafel);
}
    
#vdx_downloads_modal,
#vdx_interactives_modal {

    .modal-body {
        
        padding-top: 0px;
        padding-bottom: 0px;
        
        margin-top: 15px;
        margin-bottom: 0px;
    }
    
    .vdx-callout {
        margin-left: -16px;
        margin-right: -16px;
        margin-bottom: -15px;     
    }
    
    .vdx-callout-insta-note {
        margin-top: 0px; 
        margin-bottom:20px;
    }
    
    .vdx-callout-terms-note {
        margin-top: 20px;
        margin-bottom: 0px;
    } 
}

@media (min-width: 487px) {
  .container {
    max-width: 750px;
  }
  .col-sm-6 {
    width: 50%;
  }
}
@media (min-width: 900px) {
  .container {
    max-width: 970px;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
  .col-lg-3 {
    width: 25%;
  }
}