/*

Responsive CSS

*/

/*----------------------------------------------- Mobile */
/*----------------------------------------------- */
/*----------------------------------------------- */


@media (max-width:782px){
    html, body {
      overflow-x: hidden;
      width: 100%;
    }
    /* Typo */
    .mr-footer p{
        padding-top: 1em;
        font-size:0.6em !important;
    }
    
    .entry-content.feed .wp-block-heading.has-text-align-right:not(h5),
    .entry-content.single-page .wp-block-heading.has-text-align-right{
        text-align: left;
        margin-left: 0 !important;
    }
    .project-caption{
        margin-bottom: calc(var(--my--global--gap--size)*.25) !important;
    }
    .project-column .project-caption:first-child{
        padding-top:calc(var(--my--global--gap--size)*.25) !important;
    }
    .work-project-caption{
        padding-left: 0;
    }
	.has-text-align-right.text-background{
		/*float:left;*/
	}
    
    /* Buttons */
    .overlay-button.in-view{
        transform: translate(0, -0.5rem) scale(75%);
    }
    
    /* Allgemein */
    
    .hide-mobile{
        display:none;
    }
    .show-mobile{
        display:block;
    }
    .fullsize-desktop{
        flex-basis:66.66% !important;
    }
    .slideshow.even .slideshow-content figure{
        max-width:90%;
        width:90%;
        height:auto;
    }
    .slideshow.even .slideshow-content figure .neutral-height {
        height: auto !important; 
        width: 100% !important;
    }
    .slideshow-caption{
        padding-left: calc(var(--my--global--gap--size)*1);
        padding-right: calc(var(--my--global--gap--size)*1);
    }
    .slideshow.article-base-spacing{
        padding-bottom: 0 !important;
    }
    .slideshow-nav{
        padding-bottom: 1rem;
    }
    .flip-order-mobile{
        display:flex;
        flex-direction: column-reverse;
    }
    
    /* Media Reel*/
    
    .single-page div.mr-content{
        width:90%;
    }
    .single-page div.mr-item-container figure.center,
    .popup-block div.mr-item-container figure.center{
        transform: scale(1);
    }
    .single-page div.mr-item-container figure.right,
    .single-page div.mr-item-container figure.left,
    .popup-block div.mr-item-container figure.right,
    .popup-block div.mr-item-container figure.left
    {
        transform: scale(.9);
    }
    
    /* Popup */
    .popup-block .slideshow-nav > .wp-block-buttons,
    .popup-block .mr-nav > .wp-block-buttons{
        justify-content: flex-start;
    }
    .popup-container .media-container {
        padding: calc(var(--my--global--gap--size) * .5);
    }
    
    /*  ------------------------------------------------------ Layout */
    /*//////// ----------------------------------- General */
    
    .wp-block-columns:not(.gap-big, .mr-nav) {
        gap: 0 !important;
    }
    .more-projects{
       padding-bottom: 1.5rem;
    }
    .more-projects .wp-block-columns{
        gap: calc(var(--my--global--gap--size) * .5) !important;
    }
    .is-layout-flow > .alignright{
        float:none;
    }
    .max-width{
        max-width:75%;
    }
    .article-page-beginn{ padding-top: 3rem; }
    .article-section-beginn{ padding-top: 1.5rem; }
    .article-base-spacing{ padding-bottom: 1.5rem; }
    .article-section-end{ padding-bottom: 3rem; }
    
    .feed .article-section-beginn
    { padding-top: 0 !important; }
    .feed .article-section-end
    { padding-bottom: 0 !important; }
    
    .skills > div.article-base-spacing {
        padding-bottom: 0 !important;
    }
    
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        width: 100%;
    }
    
    /*//////// ----------------------------------- Feed */
    
    .feed #ajax-post-content {
        padding-top: calc(var(--my--global--gap--size) * 5) !important;
    }
    .feed #ajax-post-content > .wp-block-columns:not(.gap-big) {
        gap: 0 !important;
    }
    .feed #ajax-post-content figure.figure-img-load, 
    .feed #ajax-post-content figure.figure-video-load,
    .feed #ajax-post-content .work .wp-block-columns .coverall-container
    {
        margin-top:0 !important;
        margin-left:0 !important;
        margin-right:0 !important;
        margin-bottom: calc(var(--my--global--gap--size)*.5) !important;
    }
    
    .feed #ajax-post-content .coverall-container figure.figure-video-load{
        margin:0 !important
    }
    
    
    /*.feed #ajax-post-content > .wp-block-columns-is-layout-flex:not(.work, .is-not-stacked-on-mobile) {
        gap: calc(var(--my--global--gap--size)*3) !important;
    }*/
    
    .feed #ajax-post-content > .wp-block-columns:not(.work) ,
    .feed #ajax-post-content 
        >.wp-block-columns > .wp-block-column:not(.project-column) 
        > div:not(:last-child, .coverall-container),
    .feed #ajax-post-content 
        >.wp-block-columns:not(.smallmargin-mobile) > .wp-block-column:not(.project-column)
        > figure:not(:last-child),
    .feed #ajax-post-content
        > .wp-block-columns > .wp-block-column:not(.project-column) 
        > .wp-block-group > div:not(:last-child, .coverall-container),
    .feed #ajax-post-content 
        > .wp-block-columns > .wp-block-column:not(.project-column)
        > .wp-block-group > figure:not(:last-child)
    { margin-bottom: calc(var(--my--global--gap--size)*6) !important; }
    
    .feed #ajax-post-content > .wp-block-columns:not(.smallmargin-mobile, .work, .is-not-stacked-on-mobile) {
        gap: calc(var(--my--global--gap--size)*6) !important;
    }
    .feed #ajax-post-content 
        >.wp-block-columns > .wp-block-column.project-column
        > figure:not(:last-of-type)
    {
        margin-bottom: calc(var(--my--global--gap--size)*.5) !important;
    }
    
    .feed .wp-block-columns .wp-block-columns,
    .feed .wp-block-columns .wp-block-column:not(.text, .coverall-container),
    .feed .wp-block-columns .wp-block-column .wp-block-group
    {
        margin-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .feed #ajax-post-content .wp-block-columns.is-not-stacked-on-mobile {
        gap: calc(var(--my--global--gap--size) * .5) !important;
    }
    .wp-block-cover{
        margin-bottom: calc(var(--my--global--gap--size)*2) !important;
    }
    
    /*//////// ----------------------------------- smallmargin-mobile */
    
    .feed #ajax-post-content .smallmargin-mobile{
        gap:0 !important;
        margin-bottom: calc(var(--my--global--gap--size)*.5) !important;
    }
    .feed #ajax-post-content 
        >.wp-block-columns.smallmargin-mobile > .wp-block-column
        .coverall-container,
    .feed #ajax-post-content 
        >.wp-block-columns.smallmargin-mobile > .wp-block-column
        > figure
    {    margin-bottom: calc(var(--my--global--gap--size)*.5) !important;    }
    .feed #ajax-post-content .smallmargin-mobile .wp-block-columns:has(.coverall-container){
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    .feed #ajax-post-content .smallmargin-mobile .wp-block-columns .coverall-container{
        margin-bottom: calc(var(--my--global--gap--size)*.5) !important;
    }
    
    /*//////// ----------------------------------- Single Page */
    .single-page figure.figure-img-load,
    .single-page figure.figure-video-load{
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        margin-bottom: calc(var(--my--global--gap--size)*.5) !important;
        
    }
    /*//////// ----------------------------------- Cookie Notice */
    #cookie-notice{
        width:80vw;
    }
    #cookie-notice .cookie-notice-container {
        padding: 3rem 1.5rem 1rem 1.5rem;
        text-align: left;
    }
    #cookie-notice .cn-buttons-container{
        display: flex;
        flex-direction: column;
        width:100%;
        gap:.5rem;
    }
    
}