/**
 * Theme Name: atk_blocks
 * Theme URI: https://artkade.com
 * Description: Custom blocks using UIKIT platform by Artkade, handcrafted with care.
 * Version: 3.5
 * Author: Artkade
 * Author URI: https://artkade.com
 */
 :root {
    --neutral : #8B8B8B;
    --black :   #0B0C0C;
}
/* ============== ADMIN STYLES ============== */
.editor-styles-wrapper .home-tabs { height:auto!important; background: none!important;}
.editor-styles-wrapper .uk-tab {background: var(--teal2)!important; }
.editor-styles-wrapper .uk-tab::before { margin-left: -450px!important; margin-top:-20px!important; }

/* ============== BUTTONS BLOCK ============== */
.button-text { font-size: 1.6rem; font-weight: 400; padding: 0; letter-spacing: 2px;}
/* ============== CARD BLOCK ============== */

/* ============== CAROUSEL BLOCK ============== */

/* ============== CONTAINER BLOCK ============== */
section { position: relative; }
.skewedr {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 49.99%;
    width: 50%;
    height: 11vh;
    z-index: 0;
    -webkit-transform: skewY(-6deg);
    transform: skewY(-6deg);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    filter: drop-shadow(0px -2px 6px var(--teal7));
  }
  .skewedl {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50%;
    left: 0;
    width: 50%;
    height: 11vh;
    z-index: 0;
    -webkit-transform: skewY(6deg);
    transform: skewY(6deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    filter: drop-shadow(0px -2px 6px var(--teal7));
  }
  .arrow-cont {
    position: relative;
    top: 11vh; 
  }
  .acf-block-preview .cont { border: 1px solid #efefef; min-height: 40px; }
/* ============== ICON BLOCK ============== */

/* ============== SCROLLSPY BLOCK ============== */

/* ============== SLIDESHOW BLOCK ============== */
.wrap {overflow: hidden;}
.hero-cont { color: #fff; z-index: 1; box-sizing: border-box; width: 1400px; padding: 0 80px; }
.hero-logo { box-sizing: border-box; }
.hero-logo img { width: 100%; }
.hero-cont p { color: #fff;}
.herotitle { text-transform: uppercase;}
.subtitle { margin-top: 0; }

/** ================== LAPTOP ================== **/
@media screen and (max-width : 1220px) {

}
/** =============== TABLET RETINA =============== **/
@media screen and (max-width : 960px) {

}
/** ================== TABLET ================== **/
@media screen and (max-width : 768px) {

}
/** ================== MOBILE ================== **/
@media screen and (max-width : 480px) {

}