/********************************************
*
* 		Stylesheet for Footer
*
*********************************************/

footer {
    background: var(--color-bg-3);
    padding: 20px 0;
}
.dark footer {
    background: var(--dark-bg-3);
}
.footer {
    text-align: center;
    border-top: 0px solid var(--color-border);
    overflow: hidden;
    
}
.footer nav {
    justify-content: center;
    text-wrap: wrap;
    padding: 7px 10px;
}
.footer nav ul li{
    margin-right: 0;
    padding: 1px 5px;
}
.footer nav ul li a{
    color: var(--color-text);
    text-transform:none;
    font-weight: normal;
}
.dark .footer nav ul li a{
    color: var(--dark-text);
}
.footer nav ul li a:hover{
    color: var(--color-hover);
    text-decoration: none;
}
.dark .footer nav ul li a:hover{
    color: var(--dark-hover);
    text-decoration: none;
}
.footer nav ul li a[aria-current="page"]{
    color: var(--color-hover);
}
.dark .footer nav ul li a[aria-current="page"]{
    color: var(--dark-hover);
}
.footer .copy-footer {
    font-size: 0.8em;
    color: var(--color-small);
    padding-top: 20px;
}
.dark .footer .copy-footer {
    color: var(--dark-small);
}






/******* BACK TO TOP BUTTON *********/

.arrow {
  border: solid var(--color-small);
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 4px;
}
.dark .arrow {
  border: solid var(--dark-small);
  border-width: 0 3px 3px 0;
}
.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.backtotop {
    display: inline-block;
    border: 1px solid var(--color-small);
    padding: 10px 10px 4px 10px;
    border-radius: 50%;
    cursor: pointer;
    position: fixed;
    right: 10px;
    /* bottom: 0; */
    transition: bottom 1s ease-in-out;
}
.dark .backtotop {
    border: 1px solid var(--dark-small);
}
.backtotop:hover {
    background-color: #f1f1f1;
}


@media screen and (min-width: 1280px) {  /*768 or 992 or 1200*/

    footer {
        background: transparent;
    }
    .dark footer {
        background: transparent;
    }
    .footer {
        border-top: 1px solid var(--color-border);        
        margin: 0 20px;
    }
    .footer .copy-footer {
        padding-top: 10px;
        border-top: 1px solid var(--color-border);
    }
    .dark .footer {
        border-top: 1px solid var(--dark-border);  
    }
    .dark .footer .copy-footer {
        border-top: 1px solid var(--dark-border);
    }
    
    
    .backtotop {
        right: 30px;
    }
}