/* GENERAL */ @font-face { font-family: "socicon"; src: url("../fonts/socicon.eot"); src: url("../fonts/socicon.eot?#iefix") format("embedded-opentype"), url("../fonts/socicon.woff") format("woff"), url("../fonts/socicon.ttf") format("truetype"), url("../fonts/socicon.svg#socicon") format("svg"); font-weight: normal; font-style: normal; } .meks_ess .socicon-facebook { background: #3e5b98; } .meks_ess .socicon-facebook:before { content: "\e028" } .meks_ess .socicon-twitter { background: #222222; } .meks_ess .socicon-twitter:before { content: "\e959" } .meks_ess .socicon-pinterest { background: #c92619; } .meks_ess .socicon-pinterest:before { content: "\e063" } .meks_ess .socicon-reddit { background: #e74a1e; } .meks_ess .socicon-reddit:before { content: "\e06c" } .meks_ess .socicon-instagram { background: #000000; } .meks_ess .socicon-instagram:before { content: "\e044" } .meks_ess .socicon-stumbleupon { background: #e64011; } .meks_ess .socicon-stumbleupon:before { content: "\e082" } .meks_ess .socicon-linkedin { background: #3371b7; } .meks_ess .socicon-linkedin:before { content: "\e04c" } .meks_ess .socicon-googleplus { background: #dd4b39; } .meks_ess .socicon-googleplus:before { content: "\e038" } .meks_ess .socicon-whatsapp { background: #20B038; } .meks_ess .socicon-whatsapp:before { content: "\e099" } .meks_ess .socicon-vkontakte { background: #5a7fa6; } .meks_ess .socicon-vkontakte:before { content: "\e095" } .meks_ess .socicon-mail { background: #000000; } .meks_ess .socicon-mail:before { content: "\e050" } .transparent .socicon-facebook:before, .outline .socicon-facebook:before, .transparent .socicon-facebook span, .outline .socicon-facebook span { color: #3e5b98; } .transparent .socicon-twitter:before, .outline .socicon-twitter:before, .transparent .socicon-twitter span, .outline .socicon-twitter span { color: #222222; } .transparent .socicon-pinterest:before, .outline .socicon-pinterest:before, .transparent .socicon-pinterest span, .outline .socicon-pinterest span { color: #c92619; } .transparent .socicon-reddit:before, .outline .socicon-reddit:before, .transparent .socicon-reddit span, .outline .socicon-reddit span { color: #e74a1e; } .transparent .socicon-instagram:before, .outline .socicon-instagram:before, .transparent .socicon-instagram span, .outline .socicon-instagram span { color: #000000; } .transparent .socicon-stumbleupon:before, .outline .socicon-stumbleupon:before, .transparent .socicon-stumbleupon span, .outline .socicon-stumbleupon span { color: #e64011; } .transparent .socicon-linkedin:before, .outline .socicon-linkedin:before, .transparent .socicon-linkedin span, .outline .socicon-linkedin span { color: #3371b7; } .transparent .socicon-googleplus:before, .outline .socicon-googleplus:before, .transparent .socicon-googleplus span, .outline .socicon-googleplus span { color: #dd4b39; } .transparent .socicon-whatsapp:before, .outline .socicon-whatsapp:before, .transparent .socicon-whatsapp span, .outline .socicon-whatsapp span { color: #20B038; } .transparent .socicon-vkontakte:before, .outline .socicon-vkontakte:before, .transparent .socicon-vkontakte span, .outline .socicon-vkontakte span { color: #5a7fa6; } .transparent .socicon-mail:before, .outline .socicon-mail:before, .transparent .socicon-mail span, .outline .socicon-mail span { color: #000000; } body .outline .meks_ess-item.socicon-facebook, body .outline .meks_ess-item.socicon-facebook:hover { border-color: #3e5b98; } body .outline .meks_ess-item.socicon-twitter, body .outline .meks_ess-item.socicon-twitter:hover { border-color: #222222; } body .outline .meks_ess-item.socicon-pinterest, body .outline .meks_ess-item.socicon-pinterest:hover { border-color: #c92619; } body .outline .meks_ess-item.socicon-reddit, body .outline .meks_ess-item.socicon-reddit:hover { border-color: #e74a1e; } body .outline .meks_ess-item.socicon-instagram, body .outline .meks_ess-item.socicon-instagram:hover { border-color: #000000; } body .outline .meks_ess-item.socicon-stumbleupon, body .outline .meks_ess-item.socicon-stumbleupon:hover { border-color: #e64011; } body .outline .meks_ess-item.socicon-linkedin, body .outline .meks_ess-item.socicon-linkedin:hover { border-color: #3371b7; } body .outline .meks_ess-item.socicon-googleplus, body .outline .meks_ess-item.socicon-googleplus:hover { border-color: #dd4b39; } body .outline .meks_ess-item.socicon-whatsapp, body .outline .meks_ess-item.socicon-whatsapp:hover { border-color: #20B038; } body .outline .meks_ess-item.socicon-vkontakte, body .outline .meks_ess-item.socicon-vkontakte:hover { border-color: #5a7fa6; } body .outline .meks_ess-item.socicon-mail, body .outline .meks_ess-item.socicon-mail:hover { border-color: #000000; } .meks_ess { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap:wrap; text-align: center; padding: 0; margin: 0 0 20px 0; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; top: -5px; } body .meks_ess .meks_ess-item { font-style: normal; text-decoration: none !important; font-family: inherit; color: #FFF; font-size: 16px; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; max-width: 100%; min-width: 40px; height: 40px; line-height: 40px; margin-right: 5px; margin-top: 5px !important; box-shadow: none !important; border: 0; } .meks_ess .meks_ess-item:before { font-family: "socicon" !important; font-style: normal !important; font-size: 14px; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; font-size: inherit; text-rendering: auto; } body .meks_ess .meks_ess-item:hover { color: #fff; cursor: pointer; text-decoration: none; background-image: -moz-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important; background-image: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(0,0,0,.1)),color-stop(100%,rgba(0,0,0,.1))) !important; background-image: -webkit-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important; background-image: -o-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important; background-image: -ms-linear-gradient(left,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important; background-image: linear-gradient(to right,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 100%) !important; } body .meks_ess .meks_ess-item:focus { color: #fff; text-decoration: none; outline: none; } .meks_ess .meks_ess-item span { font-family: inherit; position: relative; top: -1px; margin-left: 8px; } .meks_ess.no-labels span { display: none; } .meks_ess.transparent .meks_ess-item { font-size: 1em; } /* STYLES */ .meks_ess.outline .meks_ess-item { border: 1px solid transparent; background: transparent !important; } .meks_ess.outline .meks_ess-item:hover { border: 1px solid; } .meks_ess.transparent .meks_ess-item { border-radius: 0; background: transparent !important; } .meks_ess.transparent .meks_ess-item:hover { background: transparent !important; } /* STYLE 1 - rectangle no-labels */ .meks_ess.rectangle.no-labels .meks_ess-item { border-radius: 0; min-width: 100px; } /* STYLE 2 - rounded no-labels */ .meks_ess.rounded.no-labels .meks_ess-item { border-radius: 20px; min-width: 100px; } /* STYLE 3 - circle no-labels */ .meks_ess.circle, .meks_ess.square, .meks_ess.transparent { -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .meks_ess.circle .meks_ess-item, .meks_ess.square .meks_ess-item, .meks_ess.transparent .meks_ess-item { width: 40px; border-radius: 50%; -webkit-box-flex: none; -webkit-flex: none; -ms-flex: none; flex: none; } /* STYLE 4 - square no-labels */ .meks_ess.square .meks_ess-item { border-radius: 0; } /* STYLE 5 - transparent no-labels */ .meks_ess.transparent.outline .meks_ess-item { border: 0; } /* STYLE 6 - rectangle */ .meks_ess.rectangle .meks_ess-item { border-radius: 0; min-width: 140px; } /* STYLE 7 - rounded */ .meks_ess.rounded .meks_ess-item { border-radius: 20px; min-width: 140px; } /* STYLE 8 - transparent */ .meks_ess.transparent .meks_ess-item { min-width: auto; width: auto; margin-right: 25px; border-radius: 0; } .meks_ess.transparent .socicon-facebook { margin-left: -3px; }