@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:600i,700,700i');

/* General */
  html, body{color:#4D4D4D;font-family:'Arial', sans-serif;font-weight:400;}
  
  h1,h2,h3,h4,h5,h6{font-family:'Barlow Semi Condensed', sans-serif; font-style:italic;font-weight:600;}
  
  h4.section-title{font-size:20px;font-weight:700;font-style:normal;letter-spacing:0.2em;margin:1rem 0;text-transform:uppercase;}
  
  a{color:#39B54A;}
  a:hover{color:#0068AC;}
  
  a.btn{background-color:#39B54A;color:#fff;font-family:'Barlow Semi Condensed', sans-serif;font-weight:700;font-style:italic;letter-spacing:0.2em;margin:0.5em;position:relative;text-shadow:none;text-transform:uppercase;}
  a.btn:before,
  a.btn:after{background-color:#39B54A;content:'';display:block;width:12px;position:absolute;top:0;bottom:0;transition:0.2s all;}
  a.btn:before{left:-11px;clip-path: polygon(90% 0, 100% 0, 100% 100%, 0 100%);-webkit-clip-path: polygon(90% 0, 100% 0, 100% 100%, 0 100%);}
  a.btn:after{right:-11px;clip-path: polygon(0 0, 100% 0, 10% 100%, 0 100%);-webkit-clip-path: polygon(0 0, 100% 0, 10% 100%, 0 100%);}
  
  a.btn:hover,
  a.btn:hover:before,
  a.btn:hover:after{background-color:#0068AC;}
  
  a.btn.btn-white,
  a.btn.btn-white:before,
  a.btn.btn-white:after{background-color:#fff;color:#000;}
  
  button.btn{background-color:#39B54A;border:none;color:#fff;cursor:pointer;font-family:'Barlow Semi Condensed', sans-serif;font-size:24px;font-weight:700;font-style:italic;letter-spacing:0.2em;padding:5px 30px 6px;text-transform:uppercase;position:relative;transition:0.2s all;}
  button.btn:after,
  button.btn:before{background-color:#39B54A;content:'';display:block;width:12px;position:absolute;top:0;bottom:0;transition:0.2s all;}
  button.btn:before{left:-11px;clip-path: polygon(90% 0, 100% 0, 100% 100%, 0 100%);-webkit-clip-path: polygon(190% 0, 100% 0, 100% 100%, 0 100%);}
  button.btn:after{right:-11px;clip-path: polygon(0 0, 100% 0, 10% 100%, 0 100%);-webkit-clip-path: polygon(0 0, 100% 0, 10% 100%, 0 100%);}
  
  button.btn:hover,
  button.btn:hover:before,
  button.btn:hover:after{background-color:#0068AC;}
  
  .social-links a{font-size:24px;padding:0 0.2em;}
  
  .tweet .actions{color:#999;}
  .tweet .actions a{padding-right:0.3rem;}
  
  .ginput_container_select{border: 1px solid;overflow: hidden;position:relative;box-sizing:border-box;}
  .ginput_container_select:before{display:none;font-family:'Font Awesome 5 Light';content:'\f107';}
  .ginput_container_select .fa-angle-down{font-size:28px;position:absolute;right:0.8rem;top:50%;margin-top:-11px;}
  .ginput_container_select select{color:#6C6C6C;cursor:pointer;width: 100%;border: none;background: none;font-family:'Roboto' !important;font-size:18px !important;-webkit-appearance: none;-moz-appearance: none;appearance: none;margin:0 !important;padding: 0.5rem 40px 0.5rem 0.9rem !important;position:relative;z-index:10;width:100%;line-height:24px !important;height:47px;}
  .ginput_container_select select:focus{outline:none;}
  .ginput_container_select select::-ms-expand{display: none;}
  .ginput_container_select select option{background-color:#fff;color:#808080;}

  
/* Navbar */
  #logo{margin:0;float:left;}
  #logo:after{display:none;}
  #logo *{display:block;}

  #navbar{overflow-x:hidden;}
  #navbar,
  #navbar a{color:#fff;position:relative;}
  #navbar a:after{background-color:#39B54A;bottom:0;content:'';height:3px;left:0;width:0;position:absolute;transition:0.2s width;}
  #navbar a:hover:after{width:100%;}
  
  #navbar .contain{background-color:rgba(0,0,0,0.8);position:relative;}
  #navbar .contain:before,
  #navbar .contain:after{border:31px solid transparent;border-top-color:rgba(0,0,0,0.8);content:'';display:block;position:absolute;top:0px;}
  #navbar .contain:before{left:-62px;border-right-color:rgba(0,0,0,0.8);}
  #navbar .contain:after{right:-62px;border-left-color:rgba(0,0,0,0.8);}
  
  #navbar.open{background-color:rgba(0,0,0,0.8);}
  #navbar.email{background-color:rgba(0,0,0,0.8);}
  
  #navbar .navmid .menu{font-family:'Barlow Semi Condensed', sans-serif;font-weight:700;letter-spacing:0.2em;padding:0;text-transform:uppercase;}
  #navbar .navmid .menu li{display:inline-block;}
  #navbar .navmid .menu li a{padding:0.5rem;}
  
  #navbar .navright{white-space:nowrap;}
  #navbar .navright a{font-size:28px;padding:0.5rem;}
  
  #menu{display:none;text-align:center;}
  #menu a{font-size:24px;font-family:'Barlow Semi Condensed', sans-serif;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;padding:0.3rem;}
  #menu a:hover{color:;}
  #menu .menu > li{padding:1rem;}
  #menu .menu > li .sub-menu li{padding:0.3rem;}
  #menu .menu > li .sub-menu a{font-size:18px;opacity:0.8;}
  
  #emailsignup{text-align:center;padding:20px;}
  
  .black-popup{color:#fff;background-color:#000;position: relative;padding: 20px;width: auto;max-width: 1200px;margin: 20px auto;}
  .black-popup *{color:#fff;}
  .black-popup .mfp-close{color:#fff !important;}
  .black-popup .mfp-close:before{display:none;}
  
  .black-popup-main.mfp-bg {opacity: 0;transition: all 0.2s;}
  .black-popup-main.mfp-bg.mfp-ready {opacity: 0.5;}
  .black-popup-main.mfp-bg.mfp-removing {opacity: 0;}

  .black-popup-main.mfp-wrap .mfp-content {opacity: 0;transition: all 0.2s;}
  .black-popup-main.mfp-wrap.mfp-ready .mfp-content {opacity: 1;}
  .black-popup-main.mfp-wrap.mfp-removing .mfp-content {opacity: 0;}

  @supports (backdrop-filter:blur()) or (-webkit-backdrop-filter:blur()){
    #navbar .contain,
    #navbar.open{background-color:rgba(0,0,0,0.8);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
    .mfp-bg.black-popup-main{opacity:1;background-color:rgba(0,0,0,0.5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
  }

/* Banner */
  #banner{background-color:#000;color:#fff;text-shadow:0 0 30px rgba(0,0,0,0.5), 0 0 5px rgba(0,0,0,0.5);padding-bottom:100px;position:relative;}
  #banner h2{font-size:96px;margin:0;line-height:100%;}
  
  #bg video{opacity:0;min-width: 100%; min-height: 100%;position:absolute;top:0;left:0;transition:opacity 0.5s;}
  #bg video.current{opacity:1;}
  
  #banner:after{background-color:#fff;clip-path: polygon(0% 0%, 25% 99%, 100% 0%, 100% 100%, 0% 100%);-webkit-clip-path: polygon(0% 0%, 25% 99%, 100% 0%, 100% 100%, 0% 100%);content:'';display:block;height:150px;position:absolute;bottom:-1px;left:0;right:0;}
  .home #banner:after{clip-path: polygon(0% 0%, 50% 99%, 100% 0%, 100% 100%, 0% 100%);-webkit-clip-path: polygon(0% 0%, 50% 99%, 100% 0%, 100% 100%, 0% 100%);}
  
  #hero{padding-bottom:10%;padding-top:10%;margin-top:62px;}
  .home #hero{padding-bottom:8%;padding-top:8%;}
  #hero .subtitle{font-size:24px;margin-top:1rem;max-width:860px;}
  #hero .subtitle:before{border-top:1px solid #fff;display:block;content:'';width:30%;}
    
  #bg{background-color:#000;opacity:0.5;}
  
  #featurette{}
  #featurette h2{text-transform:uppercase;}
  #featurette h4.section-title{margin-top:0.5em;}
  #featurette h4.section-title span:before,
  #featurette h4.section-title span:after{background-color:#fff;content:'';display:inline-block;height:1px;margin:0 20px;position:relative;width:150px;bottom:0.4em;}

  .tabs{display:flex;justify-content:center;flex-wrap:wrap;}
  .tabs .tab{align-items:center;background-color:rgba(0,0,0,0.5);border-radius:100%;cursor:pointer;display:flex;flex:0 1 auto;height:152px;margin:1rem;padding:10px;width:152px;transition:0.5s all;}
  .tabs .tab:hover{background-color:rgba(0,0,0,0.8);}
  .tabs .tab.current{background-color:rgba(0,0,0,0.8);transform:scale(1.2);}
  .tabs .tab h3{color:#fff;font-size:24px;flex:1;margin:0;text-transform:uppercase;}
  
  .contents{max-width:960px;margin:0 auto;}
  .contents .description{display:none;font-size:24px;}
  .contents .description.current{display:block;}

/* Single */
  .share{font-size:18px;margin-left:-10px;}
  .share a{padding:10px;}

  
/* Archives */
  
  .terms{font-weight:600;font-family:'Barlow Semi Condensed', sans-serif;font-style:italic;letter-spacing:0.2em;font-size:16px;text-transform:uppercase;}
  .date{display:block;font-family:'Barlow Semi Condensed', sans-serif;font-weight:700;letter-spacing:0.2em;padding:0;text-transform:uppercase;}
  
  .post{border:1px solid #39B54A;font-size:16px;padding:25px;margin-bottom:20px;position:relative;}
  .post .terms{text-align:right;}
  .post h4{margin:0 0 0.5rem 0;}
  .post h4 a{color:#000;}
    
  .post-third .terms{padding-bottom:2rem;text-align:left;}
  .post-third h4{font-size:28px;}
  .post-third.image{background-size:cover;background-position:50% 50%;border:none;}
  .post-third.image:before{background-color:rgba(0,0,0,0.5);content:'';display:block;position:absolute;top:0;right:0;left:0;bottom:0;z-index:2;}
  .post-third.image > *{position:relative;z-index:2;}
  .post-third.image .date{color:#fff;opacity:0.7;}
  .post-third.image h4 a{color:#fff;}
  .post-third.image a.term-link:hover{color:#fff;}
  
  .post-wide{min-height:140px;padding-left:255px;}
  .post-wide a.featured-image{background-size:cover;background-position:50% 50%;bottom:0;display:block;left:0;position:absolute;top:0;overflow:hidden;width:240px;clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);-webkit-clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);}
  .post-wide:hover a.featured-image img{transform:scale(1.1);}
  
  .post-wide .text-content p{margin:0;}
  .post-wide .text-content p.overflow{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
  
  .post-wide.event{padding-left:25px;}
  
  .post.post-video{border:none;padding:0;flex-direction:column;}
  .post.post-video img{display:block;width:100%;height:auto;}
  .post.post-video .box{border:1px solid #39B54A;border-top:none;padding:20px;}
  .post.post-video .box .terms{text-align:left;}
  .post.post-video .box h4{color:#000;margin:0;}
  .post.post-video .video-popup{display:block;position:relative;}
  .post.post-video .video-popup:after{content:'\25BA';color:#fff;display:block;opacity:0.7;left:50%;margin-left:-25px;margin-top:-50px;position:absolute;top:50%;text-align:center;width:50px;text-shadow:0 1px 1px rgba(0,0,0,0.5);transition:0.2s all;font-size:70px;line-height:100px;}
  .post.post-video .video-popup:hover:after{opacity:0.9;text-shadow:0 5px 5px rgba(0,0,0,0.2);}
  
  .post.post-download{padding:0;}
  .post.post-download h4{color:#000;align-self:center;margin:0;font-size:28px;width:100%;}
  .post.post-download span{color:#39B54A;float:right;align-self:center;font-size:28px;margin-left:10px;}
  .post.post-download .box{display:flex;padding:15px 25px;width:100%;}
  
  .pagination{font-weight:700;font-family:'Barlow Semi Condensed', sans-serif;font-style:italic;letter-spacing:0.2em;padding:2rem 0;font-size:16px;text-transform:uppercase;}
  
  /*  this is somewhat experimental code to solve post box issues. i do not wish to apply this to post-wide yet*/
    .row.flexed{display:flex;}
    .row.flexed div[class*="span"]{display:flex;}
    .row.flexed div[class*="span"] .post{display:flex;flex-direction:column;justify-content:space-between;width:100%;}
    .row.flexed div[class*="span"] .post > *{position:static;}
    
  .event{min-height:auto;position:relative;padding-right:150px;}
  .event .terms{color:#999;text-align:left;}
  .event .terms span{color:#39B54A;font-size:30px;position:relative;top:-10px;}
  .event .date-box{background-color:#39B54A;color:#fff;padding:33px 20px 32px 32px;position:absolute;right:-1px;top:-1px;bottom:-1px;text-transform:uppercase;text-align:center;width:80px;clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);-webkit-clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);}
  .event .date-box{line-height:100%;font-weight:600;font-size:28px;font-family:'Barlow Semi Condensed', sans-serif;}
  .event .date-box span{line-height:100%;font-size:48px;display:block;}
  
  .single-event h2{margin-top:0;}
  .single-event .date-box{background-color:#39B54A;color:#fff;padding:15px 15px 15px 30px;float:right;text-transform:uppercase;text-align:center;clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);margin-top:-10px;}
  .single-event .date-box{line-height:100%;font-weight:600;font-size:24px;font-family:'Barlow Semi Condensed', sans-serif;}
  .single-event .date-box span{line-height:100%;font-size:40px;display:block;}
  
  #filters{display:flex;margin-left:-30px;}
  #filters > *{flex:1;margin-left:30px;margin-bottom:30px;}
  
  #filters .search-container{position:relative;}
  #filters .search-container input[type="text"]{width:100%;display:block;border: 1px solid rgba(0,0,0,0.2);line-height:30px;}
  #filters .search-container button[type="submit"]{border:none;background-color:transparent;color:#39B54A;position:absolute;top:0;right:0;padding:10px 15px;font-size:20px;}
  #filters .search-container button[type="submit"]:before,
  #filters .search-container button[type="submit"]:after{display:none;}
  
  #filters .select-container{border: 1px solid rgba(0,0,0,0.2);overflow: hidden;position:relative;box-sizing:border-box;}
  #filters .select-container .fa-angle-down{font-size:28px;position:absolute;right:0.8rem;top:50%;margin-top:-11px;}
  #filters .select-container select{color:#6C6C6C;cursor:pointer;width: 100%;border: none;background: none;font-family:'Roboto' !important;font-size:18px !important;-webkit-appearance: none;-moz-appearance: none;appearance: none;margin:0 !important;padding: 0.5rem 40px 0.5rem 0.9rem !important;position:relative;z-index:10;width:100%;line-height:24px !important;height:48px;}
  #filters .select-container select:focus{outline:none;}
  #filters .select-container select::-ms-expand{display: none;}
  #filters .select-container select option{background-color:#fff;color:#808080;}
  
  
  #sidebar .side-section{border:1px solid #dedede;margin:2rem 0;padding:0 1.5rem;}
  #sidebar > .side-section{margin-top:0;}
  #sidebar > .side-section + .side-section{margin-top:2rem;}
  #sidebar .side-section ul{list-style-type:none;padding:0;}
  #sidebar .side-section ul li{margin:0.5rem 0;}
  #sidebar .side-section .tagcloud{margin:1rem 0;}
  #sidebar .side-section .tag-cloud-link{background-color:#39B54A;border-radius:6px;color:#fff;text-transform:uppercase;font-size:13px !important;font-weight:500;padding:0.3em 0.6em;white-space:nowrap;}
  #sidebar .side-section .tag-cloud-link:hover{background-color:#39B54A;}
  
  #sidebar .side-section.widget_search{padding:0;border:none;position:relative;}
  #sidebar .side-section.widget_search input[type="text"]{width:100%;border:1px solid #dedede;}
  #sidebar .side-section.widget_search input[type="submit"]{border:none;color:#39B54A;position:absolute;right:0;top:0;font-weight: 600;font-family: 'Barlow Semi Condensed', sans-serif;font-style: italic;letter-spacing: 0.2em;font-size: 16px;text-transform: uppercase;padding:11px !important;}
  #sidebar .side-section.widget_search input[type="submit"]:hover{color:#0068AC;}
  
/* Pages */  
  .team-section{padding:0 0 2rem 0;}
  #teamslider .team-member{display:inline-block;text-align:center;width:200px;padding:10px;}
  #teamslider .team-member img{border-radius:50%;margin:0 auto;width:180px;}
  #teamslider .team-member h5{color:#000  ;text-transform:uppercase;}
  #teamslider .owl-prev,
  #teamslider .owl-next{background-color:#39B54A;color:#fff;padding:2px 20px;position:absolute;bottom:2rem;transition:0.2s all;}
  #teamslider .owl-prev{left:0;}
  #teamslider .owl-next{right:0;}
  #teamslider .owl-prev:hover{padding-left:30px;}
  #teamslider .owl-next:hover{padding-right:30px;}

/* Footer */
  #social{background-color:#F2F2F2;}
  
  #signup{background-color:#333333;color:#fff;padding:3rem 0;}
  #signup .section-title{opacity:0.7;}
  #signup input[type="text"]{border-color:rgba(255,255,255,0.4);}
  
  #footer{background-color:#000000;padding:3rem 0 4rem;};
  #footer p{font-size:12px;}
  #footer p a{color:#999;}
  
  #footermenu{display:flex;flex-wrap:wrap;list-style-type:none;overflow:hidden;padding:0;text-align:center;}
  #footermenu > li{color:#fff;flex:1;padding:0 10px;min-width:140px;font-family:'Barlow Semi Condensed', sans-serif;font-size:14px;font-weight:700;letter-spacing:0.2em;margin-bottom:1rem;text-transform:uppercase;}
  #footermenu > li a{color:#fff}
  #footermenu > li ul{font-family:'Arial', sans-serif;font-weight:normal;list-style-type:none;opacity:0.8;letter-spacing:0;margin:0.5rem 0;text-transform:none;padding:0;}
  #footermenu > li ul li a{opacity:0.7;}
  #footermenu > li ul li.menu-item{padding:0.2em 0;}
  #footermenu > li ul li.menu-item a{padding:0.5em 0;}
  #footermenu > li ul li a:hover{opacity:1;}
  #footermenu .btn-white{color:#000;font-size:18px;}
  
  form.search .button_container{margin:0 auto;position:relative;width:247px;}
  form.search .button_container input[type="text"]{padding:0.3rem 0.8rem !important;width:100%;}
  form.search .button_container button[type="submit"]{color:#fff;border:none;background-color:transparent;opacity:0.7;padding:5px 8px;position:absolute;right:0;top:0;font-size:16px;}
  form.search .button_container button[type="submit"]:after,
  form.search .button_container button[type="submit"]:before{display:none;}
  form.search .button_container button[type="submit"]:hover{opacity:1;}
  
  #footer-logo{display:block;margin:0 auto;width:160px;}
  #footer-logo *{fill:#666;}
  
  .tweet p{overflow:hidden;text-overflow:ellipsis;}
  
  #ig_strip{display:flex;}
  #ig_strip .ig_post img{display:block;}
  #ig_strip .ig_post + .ig_post{margin-left:10px;}
  
/* Home */
  
  #quoteslider{color:#000;font-family:'Barlow Semi Condensed', sans-serif;font-style:italic;font-size:40px;text-align:center;}
  #quoteslider img{border-radius:50px;height:100px;width:100px;margin:0 auto;}
  #quoteslider p{line-height:100%;margin:10px 0;}
  #quoteslider p small{font-style:normal;font-size:24px;color:#999;text-transform:uppercase;letter-spacing:0.2em;}
  
  #quoteslider .owl-nav{left:50%;margin-left:-125px;position:absolute;top:18px;width:250px;}
  #quoteslider .owl-nav > *{color:#39B54A;width:50px;}
  #quoteslider .owl-nav .owl-prev{float:left;}
  #quoteslider .owl-nav .owl-next{float:right;}
  
  #instagram-block{border:1px solid #ccc;padding:0 10px 10px;}
  #instagram-block .section-title{font-size:18px;margin-top:-12px;margin-bottom:0;}
  #instagram-block .section-title a{background-color:#fff;padding:0 0.3em;}
  
  #instagram-grid{display: -ms-grid;display:grid;-ms-grid-columns: 20% 20% 20% 20% 20%;grid-template-columns: 20% 20% 20% 20% 20%;}
  #instagram-grid .ig_post:first-child{-ms-grid-row:1;-ms-grid-row-span: 2;-ms-grid-column:1;-ms-grid-column-span: 2;grid-column: 1 / span 2;grid-row: 1 / span 2;}
  #instagram-grid .ig_post:nth-child(2){-ms-grid-row:3;-ms-grid-row-span: 2;-ms-grid-column:3;-ms-grid-column-span: 2;grid-column: 3 / span 2;grid-row: 3 / span 2;}
  
  /*  for IE 10*/
    #instagram-grid .ig_post:nth-child(3){-ms-grid-row:1;-ms-grid-column:3;}
    #instagram-grid .ig_post:nth-child(4){-ms-grid-row:1;-ms-grid-column:4;}
    #instagram-grid .ig_post:nth-child(5){-ms-grid-row:1;-ms-grid-column:5;}
    #instagram-grid .ig_post:nth-child(6){-ms-grid-row:2;-ms-grid-column:3;}
    #instagram-grid .ig_post:nth-child(7){-ms-grid-row:2;-ms-grid-column:4;}
    #instagram-grid .ig_post:nth-child(8){-ms-grid-row:2;-ms-grid-column:5;}
    #instagram-grid .ig_post:nth-child(9){-ms-grid-row:3;-ms-grid-column:1;}
    #instagram-grid .ig_post:nth-child(10){-ms-grid-row:3;-ms-grid-column:2;}
    #instagram-grid .ig_post:nth-child(11){-ms-grid-row:3;-ms-grid-column:5;}
    #instagram-grid .ig_post:nth-child(12){-ms-grid-row:4;-ms-grid-column:1;}
    #instagram-grid .ig_post:nth-child(13){-ms-grid-row:4;-ms-grid-column:2;}
    #instagram-grid .ig_post:nth-child(14){-ms-grid-row:4;-ms-grid-column:5;}
  
  #instagram-block .ig_post{padding:10px;}
  #instagram-block .ig_post .ig_contents{overflow:hidden;position:relative;}
  #instagram-block .ig_post .ig_photo img{display:block;}
  #instagram-block .ig_post .ig_details{display:flex;justify-content: center;flex-direction:column;color:#fff;transform:translateX(-100.5%);background-color:rgba(50,50,50,0.8);padding:20px;pointer-events:none;position:absolute;top:0;right:0;left:0;bottom:0;transition:0.2s all;}
  #instagram-block .ig_post .ig_details img{border-radius:100%;width:72px;height:72px;display:block;margin:0 auto;}
  #instagram-block .ig_post .ig_details p{font-size:22px;font-family:'Barlow Semi Condensed', sans-serif;font-style:italic;}
  #instagram-block .ig_post .ig_details p.attribution{font-size:18px;font-style:normal;font-weight: 700;letter-spacing: 0.2em;text-transform: uppercase;}
  #instagram-block .ig_post:hover .ig_details{transform:translateX(0);}
  
  #instagram-block .ig_post .ig_details{display:none;}
  #instagram-grid .ig_post:first-child .ig_details,
  #instagram-grid .ig_post:nth-child(2) .ig_details{display:flex;}
  
  
  .section.split{overflow:hidden;}
  .section.split .post-split{background-size:cover;background-position:50% 50%;clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);-webkit-clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);display:flex;flex:auto;float:left;width:50%;transition:0.2s width;justify-content:stretch;}
  
  .section.split .post-split .inner{background-color:rgba(255,255,255,0.9);padding:15%;width:70%;}
  .section.split .post-split .cat{font-family:'Barlow Semi Condensed', sans-serif;font-size:24px;font-weight:700;letter-spacing:0.2em;margin-bottom:3rem;text-transform:uppercase;}
  .section.split .post-split h2{margin-top:0;}
  .section.split .post-split h2 a{color:#000;}
  
  .section.split .post-split + .post-split{clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);-webkit-clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);text-align:right;margin-left:-11.2%;}
  .section.split .post-split + .post-split .inner{background-color:rgba(0,0,0,0.7);}
  .section.split .post-split + .post-split .cat{color:#fff;opacity:0.8;}
  .section.split .post-split + .post-split .date{color:#fff;opacity:0.8;}
  .section.split .post-split + .post-split h2 a{color:#fff;}
  
  _:-ms-fullscreen, :root .section.split .post-split + .post-split{margin-left:0%;}
  
  @media (min-width:1240px) {
    .pxl-horizontal button:before{display:none;}
  }
  
  @media (max-width:979px){
    #instagram-grid{grid-template-columns: 25% 25% 25% 25%;}
    #instagram-grid .ig_post:nth-child(2){grid-column: 3 / span 2;grid-row: 3 / span 2;}
    
    .post-wide.image{padding-left:195px;}
    .post-wide a.featured-image{width:180px;}
  }
  @media (max-width:979px) and (min-width:767px){
    #instagram-grid .ig_post{display:none;}
    #instagram-grid .ig_post:nth-child(-n+10){display:block;}
  }
  
  @media (max-width: 767px) {
    html,body{font-size:16px;}
    h2{font-size:36px;}
    
    #navbar{overflow:scroll;max-height:100%;}
    #navbar .contain{padding:0 15px;}
    
    #banner{padding-bottom:70px;}
    #banner h2{font-size:72px;}
    #banner:after{height:100px;}
    
    #featurette h4.section-title span:before, 
    #featurette h4.section-title span:after{width:50px;}
    
    .tabs .tab{height:110px;margin:5px;width:110px;}
    .tabs .tab h3{font-size:18px;}
    .tabs .tab.current{transform:scale(1.1);}

    .contents .description{font-size:20px;}
    
    #quoteslider{font-size:30px;}
    #quoteslider p small{font-size:18px;}
    
    #instagram-grid{grid-template-columns: 33.33% 33.33% 33.33% ;}
    #instagram-grid .ig_post{display:none;}
    #instagram-grid .ig_post:nth-child(2){grid-column: 2 / span 2;grid-row: 3 / span 2;}
    #instagram-grid .ig_post:nth-child(-n+6){display:block;}
    
    .section.split{flex-direction:column;}
    .section.split .post-split,
    .section.split .post-split + .post-split{clip-path:none;margin:0;width:100%;}
    .section.split .post-split .inner{padding:10%;width:80%;}
    
    .tweets{display:flex;flex-wrap:wrap;}
    .tweets .tweet{flex: 47%;}
    .tweets .tweet:nth-child(odd){margin-right:6%;}
    
    #filters{flex-wrap:wrap;}
    #filters > *{min-width:200px;}
    
    .event {padding:55px 20px 20px;}
    .event .terms span{font-size:24px;position:absolute;top:8px;left:20px;}
    .event .date-box{top:0;right:0;bottom:auto;font-size:20px;padding:10px 10px 10px 16px;}
    .event .date-box span{font-size:20px;display:inline;}
  }
  
  @media (max-width: 480px) {
    #navbar .navright a{font-size:20px;}
    
    #banner{padding-bottom:20px;}
    #banner h2{font-size:52px;}
    #banner:after{height:50px;}
        
    .contents .description{font-size:18px;}
    
    #quoteslider{font-size:24px;}
    #quoteslider img{height:70px;width:70px;}
    
    h4.section-title{font-size:18px;}
    
    .post-wide.image{padding-left:135px;}
    .post-wide a.featured-image{width:120px;}
  }