/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* shop tempalte */

##brxe-einxbz option{color:#000;}


/* single product page */

.wc-block-components-notice-banner.is-success {
    background-color: #0F834D !important;
    border-color: #ffffff !important;
    color: #fff;
    font-family: 'Saira';
    border-left: 5px solid #fff;
    font-weight: 600;
    font-size: 15px;
  align-items: center;
}
#brxe-erfmzw a {
    color: #fff !important;
    padding: 7px 15px !important;
  	text-decoration: none;
}
.wc-block-components-notice-banner__content a {
    min-height: auto;
    -webkit-clip-path: polygon(0 0, 125% 0, 45% 235%, 0 100%) !important;
    clip-path: polygon(0 0, 125% 0, 45% 235%, 0 100%) !important;
    opacity: 1 !important;
    background: #006da7 !important;
    color: #fff !important;
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
}

option{color:#435264; background-color: antiquewhite;}
select {
    appearance: none;
    -webkit-appearance: none;
    background-color: #435264;
 	color: #fff;
    background-image: linear-gradient(45deg,transparent 50%,gray 0),linear-gradient(135deg,gray 50%,transparent 0);
    background-position: calc(100% - 20px) calc(50% + 2px),calc(100% - 16px) calc(50% + 2px);
    background-repeat: no-repeat;
    background-size: 4px 4px,4px 4px;
    border-radius: 4px;
}

#brxe-yvrrzn, #brxe-parfhi {
    -webkit-clip-path: border-box;
    clip-path: border-box;
}


/* media query */
@media (max-width: 767px){
.wc-block-components-notice-banner>.wc-block-components-notice-banner__content {
   flex-wrap: wrap-reverse;
   flex-direction: column-reverse;
   gap: 10px;
   text-align: center;
}
.wc-block-components-notice-banner.is-success {
   flex-wrap: wrap;
   flex-flow: column;
}
}