/* Editor Button customisations */
.canva-design-button {
    font-size: 13px !important;
    font-family: "Open Sans",Helvetica,sans-serif !important;
    line-height: 27px !important;
    background-image: none !important;
    -moz-box-shadow: inset 0 1px rgba(255,255,255,0.25), 0 1px rgba(0,0,0,0.1) !important;
    -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.25), 0 1px rgba(0,0,0,0.1) !important;
    box-shadow: inset 0 1px rgba(255,255,255,0.25), 0 1px rgba(0,0,0,0.1) !important;
}

.dashicons-canva {
    background: url('../images/canva-icon_32x32_sat.png') no-repeat center;
    background-size: 24px;
}

.dashicons-canva:hover {
    background-image: url('../images/canva-icon_32x32.png');
}

/* Save animation */
#canvamask {
    opacity: 1;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 2147483600;
}

#canvamask .animation {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 160px;
    height: 160px;
    margin: -80px 0 0 -80px;
    border-radius: 80px;
    background: #00c4cc;
    opacity: 1;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.5s cubic-bezier(0, 1.1, 1, 1.1);
    transition: all 0.5s cubic-bezier(0, 1.1, 1, 1.1);
    display: block;
}

#canvamask .animation .loading-gif {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 67%;
    margin: -16% 0 0 -33.5%;
    opacity: 1;
}

/* WP Menu */
#toplevel_page_canva_menu .wp-menu-image {
    background: url('../images/canva-icon_16x16_sat.png') no-repeat center center !important;
    -webkit-transition: background .05s ease;
    -moz-transition: background .05s ease;
    -o-transition: background .05s ease;
    transition: background .05s ease;
}
#toplevel_page_canva_menu .wp-menu-image:before {display: none;}
#toplevel_page_canva_menu:hover .wp-menu-image, #toplevel_page_canva_menu.wp-has-current-submenu .wp-menu-image, #toplevel_page_canva_menu.current .wp-menu-image {
    background: url('../images/canva-icon_16x16.png') no-repeat center center !important;
}
#icon-options-general.icon32-posts-canva_menu, #icon-canva_menu.icon32 {
    background: url('../images/canva-icon_32x32.png') no-repeat 0px 7px;
    padding-left: 40px;
    height: 42px;
    display: block;
}

#menu-posts-adverts_posts .wp-menu-image {
    background: url('../images/canva-icon_16x16_sat.png') no-repeat center center !important;
}
#menu-posts-adverts_posts .wp-menu-image:before {display: none;}
#menu-posts-adverts_posts:hover .wp-menu-image, #menu-posts-adverts_posts.wp-has-current-submenu .wp-menu-image {
    background: url('../images/canva-icon_16x16.png') no-repeat center center !important;
    margin-top: 2px !important;
}

/* Config page */
#icon-edit.icon32-posts-adverts_posts {background: url('../images/canva-icon_32x32_sat.png') no-repeat;}
#canva_settings_top_submit {margin: 20px 0;}
#canva_settings_bottom_submit {margin-top: 1px; margin-left: 125px;}
.form_field {
    margin-bottom: 20px;
}
.form_field label {
    width: 110px;
    display: inline-block;
    text-align:right;
    padding-right: 10px;
}

input[name=canva_api_key] {
    width: 220px;
}

.canva_plugin_config {
    margin-top: 30px;
}