* Other civi blocks outside the main container also have the class crm-container (but not the id)
* All styles should start with .crm-container unless they are specific to the main div only
*/
+
+/* Use this class to hide text that should only be there for screen readers */
+.sr-only {
+ border: 0;
+ clip: rect(1px, 1px, 1px, 1px);
+ clip-path: inset(50%);
+ height: 1px;
+ width: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+}
+
.crm-container input {
box-sizing: content-box;
}
cursor: pointer;
position: relative;
white-space: nowrap;
- padding-right: 15px !important;
display: inline;
}
.crm-container .btn-slide:after {
- content: "";
- display: block;
- height: 15px;
- position: absolute;
- right: 2px;
- top: 3px;
- width: 15px;
- background: url("../i/TreePlus.gif") no-repeat right 1px;
+ font-family: "FontAwesome";
+ content: "\f0da";
+ padding-left: .5ex;
}
.crm-container .btn-slide-active .panel {
/* privacy icons */
#crm-container div span.privacy-flag {
- background-repeat: no-repeat;
- background-image: url("../i/stop-icon.png");
float: right;
+ font-size: 80%;
}
/* specific, targeted fixes */
}
.crm-container .select2-container-multi .select2-choices .select2-search-field input {
padding: 4px;
+ min-height: unset; /* Overide style imposed by WordPress 5.3 - see https://lab.civicrm.org/dev/wordpress/issues/46 */
}
.crm-container .select2-search-choice-close {
top: 2px;