/*
// filename:  preview-style.css
//
// Copyright 2022 Tehama Inc. and its affiliates or licensors
//
// description:  This stylesheet provides styling for elements in the preview page-header:
//
//               Essentially, this fixes accessibility errors found in the preview header (seen when previewing a theme.)
//
//               Include the stylesheet in the header.hbs template as follows:
//
//                   <link href="{{asset 'preview-style.css'}}" rel="stylesheet" type="text/css" />
//
*/

/* Override an existing rule to override the colour of the "Close Preview" button.                */
/* This overrides the 'close' class found in index.css, though the class name seen in the page is */
/* 'XdmHyqW7PtQTZ3ynGZLIJweJXrsO1vpF'. */
.XdmHyqW7PtQTZ3ynGZLIJweJXrsO1vpF {
    color: #185A90;
}

/* Override an existing rule to add styling when the "Templates: <page>" dropdown menu is in focus. */
/* This is styled by the "templates" class found in index.css, though the class name seen in the    */
/* page is 'JdmHrmW3tQZixNq7xk607gNXV2XIcb0G'. */
.JdmHrmW3tQZixNq7xk607gNXV2XIcb0G:focus {
    border: 1px solid #185A90;
}

/* Override an existing rule to add styling when the "Preview role: <role>" dropdown menu is in focus. */
/* This is styled by the "roles" class found in index.css, though the class name seen in the           */
/* page is '_11CmVtT94iT6E5Xy8mQnr5QOhkcAzGH'. */
._11CmVtT94iT6E5Xy8mQnr5QOhkcAzGH:focus {
    border: 1px solid #185A90;
}