@charset "UTF-8";

/*
Theme Name: CBS
Theme URI: https://www.onsw.it
Author: Oliviero Nazzi
Author URI: https://www.onsw.it
Description: CBS theme
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cbs
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS
 * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Spacer...............Specific styles for the spacer block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

/* ************************************************************************************************************************
 *
 * CBS css
 *
 */

body {
	background-color: transparent;
    background-image: linear-gradient(90deg, #FFFFFF 0%, #ECF6FE 100%);
	margin: 0;
	font-family: "Barlow", Sans-serif;
}
a {
    color:#0B4F84;
	text-decoration: none;
}
a:hover {
    color:#0B4F84;
	text-decoration: none;
}
.footer-first-row li {
	padding-top: 3px;
}
.site-footer {
	z-index: 100;
	position: relative;
}
.navbar-toggler {
	color:#ffffff;
}
.primary-navigation-open .menu-button-container,
.primary-navigation-open .primary-menu-container {
	background-color: #0B4F84;
}
.primary-menu-container .menu-item {
	padding-right: 20px;
}
@media only screen and (max-width: 992px) {
	.primary-menu-container .menu-item {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
	}
	.primary-menu-container{
		padding-top: 15px;
	}
}

.header-first-row {
	background-color: #0B4F84;
    font-size: 16px;
    font-weight: 300;
	color:#ffffff;
}
.header-first-row a,
.header-first-row a:hover {
	text-decoration: none;
	color:#ffffff;
}
@media only screen and (max-width: 992px) {
	.header-first-row a,
	.header-first-row a:hover {
		font-size: 15px;
	}
}

.header-second-row {
	background-color: #ffffff;
    font-size: 40px;
    font-weight: 600;
	color:#0B4F84;
}
.header-second-row .social-icons a,
.header-second-row .social-icons a:hover {
	color:#0B4F84;
    text-transform: none;
}
@media only screen and (max-width: 992px) {
	.header-second-row .social-icons a,
	.header-second-row .social-icons a:hover {
		font-size: 20px;
	}
}

.header-third-row {
	background-color: #0B4F84;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: #FFFFFF;
	box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 50%);
    z-index: 100;
    position: relative;
}
.header-third-row a {
	text-decoration: none;
	color:#ffffff;
}
.header-third-row a:hover {
	text-decoration: none;
	color:#ffffff;
}
.header-third-row .enter-club {
	font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    text-transform: none;
    color: #FFFFFF;
}

.body-first-row .first-article {
    color: #FFFFFF;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
}
.body-first-row .second-article,.body-first-row .third-article {
	color: #FFFFFF;
	font-size: 22px;
	font-weight: 600;
	line-height: 24px;
}

.category-badge {
	background-color: #26A94A;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 27px;
	width: fit-content;
}

.footer-first-row {
	background-color: #0B4F84;
    font-size: 17px;
    font-weight: 400;
	color:#ffffff;
	box-shadow: 0px -3px 6px 0px rgb(0 0 0 / 50%);
    z-index: 1;
    line-height: 24px;
}
.footer-first-row .box-title{
	color: #FFFFFF;
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 30px;
    font-weight: 600;
    font-style: italic;
    line-height: 19px;
}
.footer-first-row a {
	text-decoration: none;
	color:#ffffff;
}
.footer-first-row a:hover {
	text-decoration: none;
	color:#ffffff;
}
.footer-first-row li {
	padding-top: 3px;
}

.footer-second-row {
	background-color: #0B4F84;
}
.footer-second-row .lineseparator {
	height: 2px;
	background-color: #ffffff;
}

.footer-third-row {
	background-color: #0B4F84;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 300;
    line-height: 17px;
}
.footer-third-row a {
	text-decoration: none;
	color:#ffffff;
    font-style: italic;
    font-weight: 600;
}
.footer-third-row a:hover {
	text-decoration: none;
	color:#ffffff;
    font-style: italic;
    font-weight: 600;
}

.big-article-card .category {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 27px;
	background-color: #26A94A;
	width: fit-content;
	color: #ffffff;
	margin-top: -15px;
}
.big-article-card .title {
    color: #343434;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
}
.big-article-card .date {
    color: #343434;
    font-size: 17px;
    font-weight: 600;
    line-height: 27px;
}

.medium-article-card .category {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 27px;
	background-color: #26A94A;
	width: fit-content;
	color: #ffffff;
}
.medium-article-card .title {
    color: #343434;
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
}
.medium-article-card .date {
    color: #343434;
    font-size: 17px;
    font-weight: 600;
    line-height: 27px;
}

.most-viewed-monthly {
	background-color: #0B4F84;
}
.most-viewed-monthly .main-title {
	height: 81px;
	color: #FFFFFF;
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 31px;
    font-weight: 500;
    font-style: italic;
    line-height: 33px;
	border-bottom: 1px solid #ffffff;
}

.small-article-card {
	border-bottom: 1px solid #ffffff;
}
.small-article-card .title {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 400;
    line-height: 17px;
}

.page-breadcrumb {
	background-color: #26A94A;
    color: #FFFFFF;
    font-size: 33px;
    font-weight: 700;
    text-transform: uppercase;
}


.category-card {
	/*z-index: -100;*/
}
.category-card a, 
.category-card a:hover {
	background-color: #0B4F84;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
	border: 1px solid #0B4F84;
	line-height: 20px;
	width: 200px;
    height: 100px;
}

.load-more a, 
.load-more a:hover {
	background-color: #0B4F84;
	font-size: 20px;
    line-height: 20px;
    font-weight: 600;
	border: 1px solid #0B4F84;
}

.article {
    background-color: white;
}

.article .article-title {
    color: #343434;
    
    font-size: 35px;
    font-weight: 700;
    line-height: 37px;
}
.article .article-date {
    color: #343434;
    
    font-size: 18px;
    font-weight: 600;
}
.article .article-content {
    color: #343434;
    
    font-size: 21px;
    font-weight: 400;
    line-height: 26px;
}

.last-news-section .main-title {
	background-color: #0B4F84;
	color: #FFFFFF;
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    font-style: italic;
    line-height: 32px;
}
.container-show-in-different-section-categories .title {
	background-color: #0B4F84;
	color: #FFFFFF;
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    font-style: italic;
    line-height: 32px;
}

.subcategories-container .title {
	background-color: #0B4F84;
	color: #FFFFFF;
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    font-style: italic;
    line-height: 32px;
}

.matchdays-row a, 
.matchdays-row a:hover {
	color: #0B4F84;
	
	font-size: 24px;
	text-decoration: none;
}
.matchdays-row .swiper-slide {
	text-align: center;
}
.matchdays-row .swiper-button-prev,
.matchdays-row .swiper-button-next {
	color: #0B4F84;	
	font-size: 24px;
    position: relative;
    top: initial;
    width: initial;
    height: initial;
    margin-top: auto;
    left: initial;
    right: initial;
}
.matchdays-row .swiper-button-prev {
    border-right: 1px solid #0B4F84;
}
.matchdays-row .swiper-button-next {
    border-left: 1px solid #0B4F84;
}
.matchdays-row .swiper-button-prev:after,
.matchdays-row .swiper-button-next:after {
	padding: 10px;
	font-size: 40px;
}
.matchdays-row .swiper-slide {
	padding-top: 12px;
}
.matches-row {
	color: #343434;
    font-family: 'Barlow', Sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 33px;
}
.risultati .classifica-title {
	background-color: #0B4F84;
	color: #FFFFFF;
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    font-style: italic;
    line-height: 32px;
}

.ranks thead {
	color: #0B4F84;
    font-size: 21px;
    line-height: 33px;
    font-family: 'Barlow', Sans-serif;
    font-weight: 500;
    font-style: italic;
}
.ranks .table th {
	border-bottom: 2px solid #ddd;
}
.ranks tbody {
	color: #343434;
    font-size: 21px;
    line-height: 33px;
    font-family: 'Barlow', Sans-serif;
    font-weight: 500;
}
.ranks .table td {
	border-top: 1px solid #ddd;
}
span.last5 {
	
	display: inline-block;
    width: 17px;
    height: 17px;
    color: white;
    margin: 0px 3px;
    font-size: 10px;
    font-weight: bold;
    border-radius: 2px;
    text-align: center;
    line-height: 17px;
}

.risultati-side-menu .title {
	background-color: #0B4F84;
	color: #FFFFFF;
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    font-style: italic;
    line-height: 32px;
	border-bottom: 2px solid #ffffff;
}

.risultati-side-menu a.item, 
.risultati-side-menu a.item:hover {
	background-color: #0B4F84;
	color: #FFFFFF;
    
	font-size: 18px;
    font-weight: 500;
	text-decoration: none;
	border-bottom: 1px solid #ddd;
}

.risultati-side-menu .accordion {
	background-color: #0B4F84;
	color: #FFFFFF;    
	font-size: 18px;
    font-weight: 500;
	text-decoration: none;
	/* border-bottom: 1px solid #ddd; */
}
.risultati-side-menu .accordion div.accordion-button {
    background-color: #0B4F84;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid #ddd;
}
.accordion-body a:last-child {
    border-bottom: 0;
}
.accordion-body a:hover:last-child {
    border-bottom: 0;
}
.accordion-button::after {
    margin-left: 20px;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}

/* ************************************************************************************************************************
 *
 * Get in the club page
 *
 * ************************************************************************************************************************/
.section-title {
	background-color: #0B4F84;
	color: #FFFFFF;
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    font-style: italic;
    line-height: 32px;
}
.text-emph {
	color: #343434;
    
    font-size: 19px;
    font-weight: 600;
    line-height: 26px;
}
.link-pwd-forget a,
.link-pwd-forget a:hover {
	color: #0B4F84;
    
	font-size: 18px;
    line-height: 22px;
    font-weight: 500;
	text-decoration: none;
}
.become-a-member-section {
	color: #343434;
	
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.membership-comparison-section {
	background-color: #ECF6FE;
}
.membership-card {
	background-color: #FFFFFF;
    border-style: solid;
    border-width: 3px 3px 3px 3px;
    border-color: #0B4F84;
    border-radius: 10px 10px 10px 10px;
	padding: 40px 40px 40px 40px;
	position: relative;
}
.membership-card .title {
	color: #0B4F84;
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 40px;
    font-weight: 700;
    font-style: italic;
    line-height: 48px;
}
.membership-card .subtitle {
	color: #343434;
    
    font-size: 21px;
    font-weight: 600;
    line-height: 25px;
}
.membership-card .price {
	color: #343434;
    
    font-size: 25px;
    font-weight: 500;
    line-height: 30px;
}
.membership-card .price .emph {
	color: #0B4F84;
    
    font-size: 35px;
    font-weight: 600;
}
.membership-card .price-monthly {
	color: #343434;
    
	font-weight: 400;
	font-size: 16px;
}
.membership-card .body {
	color: #343434;
	
    font-size: 17px;
    font-weight: 500;
    line-height: 19px;
}
.membership-card .card-bullet {
	color: #26A94A;
}
.membership-card a,
.membership-card a:hover {
	background-color: #26A94A;
	color: #FFFFFF;
    
	font-weight: 400;
	font-size: 16px;
	text-decoration: none;
}

.login-section .memberpress-login-section .mp-form-label {
    
	font-weight: 400;
	font-size: 16px;
}
.login-section .memberpress-login-section input {	
    border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 3px;
}
.login-section .memberpress-login-section button.mp-hide-pw {
	background-color: #0B4F84;
}
.dashicons.dashicons-visibility:before {
    /*content: "Mostra";*/
    /*content: "\f530";*/
    /*content: "\f345";*/
    content: ">";
}
.login-section .memberpress-login-section .mepr-login-actions a,
.login-section .memberpress-login-section .mepr-login-actions a:hover {
	color: #0B4F84;
	font-size: 18px;
    line-height: 22px;
    font-weight: 500;
	text-decoration: none;
}



.mp_wrapper .mp-form-row label {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #343434;
}

.mepr-login-actions {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}

.mepr-form label {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
}

.mp-hide-pw {
    position: relative;
}

.button.mp-hide-pw.hide-if-no-js{
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    width: auto;
    height: 100%;
    align-items: center;
	border-radius: 3px;
}

.mp-form-label label {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #343434;
}

[type=button],[type=submit],button {
    color: #ffffff;
    border: 0px;
    background-color: #0B4F84;
}

[type=button]:focus,[type=button]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover {
    background-color: #26A94A;
}

[type=button].button.mp-hide-pw {
    color: #ffffff;
    border: 0px;
    background-color: #0B4F84;
}

[type=button]:focus,[type=button]:hover.button.mp-hide-pw {
    background-color: #26A94A;
}

.mp-form-row.mepr_custom_field.mepr_mepr_vat_customer_type.mepr_vat_customer_type_row {
    display: none;
}

.have-coupon-link { display: none; }
.mp-form-row.mepr_coupon { display: block; }

.mp_wrapper .mepr-payment-method .mepr-payment-method-label-text, .mp_wrapper .mepr-payment-method input {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #343434;
}


div#mepr-account-nav {
    height: 70px;
    background-color: #0B4F84;
    padding: 20px 40px 20px 40px;
}

div#mepr-account-nav a {
    color: #ffffff;
    padding: 20px 0px 20px 0px;
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 30px;
    font-weight: 700;
    font-style: italic;
    line-height: 32px;    
}

.mp_wrapper .mepr_error {
    margin: 20px 40px 20px 40px;
    width: initial;
}

#mepr_account_form {
    margin: 20px 40px 20px 40px;
}

.mepr-account-change-password {
    margin: 0px 40px 20px 40px;
    font-size: 22px;
    font-weight: bold;
}

.mepr-nav-item {
    margin-right: 20px;
}

.mepr-already-logged-in {
    
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.mepr-account-rebill {
    display: none;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 100%;
}

.mepr_password_reset_requested {
    
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}
.mp_wrapper h3 {
    display: block;
    
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
}

@media only screen and (max-width: 767px) { 

    div#mepr-account-nav {
        height: 70px;
        background-color: #0B4F84;
        padding: 20px 12px 20px 12px;
    }

    div#mepr-account-nav a {
        color: #ffffff;
        padding: 20px 0px 20px 0px;
        font-family: "Barlow Condensed", Sans-serif;
        font-size: 24px;
        font-weight: 700;
        font-style: italic;
        line-height: 26px;    
    }  

    .mp_wrapper .mepr_error {
        margin: 20px 10px 20px 10px;
        width: initial;
    }

    #mepr_account_form {
        margin: 20px 10px 20px 10px;
    }

    .mepr-account-change-password {
        margin: 0px 10px 20px 10px;
        font-size: 22px;
        font-weight: bold;
    }

    .mepr-nav-item {
        /*margin-right: 10px;*/
        margin-right: 0px;
    } 
}
.pricing-table__badge {
	position: absolute;
	right: -10px;
    left: auto;
    top: -15px;
    width: auto;
}
.memberpressproduct-notice {
	text-align: center;
    color: #343434;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    margin-top: 40px;
}
.memberpressproduct-notice a,
.memberpressproduct-notice a:hover {
	text-decoration: none;
	color: #0B4F84;
}
.mepr-checkbox-field a,
.mepr-checkbox-field a:hover {
	text-decoration: none;
	color: #0B4F84;
}
.mp-form-row.mepr_bold.mepr_price {
	display: none;
}
input.mepr-submit {	
    border-radius: 3px;
	color: #ffffff;
    border: 0px;
    background-color: #0B4F84;
}
.memberpressproduct.type-memberpressproduct .entry-content {
	margin-top: 0px;
}
.mepr-account-change-password a,
.mepr-account-change-password a:hover {
	text-decoration: none;
	color: #0B4F84;
}
.profile-section .entry-content {
	margin-top: 0px;
}

.article-pay-warning {
	color: #343434;
    
    font-size: 30px;
    font-weight: 600;
    line-height: 32px;
}
.article-pay-button a, 
.article-pay-button a:hover {
    background-color: #26A94A;
    color: #FFFFFF;
    
    font-weight: 600;
	font-size: 20px;
    line-height: 20px;
    text-decoration: none;
}

.article-social-buttons span.text {
	color: #343434;
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 26px;
}

.risultati .text-emph {
	color: #343434;
    
    font-size: 30px;
    font-weight: 600;
    line-height: 32px;
}
.risultati .mepr-login-actions a,
.risultati .mepr-login-actions a:hover {
	color: #0B4F84;
	font-size: 18px;
    line-height: 22px;
    font-weight: 500;
	text-decoration: none;
}


.instagram-section {
	background-color: #0F456B;
	color: #FFFFFF;
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 31px;
    font-weight: 700;
    font-style: italic;
	box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 50%);
    z-index: 100;
    position: relative;
}
.instagram-section a,
.instagram-section a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.sb_instagram_header {
	display: none;
}
#sbi_load {
	display: none;
}

.adv-big-article-card {
	overflow:hidden;
}
.adv-big-article-card img {
	width: 330px;
	max-height: 365px;
}
.adv-entire-row {
	overflow:hidden;
}
.adv-entire-row img {
	width: 1320px;
}
.adv-short-row {
	overflow:hidden;
}
.adv-short-row img {
	width: 880px;
	max-height: 162px;
}

.conventions-categories .main-title {
	height: 81px;
	color: #FFFFFF;
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 31px;
    font-weight: 500;
    font-style: italic;
    line-height: 33px;
	border-bottom: 1px solid #ffffff;
}
.conventions-categories .item {
    color: #FFFFFF;
    font-weight: 500;
    border-bottom: 1px solid #ffffff;
}

.mobile-adv img {
    width: 100%;
}

#wp-submit {
    padding: 10px 20px 10px 20px;
}
.mepr-submit {
    padding: 10px 20px 10px 20px;
}
#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
  z-index: 1000;
  border: 1px solid #ffffff;
}