| Server IP : 104.21.96.1 / Your IP : 216.73.216.145 Web Server : LiteSpeed System : Linux premium151.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : tempvsty ( 647) PHP Version : 8.0.30 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/tempvsty/pontiacques.org/wp-content/themes/layerswp/assets/css/ |
Upload File : |
/*-
Description: This is a stylesheet containing styling for mobile devices.
Use this file as a reference for Custom CSS or to build
a child theme color scheme. Do not edit this file directly -
it is not loaded into the theme!!
Author: Obox Themes
Author URI: http://www.oboxthemes.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/*--------------------------------------------------------------*/
/*- SMALL SCREENS ----------------------------------------------*/
/*--------------------------------------------------------------*/
@media only screen and (max-width: 480px){
/*-------------------------------*/
/*- COLUMNS ---------------------*/
/*---------------------------*/
/*- SPAN - 2 GOES SPAN 6 ----*/
.span-2{
width: calc(((100% / 12) * 6) - 20px);
}
.column-flush.span-2{
width: calc(((100% / 12) * 6));
}
/*---------------------------*/
/*- CLEARING COLS - FALLBACK */
.row .column.span-1:nth-child(6n+7),
.row .column.span-2:nth-child(2n+3){
clear: left;
}
/*---------------------------*/
/*- REST GO SPAN 12 ---------*/
.span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9,
.span-10,
.span-11{
width: calc(((100% / 12) * 12) - 20px);
}
.column-flush.span-3,
.column-flush.span-4,
.column-flush.span-5,
.column-flush.span-6,
.column-flush.span-7,
.column-flush.span-8,
.column-flush.span-9,
.column-flush.span-10,
.column-flush.span-11{
width: calc(((100% / 12) * 12));
}
/*---------------------------*/
/*- MASONRY -----------------*/
.list-masonry .grid{
margin-left: 10px;
margin-right: -10px;
}
/*-------------------------------*/
/*- NAVIGATION ------------------*/
/*-------------------------------*/
/*- HEADER RIGHT REPSONSIVE NAV -*/
.header-right .responsive-nav{
margin-left: 0;
}
/*---------------------------*/
/*- TABBED NAV --------------*/
.nav-tabs{
padding: 5px;
}
.nav-tabs li{
width: 50%;
padding: 5px;
margin: 0;
}
/*---------------------------*/
/*- VERTICAL NAV SUB MENUS --*/
.nav-vertical{
display: block;
}
.nav-vertical .sub-menu{
width: auto;
position: static;
visibility: visible;
opacity: 1;
left: auto;
right: auto;
top: auto;
box-shadow: none;
border: none;
font-size: 1.2rem;
}
.nav-vertical .sub-menu .sub-menu{
margin-left: 10px;
}
.nav-vertical .sub-menu li{
border: none;
width: auto;
}
/*-------------------------------*/
/*- SLIDER ----------------------*/
.swiper-slide .section-title.large .heading{
font-size: 3rem;
}
.swiper-slide .section-title.large .excerpt{
font-size: 2rem;
}
/*-------------------------------*/
/*- CONTENT ---------------------*/
/*---------------------------*/
/*- META INFO ---------------*/
.single .meta-item{
display: block;
}
/*-------------------------------*/
/*- COMPONENTS ------------------*/
/*---------------------------*/
/*- MEDIA BLOCK -------------*/
.media.image-right .media-image,
.media.image-left .media-image{
float: none;
max-width: none;
margin: 0 0 20px;
}
/*-------------------------------*/
/*- FOOTERS ---------------------*/
/*---------------------------*/
/*- COPYRIGHT ---------------*/
.copyright .column{
margin-bottom: 10px;
}
.copyright .column:last-child{
margin-bottom: 0;
}
.copyright .logo{
display: none;
}
.copyright .t-right{
text-align: left;
}
.copyright .pull-right{
float: none;
}
.copyright .nav-horizontal{
margin-top: 10px;
}
.copyright .nav-horizontal li{
margin: 0 10px 0 0;
}
}
/*--------------------------------------------------------------*/
/*- EVERYTHING BIGGER THAN A PHONE -----------------------------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 481px){
/*---------------------------*/
/*- SPAN - 4 ----------------*/
.span-4{
width: calc(((100% / 12) * 4) - 20px);
}
.column-flush.span-4{
width: calc((100% / 12) * 4);
}
/*---------------------------*/
/*- SPAN - 6 ----------------*/
.span-5,
.span-6,
.span-7{
width: calc(((100% / 12) * 6) - 20px);
}
.column-flush.span-5,
.column-flush.span-6,
.column-flush.span-7{
width: calc((100% / 12) * 6);
}
/*---------------------------*/
/*- HEADERS -----------------*/
.header-secondary{
display: block;
}
.body-header-sidebar .header-secondary .container{
max-width: none;
padding: 0 10px;
}
/*---------------------------*/
/*- MEDIA BLOCK -------------*/
/*-----------------------*/
/*- IMAGE LEFT / RIGHT --*/
.image-left .media-image{
float: left;
max-width: 49%;
margin-right: 20px;
}
.image-right .media-image{
float: right;
max-width: 49%;
margin-right: 0;
margin-left: 20px;
}
.image-left .media-body,
.image-right .media-body{
margin-top: 0;
}
/*-------------------*/
/*- CORRECT WIDTHS --*/
.span-3 .image-left .media-image,
.span-4 .image-left .media-image{
max-width: 33%;
}
.span-3 .image-right .media-image,
.span-4 .image-right .media-image{
max-width: 33%;
}
}
/*--------------------------------------------------------------*/
/*- MOBILE LANDSCAPE MODES ------------------------------------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 640px){
/*---------------------------*/
/*- MEDIA BLOCK -------------*/
/*-----------------------*/
/*- IMAGE LEFT / RIGHT --*/
.image-left .media-image,
.image-right .media-image{
float: none;
max-width: none;
margin-left: 0;
margin-right: 0;
}
.span-3 .image-left .media-image,
.span-4 .image-left .media-image,
.span-3 .image-right .media-image,
.span-4 .image-right .media-image{
max-width: none;
}
.image-left .media-body,
.image-right .media-body{
margin-top: 10px;
}
}
/*--------------------------------------------------------------*/
/*- AWKWARD SIZE BETWEEN PHONE LANDSCAPE AND TABLET -----------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 768px){
/*---------------------------*/
/*- SPAN - 2 GOES SPAN 4 ----*/
.span-2{
width: calc(((100% / 12) * 4) - 20px);
}
.column-flush.span-2{
width: calc((100% / 12) * 4);
}
/*---------------------------*/
/*- SPAN - 3 GOES SPAN 6 ----*/
.span-3{
width: calc(((100% / 12) * 6) - 20px);
}
.column-flush.span-3{
width: calc((100% / 12) * 6);
}
/*-----------------------*/
/*- MULTI-SIDEBAR -------*/
/* This CSS caters for 3 column sidebar layouts */
.span-3 + .span-6{
width: calc(((100% / 12) * 12) - 20px);
}
/*-----------------------*/
/*- DBL-SIDEBAR ---------*/
/* This CSS caters for 2 column sidebar layouts */
.span-8{
width: calc(((100% / 12) * 12) - 20px);
/* Set the main column to fullwidth */
}
.column.sidebar{
display: flex;
flex-flow: row wrap;
min-width: calc((100% / 12) * 12);
margin-left: 0px;
margin-right: 0px;
/* Set the sidebar to full width and apply flexbox */
}
.column.sidebar .widget{
flex: 0 0 calc(((100% / 12) * 6) - 20px);
margin: 0 10px 20px;
/* align widgets in rows of 2 */
}
/*---------------------------*/
/*- SPAN - 9 GOES SPAN 12 ---*/
.span-9{
width: calc(((100% / 12) * 12) - 20px);
}
}
/*--------------------------------------------------------------*/
/*- AWKWARD SIZE BETWEEN PHONE LANDSCAPE AND TABLET -----------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 601px) and (max-width: 782px){
/*---------------------------*/
/*- CLEARING COLS - FALLBACK */
.row .column.span-2:nth-child(3n+4),
.row .column.span-3:nth-child(2n+3){
clear: left;
}
/*-----------------------*/
/*- HEADER IN ADMIN MODE */
.admin-bar .header-sticky.is_stuck.is_stuck_show{
margin-top: 46px;
}
/*---------------------------*/
/*- HEADERS -----------------*/
.header-secondary .container{
padding-left: 10px;
padding-right: 10px;
}
}
/*--------------------------------------------------------------*/
/*- EVERYTHING UP TO TABLET ------------------------------------*/
/*--------------------------------------------------------------*/
@media only screen and (max-width: 768px){
/*---------------------------*/
/*- MASONRY -----------------*/
.container.list-masonry{
padding: 0 10px;
}
/*---------------------------*/
/*- HEADER INLINE -----------*/
.header-inline .container{
-webkit-justify-content: space-between;
justify-content: space-between;
}
.header-inline .inline-site-logo{
display: -webkit-flex;
-webkit-flex: 1;
display: flex;
flex: 1;
}
.header-inline .inline-right-nav{
display: -webkit-flex;
-webkit-flex-direction: row-reverse;
display: flex;
flex-direction: row-reverse;
}
.header-inline .inline-left-nav,
.header-site.header-inline nav{
display: none;
}
.pull-left,
.pull-right{
float: none;
}
/*---------------------------*/
/*- LAYERS BADGE ------------*/
.created-using-layers{
display: block;
margin: 20px 0 -20px;
padding: 5px 10px;
background: rgba(0, 157, 243, 1);
color: #fff;
font-size: 0.9rem;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
}
.created-using-layers:hover{
color: #fff;
background: #3D454C;
}
/*---------------------------*/
/*- FORM ROWS ---------------*/
.form-row{
margin-bottom: 15px;
}
/*---------------------------*/
/*- CLOSE OFF CANVAS --------*/
.admin-bar section[class*=' off-canvas-'] .close-canvas{
top: 46px;
}
/*---------------------------*/
/*- OFF CANVAS SIDEBAR ------*/
.admin-bar div[class*=" off-canvas-"]{
padding-top: 47px;
}
}
/*--------------------------------------------------------------*/
/*- BETWEEN TABLET AND DESKTOP ---------------------------------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 601px) and (max-width: 860px){
/*---------------------------*/
/*- SPAN - 10 ---------------*/
.span-10{
width: calc(((100% / 12) * 12) - 20px);
}
/*---------------------------*/
/*- COMBINATIONS ------------*/
.span-5 + .span-5 + .span-2{}
.span-7 + .span-5{}
.span-10 + .span-2{}
/*---------------------------*/
/*- COMBINATIONS ------------*/
.span-5 + .span-5 + .span-2{
width: 100%;
}
}
/*--------------------------------------------------------------*/
/*- EVERYTHING BIGGER THAN TABLETS -----------------------------*/
/*--------------------------------------------------------------*/
@media only screen and (min-width: 769px) {
/*-------------------------------*/
/*- GRIDS -----------------------*/
/*---------------------------*/
/*- COLUMN WIDTHS -----------*/
.span-1{width: calc((100% / 12) - 20px);}
.span-2{width: calc(((100% / 12) * 2) - 20px);}
.span-3{width: calc(((100% / 12) * 3) - 20px);}
.span-5{width: calc(((100% / 12) * 5) - 20px);}
.span-7{width: calc(((100% / 12) * 7) - 20px);}
.span-8{width: calc(((100% / 12) * 8) - 20px);}
.span-9{width: calc(((100% / 12) * 9) - 20px);}
.span-10{width: calc(((100% / 12) * 10) - 20px);}
.span-11{width: calc(((100% / 12) * 11) - 20px);}
/*---------------------------*/
/*- FLUSH COLUMNS -----------*/
.column-flush.span-1{width: calc(100% / 12);}
.column-flush.span-2{width: calc((100% / 12) * 2);}
.column-flush.span-3{width: calc((100% / 12) * 3);}
.column-flush.span-5{width: calc((100% / 12) * 5);}
.column-flush.span-7{width: calc((100% / 12) * 7);}
.column-flush.span-8{width: calc((100% / 12) * 8);}
.column-flush.span-9{width: calc((100% / 12) * 9);}
.column-flush.span-10{width: calc((100% / 12) * 10);}
.column-flush.span-11{width: calc((100% / 12) * 11);}
/*---------------------------*/
/*- GUTTERS -----------------*/
.offset-1{margin-right: 8.5%;}
.offset-2{margin-right: 17%;}
.offset-3{margin-right: 25.5%;}
.offset-4{margin-right: 34%;}
.offset-5{margin-right: 42.5%;}
.offset-6{margin-right: 51%;}
.offset-7{margin-right: 59.5%;}
.offset-8{margin-right: 68%;}
.offset-9{margin-right: 76.5%;}
.offset-10{margin-right: 85%;}
.offset-11{margin-right: 93.5%;}
.offset-left-1{margin-left: 8.5%;}
.offset-left-2{margin-left: 17%;}
.offset-left-3{margin-left: 25.5%;}
.offset-left-4{margin-left: 34%;}
.offset-left-5{margin-left: 42.5%;}
.offset-left-6{margin-left: 51%;}
.offset-left-7{margin-left: 59.5%;}
.offset-left-8{margin-left: 68%;}
.offset-left-9{margin-left: 76.5%;}
.offset-left-10{margin-left: 85%;}
.offset-left-11{margin-left: 93.5%;}
.pull-left-1{margin-left: -8.5%;}
.pull-left-2{margin-left: -17%;}
.pull-left-3{margin-left: -25.5%;}
.pull-left-4{margin-left: -34%;}
.pull-left-5{margin-left: -42.5%;}
.pull-left-6{margin-left: -51%;}
.pull-left-7{margin-left: -59.5%;}
.pull-left-8{margin-left: -68%;}
.pull-left-9{margin-left: -76.5%;}
.pull-left-10{margin-left: -85%;}
.pull-left-11{margin-left: -93.5%;}
.pull-right-1{margin-right: -8.5%;}
.pull-right-2{margin-right: -17%;}
.pull-right-3{margin-right: -25.5%;}
.pull-right-4{margin-right: -34%;}
.pull-right-5{margin-right: -42.5%;}
.pull-right-6{margin-right: -51%;}
.pull-right-7{margin-right: -59.5%;}
.pull-right-8{margin-right: -68%;}
.pull-right-9{margin-right: -76.5%;}
.pull-right-10{margin-right: -85%;}
.pull-right-11{margin-right: -93.5%;}
/*---------------------------*/
/*- CLEARING COLS - FALLBACK */
.row .span-2:nth-child(6n+7),
.row .span-3:nth-child(4n+5),
.row .span-4:nth-child(3n+4),
.row .span-6:nth-child(2n+3){
clear: left;
}
/*-------------------------------*/
/*- HEADERS ---------------------*/
.header-site .container{
padding: 20px;
}
/*---------------------------*/
/*- NAV DISPLAY -------------*/
.nav-horizontal ul{
display: inline-block;
}
.responsive-nav{
display: none;
}
/*---------------------------*/
/*- ALIGNMENT CENTER --------*/
.header-center{
text-align: center;
}
.header-center .container,
.header-center > .header-block{
flex-direction: column;
-webkit-flex-direction: column;
}
.header-center .site-description{
display: block;
margin: 0;
}
.header-center .site-logo-link + .site-description{
margin: 10px 0 0;
}
.header-center .site-logo-link + .tagline{
margin-top: 10px;
}
.header-center nav{
margin-top: 20px;
text-align: center;
line-height: 20px;
}
/*---------------------------*/
/*- ALIGNMENT INLINE --------*/
.header-inline .container,
.header-inline > .clearfix{
-webkit-justify-content: center;
justify-content: center;
}
.header-inline .inline-site-logo{
display: -webkit-flex;
-webkit-justify-content: center;
display: flex;
justify-content: center;
width: 20%;
margin: 0 20px;
z-index: 1;
}
.header-inline .logo{
text-align: center;
}
.header-inline .site-description{
display: block;
margin: 0;
}
.header-inline .site-logo-link + .site-description{
margin-top: 10px;
}
.header-inline .inline-left-nav{
display: -webkit-flex;
-webkit-justify-content: flex-end;
display: flex;
justify-content: flex-end;
width: 40%;
position: relative;
z-index: 2;
}
.header-inline .inline-right-nav{
display: -webkit-flex;
-webkit-justify-content: flex-start;
-webkit-align-items: center;
display: flex;
justify-content: flex-start;
align-items: center;
width: 40%;
position: relative;
z-index: 2;
}
.header-inline .inline-right-nav nav{
display: block;
}
/*---------------------------*/
/*- NAV BOTTOM --------------*/
.nav-clear .container,
.nav-clear > .header-block{
-webkit-flex-direction: column;
-webkit-align-items: flex-start;
flex-direction: column;
align-items: flex-start;
}
.nav-clear .site-logo-link + .sitename{
margin-top: 10px;
}
.nav-clear .site-logo-link + .tagline{
margin-top: 10px;
}
.nav-clear nav{
width: 100%;
margin: 20px 0 0;
line-height: 20px;
}
/*---------------------------*/
/*- HEADER SIDEBAR ----------*/
.header-side-wrapper{
display: flex;
flex: 1;
flex-direction: row;
}
.header-side-wrapper .header-site{
order: 1;
width: 280px;
}
.header-side-wrapper .wrapper-content{
order: 2;
width: calc(100% - 280px);
min-height: 100vh;
}
.header-side-wrapper .header-site .container,
.header-side-wrapper .header-site > .header-block{
-webkit-flex-direction: column;
-webkit-align-items: flex-start;
flex-direction: column;
align-items: flex-start;
}
.header-side-wrapper .header-site nav{
width: 100%;
margin: 20px 0 0;
flex-direction: column;
align-items: flex-start;
}
.header-side-wrapper .header-site .nav-horizontal > ul{
float: none;
display: block;
width: 100%;
}
.header-side-wrapper .header-site .nav-horizontal li{
float: none;
margin: 0;
}
.header-side-wrapper .header-site .nav-horizontal > ul > li > a{
padding: 0;
text-align: left;
}
/*-----------------------------*/
/*- VERTICAL MENU POSITIONING -*/
.header-side-wrapper .header-site .menu-item-has-children > a::after {
content: "\e600";
}
.header-side-wrapper .header-site .nav li > .sub-menu,
.header-side-wrapper .header-site .nav li .children{
top: 0;
left: 200px;
right: auto;
}
.header-side-wrapper .header-site .nav li:hover > .sub-menu,
.header-side-wrapper .header-site .nav li:hover .children{
top: 0;
left: 200px;
}
/*-----------------------------*/
/*- HEADER CART POSITIONING ---*/
.header-side-wrapper .header-site .header-cart{
margin-left: 0px;
width: 280px;
position: fixed;
bottom: 0px;
left: 0px;
border-radius: 0px;
}
/*---------------------------*/
/*- STICKY HEADER VARIATIONS */
/*-----------------------*/
/*- HEADER CENTER -------*/
.header-sticky.is_stuck.header-center .logo{
display: none;
}
.header-sticky.is_stuck.header-center nav{
margin-top: 0;
}
/*-----------------------*/
/*- NAV BOTTOM ----------*/
.header-sticky.is_stuck.nav-clear .logo{
display: none;
}
.header-sticky.is_stuck.nav-clear nav{
margin-top: 0;
}
/*-----------------------*/
/*- HEADER INLINE -------*/
.header-sticky.is_stuck.header-inline .site-description{
display: none;
}
/*-----------------------*/
/*- HEADER IN ADMIN MODE */
.admin-bar .header-sticky.is_stuck.is_stuck_show{
margin-top: 30px;
}
/*-------------------------------*/
/*- THUMBNAILS ------------------*/
/*---------------------------*/
/*- OVERLAY -----------------*/
.with-overlay{
overflow: hidden;
}
.with-overlay .thumbnail-body{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
visibility: hidden;
opacity: 0;
transition: 0.2s all ease-in-out;
text-align: center;
}
.with-overlay .image-rounded + .thumbnail-body{
border-radius: 100%;
}
.with-overlay .overlay{
display: block;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.with-overlay .thumbnail-body{
background: rgba(0, 0, 0, 0.65) !important;
}
.with-overlay .heading{
opacity: 0;
color: #fff;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
transition: 0.2s all ease-in-out 0.1s;
}
.with-overlay .heading a{
color: #fff;
}
.with-overlay .button{
margin-top: 15px;
position: relative;
opacity: 0;
background: none;
border: 2px solid #fff;
position: relative;
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
transition: transform 0.2s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.25s;
}
.with-overlay .excerpt{display: none;}
.with-overlay .meta-info{display: none;}
/*-----------------------*/
/*- OVERLAY HOVER -------*/
.with-overlay:hover .thumbnail-media img{
-webkit-transform: scale(1.08);
transform: scale(1.08);
}
.with-overlay:hover .thumbnail-body{
visibility: visible;
opacity: 1;
}
.with-overlay:hover .heading{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
.with-overlay:hover .button{
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
/*-----------------------*/
/*- MEDIA SMALL ---------*/
.has-image .image-left.small .media-body,
.has-image .image-right.small .media-body{
margin-top: 0;
}
/*-------------------------------*/
/*- OFF CANVAS MENU -------------*/
/*---------------------------*/
/*- OFF CANVAS MENU ---------*/
section[class*=' off-canvas-'] .nav-mobile{
display: none;
}
/*-------------------------------*/
/*- SLIDER ----------------------*/
/*---------------------------*/
/*- SLIDER CONTENT ----------*/
.swiper-slide .container{
padding-left: 20px;
padding-right: 20px;
}
.swiper-slide.text-center .excerpt{
margin-left: auto;
margin-right: auto;
}
.swiper-slide.image-left .container{
-webkit-flex-direction: row-reverse;
-webkit-justify-content: flex-start;
flex-direction: row-reverse;
justify-content: flex-start;
}
.swiper-slide.image-left .image-container{
width: 50%;
padding-right: 20px;
}
.swiper-slide.image-left .copy-container{
width: 50%;
padding-left: 20px;
}
.swiper-slide.image-right .container{
-webkit-flex-direction: row;
-webkit-justify-content: flex-start;
flex-direction: row;
justify-content: flex-start;
}
.swiper-slide.image-right .image-container{
width: 50%;
padding-left: 20px;
}
.swiper-slide.image-right .copy-container{
width: 50%;
padding-right: 20px;
}
.swiper-slide.text-right .excerpt{
float: right;
}
.swiper-slide.image-right .copy-container + .image-container,
.swiper-slide.image-left .copy-container + .image-container{
margin-top: 0;
}
}
@media only screen and (min-width: 1100px){
/*---------------------------*/
/*- LAYERS BADGE ------------*/
.created-using-layers{
display: block;
position: fixed;
bottom: 20px;
right: 20px;
width: 15px;
height: 14px;
z-index: 99;
background: url(images/created-using-layers.png) top no-repeat;
background-size: 15px 28px;
transition: all 0.15s ease-in-out;
}
.created-using-layers span{
display: none;
}
.created-using-layers:after{
padding: 4px 4px;
position: absolute;
bottom: -1px;
right: 25px;
z-index: 1;
content: attr(tooltip);
background: rgba(0, 157, 243, 0.85);
color: rgba(255, 255, 255, 0.8);
border-radius: 100px;
opacity: 0;
visibility: hidden;
transition: all 0.1s ease-in-out 0.1s;
font-size: 0.8rem;
line-height: 0.9rem;
text-transform: uppercase;
letter-spacing: 2px;
white-space: nowrap;
}
.created-using-layers:hover{
background-position: bottom;
}
.created-using-layers:hover:after{
opacity: 1;
visibility: visible;
right: 20px;
}
}
@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px) {
/*---------------------------*/
/*- BACK TO TOP -------------*/
#back-to-top{
display: none;
}
}