/*
Theme Name:   Operaction
Theme URI:    https://operaction.it
Description:  Storefront child theme per Operaction
Author:       Lorenzo Colli
Author URI:   https://www.linkedin.com/in/lorenzo-colli-a77141332/
Template:     storefront
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, responsive-layout, operaction
Text Domain:  storefrontchild
*/

/* CF7 helpers */
.padding-right-spacer {
    padding-right: 10px;
}

.margin-bottom-none {
    margin-bottom: 0;
}

/* Custom Select Box */
.wpcf7-select {
    /* styling */
    background-color: #f2f2f2;
    color: #43454b;
    border: thin solid #ccc;
    border-radius: 0px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;

    /* reset */
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Remove default arrow in IE */
.wpcf7-select::-ms-expand {
    display: none;
}

.wpcf7-select {
    background-image:
        linear-gradient(45deg, transparent 50%, gray 50%),
        linear-gradient(135deg, gray 50%, transparent 50%),
        linear-gradient(to right, #ccc, #ccc);
    background-position:
        calc(100% - 20px) calc(1em + 2px),
        calc(100% - 15px) calc(1em + 2px),
        calc(100% - 2.5em) 0.5em;
    background-size:
        5px 5px,
        5px 5px,
        1px 1.5em;
    background-repeat: no-repeat;
}

.wpcf7-select:focus {
    background-image:
        linear-gradient(45deg, gray 50%, transparent 50%),
        linear-gradient(135deg, transparent 50%, gray 50%),
        linear-gradient(to right, #ccc, #ccc);
    background-position:
        calc(100% - 15px) 1em,
        calc(100% - 20px) 1em,
        calc(100% - 2.5em) 0.5em;
    background-size:
        5px 5px,
        5px 5px,
        1px 1.5em;
    background-repeat: no-repeat;
    border-radius: 0px;
    outline-color: #0ed3cd;
}

.wpcf7-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}