Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
wp-content
/
themes
/
indutri
/
sass
/
template
:
_base.scss
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
body{ overflow-x: hidden; line-height: 1.68; font-size: 18px; } a, button{ &:hover, &:active, &:focus{ outline: none; @include transition(all 0.35s); text-decoration: none; cursor: pointer; } } a{ @include hover { color: $theme-color; } &.dropdown-toggle{ &:after{ display: none; } } } h1, h2, h3, h4, h5, h6{ margin-top: 15px; margin-bottom: 20px; } .h3, .h4, .h5, .h6, h3, h4, h5, h6{ line-height: 1.3; } // images, video //--------------------------------- img{ border: 0; vertical-align: top; max-width: 100%; height: auto; } svg{ height: auto; } .video-responsive { height : 0; padding-top : 0; padding-bottom: 56.25%; margin-bottom : 10px; position : relative; overflow : hidden; embed,iframe,object,video{ top : 0; left : 0; width : 100%; height : 100%; position: absolute; } } iframe{ max-width: 100%; } .wp-block-gallery{ padding: 0 15px; &.alignleft{ padding-right: 20px; } &.alignright{ padding-left: 20px; } } .wp-block-button{ margin-bottom: 10px; } .wp-block-button__link{ margin-bottom: 10px; } input[type="text"], input[type="tel"], input[type="password"], input[type="email"], textarea, select{ background-color: #fff; border: 1px solid $border-color; padding: 5px 10px; max-width: 100%; border-radius: 0; &:focus, &:active, &:hover{ outline: none; } } button, input[type="button"], input[type="submit"]{ &:hover{ cursor: pointer; } } textarea{ width: 100%; } input, textarea, select{ &:focus, &:active, &:hover{ outline: none; } } .wp-caption{ margin-top: 10px; margin-bottom: 10px; max-width: 100%; img{ margin-bottom: 10px; } .wp-caption-text{ font-weight: 400; font-size: 14px; font-style: italic; color: $black; } } .aligncenter{ figcaption{ width: 100%; display: block!important; } } .aligncenter{ text-align: center!important; margin-left: auto!important; margin-right: auto!important; } img.aligncenter{ display: block; margin-left: auto!important; margin-right: auto!important; } .wp-block-image .aligncenter{ display: block!important; } .alignleft{ text-align: left; float: left; margin-right: 15px; margin-bottom: 10px; } .alignright{ text-align: right; float: right; margin-left: 15px; margin-bottom: 10px; } .category-alignment{ } .wp-block-cover{ color: $white!important; margin-bottom: 20px; .wp-block-cover-text{ color: $white!important; } } .wp-block-cover-text{ color: $white!important; } //WordPres Block .wp-block-image, .wp-block-gallery, .wp-block-embed{ margin: 15px 0; } .wp-block-categories{ padding-left: 0; list-style: none; } .link-pages{ float: left; width: 100%; } .page-links{ > a, > span:not(.page-links-title){ padding: 2px 12px; background: $theme-color; line-height: 38px; text-align: center; color: $white; @include transition(all 0.35s); &:hover{ background: lighten($theme-color, 15%); } } > span:not(.page-links-title){ background: lighten($theme-color, 15%); } } #wp-calendar{ width: 100%; margin-bottom: 0; caption{ font-weight: 600; } td,th{ padding: 5px; text-align: center; } caption{ margin-bottom: 10px; } > thead > tr { > th, > td { border-bottom-width: 0px !important; } } } table { width: 100%; margin-bottom: 20px; border: 1px solid $table-border-color; > thead, > tbody, > tfoot { > tr { > th, > td { border-color: $table-border-color; border-width: 1px 1px 1px 0; border-style: solid; } > th{ color: $black; font-weight: 600; word-wrap: normal; &.views{ min-width: 120px; } } } } > thead > tr { > th, > td { border-bottom-width: 2px; color: $black; white-space: nowrap; } } } .no-padding{ padding: 0!important; } a.disable{ pointer-events: none; cursor: default; } ul, ol{ padding-left: 20px; li i{ margin-right: 3px; } &.medium{ list-style-type: none; padding-left: 0; > li{ line-height: 24px; font-size: 13px; margin-bottom: 5px; } } } ul.feature-list, ul.list-style-1{ margin-bottom: 20px; padding-left: 0; > li{ list-style-type: none; padding-left: 30px; position: relative; margin-bottom: 5px; &:after{ content: "\f058"; font-family: "Font Awesome 5 Free"; position: absolute; top: 2px; left: 2px; z-index: 1; color: $theme-color; font-weight: 700; } } } ul.list-style-2{ list-style-type: none; padding: 0; margin: 0; > li{ color: $theme-color; margin: 0 0 20px; font-size: 16px; font-weight: 500; &:last-child{ margin-bottom: 0; } } } ul.inline{ padding: 0; margin: 0; > li{ float: left; margin-right: 15px; list-style: none; &:last-child{ margin-right: 0; } } } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /************************* Pagination ************************/ .pager{ .paginations{ display: inline-block; a{ font-size: 14px; background: $white; color: $black; font-weight: 500; padding: 0 15px 0 15px; line-height: 34px; position: relative; z-index: 9; display: inline-block; @include transition(all 0.35s!important); text-decoration: none; border: none; margin-right: 10px; border: 2px solid $border-color; &:hover{ color: $theme-color; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); border-color: $theme-color; } &.active{ background: $theme-color; border-color: $theme-color; color: $white; } } } } .woocommerce .pager{ .pages{ > *{ border: 1px solid $border-color; font-weight: 600; display: inline-block; @include size(36px, 36px); @include border-radius(6px); line-height: 36px; text-align: center; margin-right: 10px; font-size: 14px; color: #888888; &:last-child{ margin-right: 0; } &:hover{ color: #242424; border-color: #242424; text-decoration: -moz-anchor-decoration; } } span{ color: #242424; text-decoration: -moz-anchor-decoration; border-color: #242424; } } } //float .pull-right{float: right!important;} .pull-left{float: left!important;} //Margin .margin-1{ margin-top: -60px; @include media-breakpoint-down(md){ margin-top: 30px; } } .margin-bottom-0{margin-bottom: 0!important;} .margin-bottom-10{margin-bottom: 10px!important;} .margin-bottom-20{margin-bottom: 20px!important;} .margin-bottom-30{margin-bottom: 30px!important;} .margin-bottom-40{margin-bottom: 40px!important;} .margin-bottom-50{margin-bottom: 50px!important;} .margin-bottom-60{margin-bottom: 60px!important;} .margin-bottom-70{margin-bottom: 70px!important;} .margin-bottom-80{margin-bottom: 80px!important;} .margin-bottom-90{margin-bottom: 90px!important;} .margin-bottom-100{margin-bottom: 100px!important;} .margin-top-0{margin-top: 0!important;} .margin-top-10{margin-top: 10px!important;} .margin-top-20{margin-top: 20px!important;} .margin-top-30{margin-top: 30px!important;} .margin-top-40{margin-top: 40px!important;} .margin-top-50{margin-top: 50px!important;} .margin-top-60{margin-top: 60px!important;} .margin-top-70{margin-top: 70px!important;} .margin-top-80{margin-top: 80px!important;} .margin-top-90{margin-top: 90px!important;} .margin-top-100{margin-top: 100px!important;} .margin-right-0{margin-right: 0!important;} .margin-right-10{margin-right: 10px!important;} .margin-right-20{margin-right: 20px!important;} .margin-right-30{margin-right: 30px!important;} .margin-right-40{margin-right: 40px!important;} .margin-right-50{margin-right: 50px!important;} .margin-right-60{margin-right: 60px!important;} .margin-right-70{margin-right: 70px!important;} .margin-right-80{margin-right: 80px!important;} .margin-right-90{margin-right: 90px!important;} .margin-right-100{margin-right: 100px!important;} .margin-left-0{margin-left: 0!important;} .margin-left-10{margin-left: 10px!important;} .margin-left-20{margin-left: 20px!important;} .margin-left-30{margin-left: 30px!important;} .margin-left-40{margin-left: 40px!important;} .margin-left-50{margin-left: 50px!important;} .margin-left-60{margin-left: 60px!important;} .margin-left-70{margin-left: 70px!important;} .margin-left-80{margin-left: 80px!important;} .margin-left-90{margin-left: 90px!important;} .margin-left-100{margin-left: 100px!important;} //Padding .padding-bottom-10{padding-bottom: 10px!important;} .padding-bottom-20{padding-bottom: 20px!important;} .padding-bottom-30{padding-bottom: 30px!important;} .padding-bottom-40{padding-bottom: 40px!important;} .padding-bottom-50{padding-bottom: 50px!important;} .padding-bottom-60{padding-bottom: 60px!important;} .padding-bottom-70{padding-bottom: 70px!important;} .padding-bottom-80{padding-bottom: 80px!important;} .padding-bottom-90{padding-bottom: 90px!important;} .padding-bottom-100{padding-bottom: 100px!important;} .padding-top-10{padding-top: 10px!important;} .padding-top-20{padding-top: 20px!important;} .padding-top-30{padding-top: 30px!important;} .padding-top-40{padding-top: 40px!important;} .padding-top-50{padding-top: 50px!important;} .padding-top-60{padding-top: 60px!important;} .padding-top-70{padding-top: 70px!important;} .padding-top-80{padding-top: 80px!important;} .padding-top-90{padding-top: 90px!important;} .padding-top-100{padding-top: 100px!important;} .padding-50{ padding: 50px!important; @include media-breakpoint-down(md){ padding: 30px!important; } } .padding-40{ padding: 40px!important; } .padding-30{ padding: 30px!important; } .padding-20{ padding: 20px!important; } .padding-responsive{ padding: 30px 120px; @include media-breakpoint-down(md){ padding: 30px; } } .special-margin-top{ margin-top: -100px; @include media-breakpoint-down(md){ margin-top: 30px; } } .special-margin-top-2{ margin-top: -120px; @include media-breakpoint-down(md){ margin-top: 10px; margin-bottom: 30px; } } //background .no-bg{ background: transparent!important; } .bg-theme{ background: $theme-color!important; } .bg-theme-2{ background: $theme-color!important; } .bg-dark{ background: #222!important; } .bg-white{ background: $white!important; } .bg-center{ background-position: center center!important; background-repeat: no-repeat; } .bg-left{ background-position: center left!important; >.vc_column-inner{ background-position: center left!important; } } .bg-right{ background-position: center right!important; >.vc_column-inner{ background-position: center right!important; } } .vc_wpb_row_inner.bg-bottom{ background-position: bottom center!important; background-repeat: no-repeat!important; } //border .no-border{ border: none!important; } .radius-1x{ @include border-radius(3px); } .radius-2x{ @include border-radius(5px); } .radius-5x{ @include border-radius(50%); } .border-1{ border: 1px solid $border-color!important; } .border-2{ border: 2px solid $border-color; } .border-3{ border: 3px solid $border-color; } .border-4{ border: 4px solid $border-color; } .border-5{ border: 5px solid $border-color; } .hidden{ display: none!important; } .over-hidden{ overflow: hidden; } .pstatic{ position: static!important; } .prelative{ position: relative!important; } .text-white{ color: $white!important; *{ color: $white!important; } } .text-black{ color: $black; } .text-theme{ color: $theme-color!important; } .hover-color-theme{ a{ &:hover{ color: $theme-color!important; } } } .hover-color-theme-2{ a{ &:hover{ color: $theme-color-2!important; } } } .text-medium{ font-size: 18px; } .text-underline{ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 3px, rgba(0, 0, 0, 0) 0%); background-size: 1px 5px; background-repeat: repeat-x; background-position: bottom; text-decoration: none; padding-bottom: 2px; } .letter-spacing-1{ letter-spacing: -1px!important; } .letter-spacing-2{ letter-spacing: -2px!important; } .btn-theme, .btn, .btn-white, .btn-theme-2, .btn-black, input[type*="submit"]:not(.fa):not(.btn-theme), #tribe-events .tribe-events-button, .tribe-events-button{ font-size: 17px; background: $theme-color; color: $white; font-weight: 700; padding: 24px 45px 24px 45px; line-height: 20px; position: relative; z-index: 9; display: inline-block; @include transition(all 0.35s); border: none; font-family: $headings-font-family; text-transform: none; @include media-breakpoint-down(md){ padding: 22px 35px 22px 35px; font-size: 15px; } span{ position: relative; z-index: 9; padding-left: 25px; display: inline-block; &:after{ content: ''; @include size(15px, 2px); background: $white; position: absolute; top: 50%; margin-top: -1px; left: 0; z-index: 1; transition: all 0.35s; } } &:hover{ cursor: pointer; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2); color: $white; background: darken($theme-color, 15%); span{ &:after{ @include rotate(90deg); } } } &.full-width{ width: 100%; padding-left: 15px; padding-right: 15px; line-height: 25px; text-align: center; } } span.btn-theme{ padding: 22px 45px 22px 70px!important; input, button{padding: 0!important;} &:after{ content: ''; @include size(15px, 2px); background: $white; position: absolute; top: 50%; margin-top: -1px; left: 45px; z-index: 1; transition: all 0.35s; } } .btn-theme-2{ background: $theme-color-2; &:hover{ background: lighten($theme-color-2, 5%); } } .btn-black{ background: $black; &:after{ background: $white; } &:hover{ background: lighten($black, 5%); color: $white; input[type='submit']{ color: $white!important; } } } .btn-slider{ position: relative; span{ display: inline-block; padding-left: 26px; position: relative; &:after{ content: ''; @include size(15px, 2px); background: $white; position: absolute; top: 50%; left: 0; z-index: 1; transition: all 0.35s; } } &:hover{ span{ &:after{ @include rotate(90deg); } } } } .btn-small, .btn-size-small{ font-size: 14px; padding: 10px 20px; span{ padding-left: 20px; &:after{ width: 10px; margin-top: 0; } } } .btn-small-arrow{ padding: 2px 38px 2px 20px; line-height: 30px; font-size: 14px; position: relative; span{ padding-left: 18px; &:after{ width: 10px; margin-top: 0; } } &:before{ content: '\f061'; color: $white; font-family: 'Font Awesome 5 Free'; position: absolute; line-height: 1; top: 12px; font-size: 10px; right: 20px; z-index: 9; font-weight: 700; } } .btn-inline{ font-size: 16px; color: $theme-color; position: relative; @include transition(all 0.35s); font-weight: 700; font-family: $headings-font-family; span{ position: relative; z-index: 9; padding-left: 25px; display: inline-block; &:after{ content: ''; @include size(15px, 2px); background: $theme-color; position: absolute; top: 50%; margin-top: -1px; left: 0; z-index: 1; transition: all 0.35s; } } &:hover{ cursor: pointer; span{ &:after{ @include rotate(90deg); } } } } .btn-white{ background: $white; color: $black; border-color: $white; &:hover, &:focus, &:active,{ background: darken($white, 12%); color: $black; } } .width-600{ max-width: 600px;margin: 0 auto!important; } .width-700{ max-width: 700px;margin: 0 auto!important; } .width-800{ max-width: 800px;margin: 0 auto!important; } .width-900{ max-width: 900px;margin: 0 auto!important; } .width-950{ max-width: 950px;margin: 0 auto!important; } .width-1000{ max-width: 1000px;margin: 0 auto!important; } .elementor-section.elementor-section-boxed.width-1370 > .elementor-container{max-width: 1370px; margin: 0 auto;} .alert{ position: relative; &.alert_info{ background: #EEF1F6; } .alert_icon{ display: inline-block; float: left; margin-right: 10px; } .close{ position: absolute; top: 20px; right: 15px; } .alert_wrapper{ padding: 0 30px; } } .pagination{ width: 100%; margin: 0; .pager{ margin: 15px 0 30px; } .pager_wrapper{ border: none; } } .max-width-600{ max-width: 600px; margin-left: auto; margin-right: auto; } .max-width-500{ max-width: 500px; margin-left: auto; margin-right: auto; } .list-socials{ text-align: center; a{ @include transition(all 0.35s); float: left; margin-right: 25px; &:last-child{ margin-right: 0; } i{ font-size: 17px; color: #9E9E9E; } } &.white{ a{ &:hover{ i{ color: $white; } } } } } .socials { display: inline-block; text-align: left; width: 100%; a { color: $border-color; text-decoration: none; @include transition(all 0.5s ease 0s); margin-right: 12px; font-size: 14px; &:last-child{ margin-right: 0; } &:hover, &:focus, &:active{ @include opacity(0.7); } i{ color: $white; @include size(32px, 32px); @include border-radius(50%); display: inline-block; text-align: center; line-height: 32px; font-size: 14px; background: $theme-color; @include transition(all 0.35s); border: 1px solid rgba(0, 0, 0, 0.06); } i.fa-facebook-square, i.fa-facebook { background: #3b5998; } i.fa-twitter, i.fa-twitter-square { background: #4099ff; } i.fa-skype { background: #12a5f4; } i.fa-dribbble { background: #ea4c89; } i.fa-linkedin-square, i.fa-linkedin { background: #0e76a8; } i.fa-apple { background: #f2f2f2; } i.fa-pinterest { background: #c92228; } i.fa-google-plus-square, i.fa-google-plus { background: #d34836; } i.fa-youtube-square, i.fa-youtube { background: #c4302b; } i.fa-vimeo-square, i.fa-vimeo { background: #4ebbff; } i.fa-tumblr-square, i.fa-tumblr { background: #35465c; } i.fa-xing-square, i.fa-xing { background: #126567; } i.fa-instagram { background: #e8e2d9; } } } .socials-2{ display: inline-block; text-align: left; width: 100%; li{ a { color: #818181; text-decoration: none; @include transition(all 0.5s ease 0s); margin: 0 5px; font-size: 14px; i{ color: #818181; display: inline-block; text-align: center; font-size: 14px; &:hover{ color: $theme-color; } } i.fa-facebook-square, i.fa-facebook { &:hover{ color: #3b5998; } } i.fa-twitter, i.fa-twitter-square { &:hover{ color: #4099ff; } } i.fa-skype { &:hover{ color: #12a5f4; } } i.fa-dribbble { &:hover{ color: #ea4c89; } } i.fa-linkedin-square, i.fa-linkedin { &:hover{ color: #0e76a8; } } i.fa-apple { &:hover{ color: #f2f2f2; } } i.fa-pinterest { &:hover{ color: #c92228; } } i.fa-google-plus-square, i.fa-google-plus { &:hover{ color: #d34836; } } i.fa-youtube-square, i.fa-youtube { &:hover{ color: #c4302b; } } i.fa-vimeo-square, i.fa-vimeo { &:hover{ color: #4ebbff; } } i.fa-tumblr-square, i.fa-tumblr { &:hover{ color: #35465c; } } i.fa-xing-square, i.fa-xing { &:hover{ color: #126567; } } i.fa-instagram{ &:hover{ color: #8F49C5; } } } } } .fa-stack { width: 2.4em!important; height: 2.4em!important; line-height: 2.4em; } .fa-1x{ font-size: 1.5em!important; } .tabs-list{ text-align: center; margin-bottom: 10px; ul.nav-tabs{ display: inline-block; width: auto; float: none; > li{ margin-bottom: 10px; } } } .pieChart{ position: relative; .pie-label{ position: absolute; top: 50%; left: 0; margin-top: -5px; text-align: center; z-index: 1; font-weight: 600; display: block; width: 100%; line-height: 1; } } #gallery-1 img{ border: none!important; } .alert-danger{ color: #fff; background: $theme-color; } .desc-slider{ a{ color: $theme-color; &:hover{ text-decoration: underline; } } } .text-line-bottom{ position: relative; &:after{ content: ''; @include size(100%, 1px); background: $white; position: absolute; bottom: 10px; left: 0; z-index: 1; @include media-breakpoint-down(md){ display: none; } } &:before{ content: ''; @include size(100%, 1px); background: $white; position: absolute; bottom: 6px; left: 0; z-index: 1; @include media-breakpoint-down(md){ display: none; } } &.v2{ &:after{ bottom: 16px; } &:before{ bottom: 12px; } } } form.post-password-form{ input[type*="submit"]{ line-height: 34px!important; padding-top: 2px!important; padding-bottom: 6px!important; &:hover{ cursor: pointer; } } }