@import "variables";

@font-face {
    font-family: '#{$icomoon-font-family}';
    src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?fpyyu6');
    src: url('#{$icomoon-font-path}/#{$icomoon-font-family}.eot?fpyyu6#iefix') format('embedded-opentype'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.ttf?fpyyu6') format('truetype'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.woff?fpyyu6') format('woff'),
    url('#{$icomoon-font-path}/#{$icomoon-font-family}.svg?fpyyu6##{$icomoon-font-family}') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: '#{$icomoon-font-family}' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow {
    &:before {
        content: $icon-arrow;
    }
}

.icon-chevron-down {
    &:before {
        content: $icon-chevron-down;
    }
}

.icon-chevron-left {
    &:before {
        content: $icon-chevron-left;
    }
}

.icon-chevron-right {
    &:before {
        content: $icon-chevron-right;
    }
}

.icon-chevron-up {
    &:before {
        content: $icon-chevron-up;
    }
}

.icon-facebook {
    &:before {
        content: $icon-facebook;
    }
}

.icon-linkedin {
    &:before {
        content: $icon-linkedin;
    }
}

.icon-login {
    &:before {
        content: $icon-login;
    }
}

.icon-minus {
    &:before {
        content: $icon-minus;
    }
}

.icon-plus {
    &:before {
        content: $icon-plus;
    }
}

.icon-search {
    &:before {
        content: $icon-search;
    }
}

.et_social_icon.et_social_icon_twitter,
.icon-twitter {
    &:before {
        content: '';
        width: 16px;
        height: 16px;
        display: inline-block;
        background-image: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M10.7124%207.61786L17.4133%200H15.8254L10.0071%206.61448L5.35992%200H0L7.02738%2010.0023L0%2017.9908H1.58799L7.73237%2011.0056L12.6401%2017.9908H18L10.7121%207.61786H10.7124ZM8.53747%2010.0904L7.82546%209.09439L2.16017%201.16911H4.59922L9.17118%207.56506L9.8832%208.56106L15.8262%2016.8748H13.3871L8.53747%2010.0908V10.0904Z%22%20fill%3D%22white%22%20%2F%3E%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;

    }
}

.et_social_icon.et_social_icon_bluesky,
.icon-bluesky {
    &:before {
        content: '';
        width: 20px;
        height: 20px;
        display: inline-block;
        background-image: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2214%22%20viewBox%3D%220%200%2016%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3.7066%200.925505C5.44433%202.28391%207.31373%205.03792%207.99985%206.51578V10.4192C7.99985%2010.3361%207.96908%2010.43%207.90273%2010.6323C7.54463%2011.7275%206.14586%2016.0019%202.94728%2012.5849C1.26307%2010.7858%202.04277%208.98662%205.10844%208.44347C3.35462%208.75412%201.38294%208.24072%200.841951%206.22775C0.686162%205.64865%200.420898%202.08185%200.420898%201.60016C0.420898%20-0.812967%202.45275%20-0.0544468%203.7066%200.925505ZM12.2931%200.925505C10.5554%202.28391%208.68596%205.03792%207.99985%206.51578V10.4192C7.99985%2010.3361%208.03061%2010.43%208.09696%2010.6323C8.45506%2011.7275%209.85384%2016.0019%2013.0524%2012.5849C14.7366%2010.7858%2013.9569%208.98662%2010.8913%208.44347C12.6451%208.75412%2014.6168%208.24072%2015.1577%206.22775C15.3136%205.64865%2015.5789%202.08193%2015.5789%201.60016C15.5789%20-0.812896%2013.5472%20-0.0544468%2012.2932%200.925505H12.2931Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;

    }
}

.icon-youtube {
    &:before {
        content: $icon-youtube;
    }
}