Skip to content

Jeff Balicki / st_joseph

Go to a project
Toggle navigation
Toggle navigation pinning
d6745007 by Jeff Balicki
Options

share 

Signed-off-by: Jeff <jeff@gotenzing.com>
1 parent ce559416
Expand all
Inline Side-by-side
Showing 27 changed files with 291 additions and 11 deletions
......@@ -21,6 +21,9 @@
}
.call-out-block p{
text-align: center;
color:#fff;
font-size: 20px;
line-height: 30px;
}
.call-out-block a{
border-radius: 0!important;
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -46,7 +46,9 @@ $navbar_type = get_theme_mod( 'understrap_navbar_type', 'collapse' );
<!-- <a class="skip-link" href="#content"><?php //esc_html_e( 'Skip to content', 'understrap' ); ?></a> -->
<?php get_template_part( 'global-templates/navbar', $navbar_type . '-' . $bootstrap_version ); ?>
<button type="button" class="btn btn-floating btn-lg" id="btn-back-to-top">
</button>
<?php echo do_shortcode('[share-this]'); ?>
</header><!-- #wrapper-navbar -->
\ No newline at end of file
......
<svg id="Component_130_1" data-name="Component 130 – 1" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
<circle id="Ellipse_11" data-name="Ellipse 11" cx="20" cy="20" r="20" fill="#666"/>
<g id="Group_290" data-name="Group 290" transform="translate(-264.021 -505.354)">
<path id="Path_914" data-name="Path 914" d="M288.408,535.248h-8.776a5.512,5.512,0,0,1-5.506-5.506v-8.775a5.512,5.512,0,0,1,5.506-5.506h8.776a5.513,5.513,0,0,1,5.507,5.506v8.775A5.513,5.513,0,0,1,288.408,535.248Zm-8.776-17.532a3.256,3.256,0,0,0-3.253,3.252v8.775A3.257,3.257,0,0,0,279.632,533h8.776a3.258,3.258,0,0,0,3.254-3.254v-8.775a3.257,3.257,0,0,0-3.254-3.252Z" fill="#fff"/>
<path id="Path_915" data-name="Path 915" d="M284.021,530.687a5.333,5.333,0,1,1,5.332-5.334v0A5.339,5.339,0,0,1,284.021,530.687Zm0-8.411a3.078,3.078,0,1,0,3.078,3.08,3.079,3.079,0,0,0-3.078-3.08Z" fill="#fff"/>
<circle id="Ellipse_14" data-name="Ellipse 14" cx="0.95" cy="0.95" r="0.95" transform="translate(288.226 519.248)" fill="#fff"/>
</g>
</svg>
<svg id="Component_131_1" data-name="Component 131 – 1" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
<circle id="Ellipse_8" data-name="Ellipse 8" cx="20" cy="20" r="20" fill="#666"/>
<path id="Path_913" data-name="Path 913" d="M331.3,532.285h-3.673V520.549H331.3Zm-1.929-13.206h-.026a2.033,2.033,0,0,1-2.181-1.875c0-.052-.006-.1-.006-.157a2.234,2.234,0,1,1,2.427,2.023A1.891,1.891,0,0,1,329.372,519.079Zm16.6,13.206h-4.158v-6.074c0-1.589-.649-2.674-2.08-2.674a2.1,2.1,0,0,0-1.985,1.438,2.7,2.7,0,0,0-.089.959v6.35h-4.116s.053-10.759,0-11.736h4.116v1.842a3.761,3.761,0,0,1,3.659-1.956c2.606,0,4.653,1.689,4.653,5.325Z" transform="translate(-314.832 -504.941)" fill="#fff"/>
</svg>
<svg id="Component_132_1" data-name="Component 132 – 1" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
<path id="Path_916" data-name="Path 916" d="M385.642,537.716a20,20,0,1,0-20-20v0a20,20,0,0,0,20,20" transform="translate(-365.643 -497.716)" fill="#666"/>
<g id="Group_291" data-name="Group 291" transform="translate(-365.643 -497.716)">
<path id="Path_917" data-name="Path 917" d="M384.928,508.02h1.518c.256.06.515.112.769.179a5.021,5.021,0,0,1,4,4.024,14.38,14.38,0,0,1,.054,2.889c-.009,1.058.019,1.1,1.028.706a1.279,1.279,0,0,1,1.116.047.744.744,0,0,1,.141,1.332,5.168,5.168,0,0,1-.947.479c-.282.129-.588.218-.858.361a.6.6,0,0,0-.348.771.577.577,0,0,0,.041.087,5.91,5.91,0,0,0,3.942,3.587,3.979,3.979,0,0,1,.623.285v.353a4.239,4.239,0,0,1-.868.706,5.652,5.652,0,0,1-1.486.418.59.59,0,0,0-.571.538c-.2.886-.328.951-1.218.791a3.516,3.516,0,0,0-2.89.481,6.753,6.753,0,0,1-2.7,1.354h-1.251a2.541,2.541,0,0,1-.5-.15,23.018,23.018,0,0,1-2.092-1.144,3.441,3.441,0,0,0-2.482-.606c-.352.05-.705.1-1.058.133-.282.027-.554-.088-.563-.378-.027-.9-.64-1.052-1.339-1.159a2.28,2.28,0,0,1-.839-.271,7.426,7.426,0,0,1-.869-.714v-.353a1.672,1.672,0,0,1,.447-.257,5.7,5.7,0,0,0,3.936-3.208c.45-.837.3-1.17-.6-1.5-.139-.051-.29-.075-.423-.138a5.342,5.342,0,0,1-.9-.47.741.741,0,0,1,.138-1.33,1.134,1.134,0,0,1,1.027-.041,1.209,1.209,0,0,0,1.15.108c-.031-.588-.085-1.168-.083-1.746a9.554,9.554,0,0,1,.105-2,5.092,5.092,0,0,1,4-3.986C384.347,508.127,384.639,508.08,384.928,508.02Z" fill="#fff"/>
</g>
</svg>
<svg id="Component_133_1" data-name="Component 133 – 1" xmlns="http://www.w3.org/2000/svg" width="40" height="39.998" viewBox="0 0 40 39.998">
<path id="Path_910" data-name="Path 910" d="M431.375,542.275a20,20,0,1,0-20-20,20,20,0,0,0,20,20" transform="translate(-411.375 -502.277)" fill="#666"/>
<path id="Path_911" data-name="Path 911" d="M431.592,512.276v5.055h4.745v3.139h-4.745V525.6a8.144,8.144,0,0,0,.184,2.233,1.51,1.51,0,0,0,.687.79,2.884,2.884,0,0,0,1.516.4,5.468,5.468,0,0,0,3.022-.988v3.156a12.05,12.05,0,0,1-2.321.846,9.753,9.753,0,0,1-2.247.244,7.811,7.811,0,0,1-2.425-.345,5.264,5.264,0,0,1-1.8-.988,3.585,3.585,0,0,1-1.032-1.365,5.892,5.892,0,0,1-.287-2.093V520.47h-2.212v-2.829a5.9,5.9,0,0,0,2.02-1.1,5.477,5.477,0,0,0,1.348-1.718,7.762,7.762,0,0,0,.7-2.549Z" transform="translate(-411.375 -502.277)" fill="#fff"/>
</svg>
<svg id="Component_134_1" data-name="Component 134 – 1" xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
<circle id="Ellipse_13" data-name="Ellipse 13" cx="20" cy="20" r="20" fill="#666"/>
<path id="Path_910" data-name="Path 910" d="M504.682,522.589a7.779,7.779,0,0,1-2.22.609,3.866,3.866,0,0,0,1.7-2.139,7.712,7.712,0,0,1-2.455.941,3.871,3.871,0,0,0-6.585,3.527,10.965,10.965,0,0,1-7.968-4.04,3.873,3.873,0,0,0,1.2,5.164,3.871,3.871,0,0,1-1.752-.483v.047a3.865,3.865,0,0,0,3.1,3.791,3.7,3.7,0,0,1-1.02.137,3.85,3.85,0,0,1-.726-.068,3.865,3.865,0,0,0,3.611,2.684,7.768,7.768,0,0,1-4.8,1.655,8.126,8.126,0,0,1-.923-.053,11,11,0,0,0,16.926-9.265c0-.168,0-.335-.011-.5a7.835,7.835,0,0,0,1.929-2" transform="translate(-475.261 -508.433)" fill="#fff"/>
</svg>
......@@ -3,7 +3,8 @@
register_nav_menus(
array(
'login' => __( 'Login Menu', 'understrap' ),
)
'social' => __( 'Social Menu', 'understrap' ),
)
);
......
......@@ -60,4 +60,34 @@ function promos()
return $output;
}
add_shortcode( 'promos', 'promos' );
\ No newline at end of file
add_shortcode( 'promos', 'promos' );
function share_this($atts)
{
$atts = shortcode_atts(array(
'post_id' => '',
), $atts, 'current-cover-articles');
$post = get_post($atts['post_id']);
ob_start();?>
<div class="custom-addtoany">
<div class="shareIcons" id="shareRoundIcons<?php echo $post->post_name; ?>"></div>
</div>
<script>
jQuery(document).ready(function ($) {
$("#shareRoundIcons<?php echo $post->post_name; ?>").jsSocials({
url: "<?php echo site_url() . '/' . $post->post_name; ?>",
text: ": <?php echo get_the_title($post->ID); ?>",
showLabel: false,
showCount: false,
shares: ["facebook", "twitter", "linkedin" ]
});
});
</script>
<?php
return ob_get_clean();
}
add_shortcode('share-this', 'share_this');
\ No newline at end of file
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -3521,6 +3521,11 @@
"graceful-fs": "^4.1.6"
}
},
"jssocials": {
"version": "1.5.0",
"resolved": "https://registry.npmjs.org/jssocials/-/jssocials-1.5.0.tgz",
"integrity": "sha512-MphxMjKzEBz5CjzTukKcKw/puOetW8fhrHXiW150ITZhxdF/3k9SwSGnybZ2Rn8S62cFcj51xQ8hXyW12OCEaA=="
},
"keyv": {
"version": "3.1.0",
"resolved": "https://registry.npmjs.org/keyv/-/keyv-3.1.0.tgz",
......
......@@ -42,6 +42,7 @@
},
"homepage": "https://understrap.com",
"dependencies": {
"jssocials": "^1.5.0",
"rollup-plugin-postcss": "^4.0.2",
"swiper": "^8.4.6"
},
......
// Add your custom JS here.
import "./_carousels";
import "./jssocials.min";
var a = document.querySelector('.blur-image');
......
/*! jssocials - v1.4.0 - 2016-10-10
* http://js-socials.com
* Copyright (c) 2016 Artem Tabalin; Licensed MIT */
!function(a,b,c){function d(a,c){var d=b(a);d.data(f,this),this._$element=d,this.shares=[],this._init(c),this._render()}var e="JSSocials",f=e,g=function(a,c){return b.isFunction(a)?a.apply(c,b.makeArray(arguments).slice(2)):a},h=/(\.(jpeg|png|gif|bmp|svg)$|^data:image\/(jpeg|png|gif|bmp|svg\+xml);base64)/i,i=/(&?[a-zA-Z0-9]+=)?\{([a-zA-Z0-9]+)\}/g,j={G:1e9,M:1e6,K:1e3},k={};d.prototype={url:"",text:"",shareIn:"blank",showLabel:function(a){return this.showCount===!1?a>this.smallScreenWidth:a>=this.largeScreenWidth},showCount:function(a){return a<=this.smallScreenWidth?"inside":!0},smallScreenWidth:640,largeScreenWidth:1024,resizeTimeout:200,elementClass:"jssocials",sharesClass:"jssocials-shares",shareClass:"jssocials-share",shareButtonClass:"jssocials-share-button",shareLinkClass:"jssocials-share-link",shareLogoClass:"jssocials-share-logo",shareLabelClass:"jssocials-share-label",shareLinkCountClass:"jssocials-share-link-count",shareCountBoxClass:"jssocials-share-count-box",shareCountClass:"jssocials-share-count",shareZeroCountClass:"jssocials-share-no-count",_init:function(a){this._initDefaults(),b.extend(this,a),this._initShares(),this._attachWindowResizeCallback()},_initDefaults:function(){this.url=a.location.href,this.text=b.trim(b("meta[name=description]").attr("content")||b("title").text())},_initShares:function(){this.shares=b.map(this.shares,b.proxy(function(a){"string"==typeof a&&(a={share:a});var c=a.share&&k[a.share];if(!c&&!a.renderer)throw Error("Share '"+a.share+"' is not found");return b.extend({url:this.url,text:this.text},c,a)},this))},_attachWindowResizeCallback:function(){b(a).on("resize",b.proxy(this._windowResizeHandler,this))},_detachWindowResizeCallback:function(){b(a).off("resize",this._windowResizeHandler)},_windowResizeHandler:function(){(b.isFunction(this.showLabel)||b.isFunction(this.showCount))&&(a.clearTimeout(this._resizeTimer),this._resizeTimer=setTimeout(b.proxy(this.refresh,this),this.resizeTimeout))},_render:function(){this._clear(),this._defineOptionsByScreen(),this._$element.addClass(this.elementClass),this._$shares=b("<div>").addClass(this.sharesClass).appendTo(this._$element),this._renderShares()},_defineOptionsByScreen:function(){this._screenWidth=b(a).width(),this._showLabel=g(this.showLabel,this,this._screenWidth),this._showCount=g(this.showCount,this,this._screenWidth)},_renderShares:function(){b.each(this.shares,b.proxy(function(a,b){this._renderShare(b)},this))},_renderShare:function(a){var c;c=b.isFunction(a.renderer)?b(a.renderer()):this._createShare(a),c.addClass(this.shareClass).addClass(a.share?"jssocials-share-"+a.share:"").addClass(a.css).appendTo(this._$shares)},_createShare:function(a){var c=b("<div>"),d=this._createShareLink(a).appendTo(c);if(this._showCount){var e="inside"===this._showCount,f=e?d:b("<div>").addClass(this.shareCountBoxClass).appendTo(c);f.addClass(e?this.shareLinkCountClass:this.shareCountBoxClass),this._renderShareCount(a,f)}return c},_createShareLink:function(a){var c=this._getShareStrategy(a),d=c.call(a,{shareUrl:this._getShareUrl(a)});return d.addClass(this.shareLinkClass).append(this._createShareLogo(a)),this._showLabel&&d.append(this._createShareLabel(a)),b.each(this.on||{},function(c,e){b.isFunction(e)&&d.on(c,b.proxy(e,a))}),d},_getShareStrategy:function(a){var b=m[a.shareIn||this.shareIn];if(!b)throw Error("Share strategy '"+this.shareIn+"' not found");return b},_getShareUrl:function(a){var b=g(a.shareUrl,a);return this._formatShareUrl(b,a)},_createShareLogo:function(a){var c=a.logo,d=h.test(c)?b("<img>").attr("src",a.logo):b("<i>").addClass(c);return d.addClass(this.shareLogoClass),d},_createShareLabel:function(a){return b("<span>").addClass(this.shareLabelClass).text(a.label)},_renderShareCount:function(a,c){var d=b("<span>").addClass(this.shareCountClass);c.addClass(this.shareZeroCountClass).append(d),this._loadCount(a).done(b.proxy(function(a){a&&(c.removeClass(this.shareZeroCountClass),d.text(a))},this))},_loadCount:function(a){var c=b.Deferred(),d=this._getCountUrl(a);if(!d)return c.resolve(0).promise();var e=b.proxy(function(b){c.resolve(this._getCountValue(b,a))},this);return b.getJSON(d).done(e).fail(function(){b.get(d).done(e).fail(function(){c.resolve(0)})}),c.promise()},_getCountUrl:function(a){var b=g(a.countUrl,a);return this._formatShareUrl(b,a)},_getCountValue:function(a,c){var d=(b.isFunction(c.getCount)?c.getCount(a):a)||0;return"string"==typeof d?d:this._formatNumber(d)},_formatNumber:function(a){return b.each(j,function(b,c){return a>=c?(a=parseFloat((a/c).toFixed(2))+b,!1):void 0}),a},_formatShareUrl:function(b,c){return b.replace(i,function(b,d,e){var f=c[e]||"";return f?(d||"")+a.encodeURIComponent(f):""})},_clear:function(){a.clearTimeout(this._resizeTimer),this._$element.empty()},_passOptionToShares:function(a,c){var d=this.shares;b.each(["url","text"],function(e,f){f===a&&b.each(d,function(b,d){d[a]=c})})},_normalizeShare:function(a){return b.isNumeric(a)?this.shares[a]:"string"==typeof a?b.grep(this.shares,function(b){return b.share===a})[0]:a},refresh:function(){this._render()},destroy:function(){this._clear(),this._detachWindowResizeCallback(),this._$element.removeClass(this.elementClass).removeData(f)},option:function(a,b){return 1===arguments.length?this[a]:(this[a]=b,this._passOptionToShares(a,b),void this.refresh())},shareOption:function(a,b,c){return a=this._normalizeShare(a),2===arguments.length?a[b]:(a[b]=c,void this.refresh())}},b.fn.jsSocials=function(a){var e=b.makeArray(arguments),g=e.slice(1),h=this;return this.each(function(){var e,i=b(this),j=i.data(f);if(j)if("string"==typeof a){if(e=j[a].apply(j,g),e!==c&&e!==j)return h=e,!1}else j._detachWindowResizeCallback(),j._init(a),j._render();else new d(i,a)}),h};var l=function(a){var c;b.isPlainObject(a)?c=d.prototype:(c=k[a],a=arguments[1]||{}),b.extend(c,a)},m={popup:function(c){return b("<a>").attr("href","#").on("click",function(){return a.open(c.shareUrl,null,"width=600, height=400, location=0, menubar=0, resizeable=0, scrollbars=0, status=0, titlebar=0, toolbar=0"),!1})},blank:function(a){return b("<a>").attr({target:"_blank",href:a.shareUrl})},self:function(a){return b("<a>").attr({target:"_self",href:a.shareUrl})}};a.jsSocials={Socials:d,shares:k,shareStrategies:m,setDefaults:l}}(window,jQuery),function(a,b,c){b.extend(c.shares,{email:{label:"E-mail",logo:"fa fa-at",shareUrl:"mailto:{to}?subject={text}&body={url}",countUrl:"",shareIn:"self"},twitter:{label:"Tweet",logo:"fa fa-twitter",shareUrl:"https://twitter.com/share?url={url}&text={text}&via={via}&hashtags={hashtags}",countUrl:""},facebook:{label:"Like",logo:"fa fa-facebook",shareUrl:"https://facebook.com/sharer/sharer.php?u={url}",countUrl:"https://graph.facebook.com/?id={url}",getCount:function(a){return a.share&&a.share.share_count||0}},vkontakte:{label:"Like",logo:"fa fa-vk",shareUrl:"https://vk.com/share.php?url={url}&title={title}&description={text}",countUrl:"https://vk.com/share.php?act=count&index=1&url={url}",getCount:function(a){return parseInt(a.slice(15,-2).split(", ")[1])}},googleplus:{label:"+1",logo:"fa fa-google",shareUrl:"https://plus.google.com/share?url={url}",countUrl:""},linkedin:{label:"Share",logo:"fa fa-linkedin",shareUrl:"https://www.linkedin.com/shareArticle?mini=true&url={url}",countUrl:"https://www.linkedin.com/countserv/count/share?format=jsonp&url={url}&callback=?",getCount:function(a){return a.count}},pinterest:{label:"Pin it",logo:"fa fa-pinterest",shareUrl:"https://pinterest.com/pin/create/bookmarklet/?media={media}&url={url}&description={text}",countUrl:"https://api.pinterest.com/v1/urls/count.json?&url={url}&callback=?",getCount:function(a){return a.count}},stumbleupon:{label:"Share",logo:"fa fa-stumbleupon",shareUrl:"http://www.stumbleupon.com/submit?url={url}&title={title}",countUrl:"https://cors-anywhere.herokuapp.com/https://www.stumbleupon.com/services/1.01/badge.getinfo?url={url}",getCount:function(a){return a.result.views}},telegram:{label:"Telegram",logo:"fa fa-paper-plane",shareUrl:"tg://msg?text={url} {text}",countUrl:"",shareIn:"self"},whatsapp:{label:"WhatsApp",logo:"fa fa-whatsapp",shareUrl:"whatsapp://send?text={url} {text}",countUrl:"",shareIn:"self"},line:{label:"LINE",logo:"fa fa-comment",shareUrl:"http://line.me/R/msg/text/?{text} {url}",countUrl:""},viber:{label:"Viber",logo:"fa fa-volume-control-phone",shareUrl:"viber://forward?text={url} {text}",countUrl:"",shareIn:"self"},pocket:{label:"Pocket",logo:"fa fa-get-pocket",shareUrl:"https://getpocket.com/save?url={url}&title={title}",countUrl:""},messenger:{label:"Share",logo:"fa fa-commenting",shareUrl:"fb-messenger://share?link={url}",countUrl:"",shareIn:"self"}})}(window,jQuery,window.jsSocials);
\ No newline at end of file
......@@ -12,7 +12,9 @@
@import "theme/header";
@import "theme/footer";
@import "theme/carousel";
@import "theme/accordion";
@import "theme/accordion";
@import "theme/sharethis";
@import "assets/understrap/theme/colors"; // <-------- This creates the necessary bootstrap color classes.
@import "assets/understrap/theme/blocks"; // <-------- This adds Bootstrap styles to blocks.
......
.swiper-pagination-bullet{
background: #fff !important;
border: 2px solid #2C2C2C !important;
height: 13px !important;
width: 13px !important;
opacity:1 !important;
}
.swiper-pagination-bullet-active{
background: #3F9C35 !important;
border: 2px solid #3F9C35 !important;
}
// carousel css
.carousel:not(.is-admin){
background-color: transparent !important;
......@@ -77,8 +90,8 @@
p{
font-size: 16px !important;
line-height:21px !important;
font-style: italic;
line-height:24px !important;
color: #2C2C2C;
}
.testimonials_image{
......@@ -159,10 +172,21 @@
@media only screen and (max-width: 600px) {
width:80%;
}
margin: 75px auto;
padding: 56px 0px;
margin: 40px auto;
padding: 50px 0px;
}
.promo_content{
max-width: 760px;
h3{
font-size: 22px;
line-height: 33px;
}
p{
font-size: 16px;
line-height: 22px;
}
}
}
.swiper-button-next {
right:30px !important;
......@@ -171,7 +195,7 @@
left:7px !important;
}
.swiper-pagination{
bottom: 95px !important;
bottom: 65px !important;
}
......
......@@ -4,7 +4,6 @@ h1{
}
h2{
color: #0484B8;
font-size: 40px;
line-height: 49px;
......@@ -16,11 +15,22 @@ h3{
font-size: 29px;
line-height: 32px;
margin-top: 20px;
margin-bottom: 20px;
}
a{
color:#2C2C2C;
}
p{
color:#2C2C2C;
font-size: 16px;
line-height: 24px;
}
hr{
border-color: #FFA300 !important;
margin: 40px 0px;
opacity: 0.5;
}
div#full-width-page-wrapper {
padding-bottom: 0px;
}
......@@ -60,6 +70,7 @@ input[type=checkbox]
text-align: center;
font-size: 20px;
line-height: 30px;
color: #2C2C2C;
}
}
.wp-block-column:nth-of-type(2) {
......
#wrapper-footer-full{
background-color: #fff;
padding-bottom: 0px;
#footer-full-content{
.footer-widget{
.wp-block-columns{
p{
color: #707070;
}
.wp-block-column:nth-of-type(2) {
::before{
content: "";
......@@ -24,7 +28,7 @@
}
}
.wp-block-column:nth-of-type(4) {
::before{
p::before{
content: "";
margin: 20px 0px;
display: block;
......@@ -47,6 +51,7 @@
line-height: 24px;
color:#000 !important;
text-align: left !important;
text-transform: uppercase;
}
.wpcf7{
max-width: 100%;
......@@ -59,4 +64,59 @@
text-transform: uppercase;
}
}
}
#menu-social {
display: flex;
list-style: none;
margin: 0;
margin-top: 30px;
padding: 0;
gap: 1rem;
flex-direction: row;
align-content: flex-end;
flex-wrap: wrap;
}
#menu-social > .menu-item {
a {
color:transparent;
display: inline-block;
width:2.5rem;
height:2.5rem;
background-repeat:no-repeat;
transition-duration: 0.4s;
}
a:hover {
transform: scale(1.06);
transform-origin: 0 0;
}
&.instagram {
a {
background-image: url("data:image/svg+xml,%3Csvg id='icon_IG' xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg id='Group_1385' data-name='Group 1385'%3E%3Cg id='Group_1384' data-name='Group 1384' transform='translate(9.19 9.19)'%3E%3Cpath id='Path_1866' data-name='Path 1866' d='M305.549 106.724a1.138 1.138 0 1 1-1.138-1.138A1.138 1.138 0 0 1 305.549 106.724Zm-1.417 5.1a4.781 4.781 0 1 1-4.781-4.781A4.786 4.786 0 0 1 304.131 111.826Zm-1.718 0a3.063 3.063 0 1 0-3.063 3.063A3.066 3.066 0 0 0 302.413 111.826Zm6.614-3.841a5.832 5.832 0 0 0-5.832-5.831h-7.958a5.831 5.831 0 0 0-5.831 5.831v7.958a5.831 5.831 0 0 0 5.831 5.831H303.2a5.832 5.832 0 0 0 5.832-5.831Zm-1.915 7.87a4 4 0 0 1-4 4h-7.782a4 4 0 0 1-4-4v-7.783a4 4 0 0 1 4-4h7.782a4 4 0 0 1 4 4Z' transform='translate(-289.407 -102.154)' fill='%230484b8'/%3E%3C/g%3E%3Cpath id='Path_1867' data-name='Path 1867' d='M290.283 84.031a19 19 0 1 0 19 19A19.022 19.022 0 0 0 290.283 84.031Zm0 35.564a16.564 16.564 0 1 1 16.564-16.564A16.582 16.582 0 0 1 290.283 119.595Z' transform='translate(-271.283 -84.031)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E");
}
}
&.linkedin {
a {
background-image: url("data:image/svg+xml,%3Csvg id='icon_LinkedIn' xmlns='http://www.w3.org/2000/svg' width='38' height='38.001' viewBox='0 0 38 38.001'%3E%3Cg id='Group_1387' data-name='Group 1387' transform='translate(10.241 8.324)'%3E%3Cpath id='Path_1868' data-name='Path 1868' d='M399.855 105.472h3.635v11.675h-3.635Zm1.818-5.8a2.1 2.1 0 1 1-2.107 2.1 2.1 2.1 0 0 1 2.107-2.1m4.094 17.477h3.627v-5.775c0-1.523.288-3 2.177-3 1.859 0 1.886 1.741 1.886 3.1v5.676h3.627v-6.4c0-3.144-.677-5.561-4.352-5.561a3.815 3.815 0 0 0-3.436 1.886h-.048v-1.6h-3.481Z' transform='translate(-399.566 -99.67)' fill='%230484b8'/%3E%3C/g%3E%3Cpath id='Path_1869' data-name='Path 1869' d='M398.369 83.254a19 19 0 1 0 19 19A19.022 19.022 0 0 0 398.369 83.254Zm0 35.564a16.563 16.563 0 1 1 16.564-16.564A16.582 16.582 0 0 1 398.369 118.818Z' transform='translate(-379.369 -83.254)' fill='%230484b8'/%3E%3C/svg%3E");
}
}
&.twitter {
a {
background-image: url("data:image/svg+xml,%3Csvg id='icon_Twitter' xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg id='Group_1382' data-name='Group 1382'%3E%3Cg id='Group_1381' data-name='Group 1381' transform='translate(9.186 10.953)'%3E%3Cpath id='Path_1864' data-name='Path 1864' d='M194.129 107.625a8.183 8.183 0 0 1-2 .564c.318-.054.776-.629.963-.862a3.612 3.612 0 0 0 .652-1.2c.017-.034.027-.077-.007-.1a.115.115 0 0 0-.106.009 10.08 10.08 0 0 1-2.345.9.157.157 0 0 1-.162-.043 1.91 1.91 0 0 0-.2-.209 4.139 4.139 0 0 0-1.136-.7 3.958 3.958 0 0 0-1.742-.281 4.168 4.168 0 0 0-1.653.467 4.266 4.266 0 0 0-1.333 1.089 4.1 4.1 0 0 0-.8 1.595 4.309 4.309 0 0 0-.042 1.684c.013.094 0 .107-.081.094a12.521 12.521 0 0 1-8.056-4.1c-.094-.107-.145-.107-.223.008a4.087 4.087 0 0 0 .7 4.827c.158.15.32.3.495.436a4.112 4.112 0 0 1-1.555-.436c-.094-.06-.141-.025-.15.081a2.447 2.447 0 0 0 .026.461 4.132 4.132 0 0 0 2.546 3.293 2.378 2.378 0 0 0 .517.158 4.606 4.606 0 0 1-1.525.048c-.111-.022-.154.034-.111.14a4.288 4.288 0 0 0 3.2 2.683c.145.025.291.025.436.059-.009.013-.018.013-.026.026a5.073 5.073 0 0 1-2.188 1.16 7.836 7.836 0 0 1-3.323.425c-.178-.026-.216-.024-.265 0s-.006.073.051.119c.227.15.457.282.692.411a11 11 0 0 0 2.221.888 11.83 11.83 0 0 0 11.486-2.685 12.052 12.052 0 0 0 3.178-8.793c0-.126.15-.2.238-.263a7.925 7.925 0 0 0 1.6-1.626.633.633 0 0 0 .14-.311v-.017C194.246 107.574 194.209 107.589 194.129 107.625Z' transform='translate(-174.619 -105.696)' fill='%230484b8'/%3E%3C/g%3E%3Cpath id='Path_1865' data-name='Path 1865' d='M175.5 84.1a19 19 0 1 0 19 19A19.022 19.022 0 0 0 175.5 84.1Zm0 35.564A16.564 16.564 0 1 1 192.066 103.1 16.582 16.582 0 0 1 175.5 119.66Z' transform='translate(-156.502 -84.096)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E");
}
}
&.facebook {
a{
background-image: url("data:image/svg+xml,%3Csvg id='icon_Fb' xmlns='http://www.w3.org/2000/svg' width='38' height='38' viewBox='0 0 38 38'%3E%3Cg id='Group_1379' data-name='Group 1379'%3E%3Cg id='Group_1378' data-name='Group 1378' transform='translate(14.534 9.386)'%3E%3Cpath id='Path_1862' data-name='Path 1862' d='M75.44 112.166v9.3a.242.242 0 0 0 .242.242h3.452a.242.242 0 0 0 .242-.242v-9.447h2.5a.242.242 0 0 0 .241-.222l.24-2.846a.243.243 0 0 0-.241-.263H79.376v-2.019a.857.857 0 0 1 .857-.857h1.929a.242.242 0 0 0 .242-.242v-2.846a.242.242 0 0 0-.242-.242H78.9a3.463 3.463 0 0 0-3.463 3.463v2.744H73.714a.242.242 0 0 0-.242.242v2.846a.242.242 0 0 0 .242.242H75.44Z' transform='translate(-73.472 -102.477)' fill='%230484b8' fill-rule='evenodd'/%3E%3C/g%3E%3Cpath id='Path_1863' data-name='Path 1863' d='M63.809 83.966a19 19 0 1 0 19 19A19.022 19.022 0 0 0 63.809 83.966Zm16.563 19A16.563 16.563 0 1 1 63.809 86.4 16.582 16.582 0 0 1 80.372 102.966Z' transform='translate(-44.809 -83.966)' fill='%230484b8'/%3E%3C/g%3E%3C/svg%3E");
}
}
}
\ No newline at end of file
......
......@@ -34,6 +34,11 @@
margin-left: 20px;
text-align: center;
}
.sign-up{
a{
margin-left: 10px;
}
}
.log-in-button{
background-color: #0484B8;
margin-left: 20px;
......@@ -158,4 +163,12 @@
background-color:#000;
}
\ No newline at end of file
}
.search-button a{
text-indent: 99999px;
background-repeat: no-repeat;
width: 35px;
height: 35px;
background-image: url("data:image/svg+xml,%3Csvg id='Component_33_1' data-name='Component 33 %E2%80%93 1' xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35'%3E%3Ccircle id='Ellipse_8' data-name='Ellipse 8' cx='17.5' cy='17.5' r='17.5' fill='%230484b8'/%3E%3Cg id='Group_1454' data-name='Group 1454' transform='translate(-1077.417 -15.667)'%3E%3Ccircle id='Ellipse_7' data-name='Ellipse 7' cx='6.701' cy='6.701' r='6.701' transform='translate(1086.75 25)' fill='none' stroke='%23fff' stroke-width='3'/%3E%3Cline id='Line_39' data-name='Line 39' x2='4.188' y2='4.188' transform='translate(1098.896 37.146)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
\ No newline at end of file
......
.custom-addtoany{
background-color: #0484B8;
position: fixed;
top: 217px;
z-index: 999;
right: 0px;
width: 48px;
padding:8px 10px;
}
.jssocials-share-logo {
width: 1em;
vertical-align: top;
font-size: 1em;
}
.addtoany-text {
display: inline-block;
font-size: 14px;
font-weight: bold;
line-height: 20px;
font-family: "PT Sans",sans-serif;
font-weight:bold;;
}
.shareIcons.jssocials {
display: block;
}
.jssocials-share-link {
display: block;
text-align: center;
text-decoration: none;
line-height: 1;
margin: 10px auto;
border-bottom: 2px solid #fff;
padding-bottom: 10px;
width: 26px;
}
.jssocials-share-linkedin .jssocials-share-link{
border-bottom: 0px solid #fff;
padding-bottom: 0px;
}
.jssocials-share-link:hover,
.jssocials-share-link:focus,
.jssocials-share-link:active {
}
.shareIcons {
display: block;
}
.jssocials-share{
text-align: center;
margin: auto;
}
.jssocials-share a i{
background-repeat: no-repeat;
background-position: center;
}
.jssocials-share.jssocials-share-facebook a i{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.037' height='18.301' viewBox='0 0 9.037 18.301'%3E%3Cg id='Component_36_3' data-name='Component 36 %E2%80%93 3' transform='translate(0.5 0.5)'%3E%3Cpath id='Path_1862' data-name='Path 1862' d='M75.243 111.2v8.365a.218.218 0 0 0 .218.218h3.106a.218.218 0 0 0 .218-.218v-8.5h2.252a.218.218 0 0 0 .217-.2l.216-2.561a.218.218 0 0 0-.217-.236H78.785v-1.817a.771.771 0 0 1 .771-.771h1.736a.218.218 0 0 0 .218-.218V102.7a.218.218 0 0 0-.218-.218H78.359a3.116 3.116 0 0 0-3.116 3.116v2.469H73.69a.218.218 0 0 0-.218.218v2.561a.218.218 0 0 0 .218.218h1.553Z' transform='translate(-73.472 -102.477)' fill='%23fff' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
height: 20px;
width: 20px;
background-size: contain;
}
.jssocials-share.jssocials-share-linkedin a i{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.763' height='16.727' viewBox='0 0 16.763 16.727'%3E%3Cpath id='Path_1868' data-name='Path 1868' d='M399.826 104.891H403.1V115.4h-3.271Zm1.636-5.221a1.894 1.894 0 1 1-1.9 1.892 1.893 1.893 0 0 1 1.9-1.892m3.684 15.727h3.264v-5.2c0-1.37.259-2.7 1.959-2.7 1.673 0 1.7 1.567 1.7 2.786V115.4h3.263v-5.762c0-2.829-.61-5-3.916-5a3.432 3.432 0 0 0-3.092 1.7h-.043v-1.437h-3.132Z' transform='translate(-399.066 -99.17)' fill='%23fff' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E");
height: 20px;
width: 20px;
background-size: contain;
}
.jssocials-share.jssocials-share-twitter a i{
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.685' height='15.563' viewBox='0 0 18.685 15.563'%3E%3Cpath id='Path_1864' data-name='Path 1864' d='M192.175 107.432a7.363 7.363 0 0 1-1.8.508c.286-.048.7-.566.866-.776a3.25 3.25 0 0 0 .587-1.077c.016-.031.025-.069-.006-.093a.1.1 0 0 0-.1.008 9.071 9.071 0 0 1-2.11.808.141.141 0 0 1-.146-.039 1.718 1.718 0 0 0-.184-.188 3.725 3.725 0 0 0-1.022-.626 3.561 3.561 0 0 0-1.567-.253 3.75 3.75 0 0 0-1.487.42 3.839 3.839 0 0 0-1.2.98 3.689 3.689 0 0 0-.716 1.435 3.877 3.877 0 0 0-.038 1.515c.011.084 0 .1-.073.084a11.267 11.267 0 0 1-7.249-3.69c-.084-.1-.131-.1-.2.007a3.677 3.677 0 0 0 .627 4.344c.142.135.288.269.445.392a3.7 3.7 0 0 1-1.4-.392c-.084-.054-.127-.023-.135.073a2.2 2.2 0 0 0 .023.415 3.718 3.718 0 0 0 2.291 2.964 2.14 2.14 0 0 0 .465.142 4.144 4.144 0 0 1-1.372.043c-.1-.02-.138.031-.1.126a3.858 3.858 0 0 0 2.883 2.414c.131.023.261.023.392.053-.008.012-.016.012-.023.023a4.564 4.564 0 0 1-1.969 1.044 7.051 7.051 0 0 1-2.99.383c-.161-.024-.194-.022-.238 0s-.005.065.046.107c.2.135.412.254.623.37a9.9 9.9 0 0 0 2 .8 10.645 10.645 0 0 0 10.335-2.416 10.845 10.845 0 0 0 2.86-7.912c0-.114.135-.177.214-.236a7.132 7.132 0 0 0 1.439-1.463.57.57 0 0 0 .126-.28v-.016C192.28 107.386 192.246 107.4 192.175 107.432Z' transform='translate(-174.095 -105.195)' fill='%23fff' stroke='rgba(0 0 0 0)' stroke-miterlimit='10' stroke-width='1'/%3E%3C/svg%3E");
height: 20px;
width: 20px;
background-size: contain;
}
.jssocials-share-logo::before{
content: "" !important;
}
\ No newline at end of file