403Webshell

Server IP : 69.10.62.66  /  Your IP : 216.73.216.190 Web Server : Apache System : Linux server.vivafallriver.com 4.18.0-553.33.1.el8_10.x86_64 #1 SMP Thu Dec 19 06:22:22 EST 2024 x86_64 User : ecr393bnha6q ( 1001) PHP Version : 8.4.21 Disable Function : exec,passthru,shell_exec,system MySQL : OFF  |  cURL : ON  |  WGET : ON  |  Perl : ON  |  Python : ON  |  Sudo : ON  |  Pkexec : ON Directory :  /home/ecr393bnha6q/public_html/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]   Command :

---

[ Back ]     

---

Current File : /home/ecr393bnha6q/public_html/viva.scss

/*
Theme Name: Viva
Theme URI: http://bethmotta.com
Description: Custom Theme for Viva Fall River
Version: 1
Author: Beth Motta Design & Marketing
Author URI: http://bethmotta.com
*/

/* ============================ 01 MAIN STYLES ============================*/

/*variables*/
$gray: #595959;
$orange: #f4816c;
$blue: #5dc8f3;
$teal: #3f9ab2;
$lightblue: #a1d8f5;
$sanserif: 'DM Sans', sans-serif;

/*extends adn mixins*/
.reset{margin:0; padding:0;}
@mixin mobilereset{width:100%; float:none; display:block; margin:0; padding:0;}
@mixin animation-duration($duration){
    animation-duration: $duration;
    -moz-animation-duration: $duration;
    -webkit-animation-duration: $duration;
    -ms-animation-duration: $duration;
}
@mixin animation-delay($delay){
    animation-delay:$delay;
    -moz-animation-delay:$delay;
    -webkit-animation-delay:$delay;
    -ms-animation-delay:$delay;
}
@mixin animation-name($name){
    animation-name:$name;
    -moz-animation-name:$name;
    -webkit-animation-name:$name;
    -ms-animation-name:$name;
}
@mixin animation-timing-function($movement){
    animation-timing-function:$movement;
    -moz-animation-timing-function:$movement;
    -webkit-animation-timing-function:$movement;
    -ms-animation-timing-function:$movement;
}

html,body{width:100%; margin:0; padding:0; font-size: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family:$sanserif; color:$gray; }
header, section, footer, aside, nav, main, article, figure, img {display: block;}
section{margin:60px 0;}
.clearfix{clear:both;}
.wrapper{max-width:1177px; width:90%; padding:0 5%; margin:0 auto;}
p, li{font-size:1.125em;}
h1, h2, h3, h4{line-height:1.5em;}
h1{}
h2{font-weight:600; font-size:2em; margin:0; line-height:1.1em;}
h3{}
h4{}
a, a:visited{ color:$orange; text-decoration:none; }
a:hover{color:$teal;}
.linkarrow{background: url('images/arrow.svg') right 0 no-repeat; padding-right:30px; }


.button, #searchsubmit, .wpcf7-submit, #mc-embedded-subscribe{background-color:$orange; color:white!important; text-transform: uppercase; letter-spacing:1px;  padding: 8px 15px;  border-radius:5px; display:table; text-decoration: none; font-weight:600; width:auto; border:none;}
.button:hover, #searchsubmit:hover, #mc-embedded-subscribe:hover{background-color:$teal;}
#searchsubmit, .wpcf7-submit{font-size:1rem; max-width:150px; margin-top:20px; cursor: pointer;}
#searchform label, div.wpcf7-mail-sent-ok{display:none;}

textarea, input, select, textarea{width:100%; box-sizing:border-box; padding:15px 10px; font-family:$sanserif; margin:10px auto; border:0; font-size:1em;}
:focus{outline:none;}
:hover {   transition: .6s ease;}
blockquote{}
b,strong{}
i, em{}
img{border:none; height:auto;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.wp-block-image{margin:1em 0;}

/* ============================ 01 HEADER and FOOTER ============================*/
#desktop{ background-color:$gray;
    ul{margin:0 auto; padding:0; list-style:none; display:table; text-align: center; width:auto;
        li{list-style:none; padding:15px 0; margin:0 20px; display:inline-block; font-weight:600;  text-transform: uppercase; font-size:1em; 
            a{ color:white!important; text-decoration: none;
} } } }
#toggle, #mobile{display:none;}
      
.water{width:100%; height:227px; background:url('images/lines.svg') 0 0 repeat-x;}

footer{background-color:$teal; text-align:center; color:white; padding:40px 0;}
.social{ width:auto; display:table; text-align: center; margin:0 auto; padding:0;
    li{display:inline-block; margin:0 5px;
        a{background: url('images/social.svg') 0 -42px no-repeat; width:25px;height:45px; display:block;
}}}

.social li a:hover{background-position-y:0; transition:none;}
.social li a.instagram{background-position-x:-36px; width:37px;}
.social li a.vimeo{background-position-x:-86px;width:45px;}
footer p{font-size:1em;}
#mc_embed_signup{max-width:800px; margin:0 auto; width:90%; padding:0 5%;  }
#mailchimp{background-color:rgba(89, 89, 89, .25); padding:60px 0; color:$gray; margin:60px auto 0;}


/* ============================ 02 HOME ============================*/
#value img, .divider, .valueprop{display:inline-block; vertical-align: middle; box-sizing:border-box;}
.divider{width:3px; height:181px; background-color:$teal; margin: 0 2.5%; }
.valueprop{width:72%; }
#value .button{margin:20px auto 0;}
.valueprop h1{font-weight:400; font-size:2.125em;}
@media screen and (max-width:1080px){   .valueprop{width:69%;}}
@media screen and (max-width:900px){ #value img{width:140px;}.valueprop h1{font-size:1.6em;}}
@media screen and (max-width:650px){ .divider{height:3px;  }#value img, .divider{max-width:117px; margin:20px auto;}#value img, .divider, .valueprop{display:block; width:100%; text-align: center;}}

.shorterm, .longterm{width:100%; height:auto; position:relative; background-size:cover; background-repeat:no-repeat; }
.shorterm .terminner, .longterm .terminner{margin:100px auto; width:45%; max-width:520px; color:white; position:relative; }
.shorterm{margin-bottom:2px;}
.shorterm .terminner{float:left; margin-left:5%;}
.longterm .terminner{float:right; margin-right:5%;}
.terminner p{font-size:1.375em; margin:.45em 0;}

.videoimage, .video-right{display:inline-block; vertical-align: middle;}
.videoimage{position:relative; width:50%; }
.videoimage img{width:100%;}
.videoimage span{position:absolute; left:0; right:0; margin:0 auto; top:50%; transform:translateY(-50%); color:white; font-weight:600; letter-spacing: 1px; font-size:20px; text-align: center;}
.video-right{width:40%; margin-left:5%;}
/* ============================ MEDIA QUERIES ============================*/
/*1000*/
@media screen and (max-width: 1000px) {
    #toggle{display:block; width:100%; background-color:$gray; color:white!important; text-decoration:none; padding:10px 0; text-align: center; font-weight:700; letter-spacing: 2px; font-size:18px;}
    #mobile{display:block;}
    #desktop{display:none;}
    #mobile ul{        
        display:none;
        margin:0; padding:20px 0;
        background-color:$orange;
        width:100%;        
    }
  
    #mobile li{display:block; padding:0; margin:10px 0; text-align:center;}
    #mobile li a{color:white;}

}/*end 1000*/

@media screen and (max-width: 900px) {
    .water{background-size:100px auto;}
    .water{height:60px;}
    section{margin:40px 0;}
}/*end 900*/

@media screen and (max-width: 800px) {
    .videoimage, .video-right{display:block; width:100%; margin:0;}
    .video-right{margin-top:40px;}
}/*end 800*/

/* 600*/
@media screen and (max-width: 600px) {
    .wp-block-columns{width:100%; display:block;  }
    .wp-block-column:not(:last-child), .wp-block-column:nth-child(2n){margin-left:0; margin-right:0;}
    .shorterm, .longterm{min-height:auto;}
    .shorterm .terminner, .longterm .terminner{float:none; margin: 0 auto; width:90%;  padding:40px 0; min-height:0;z-index:999999;}
    .mask{position:absolute; width:100%; height:100%;  left:0; top:0; }
    .shorterm .mask{background-color: rgba(63, 154, 178, .7);}
    .longterm .mask{background-color: rgba(93, 200, 243, .5);}

}/*end 600*/




/*phones*/
@media screen and (max-width: 480px) {

}/*end 480*/

Youez - 2016 - github.com/yon3zu
LinuXploit