/*
Theme Name: Twenty Twenty Child
Theme URL: http://wpamanuke.com/
Description: Twenty Twenty Child Theme
Author: WPAmaNuke
Author URL: http://wpamanuke.com/
Template: twentytwenty
Version: 1.0.0
Text Domain: twentytwenty-child
*/
/* Custom CSS goes after this line */

/* INDEX ===
1.  PAGE STRUCTURE
2.  FONTS
3.  BUTTONS
4.  LISTS
5.  DISCLAIMER
6.  ACCESSIBILITY
7.  NAV MENU
8.  SUB-FOOTER
9.  FOOTER
10. SCROLL TO TOP
11. MAIN PAGE: Film Collection
12. MAIN PAGE: Image Navigation
13. MAIN PAGE: Recent Posts
14. ABOUT PAGE
15. PANEL MAPS
16. HAVE YOUR SAY (survey) & CONTACT US (pop-up)
17. ESSAYS & BLOG POSTS: Blog Page
18. BLOG (posts pages)
19. PRIVACY PAGE
20. TERMS & CONDITIONS
21. 404 ERROR PAGE
22. FILM EMBEDS
23. PHOTOS/IMAGES
24. PANEL 1: Special Section
25. PANEL 7: Special Section
26. EXPLORE FURTHER
27. COLORS FOR SHAPES
28. PAGE BANNERS (CSS transforms)
29. TITLE BANNERS
30. PAGE SEPARATORS
31. SHAPES (see shape catalogue for reference)
        /Shape A (with variations)
        /Shape B
        /Shape C (angled quote block with variations)
        /Shape D (block quotes with variations)
        /Shape E (angled text divider)
        /Shape F (angled text divider)
        /Shape G
        /Shape H
        /Shape J
        /Shape K
        /Shape M
32.  RESPONSIVE
        @media (max-width: 1280px)
        @media (max-width:767px)

/* 1. PAGE STRUCTURE -----------------------------------------------------------------------------------*/
.site-title{
    display: none;
}
.site-description{
    display: none;
}
.page .entry-header{
    display: none;
}
.entry-content > .alignfull:first-child{
    margin-bottom: 0;
}
.entry-content > .alignfull {
    margin-bottom: 0;
    margin-top: 0;
}
.entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background){
	margin-top:0;
	margin-bottom:0;
}
.section-inner {
    max-width: 100%;
}
.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container{
    padding: 0px;
    padding-bottom: 5%;
}
.entry-content > .wp-block-group.alignfull.has-background{
    padding: 0.05rem 4rem;
}
body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
        max-width: 100%;
}
.wp-block-columns.alignfull + .wp-block-columns.alignfull{
    padding-bottom: 10vh;
}
.wp-block-columns{
    margin-bottom: 5% !important;
}
.padleft-fifteen{
    padding-left: 15%;
}
.padright-ten{
    padding-right: 10%;
}
.text-pad{
    padding-left: 15% !important;
    padding-right: 15% !important;
}
.level-up{
    position: relative;
    z-index: 5;
}
.mask-white{
    background-color: #fff;
    position: relative;
    z-index: 1;
}

/*remove post-meta section*/
.page .post-meta-wrapper{
    display:none;
}
.remove-space{
    margin-bottom:-5% !important;
}
.padding-above{
    padding-top: 10%;
}
.remove-mp{
    margin-bottom: 0% !important;
    padding-bottom: 0% !important;
}
.no-top{
    margin-top:0px !important;
    padding-top: 0px;
}
.layered-col{
    padding-left: 0px !important;
}

/* 2. FONTS -----------------------------------------------------------------------------*/
.post .type-post{
    padding-left:15%;
    padding-right: 15%;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, .entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file{
    font-family: aktiv-grotesk, sans-serif, "Helvetica Neue", Helvetica, sans-serif;
}
body{
    font-family: aktiv-grotesk, sans-serif, "Helvetica Neue", Helvetica, sans-serif;
}
entry-content{
    font-family: NonBreakingSpaceOverride, aktive-grotesk, sans-serif "Hoefler Text";
}
.entry-content p{
    line-height: 150%;
}
p{
    font-family: aktiv-grotesk, sans-serif;
    font-weight: 400;
    position: relative;
    z-index: 4;
    font-size: 2.5rem;
    padding-right: 15%;
    padding-left: 15%;
}
.post p{
    font-size: 2.2rem;
    padding-right: 0%;
    padding-left: 0%;
}
/*For blocks with no margins */
.inline-text{
    padding-right:0 !important;
    padding-left: 0 !important;
}
h1{
    font-weight: 700;
    font-size: 5vw;
    line-height: 6vw;
    text-transform: uppercase;
}
h1.entry-title{
    font-weight: 600;
    text-transform: none;
    font-size: 8rem;
    line-height: 6.5rem;
}
entry-content h1{
    margin: 2rem auto 1rem;
}
h2{
    position: relative;
    z-index: 5;
    font-weight: 600;
    font-size: 5rem;
    text-transform: uppercase;
}
h2.entry-title{
    font-size: 6rem;
    text-transform: none;
}
.wp-block-cover-image h2, .wp-block-cover h2{
    font-size: 3.8rem;
}
h3{
    font-weight: 600;
    font-size: 4.2rem;
    letter-spacing: normal;
    position: relative;
    z-index: 5;
}
h4{
    position: relative;
    z-index: 5;
    font-weight: 600;
    font-size: 2.5vw;
}
h5{
    position: relative;
    z-index: 5;
    font-weight: 600;
    font-size: 3.5rem;
    line-height: 150%;
}
h6{
    position: relative;
    z-index: 5;
    font-family: aktiv-grotesk, sans-serif;
    font-weight: 500;
    text-transform: none;
    font-size: 2.6rem;
    line-height: 150%;
}
.caption{
    font-size: 2.2rem;
}
.post .caption{
    font-size: 1.9rem;
}
.credit{
    font-size: 1.5rem;
}
.caption-text{
    padding-right: 40%;
    font-size: 1.5rem;
}
.text-smlright{
    padding-right: 5%;
    padding-left: 25%;
}
.about-text{
   font-size: 2rem;
}
.mass-special{
    padding-left: 40%;
    padding-right: 5%;
}
.align-left{
    text-align: left;
}
p.film-caption{
    padding-right: 3%;
    padding-left: 3%;
}
/*blog indentation*/
.post .caption-below{
    padding-right:40%;
}

/* 3. BUTTONS -----------------------------------------------------------------------------*/
a{
    color: inherit;
    text-decoration: inherit;
}
a:hover{
    color:inherit;
    text-decoration: inherit;
}
.wp-block-buttons .wp-block-button{
    z-index: 2;
}
/*Basic Button - Text & Underline*/
.is-style-outline .wp-block-button__link:not(.has-text-color){
    font-family: aktiv-grotesk, sans-serif;
    font-weight: 700;
    color: #fff;
    text-decoration: underline;
    font-size: 3rem;
}
.is-style-outline .wp-block-button__link{
    border: 0px solid;
}
.is-style-outline .wp-block-button__link:hover{
    color: #EC0146;
    text-decoration: underline;
}
.is-style-outline .wp-block-button__link{
    padding: 0px;
}
/*Explore the Exhibition Icon*/
.dashicons{
    font-size: 8vh;
    text-decoration: none;
}
a .explore-icon{
    font-size: 10vh;
    width: 100%;
    text-align: center;
    color: #fff;
    text-decoration: none;
}
a .explore-icon:hover{
    color: #ec0146;
    text-decoration: none;
}
/*Fill Button*/
.banner-button{
    position: relative;
    padding-top: 2%;
    padding-left: 2%;
    padding-bottom: 2%;
    background-color: #EC0146;
}
.banner-button:after{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    right:-20%;
    display: block;
    width:100%;
    -webkit-transform: skew(-40deg);
    -ms-transform: skew(-40deg);
    transform: skew(-40deg);
    background-color: #EC0146;
}
.wp-block-button__link {
    background: rgba(255,255,255,0);
    padding: 0;
    font-family: aktiv-grotesk, sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 3rem;
    text-decoration: none;
    text-transform: uppercase;
}
.wp-block-button__link{
    background-color: rgba(255,255,255,0) !important;
}
.span-button .is-style-fill .wp-block-button__link:not(.has-text-color):hover{
    text-decoration: underline;
    color: #fff;
}
.span-button .wp-block-button__link:after{
    font-family: "dashicons";
    content: "\f345";
    vertical-align: middle;
    text-decoration: none !important;
    font-size: 5vh;
}
.span-button .wp-block-button__link:after:hover{
    text-decoration: none !important;
}
/*Next Exhibition Page  Button */
.exhibition-button{
    position: relative;
    padding-top: 2%;
    padding-left: 2%;
    padding-bottom: 2%
}
.exhibition-button:after{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    right:-20%;
    display: block;
    width:100%;
    text-decoration: none;
    -webkit-transform: skew(-40deg);
    -ms-transform: skew(-40deg);
    transform: skew(-40deg);
}
.exhibition-button:after:hover{
    text-decoration: none;
}

/* 4. LISTS  -----------------------------------------------------------------------------*/
/*bullet lists*/
.entry-content li{
    font-family: aktiv-grotesk, sans-serif;
    font-size: 1.8vw;
}
#post-1531 li{
    margin-left: 20vw;
    margin-right: 15vw;
}
.inline-list li{
    margin-left: 5%;
    margin-right: 10%;
}

/* 5. DISCLAIMER -----------------------------------------------------------------------------------------------------------------------------------------------*/
.pum-container .pum-content>:first-child{
    padding-left: 0;
    padding-right: 0;
}
p.disclaimer-text{
    text-align: center;
}

/* 6. ACCESSIBILITY -----------------------------------------------------------------------------*/
svg{
    display: inline;
    height: auto;
    max-width: inherit;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{
    padding:1.5vw;
    box-shadow: none;
    background-color: rgba(236,1,70,0.8);
}
.page-id-1447 .pojo-a11y-toolbar-toggle{
      	display:none !important;
}
.page-id-1447 .topbutton{
      	display:none !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title{
    font-size: 2.2rem;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a .pojo-a11y-toolbar-text{
	font-size:120%;
}
.pojo-a11y-toolbar-item{
	margin-left:0;
}
.pojo-a11y-btn-readable-font,.pojo-a11y-btn-grayscale{
	display:none !important;
}
.pojo-a11y-btn-resize-plus .pojo-a11y-toolbar-text:after,.pojo-a11y-btn-resize-minus .pojo-a11y-toolbar-text:after{
	content: ' Size';
}
.pojo-a11y-toolbar-title{
	line-height:1.15 !important;
}

/* 7. NAV MENU -----------------------------------------------------------------------------*/
/*nav bar */
#site-header{
    z-index: 4;
}
.header-inner{
    min-width:0;
	width:200px;
	right:0;
    position: fixed;
    padding: 1rem 2vh;
    background: rgba(48,38,36,0.8);
}
body:not(.overlay-header) #site-header .toggle {
    color: #fff !important;
}
.header-inner .toggle{
    font-family: aktiv-grotesk, sans-serif;
    text-transform: uppercase;
    outline: 0;
}
.header-inner .toggle{
    padding: 0;
}
.header-toggles{
    margin-right: 0;
}
.header-toggles .toggle{
    padding:0;
}
.header-toggles:only-child .toggle-inner .toggle-text{
    font-size: 2rem;
    font-weight: 500;
}
.header-inner .toggle:focus .toggle-text, .header-inner .toggle:hover .toggle-text{
    color: #ec0146;
    text-decoration: none !important;
}

/*Full-screen menu overlay */
a{
    outline: 0;
}
.menu-modal.active .menu-modal-inner{
    min-width: 100%;
}
.menu-modal-inner{
    background: #302624;
}
.menu-modal .toggle{
    color: #ec0146 !important;
    text-decoration: none;
    outline: 0;
}
.menu-modal .toggle:hover{
    color: #fff !important;
}
button-close-nav-toggle{
    font-size: 3vh;
}
button.close-nav-toggle .toggle-text{
    text-transform: uppercase;
    font-size: 3vh;
}
.button.close-nav-toggle svg{
    height: 3vh;
    width: 3vh;
}
.modal-menu li{
    border-style: none;
}
.modal-menu > li > .ancestor-wrapper > a{
    padding: 1.5vh;
    font-family: aktiv-grotesk, sans-serif;
    font-weight: 600;
    font-size: 3rem;
    letter-spacing: normal;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
.modal-menu > li > .ancestor-wrapper > a:hover{
    color: #ec0146;
}
.menu-bottom .social-menu{
    justify-content: center;
}

/* 8. SUBFOOTER -----------------------------------------------------------------------------*/
.reduced-spacing.footer-top-visible .footer-nav-widgets-wrapper{
    border-top-width: 0px;
}
.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer{
    margin-top: 0px;
}
.footer-nav-widgets-wrapper, #site-footer, .footer-widgets-outer-wrapper, .footer-widgets-outer-wrapper, .footer-top{
    border-color: rgba(255,255,255,0) !important;
}
.footer-nav-widgets-wrapper, #site-footer{
    background-color: #302624;
}
#menu-primary-2, .footer-widgets a {
    color: #fff;
}
#menu-primary-2{
    padding-top: 8%;
}

/*Widget Shape*/
.subfooter-contact{
    position: relative;
    z-index: 2;
    max-width: 70%;
    background-color: #7A6C6B;
    margin-left: -10%;
    padding-top: 1%;
    padding-bottom: 5%;
    padding-left: 13%;
}
.subfooter-contact:after{
    position: absolute;
    z-index: -1;
    content: '';
    top:0;
    bottom:0;
    right:-28%;
    display: block;
    width: 100%;
    background: #7A6C6B;
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
}

/*Sub-Footer Text*/
.footer-widgets a{
    color: #fff !important;
}
.footer-widgets a:hover{
    color: #EC0146 !important;
    text-decoration: none;
}
h3.contact-title{
    color: #fff;
    font-size: 3rem;
    line-height: 150%;
}
h5.contact-subtitle{
    margin: 0 auto 4rem;
    color:#fff;
    font-size: 1.6vw;
    line-height: 2.4vw;
}
h5.contact-subtitle a:hover{
    color: #302624 !important;
}
h5.contact-email{
    margin: 0 auto 2rem;
    color:#fff;
    font-size: 2.5rem;
    line-height: 150%;
    text-decoration: underline;
}
h5.contact-email:hover{
    color: #302624 !important;
}
h5.contact-email a:hover{
    color: #302624 !important;
}

/* Legal */
.widget_text p{
    font-family: aktiv-grotesk, sans-serif;
}
.subfooter-text{
    padding-top: 5%;
    padding-right: 0;
    padding-left: 0;
    font-size: 2rem;
    color: #fff;
}
.subfooter-text a:hover{
    color: #302624 !important;
    font-weight: 600;
}

/*Sub-Footer Nav Menu */
.widget_nav_menu a{
    font-family: aktiv-grotesk, sans-serif;
    font-weight: 600;
}
.widget_nav_menu li{
    font-size: 2.2rem;
    margin: 0.7rem 0;
}

/* 9. FOOTER -----------------------------------------------------------------------------*/
#site-footer{
    padding: 2rem 0;
}
#site-footer .section-inner{
    display: block;
}
p.footer-text{
    margin-bottom: 0px;
    text-align: center;
    font-size: 2rem;
    color: #fff;
}
#site-footer a{
    color: #fff;
    font-weight: 700;
}
#site-footer a:hover{
    text-decoration: underline;
}

/* 10. SCROLL TO TOP -----------------------------------------------------------------------------------------------------------------------------------------------*/
.topbutton {
  display: inline-block;
  background-color: rgba(236,1,70,0.8);
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 2px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  z-index: 1000;
}
.topbutton::after {
  content: "\f343";
  font-family: "dashicons";
  font-weight: normal;
  font-style: normal;
  font-size: 3.2rem;
  line-height: 50px;
  color: #fff;
}
.topbutton:hover {
  cursor: pointer;
  background-color: rgba(122,108,107,0.6);
    opacity: 0.8;
  text-decoration: none !important;
}
.topbutton:active {
  background-color: #ec0146;
    text-decoration: none;
}
.topbutton.show {
  opacity: 1;
  visibility: visible;
}


/* 11. MAIN PAGE - Film Collection -----------------------------------------------------------------------------------------------------------------------------------------------*/
.film-row{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: wrap;
        margin: 0;
        height: 100%;
    }
.film-col{
        max-width:33%;
        overflow: hidden;
}
.blocks-gallery-item figcaption{
    padding: 40px 10px 30px !important;
    font-size: 3rem !important;
    color: #fff;
    z-index: 4;
}
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
    overflow: hidden;
}
.blocks-gallery-item img{
    max-width: 100%;
    transition: all 0.3s;
    display: block;
    width: 100%;
    height: auto;
    transform: scale(1);
}
.blocks-gallery-item:hover img{
 -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* 12. MAIN PAGE - Image Navigation -----------------------------------------------------------------------------------------------------------------------------------------------*/
.image-nav{
    margin-bottom: 1% !important;
    padding-left:0px !important;
    padding-right:0px !important;
}
.image-nav-inner{
    margin-left: 0px !important;
}
.zoom-in{
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.zoom-in:hover{
 -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
wp-block-cover h2:a{
    color:#fff !important;
    text-decoration: none !important;
}
h2.image-link{
    color:#fff;
}
.image-link:a{
    color:#fff;
    text-decoration: none;
}
.image-link:a:hover{
    color: #fff;
    text-decoration: none;
}

/* 13. MAIN PAGE - Recent Posts -----------------------------------------------------------------------------------------------------------------------------------------------*/
/*Title Banner*/
.blog-banner{
    position: relative;
    margin-left: -15% !important;
    padding-left: 25%;
    padding-bottom:5%;
    max-width: 85%;
}
.blog-banner::after{
    z-index: -1;
    content: '';
    position: absolute;
    margin-top: -10%;
    margin-left: -25%;
    top:0;
    bottom: 0;
    display: block;
    width: 130%;
    -webkit-transform: skew(25deg);
    -ms-transform: skew(25deg);
    transform: skew(25deg);
}
/*Left Parallax*/
.blog-roll{
    margin-top: -19% !important;
    margin-left: -5% !important;
    height:102%;
    overflow: hidden;
}

/*Recent Posts */
.entry-content .wp-block-latest-posts *{
    font-size:2rem;
    color: #fff;
}
.wp-block-latest-posts.wp-block-latest-posts__list li{
    padding-top: 5%;
}
.wp-block-latest-posts a{
    font-size: 2.5rem !important;
}
.wp-block-latest-posts__list a:hover{
    text-decoration: underline;
}

/* 14. ABOUT PAGE -----------------------------------------------------------------------------------------------------------------------------------------------*/
about{
    padding-left:8%;
    padding-right:8%;
}
h6.about-head{
    padding-left: 15%;
    padding-right: 15%;
}
.about-email a{
    font-family: aktiv-grotesk, sans-serif;
    font-size: 2.2rem;
    text-align: center;
    color: #000;
}
.about-email a:hover{
    color: #ec0146;
}
.about-email a:active{
    color: #7A6c6b;
}

/* 15. PANEL MAPS -----------------------------------------------------------------------------------------------------------------------------------------------*/
/* MAP A - PANEL [1] Compromised Identities -------------------------*/

/*Map image */
#map-a .wp-block-cover .map-image .wp-block-cover__inner-container{
    min-height: 118vh;
}

/*button styling*/

.btn-mapA:before{
    font-family: "dashicons";
    content: "\f230";
    vertical-align: middle;
    font-size: 5vw;
}
.btn-mapB:before{
    font-family: "dashicons";
    content: "\f230";
    vertical-align: middle;
    font-size: 5vw;
}
.btn-mapA{
    color: #302624;
}
.btn-mapA:hover{
    color: #ec0146;
}
.btn-mapA:active{
    color: #ec0146;
}
.btn-mapB{
    color: #302624;
}
.btn-mapB:hover{
    color: #65baaf;
}
.btn-mapB:active{
    color: #65baaf;
}

/* button position */
/*BERLIN*/
.pin-one{
    position: absolute;
    top:21%;
    left:32%;
}
/*Austria*/
.pin-two{
    position: absolute;
    top:59%;
    left:43%;
}
/*BONN*/
.pin-three{
    position: absolute;
    top:38%;
    left:8%;
}
/* Fancybox Popup */
.animated-modal {
  max-width: 50%;
  float:right;
  border-radius: 4px;
  overflow: hidden;

  transform: translateY(-50px);
  transition: all .7s;
}
.modalA {
    background-color: rgba(236,1,70,0.9) !important;
    border-color: (236,1,70,0.9) !important;
}
.modalB {
    background-color: rgba(101,186,175,1) !important;
    border-color: (101,186,175,1) !important;
}
.animated-modal h5,
.animated-modal p {
  transform: translateY(-50px);
  opacity: 0;

  transition-property: transform, opacity;
  transition-duration: .4s;
}
.modalA p{
    color: #fff;
}
.modalB p{
    color:#000;
}
/* Final state */
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h5,
.fancybox-slide--current .animated-modal p {
  transform: translateY(0);
  opacity: 1;
}
/* Reveal content with different delays */
.fancybox-slide--current .animated-modal h5 {
  transition-delay: .1s;
}
.fancybox-slide--current .animated-modal p {
  transition-delay: .3s;
}
/* Close button */
.fancybox-slide--html .fancybox-close-small{
    opacity: 1;
}
.modalA .fancybox-slide--html .fancybox-close-small{
    color: #fff;
}
.modalB .fancybox-slide--html .fancybox-close-small{
    color: #000;
}

/* 16. HAVE YOUR SAY - Survey & CONTACT US - Popup -----------------------------------------------------------------------------------------------------------------------------------------------*/
/*Ninja Form*/
.nf-form-title h3{
    padding: 5px;
    max-width: 1000px;
    margin: 0 auto;
    color: #ec0146;
}
.nf-before-form-content{
    padding: 5px;
    max-width: 1000px;
    margin: 0 auto;
}
.nf-form-content .label-above .nf-field-label, .nf-form-content .label-below .nf-field-label, .nf-form-content .label-hidden .nf-field-label{
    font-family: aktiv-grotesk, sans-serif;
}
.nf-field{
    padding-bottom: 3%;
}
.nf-form-fields-required{
    font-family: aktiv-grotesk, sans-serif;
}
h6.ninja-form{
    font-size: 2.5rem;
    font-weight: 600;
}
nf-field-description{
    padding-bottom: 1%;
    font-size: 1.6rem;
}
.nf-field-description p:last-child{
    padding-left: 0;
    padding-right: 0;
}
.ninja description .nf-field-description p{
    font-size: 95%;
    padding-bottom: 10px;
}
.ninja-description{
    font-family: aktiv-grotesk, sans-serif;
}
#nf-label-field-48{
    font-family: aktiv-grotesk, sans-serif;
}
.nf-form-content input[type=button]{
    padding-bottom: 4%;
    background: #ec0146 !important;
    border: 2px solid #ec0146 !important;
    font-size: 2.8rem;
    color: #fff;
}
.nf-form-content input[type=button]:hover{
    background: #fff !important;
    color: #ec0146 !important;
    text-decoration: none;
}

/*Popup Maker*/
.pum-theme-2070 .pum-content, .pum-theme-default-theme .pum-content{
    color: #000;
}
.pum-close, .pum-theme-2070 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close{
	position:absolute !important;
	padding:1rem !important;
	font-size:2rem !important;
	line-height:1.2rem !important;
}
.pum-container .pum-content+.pum-close:hover{
    background-color: rgba(255,255,255,0)!important;
    color: #ec0146 !important;
}
.pum-content.popmake-content p{
	font-size:2rem;
}

/* 17. ESSAYS & BLOG POSTS - Blog Page (Post ID 1583) -----------------------------------------------------------------------------------------------------------------------------------------------*/
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
    max-width: 100%;
}
.entry-title a:hover{
    text-decoration: none;
    color: #ec0146;
}

/* 18. BLOG -----------------------------------------------------------------------------------------------------------------------------------------------*/
.entry-header{
    padding-top: 3%;
}
.post .post-inner{
    padding-left: 15%;
    padding-right:15%;
}

/*header */
.post .featured-media{
    display: none;
}
.singular .intro-text{
    display: none;
}
.single-post .wp-block-group__inner-container{
    padding-top: 0 !important;
}
.post-inner{
    padding-top:0;
}
.wp-block-image figcaption{
    font-size:1.2vw;
    line-height: 1.8vw;
}
hr.styled-separator{
    display: none;
}
.entry-categories-inner{
    color: #ec0146;
    padding-top: 3%;
}
.entry-categories-inner:hover{
    color: #302624;
}
.pagination-single{
    padding-bottom: 5%;
}
.pagination-single a{
    color: #ec0146;
}
.pagination-single a:hover{
     color: #302624;
}
.post-meta-single-top{
    display:none;
}
.post-meta-wrapper.post-meta-single-bottom{
    max-width: 100%;
    padding-left:15%;
}

/* Pull quote styling */
.category-objects-images hr.wp-block-separator{
    display: none;
}
.category-objects-images .pagination-single{
    display: none;
}
.reduced-spacing .wp-block-pullquote::before{
    border: none;
    font-size: 5vw;
}
.wp-block-pullquote blockquote p{
    font-size: 2.8rem;
    line-height: 150%;
}

/* 19. PRIVACY PAGE -----------------------------------------------------------------------------------------------------------------------------------------------*/
#post-1531 p{
    font-size: 1.8rem;
}
#post-1531 .entry-content li{
    font-size: 1.8rem;
}
#post-1531 .wp-block-button__link{
    font-size: 2.2rem;
}

/* 20. TERMS & CONDITIONS -----------------------------------------------------------------------------------------------------------------------------------------------*/
#post-1512 p{
    font-size: 1.2vw;
    line-height: 2vw !important;
}

/* 21. 404 ERROR PAGE -----------------------------------------------------------------------------------------------------------------------------------------------*/
.error404 #site-content{
    padding-top:0;
}
.wp-block-cover .wp-block-cover__inner-container .error-page{
    padding-top: 5%;
}
input[type="submit"]{
    background: #ec0146 !important;
    border: 5px solid #ec0146;
    font-size: 1.3vw;
}
input[type="submit"]:hover{
    background-color: rgba(255,255,255,0) !important;
    color: #ec0146;
}

/* 22. FILM EMBEDS -----------------------------------------------------------------------------------------------------------------------------------------------*/
.intro-video{
    position: relative;
    min-width: 80%;
    margin-left: 12vw !important;
    z-index: 4;
}
.intro-videor{
    position: relative;
    min-width: 80%;
    margin-right: 12vw;
    z-index: 4;
}
.wp-block-image.is-resized .intro-video{
    position: relative;
    min-width: 80%;
    margin-right: 12vw;
    z-index: 4;
}
video::-internal-media-controls-download-button {
    display:none;
}
.center-film{
    padding-right: 15vw;
    padding-left: 15vw;
}

/*Inline video*/
.inline-film{
    max-width:60%;
}

/*Shapes*/
.d-filmside{
    position:relative;
    max-width: 30%;
    margin-top: 10%;
    margin-right: 20%;
    padding-left: 5%;
    padding-right: 4%;
    padding-top: 5%;
    padding-bottom: 5%;
}
.d-filmside:after{
    z-index: 1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:50%;
    display: block;
    width: 80%;
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
}
.dfilm-purple{
    position: relative;
    max-width: 30%;
    margin-right: -7% !important;
    padding-top: 3% !important;
    padding-bottom: 3% !important;
    background-color: #8381BD;
}
.dfilm-purple:before{
    z-index: 1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-35%;
    display: block;
    width: 120%;
    -webkit-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg);
    background-color: #8381BD;
}
.dfilm-text{
    padding-right: 35%;
    position: relative;
    z-index: 3;
}

/* Extended skewed upward angle*/
.extended-strip{
    margin-left: -5% !important;
    min-width: 110%;
    padding-bottom: 8% !important;
}
.extended-stripdown{
    min-width: 110%;
    padding-bottom: 8% !important;
}

/*skewed film border*/
.stripedrk-divider{
    color: white;
    min-width: 110%;
    margin: 5% auto;
    padding-bottom: 5%;
    position:relative;
    z-index: 2;
    border-bottom: solid #fff 40vh;
}
.stripedrk-divider:after{
    background: #302624;
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    transform: skewY(10deg);
}

/*film skew for dextra */
.dextra-film{
    position:relative;
    margin-right: -5%;
    padding-left: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
    transform: skewY(-10deg);
}
.dextra-film:after{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    right:20%;
    display: block;
    width: 150%;
    -webkit-transform: skew(40deg);
    -ms-transform: skew(40deg);
    transform: skew(40deg);

}
.dextra-filmskew{
    transform: skewY(10deg);
    margin-left: -10%;
}

/* 23. PHOTOS/IMAGES -----------------------------------------------------------------------------------------------------------------------------------------------*/
.image-a1{
    max-width: 90%;
    margin-left: -5%;
}
.image-a2{
    max-width: 90%;
    margin-right: -5%;
}
.image-zero{
    margin-top:0% !important;
    margin-right: -5%;
}
.show-photo{
    display: none;
}
.der-spiegel{
    padding-right: 10%;
}

/* 24. PANEL 1 - Special Section -----------------------------------------------------------------------------------------------------------------------------------------------*/
/*top banner */
.pagea-banner{
    width: 100%;
    height: 30vh;
    margin-left: -10%;
    background: #302624;
    position: relative;
}
.pagea-banner::after{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: -1;
    content: '';
    background: inherit;
    transform-origin: top right;
    transform: skewY(-10deg) skewX(10deg);
}
.pagea-banner-title{
    margin-left: 15% !important;
    padding-top: 5%;
    color: #fff;
}
.pagea-banner-text{
    margin-left: 15% !important;
    margin-bottom: 2% !important;
    color: #fff;
}
/*Arrow Shapes*/
.arrow-row{
    margin-top: 5% !important;
}
.wrapper{
    width:100%;
    margin:0 auto;
    background:#EC0146;
    display:block;
    min-height:250px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;}
/* First Div which work as Parent DIV */
.firstdiv{
	width:0;
	height:135px;
	border-top: 40px solid #EC0146;
	border-left: 25vw solid #EC0146;
	border-right: 25vw solid #EC0146;
	border-bottom:0;
}
/* Second DIV which work as Overlapping DIV*/
.seconddiv{
	width:0;
	height:65px;
	border-top: 40px solid #EC0146;
	border-left: 25vw solid #fff;
	border-right: 25vw solid #fff;
	border-bottom:0;
	background:#EC0146;
}
/*Arrow titles*/
.arrow-title{
    margin-top: -5% !important;
    color: #fff;
    font-size: 3.4vw;
    line-height: 5.2vw;
}
.one-mil{
    font-size: 4.2vh;
}
.block-p{
    color: #fff;
    padding-left: 4vh;
    padding-right: 4vh;
}
.pad-text{
    padding-left: 4vh;
    padding-right: 4vh;
}
.icon-p:before{
    font-family: "dashicons";
    content:"\f307";
    color: #ec0146;
    font-size: 5vh !important;
    vertical-align: middle;
    padding-right: 5%;
    text-decoration: none;
}
.icon-li li{
    margin-right: 0px;
    margin-left: 0px;
}

/* 25. PANEL 7 - Special Section -----------------------------------------------------------------------------------------------------------------------------------------------*/
.chart-hide{
    display: none;
}
.chart-pad{
    padding-left: 2%;
    padding-right: 2%;
}
.line-right{
    border-right: 5px solid #302624;
}

/* 26. EXPLORE FURTHER -----------------------------------------------------------------------------------------------------------------------------------------------*/
/*Contents index font in hero*/
.explore-title-links{
    text-transform: uppercase;
    font-weight: 600;
}
.explore-title-links a:hover{
    text-decoration: underline !important;
}
/*padding for all content on page*/
.explore-image-pad{
    padding: 2% 5% !important;
}

/*Textual Materials recent post loop*/
.explore-further-loop{
    padding:  0 5% !important;
}
#post-2920 .wp-block-latest-posts.wp-block-latest-posts__list{
    counter-reset: item;
    list-style: none;
}
#post-2920 .wp-block-latest-posts.wp-block-latest-posts__list li:before{
    content: counter(item, decimal) ".";
    counter-increment: item;
    position: absolute;
    margin-left: -5%;
    font-weight: 700;
    font-size: 4rem;
    color: #EC0146;
}
#post-2920 .wp-block-latest-posts.wp-block-latest-posts__list li{
    padding: 1% 5%;
}
#post-2920 .entry-content .wp-block-latest-posts *{
    color: #000;
}
.wp-block-latest-posts.is-grid li{
    border-top-color: rgba(255,255,255,0) !important;
}
/*Special button class - only use case on site*/
.arrow-after .wp-block-button__link{
    text-transform: none;
}
.arrow-after .wp-block-button__link:after{
    font-family: "dashicons";
    content: "\f345";
    vertical-align: middle;
    text-decoration: none !important;
    font-size: 3rem;
}

/*== Explore Further Posts Pages ==*/
/*List style for quotations/content */
ol.explore-further-roman{
    counter-reset: item;
    list-style: none;
}
ol.explore-further-roman li{
    margin-left: 8%;
}
ol.explore-further-roman li:before{
    content: counter(item, lower-roman) ".";
    color: #EC0146;
    counter-increment: item;
    position: absolute;
    margin-left: -5%;
    font-weight: 700;
    font-size: 2.5rem;
}
.explore-further-roman li{
    font-size: 2.2rem;
    padding-bottom: 2%;
}

/*List style for questions*/
ol.explore-questions-list{
    counter-reset: item;
    list-style: none;
}
ol.explore-questions-list li{
    margin-left: 8%;
}
ol.explore-questions-list li:before{
    content: counter(item, decimal) ".";
    counter-increment: item;
    position: absolute;
    margin-left: -5%;
    font-weight: 700;
    font-size: 2.2rem;
}
.explore-questions-list li{
    font-size: 2.2rem;
    padding-bottom: 1%;
}

/*Inline captions*/
p.explore-caption{
    padding-right: 40%;
    font-size: 1.5rem;
}

/*Special large bold text for intros to articles*/
p.explore-intro-highlight{
    font-weight: 600;
    font-size: 2.6rem;
}

/* 27. COLORS FOR SHAPES -----------------------------------------------------------------------------------------------------------------------------------------------*/
.pink{
    background-color: #ec0146;
}
.pink:after{
    background: #ec0146;
}
.purple{
    background-color: #8381BD;
}
.purple:after{
    background: #8381BD;
}
.orange{
    background-color: #EA6852;
}
.orange:after{
    background: #EA6852;
}
.rose{
    background-color: #A76C86;
}
.rose:after{
    background: #A76C86;
}
.green{
    background-color: #4A9462;
}
.green:after{
    background: #4A9462;
}
.mustard{
    background-color: #CAB44B;
}
.mustard:after{
    background: #CAB44B;
}
.teal{
    background-color: #65BAAF;
}
.teal:after{
    background: #65BAAF;
}
.blue{
    background-color: #3CB4E5;
}
.blue:after{
    background: #3CB4E5;
}
.light{
    background-color: #7A6C6B;
}
.light:after{
    background: #7A6C6B;
}
.dark{
    background-color: #302624;
}
.dark:after{
    background: #302624;
}

/* 28. PAGE BANNERS - CSS TRANSFORMS ------------------------------------------------------------------------------------------------------------------------------------------*/
/* Header Banner - Shape 1 */
.hero-banner{
    position:relative;
    margin-left: -10%;
    padding-left: 10%;
    padding-bottom: 3%;
    transform: skewY(5deg);
}
.hero-banner:after{
    z-index: -1;
    content: '';
    position: absolute;
    margin-top: -10%;
    top:0;
    bottom:0;
    display: block;
    width: 110%;
    min-height: 145%;
    -webkit-transform: skew(-35deg);
    -ms-transform: skew(-35deg);
    transform: skew(-35deg);
}
.hero-banner-text{
    transform: skewY(-5deg);
    margin-right:-15% !important;
    padding-left: 12%;
    text-indent: -12%;
}
.hero-bottom-header{
    transform: skewY(-5deg);
    margin-left:20% !important;
    padding-top: 0;
    margin-top: 0 !important;
}

/* Header Banner - Shape 2 */
.hero-banner-two{
    position:relative;
    margin-left: -3%;
    padding-left: 10%;
    padding-bottom: 3%;
    transform: skewY(5deg) skewX(20deg);
}
.hero-banner-two:after{
    z-index: -1;
    content: '';
    position: absolute;
    margin-top: -10%;
    top:0;
    bottom:0;
    display: block;
    width: 110%;
    -webkit-transform: skew(-35deg);
    -ms-transform: skew(-35deg);
    transform: skew(-35deg);
}
.hero-two-text{
    transform: skewY(-5deg) skewX(-20deg);
    margin-right:-15% !important;
    padding-left: 12%;
    text-indent: -12%;
}

/* Header Banner - Shape 3; uses hero-two-text */
.hero-banner-three{
    position:relative;
    margin-left: -3%;
    padding-left: 10%;
    padding-bottom: 3%;
    transform: skewY(5deg) skewX(20deg);
}
.hero-banner-three:after{
    z-index: -1;
    content: '';
    position: absolute;
    margin-top: -10%;
    top:0;
    bottom:0;
    display: block;
    width: 110%;
    -webkit-transform: skew(2deg);
    -ms-transform: skew(2deg);
    transform: skew(2deg);
}

/* 29. TITLE BANNERS -----------------------------------------------------------------------------*/
/*Titles*/
.banner-header{
    padding-left: 20%;
    color: #fff;
    font-size: 4vh;
    z-index: 2;
}
h2.banner-title{
    padding-left: 10% !important;
    position:relative;
    z-index: 2;
}
h2.banner-title a{
    color: #fff;
}
h2.banner-title-l{
    padding-right: 10% !important;
    padding-left: 2%;
    z-index: 2;
}
h2.banner-title-l a{
    color: #fff;
}
h3.lower-title{
    padding-left: 20%;
    position: relative;
    z-index: 2;
}
h4.lower-title{
    padding-left: 20%;
    position: relative;
    z-index: 2;
}
h3.lower-title-l{
    padding-right: 10% !important;
    padding-left: 2%;
    z-index: 2;
}
h4.lower-title-l{
    padding-right: 10% !important;
    padding-left: 2%;
    z-index: 2;
}

/*Banners*/
.banner-r{
    position: relative;
    max-width: 80% !important;
    margin-left: -10% !important;
    padding-top: 3% !important;
    padding-bottom: 3% !important;
}
.banner-r:after{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    right:-20%;
    display: block;
    width: 100%;
    -webkit-transform: skew(-40deg);
    -ms-transform: skew(-40deg);
    transform: skew(-40deg);
}
.pink-l{
    position: relative;
    max-width: 80%;
    margin-right: -10% !important;
    margin-left: 30% !important;
    padding-top: 3% !important;
    padding-bottom: 3% !important;
    background-color: #ec0146;
}
.pink-l:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-20%;
    display: block;
    width: 100%;
    -webkit-transform: skew(40deg);
    -ms-transform: skew(40deg);
    transform: skew(40deg);
    background: #ec0146;
}
.purple-l{
    position: relative;
    max-width: 80%;
    margin-right: -10% !important;
    margin-left: 30% !important;
    padding-top: 3% !important;
    padding-bottom: 3% !important;
    background-color: #8381BD;
}
.purple-l:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-20%;
    display: block;
    width: 100%;
    -webkit-transform: skew(40deg);
    -ms-transform: skew(40deg);
    transform: skew(40deg);
    background-color: #8381BD;
}
.green-l{
    position: relative;
    max-width: 80%;
    margin-right: -10% !important;
    margin-left: 30% !important;
    padding-top: 3% !important;
    padding-bottom: 3% !important;
    background: #4A9462;
}
.green-l:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-20%;
    display: block;
    width: 100%;
    -webkit-transform: skew(40deg);
    -ms-transform: skew(40deg);
    transform: skew(40deg);
    background: #4A9462;
}
.teal-l{
    position: relative;
    max-width: 80%;
    margin-right: -10% !important;
    margin-left: 30% !important;
    padding-top: 3% !important;
    padding-bottom: 3% !important;
    background: #65BAAF;
}
.teal-l:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-20%;
    display: block;
    width: 100%;
    -webkit-transform: skew(40deg);
    -ms-transform: skew(40deg);
    transform: skew(40deg);
    background: #65BAAF;
}
.rose-l{
    position: relative;
    max-width: 80%;
    margin-right: -10% !important;
    margin-left: 30% !important;
    padding-top: 3% !important;
    padding-bottom: 3% !important;
    background: #A76C86;
}
.rose-l:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-20%;
    display: block;
    width: 100%;
    -webkit-transform: skew(40deg);
    -ms-transform: skew(40deg);
    transform: skew(40deg);
    background: #A76C86;
}
.blue-l{
    position: relative;
    max-width: 80%;
    margin-right: -10% !important;
    margin-left: 30% !important;
    padding-top: 3% !important;
    padding-bottom: 3% !important;
    background: #3CB4E5;
}
.blue-l:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-20%;
    display: block;
    width: 100%;
    -webkit-transform: skew(40deg);
    -ms-transform: skew(40deg);
    transform: skew(40deg);
    background: #3CB4E5;
}
.mustard-l{
    position: relative;
    max-width: 80%;
    margin-right: -10% !important;
    margin-left: 30% !important;
    padding-top: 3% !important;
    padding-bottom: 3% !important;
    background: #CAB44B;
}
.mustard-l:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-20%;
    display: block;
    width: 100%;
    -webkit-transform: skew(40deg);
    -ms-transform: skew(40deg);
    transform: skew(40deg);
    background: #CAB44B;
}
.dark-l{
    position: relative;
    max-width: 80%;
    margin-right: -10% !important;
    margin-left: 30% !important;
    padding-top: 3% !important;
    padding-bottom: 3% !important;
    background: #302624;
}
.dark-l:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-20%;
    display: block;
    width: 100%;
    -webkit-transform: skew(40deg);
    -ms-transform: skew(40deg);
    transform: skew(40deg);
    background: #302624;
}

/*Overlapping banner - page 1*/
.pink-layer{
    position: relative;
    min-width: 125%;
    margin-right: -10% !important;
    margin-bottom: 5% !important;
    padding-top: 3% !important;
    padding-bottom: 3% !important;
    background-color: #ec0146;
}
.pink-layer:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-20%;
    display: block;
    width: 100%;
    -webkit-transform: skew(40deg);
    -ms-transform: skew(40deg);
    transform: skew(40deg);
    background: #ec0146;
}
.pink-layer-title{
    padding-right: 30% !important;
    padding-left: 2%;
    z-index: 2;
}

/*Overlapping banner - page 6*/
.teal-layer{
    position: relative;
    min-width: 125%;
    margin-right: -10% !important;
    margin-bottom: 5% !important;
    padding-top: 3% !important;
    padding-bottom: 3% !important;
    background-color: #65baaf;
}
.teal-layer:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-20%;
    display: block;
    width: 100%;
    -webkit-transform: skew(40deg);
    -ms-transform: skew(40deg);
    transform: skew(40deg);
    background: #65baaf;
}

/* 30. PAGE SEPARATORS -----------------------------------------------------------------------------------------------------------------------------------------------*/
/* Page Separator - Hard down angle */
.separator-angle{
    color: white;
    width: 110%;
    margin-left: -20%;
    position: relative;
    z-index: -1;
}
.separator-angle:after{
    background: #443b39;
    content: '';
    position: absolute;
    left: -5%;
    padding-top: 17%;
    top: 0px;
    width: 160%;
    height: 100%;
    z-index: -1;
    transform: skewY(5deg);
}
.separator-logo{
    color: white;
    width: 110%;
    margin-left: -20%;
    position: relative;
    z-index: -1;
}
.separator-logo:after{
    background: #7a6c6b;
    content: '';
    position: absolute;
    left: -5%;
    padding-top: 17%;
    top: 0px;
    width: 160%;
    height: 100%;
    z-index: -1;
    transform: skewY(5deg);
}

/* Page Separator - Odd angles */
.separator-odd{
    color: #443b39;
    width: 40%;
    margin-left: -20%;
    position: relative;
    z-index: 1;
    transform: skewY(4deg) skewX(-20deg);
}
.separator-odd:after{
    background: #443b39;
    content: '';
    position: absolute;
    left: -5%;
    padding-top: 20%;
    margin-top:-5%;
    padding-bottom: 3%;
    width: 160%;
    height: 120%;
    z-index: -1;
    transform: skewY(5deg) skewX(-30deg);
}

/* 31. SHAPES:  See shape catalogue file for reference -----------------------------------------------------------------------------------------------------------------------------------------------*/
/*SHAPE A - with variations ---------------------------------------------------*/
/*Stripe up*/
.has-stripe{
    color: white;
    margin: 5% auto;
    padding: 5% 0px;
    position: relative;
    z-index: 0;
}
.has-stripe::after{
    background: #7A6C6B;
    content:'';
    position: absolute;
    left:0px;
    top:0px;
    width: 100%;
    height:100%;
    z-index: -1;
    transform: skewY(-10deg);
}
/*Half-screen width stripe up*/
.has-stripe-half{
    color: white;
    margin: 5% auto;
    padding: 5% 0px;
    position: relative;
    z-index: 0;
    margin-right: 30%;
    margin-left:-5%;
    padding-left: 10% !important;
}
.has-stripe-half::after{
    background: #302624;
    content:'';
    position: absolute;
    left:0px;
    top:0px;
    width: 100%;
    height:100%;
    z-index: -1;
    max-width: 90%;
    transform: skewY(-10deg) skewX(2deg);
}
/*reduced image size*/
.small-width{
    padding-right: 15%;
}
/*Stripe down*/
.has-stripedown{
    color: white;
    margin: 5% auto;
    padding-bottom: 10%;
    position: relative;
    z-index: 0;
}
.has-stripedown::after{
    background: #7A6C6B;
    content:'';
    position: absolute;
    left:0px;
    top:0px;
    width: 100%;
    height:100%;
    z-index: -1;
    transform: skewY(10deg);
}
/*Dark stripe up*/
.has-stripedrk{
    color: white;
    margin: 5% auto;
    padding-top: 2%;
    padding-bottom: 1%;
    position: relative;
    z-index: 0;
}
.has-stripedrk::after{
    background: #302624;
    content:'';
    position: absolute;
    left:0px;
    top:0px;
    width: 100%;
    height:100%;
    z-index: -1;
    transform: skewY(10deg);
}
/*Stripe in hero intro*/
.has-stripehero{
    color: white;
    margin: 5% auto;
    padding-top: 2%;
    padding-bottom: 1%;
    position: relative;
    z-index: 0;
}
.has-stripehero:after{
    background: #443b39;
    content:'';
    position: absolute;
    left:0px;
    top:0px;
    width: 100%;
    height:100%;
    z-index: -1;
    transform: skewY(10deg);
}

/*SHAPE B  ---------------------------------------------------*/
.poly-full{
    color: white;
    margin: 5% auto;
    padding: 5% 0px;
    position: relative;
    z-index: 0;
    padding-left: 10%;
    padding-right: 10%;
}
.poly-full::after{
    background: #7A6C6B;
    content: '';
    position: absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index: -1;
    transform: skew(35deg);
}

/*SHAPE C - angled quote block with variations ---------------------------------------------------*/
/*Blue Cube*/
.blue-cube{
    position:relative;
    background-color: #3CB4E5;
    padding-top: 5%;
    padding-bottom: 5%;
    margin-right: -10%;
    transform: skewY(-5deg);
}
.blue-cube:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-20%;
    display: block;
    width: 100%;
    background: #3CB4E5;
    -webkit-transform: skew(20deg);
    -ms-transform: skew(20deg);
    transform: skew(20deg);
}
.blue-cube:after{
    background-color: #3CB4E5;
    content: '';
    position: absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index: -1;
    transform: skew(35deg);
}
.blue-cube-title{
    transform: skewY(5deg);
    padding-right: 20%;
}
.blue-cube-hide{
    margin-bottom: -4% !important;
}

/*Rose Cube*/
.rose-cube{
    position:relative;
    background-color: #A76C86;
    padding-top: 5%;
    padding-bottom: 5%;
    margin-right: -10%;
    transform: skewY(-5deg);
}
.rose-cube:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-20%;
    display: block;
    width: 100%;
    background: #A76C86;
    -webkit-transform: skew(20deg);
    -ms-transform: skew(20deg);
    transform: skew(20deg);
}
.rose-cube:after{
    background-color: #A76C86;
    content: '';
    position: absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index: -1;
    transform: skew(35deg);
}
.rose-cube-title{
    transform: skewY(5deg);
    margin-right: 30%;
}
.padright-thirty{
    margin-right: 30%;
}
h3.rose-cube-title {
    margin-right: 30% !important;
}
.rose-cube-hide{
    margin-bottom: -4% !important;
}

/*light color*/
.extreme-cube{
    position:relative;
    background-color:#7A6C6B;
    padding-top: 5%;
    padding-bottom: 5%;
    margin-right: -7%;
    transform: skewY(-5deg);
    z-index: -1;
}
.extreme-cube:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-20%;
    display: block;
    width: 100%;
    background: #7A6C6B;
    -webkit-transform: skew(20deg);
    -ms-transform: skew(20deg);
    transform: skew(20deg);
}
.extreme-cube:after{
    background-color: #7A6C6B;
    content: '';
    position: absolute;
    left:0px;
    top:0px;
    width:100%;
    height:100%;
    z-index: -1;
    transform: skew(35deg);
}
.extreme{
    transform: skewY(5deg);
    padding-right: 20%;
}

/* SHAPE D - Block Quotes with variations -----------------------------------------------------------------------------------------------------------------------------------------------*/
.quote{
    text-indent: -2rem;
}
.quote:before{
    content: open-quote;
    font-size: 4rem;
}
.quote:after{
    content: close-quote;
    font-size: 2.8rem;
}
.quote{
    quotes: "“" "”" "‘" "’";
}

/*Shapes */
.block-purple-l{
    position:relative;
    background-color: #8381BD;
    margin-right: -5%;
    padding-top: 5%;
    padding-bottom: 5%;
}
.block-purple-l:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-22%;
    display: block;
    width: 100%;
    background: #8381bd;
    -webkit-transform: skew(20deg);
    -ms-transform: skew(20deg);
    transform: skew(21deg);
}
.block-lite-l{
    position:relative;
    background-color: #7A6C6B;
    margin-right: -5%;
    padding-right: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
}
.block-lite-l:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-20%;
    display: block;
    width: 100%;
    background: #7A6C6B;
    -webkit-transform: skew(20deg);
    -ms-transform: skew(20deg);
    transform: skew(20deg);
}
.block-grn-l{
    position:relative;
    background-color: #CAB44B;
    margin-right: -5%;
    padding-right: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
}
.block-grn-l:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-20%;
    display: block;
    width: 100%;
    background: #CAB44B;
    -webkit-transform: skew(20deg);
    -ms-transform: skew(20deg);
    transform: skew(20deg);
}
.block-org{
    position:relative;
    background-color: #EA6852;
    margin-top: 5%;
    margin-right: -5%;
    padding-right: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
    max-height: 50vh;
}
.block-org:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-20%;
    display: block;
    width: 100%;
    background: #EA6852;
    -webkit-transform: skew(20deg);
    -ms-transform: skew(20deg);
    transform: skew(20deg);
}

/*Panel 6 chart section */
.block-dark{
    position:relative;
    background-color: #65baaf;
    margin-right: -5%;
    margin-bottom: -5% !important;
    padding-right: 10%;
    padding-top: 5%;
}
.block-dark:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-5%;
    display: block;
    width: 100%;
    background: #65baaf;
    -webkit-transform: skewX(15deg) skewY(10deg);
    -ms-transform: skewX(15deg) skewY(10deg);
    transform: skewX(15deg) skewY(10deg);
}
/*Dark shape variation*/
.drshape{
    position:relative;
    margin-left: -5%;
    padding-left: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
}

.drshape:after{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:20%;
    display: block;
    width: 100%;
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
}
/*Exagerated dark shape*/
.dshape-extra{
    position:relative;
    margin-right: -5%;
    padding-left: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
    transform: skewY(-10deg);
}
.dshape-extra:after{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    right:15%;
    display: block;
    width: 130%;
    -webkit-transform: skew(35deg);
    -ms-transform: skew(35deg);
    transform: skew(35deg);
}
.dextra-img{
    transform: skewY(10deg);
    margin-right:7% !important;
}
.dextra-pad{
    padding-left:65%;
    margin-right: -20%;
}
.lift{
    position: relative;
    z-index: 3;
    padding-left: 40%;
    margin-right: -25%;
}

/* SHAPE E - angled text divider  -----------------------------------------------------------------------------------------------------------------------------------------------*/
.eshape{
    position: relative;
    z-index: 2;
    margin-left: -13%;
    margin-bottom: -5% !important;
    padding-top: 5%;
    padding-bottom: 10% !important;
}
.eshape:after{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left: 10%;
    display: block;
    width: 100%;
   -webkit-transform: skew(-21deg);
    -ms-transform: skew(-21deg);
    transform: skew(-21deg);
}
.eshape-five{
    position: relative;
    z-index: 1;
    max-width: 97%;
    margin-left: -10%;
    margin-bottom: -5% !important;
    padding-top: 5%;
    padding-bottom: 10% !important;
}
.eshape-five:after{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left: 10%;
    display: block;
    width: 100%;
   -webkit-transform: skew(-21deg);
    -ms-transform: skew(-21deg);
    transform: skew(-21deg);
}
.eshape-lower{
    position: relative;
    z-index: 3;
    margin-top: -20% !important;
}

/* SHAPE F - angled text divider  -----------------------------------------------------------------------------------------------------------------------------------------------*/
.fshape{
    background-color: #cab44b;
    position: relative;
    margin-left: 15%;
    margin-bottom: -5% !important;
    padding-top: 5%;
    padding-bottom: 10% !important;
    transform: skewY(5deg);
}
.fshape:before{
    background-color: #cab44b;
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left: -15%;
    display: block;
    width: 100%;
   -webkit-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg);
}
.fshape-pink{
    background-color: #ec0146;
    position: relative;
    margin-left: 15%;
    margin-bottom: -5% !important;
    padding-top: 5%;
    padding-bottom: 10% !important;
    transform: skewY(5deg);
}
.fshape-pink:before{
    background-color: #ec0146;
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left: -15%;
    display: block;
    width: 100%;
   -webkit-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg);
}
.fshape-text{
    transform: skewY(-5deg);
}
.fa-shape{
    position: relative;
    background-color: #7a6c6b;
    z-index: -1;
    margin-top: 20%;
    margin-left: 25%;
    margin-right: -20%;
    padding-top: 5%;
    padding-bottom: 5%;
}
.fa-shape:before{
    z-index: -1;
    background: #7a6c6b;
    content: '';
    position: absolute;
    margin-top:-80%;
    top:0;
    bottom:0;
    left: -35%;
    display: block;
    width: 120%;
   -webkit-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
}
.fa-shape:after{
    background-color: #7A6C6B;
    content: '';
    position: absolute;
    left:0px;
    top:0px;
    margin-left: 15%;
    width:210%;
    height:100%;
    z-index: -1;
    transform: skew(-55deg);
}
.white-bg{
    position:relative;
    z-index: 3;
}

/* SHAPE G -----------------------------------------------------------------------------------------------------------------------------------------------*/
.gshape{
    position: relative;
    background-color: #7a6c6b;
    margin-right: -5%;
    padding-right: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
}
.gshape:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-30%;
    display: block;
    width: 100%;
    background: #7a6c6b;
    -webkit-transform: skew(-20deg);
    -ms-transform: skew(-20deg);
    transform: skew(-20deg);
}
.gshape-r{
    position: relative;
    max-width: 40%;
    margin-left: -5%;
    padding-right: 10%;
    padding-left: 10%;
    padding-top: 15%;
    padding-bottom: 5%;
}
.gshape-r:after{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:30%;
    display: block;
    width: 100%;
    -webkit-transform: skew(20deg);
    -ms-transform: skew(20deg);
    transform: skew(20deg);
}

/* SHAPE H -----------------------------------------------------------------------------------------------------------------------------------------------*/
.hshape{
    position: relative;
    background-color: rgba(122,108,107,0.8);
    margin-right: -20%;
    padding-right: 25%;
    padding-bottom: 5%;
    min-width: 70%;
   -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
    transform: skewX(-20deg);
}
.h-image{
    margin-top:0% !important;
    padding-right: 20%;
    padding-left: 20%;
   -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
}
.h-captiona{
    padding-right: 4%;
    padding-left: 34%;
   -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
}
.h-credita{
    padding-left: 39%;
   -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
}
.h-captionb{
    padding-left: 10%;
   -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
}
.h-creditb{
    padding-left: 15%;
   -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
}

/* SHAPE J -----------------------------------------------------------------------------------------------------------------------------------------------*/
.j-shape{
    position:relative;
    background-color:#7A6C6B;
    padding-top: 5%;
    padding-bottom: 5%;
    margin-right: 10% !important;
    z-index: -1;
}
.j-shape:before{
    z-index: -1;
    content: '';
    position: absolute;
    top:0;
    bottom:0;
    left:-30%;
    display: block;
    width: 200%;
    background: #7A6C6B;
    -webkit-transform: skew(-40deg);
    -ms-transform: skew(-40deg);
    transform: skew(-40deg);
}
.remove-bottom{
    margin-bottom:0% !important;
}

/* SHAPE K -----------------------------------------------------------------------------------------------------------------------------------------------*/
.k-shape{
    position:absolute;
    margin-top: -5%;
    margin-left: -28%;
    transform: skewX(-28deg) skewY(7deg);
    min-height: 150vh;
    min-width: 68%;
    z-index: -3;
}

/* SHAPE M -----------------------------------------------------------------------------------------------------------------------------------------------*/
.m-shape{
    position: absolute;
    z-index: 1;
    background-color: rgba(122,108,107,0.8);
    margin-left: -45%;
    height: 120vh;
    width: 100%;
   -webkit-transform: skewX(45deg) skewY(-10deg);
    -ms-transform: skewX(45deg) skewY(-10deg);
    transform: skewX(45deg) skewY(-10deg);
}
.m-shaper{
    position: absolute;
    /*z-index: 1; */
    margin-left: 40% !important;
    background-color: rgba(122,108,107,0.8);
    height: 120vh;
    width: 100%;
   -webkit-transform: skewX(-45deg) skewY(10deg);
    -ms-transform: skewX(-45deg) skewY(10deg);
    transform: skewX(-45deg) skewY(10deg);
}
.m-short{
    position: absolute;
    z-index: 1;
    margin-top: 40%;
    margin-left: -45%;
    background-color: rgba(122,108,107,0.8);
    height: 80vh;
    width: 100%;
   -webkit-transform: skewX(45deg) skewY(-10deg);
    -ms-transform: skewX(45deg) skewY(-10deg);
    transform: skewX(45deg) skewY(-10deg);
}

 /* 32. RESPONSIVE -----------------------------------------------------------------------------------------------------------------------------------------*/
/*Tablets and smaller devices */
@media (max-width: 1000px) {
    .chart-hide{
        display: block;
    }
    /*Structure*/
    .wp-block-column{
        margin-bottom: 0;
    }
    .wp-block-column:nth-child(2n){
        margin-left:2%;
    }
    .hero-subtitle{
        min-width: 115%;
        margin-left: -45% !important;
    }
    .blocks-gallery-item figcaption{
        font-size: 2.5rem !important;
    }
    .post .post-inner{
        padding-left: 9%;
        padding-right: 9%;
    }
    /*Special Paddings*/
    .text-pad{
        padding-left: 9% !important;
        padding-right: 9% !important;
    }
    .padright-ten{
        padding-right: 0;
    }
    .block-p{
        padding-left: 2vw;
        padding-right: 2vw;
    }
    /*Header Nav*/
    .header-inner{
        width: 20%;
        padding: 5% 2%;
    }
    /*Fonts*/
    p{
        padding-left: 9%;
        padding-right: 9%;
    }
    h1{
        font-size: 3.2rem;
        line-height: 4rem;
    }
    h1.entry-title{
        font-size: 4rem;
    }
    h2.entry-title{
        font-size: 4rem;
        line-height: 5rem;
    }
    h3{
        font-size: 2.8rem;
    }
    h3.contact-title{
        font-size: 2.2rem;
    }
    h5{
        font-size: 2.2rem;
        line-height: 150%;
    }
    h5.contact-subtitle{
        font-size: 1.9rem;
        line-height: 150%;
    }
    h5.contact-email{
        font-size: 2.1rem;
    }
    h6.ninja-form{
        font-size: 2.1rem;
    }
    .caption{
        font-size: 1.9rem;
    }
    .arrow-title{
        font-size: 2.5rem;
        line-height: 150%;
    }
    .entry-content li{
        font-size: 1.8rem;
    }
    h3.blue-cube-title{
        font-size: 2.8rem;
    }
    h6.blue-cube-title{
        font-size: 2rem;
    }
    .about-text{
        font-size: 1.8rem;
    }
    .about-email a{
        font-size: 1.8rem;
    }
    /*MEDIA CONTENT*/
    .image-a1{
        max-width: 100%;

    }
    .image-a2{
        max-width: 100%;
    }
    .intro-video{
        margin-left: 0;
        padding-right: 5%;
    }
    .wp-block-image.is-resized .intro-video{
        margin-left: 0;
        padding-right: 5%;
    }
    .wp-block-video video{
        max-width: 100%;
        min-width: 45vw;
        padding-right: 15%;
    }
    .blog-roll{
        margin-top:-55% !important;
        height: 101%;
    }
    /*Blocks+Sections*/
    .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-item figcaption{
        overflow: hidden;
    }
    .image-nav{
        display: block;
    }
    .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter){
        margin-top: 0;
        margin-bottom: 0 !important;
    }
    .chart-pad{
        max-width: 31%;
    }
    /*Buttons*/
    .wp-block-button__link{
        font-size: 2.5rem;
    }
    .banner-button{
        margin-right: 20% !important;
    }
    .is-style-outline .wp-block-button__link:not(.has-text-color){
        font-size: 2.5rem;
    }
    .exhibition-button{
        max-width: 80%;
        margin-left: -10% !important;
        margin-right: 0;
   }
    .full-wide{
        min-width: 100%;
    }
    #post-1531 .wp-block-button__link{
        font-size: 2rem;
    }
    .sml-btn{
        font-size: 2rem;
    }
    /*Banners*/
    .banner-r{
        margin-left: -20% !important;
        max-width: 90% !important;
    }
    .banner-r:after{
        right: -15%;
    }
    .purple-l, .green-l, .teal-l, .rose-l, .blue-l{
        margin-right: -25% !important;
        min-width: 115%;
    }
    .pink-l{
        min-width: 115%;
        margin-right: -15% !important;
        margin-left: 10% !important;
    }
    .dark-l{
        margin-right: -25% !important;
        margin-left: 50% !important;
    }
    h2.banner-title-l{
        padding-right: 35% !important;
    }
    .pagea-banner{
        min-width: 80%;
    }
    .hero-banner-two{
        margin-left: -8%;
        padding-left: 7%;
        min-width: 80%;
    }
    .hero-banner-two:after{
        left: 15%;
        width: 100%;
    }
    .hero-banner-three, .hero-banner{
        min-width: 70%;
    }
    /*Shapes*/
    .subfooter-contact{
        margin-left: -17%;
    }
    .subfooter-contact:after{
        right: -35%;
        -webkit-transform: skew(-13deg);
        -ms-transform: skew(-13deg);
        transform: skew(-13deg);
    }
    .d-filmside{
        padding-right:0;

    }
    .d-filmside:after{
        left: 60%;
        width:100%;
        -webkit-transform:skew(-15deg);
        -ms-transform: skew(-15deg);
        transform: skew(-15deg);
    }
    .dshape-extra:after{
        right: -35%;
        width: 200%;
         -webkit-transform:skew(25deg);
        -ms-transform: skew(25deg);
        transform: skew(25deg);
    }
    .drshape:after{
        left: 25%;
    }
    .m-shaper{
        margin-left: -8% !important;
        width: 150%;
    }
    .m-shape{
        margin-left: -58%;
        height: 70vw;
        width: 120%;
    }
    .m-short{
        margin-left: -45%;
        height: 70vw;
        width: 120%
    }
    .gshape-r{
        padding-top: 0%;
        padding-right: 5%;
    }
    .gshape:before{
        left:-50%;
        width: 200%;
    }
    .has-stripedown{
        padding-top: 10%;
    }
    .hshape{
        margin-right: -15%;
        padding-right: 5%;
        padding-left: 2%;
        min-width: 65%;
    }
    .h-image{
        margin-top: -10% !important;
        padding-right: 50%;
        padding-left: 3%;
    }
    .h-captiona{
        padding-right: 35%;
        padding-left: 10%;
    }
    .h-credita{
        padding-left: 22%;
    }
    .h-captionb{
        padding-left: 18%;
    }
    .h-creditb{
        padding-left: 40%;
    }
    .fa-shape{
        max-width: 40%;
        margin-top:0;
        margin-left:25%;
        padding-top:0;
    }
    .fa-shape:before{
        left: -55%;
        width: 230%;
    }
    .fa-shape:after{
        transform: skew(-45deg);
    }
    .k-shape{
        margin-left:-40%;
    }
    .block-purple-l:before, .block-grn-l:before{
        left:-35%;
        width: 175%;
        -webkit-transform: skew(15deg);
        -ms-transform: skew(15deg);
        transform: skew(15deg);
    }
    .j-shape{
        margin-top: 8%;
    }
    .j-shape:before{
        left: -90%;
        width: 280%;
    }
    .extreme-cube:before{
        left:-10%;
        width: 180%;
    }
    .has-stripe-down{
        padding-top:15%;
    }
    .fshape{
        margin-left: 3%;
    }
    .blue-cube, .rose-cube{
        min-width: 70%;
        margin-right:-20%;
        padding-top: 0;
        padding-right:10%;
    }
    .blue-cube:before,
    .rose-cube:after {
        left:-35%;
    }
}

/*Mobile */
@media (max-width: 650px){
    /*STRUCTURE*/
    .hero-subtitle{
        min-width: 100%;
        margin-left:0 !important;
    }
    .padleft-fifteen{
        padding-left: 0;
    }
    .post .post-inner{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .text-pad{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    /*FONTS*/
    p{
        font-size: 2rem;
        padding-right:0;
        padding-left: 0;
    }
    p.film-caption{
        padding-right: 0;
        padding-left: 0;
    }
    h1{
        font-size: 3.2rem;
        line-height: 3.8rem;
    }
    h1.entry-title{
        font-size: 3rem;
        line-height: 4rem;
    }
    .wp-block-cover h2{
        font-size: 2.2rem;
    }
    h3{
        font-size: 2.2rem;
    }
    h3.lower-title-l{
        padding-right: 40% !important;
    }
    h4{
        font-size: 2.2rem;
    }
    h5.chart-hide{
        font-size: 1.8rem;
    }
    .caption{
        font-size:1.7rem;
    }
    .caption-text{
        padding-right: 0 !important;
    }
    .credit{
        font-size: 1.3rem;
    }
    .arrow-title{
        font-size: 2.3rem;
    }
    .mass-special{
        padding-left: 20%;
        padding-right: 0;
    }
    .about-text{
        font-size: 1.6rem;
    }
    .post p{
        font-size: 1.8rem;
    }
    .post .caption{
        font-size: 1.5rem;
    }
    #post-1512 p{
        font-size: 1.6rem;
        line-height: 150%;
    }
    /*Header Nav*/
    .header-inner{
        padding: 8% 2%;
    }
    .nav-toggle{
        width: 4.6rem;
        padding-bottom: 25% !important;
    }
    /*BUTTONS*/
    .wp-block-button__link{
        font-size: 2rem;
    }
    .exhibition-button{
        max-width: 100%;
        margin-right: 10% !important;
        margin-left: -10% !important;
    }
    .is-style-outline .wp-block-button__link:not(.has-text-color){
        font-size: 2.2rem;
    }
    /*SECTIONS*/
    .film-collection .wp-block-group.alignfull.has-background{
        padding:0 !important;
    }
    .blocks-gallery-grid{
        display: block;
    }
    .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-item{
        margin:0;
        min-width: 100%;
        display: block;
    }
    .chart-pad{
        max-width: 100%;
        padding-bottom: 8%;
    }
    .line-right{
        border-right: none;
    }
    .block-dark:before{
        top:-3%;
        width: 200%;
    }
    /*MAP PANELS*/
    .btn-mapA:before{
        font-size: 4.5rem;
    }
    .pin-one{
        top: 13%;
        left: 60%;
    }
    .pin-two{
        top: 36%;
        left: 80%;
    }
    .pin-three{
        top: 23%;
        left: 16%;
    }
    /*MEDIA*/
    .image-a1{
        min-width: 110%;
        margin-left:-25%;
    }
    .image-a2{
        min-width: 110%;
    }
    .intro-video{
        padding-right: 0%;
        min-width: 100%;
    }
    .wp-block-image.is-resized .intro-video{
        padding-right: 0%;
        min-width: 100%;
    }
    .wp-block-video video{
        min-width: 100%;
        padding-right: 0;
    }
    .center-film{
        padding-right: 0;
        padding-left: 0;
    }
    .hide-photo{
        display: none;
    }
    .show-photo{
        display: block;
        margin-top: -1% !important;
        margin-bottom: 0 !important;
        padding-bottom: 0;
    }
    /*BANNERS*/
    .hero-banner{
        margin-left:-25%;
        padding-top: 4%;
    }
    .hero-banner-two{
        margin-left: -25%;
        padding-top: 4%;
    }
    .hero-banner-two:after{
        left: 20%;
    }
    .hero-banner-three{
        margin-left: -30%;
        padding-right: 10%;
        padding-top: 4%;
    }
    .hero-banner-text{
        padding-right: 15%;
    }
    .banner-r{
        min-width: 90%;
        margin-bottom: 10% !important;
    }
    .banner-r:after{
        right: -20%;
    }
    .purple-l, .green-l, .teal-l, .rose-l, .blue-l{
        margin-bottom: 10% !important;
    }
    .pagea-banner{
        margin-left: -15%;
    }
    /*SHAPES*/
    .has-stripe::after{
        left:-15%;
        width:130%;
    }
    .d-filmside{
        max-width: 70%;
    }
    .d-filmside:after{
        left:30%;
    }
    .drshape{
        max-width: 80%;
    }
    .drshape:after{
        -webkit-transform: skew(-15deg);
        -ms-transform: skew(-15deg);
        transform: skew(-15deg);
    }
    .m-shaper{
        height: 140vh;
        width:200%;
        margin-left: -18% !important;
    }
    .m-short{
        margin-left: -25%;
        margin-top:-5%;
        min-width: 150%;
        height: 100vw;
    }
    .m-shape{
        margin-left: -40%;
        width: 150%;
    }
    .gshape{
       max-width: 90%;
        margin-top: 5%;
        margin-left: 20% !important;
    }
    .gshape:after{
        -webkit-transform: skew(-15deg);
        -ms-transform: skew(-15deg);
        transform: skew(-15deg);
    }
    .gshape-r{
        min-width: 80%;
    }
    .hshape{
        min-width: 130%;
        margin-right: -15%;
        padding-right: 10%;
        padding-left: 2%;
    }
    .h-credita{
        padding-right:15%;
    }
    .poly-full:after{
        left: -30%;
        width: 155%;
    }
    .fa-shape{
        max-width: 100%;
        margin-left:0;
    }
    .fa-shape:before{
        margin-top:0;
    }
    .block-org{
        margin-left:25% !important;
    }
    .k-shape{
        margin-left: -60%;
    }
    .extreme-cube:before{
        transform:skew(8deg);
    }
    .has-stripedrk{
        padding-top: 5%;
    }
    .eshape-five{
        max-width: 95%;
        margin-left: -2% !important;
    }
    .full-wide{
        padding-left: 10% !important;
    }
    .block-grn-l{
        max-width: 70%;
    }
    .fshape{
        margin-left:0;
    }
    .eshape{
        max-width: 90%;
        margin-left: -2%;
    }
    .eshape:after{
        -webkit-transform: skew(-5deg);
        -ms-transform: skew(-5deg);
        transform: skew(-5deg);
    }
    .dshape-extra{
        margin-top: -60% !important;
        padding-top: 60%;
    }
    .dextra-pad{
        padding-left: 0;
        padding-right: 0;
    }
    .blue-cube:before,
    .rose-cube:before {
        -webkit-transform: skew(13deg);
        -ms-transform: skew(13deg);
        transform: skew(13deg);
    }
    /*arrows*/
    .firstdiv{
        height: auto;
    }
    .seconddiv{
        border-left:38vw solid #fff;
        border-right:38vw solid #fff;
    }
}

/* Super Small */
@media screen and (max-width:600px){
	#pojo-a11y-toolbar{

		position:absolute;
		z-index:98;
    }
}

.bitter-font *{
	font-family: "Bitter", serif;
}
.blue *{
	color: #fff;
}
.aung-block > .wp-block-column:first-child{
	max-width: 50%;
}
.aung-block > .wp-block-column:first-child *{
	color: #fff;
}
body .aung-block > .wp-block-column:first-child figcaption{
	color: #fff;
}
.aung-block > .wp-block-column:last-child{
	padding: 4em 0;
	position: relative;
}
.trump-block{
	background-color: #111;
	padding: 4em 0;
}
.trump-block *,
body .trump-block figcaption{
	color: #fff;
}
.windrush-block > .wp-block-column:first-child{
	background-color: #111;
}
.windrush-block > .wp-block-column:first-child *{
	color: #fff;
}
.fullimage figcaption {
	font-size: 1.5rem;
	max-width: 100%;
	padding: 0 2rem;
	line-height: 1.5;
	width: auto;
}
.bigtitle{
	max-width: 140rem;
	margin: 0.5em auto 0 !important;
	padding: 0 2rem;
}
@media screen and (max-width: 40em){
	.aung-block > .wp-block-column:first-child{
		width: 100%;
		max-width: none;
	}
}