/**
 * 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;
}
/* ============== ACCORDION BLOCK ============== */

/* ============== BUTTONS BLOCK ============== */

/* ============== CARD BLOCK ============== */

/* ============== OVERLAP BLOCK ============== */
.ov-col { box-sizing: border-box; }
/*admin styles */
.acf-block-preview .overlap-wrap, .acf-block-preview .overlap-container { display: block!important; }
.editor-styles-wrapper .wp-block-acf-ov-column { margin: 0!important; display: inline-block; width: 50%!important; }
.editor-styles-wrapper .ov-col {  width: 100%!important; margin: 0!important; }
.block-editor-block-list__layout .block-editor-block-list__block { overflow-wrap: normal; }

/* ============== CONTAINER BLOCK ============== */
/*admin styles*/
.acf-block-preview .cont { border: 1px solid #efefef; min-height: 40px; }

/* ============== 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; }

/* ============== SWITCHER BLOCK ============== */
.switch-menu { list-style: none; position:fixed; bottom:320px; right: 0; padding: 40px; background-color:#E6E6DF; border-bottom-left-radius: 100px; 
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    opacity: 0;
    -moz-transform: translate3d(100px, 0px, 0px);
    -webkit-transform: translate3d(100px, 0px, 0px);
    -o-transform: translate(100px, 0px);
    -ms-transform: translate(100px, 0px);
    transform: translate3d(100px, 0px, 0px);
}
.switch-menu li { margin-bottom: 15px; width: 160px; line-height: 1.35em;  }
.switch-menu .uk-active a { color: #00DD39; }
.showmenu { opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px); }


/** ================== 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) {

}