ꦫꦣꦺꦤ꧀ꦄꦤ꧀ꦠꦱꦺꦤ

PATH: home / lab2454c / fcxpro.com / wp-content / plugins / webon-core / inc / plugins / elementor / assets / css / scss

@import '../../../../../../../../themes/webon/assets/css/scss/variables';
@import '../../../../../../../../themes/webon/assets/css/scss/_grid-variables';
@import '../../../../../../../../themes/webon/assets/css/scss/mixins';

@function map-deep-get($map, $keys...) {
    @each $key in $keys {
        $map: map-get($map, $key);
    }
    @return $map;
}

section.qodef-elementor-content-grid {
    
    > .elementor-container {
        width: $content-grid-width-1100;
        margin: 0 auto;
    }
    
    &.qodef-extended-grid {
        
        &:not(.qodef-extended-grid-reset--1024) {
            
            > .elementor-container {
                width: 100% !important; // important is require in order to override responsive width
                max-width: 100% !important; // important is require in order to override responsive width
                margin: 0;
            }
        }
        
        &.qodef-extended-grid-reset--1024 {
            
            @media only screen and (min-width: 1025px) {
                
                > .elementor-container {
                    width: 100% !important; // important is require in order to override responsive width
                    max-width: 100% !important; // important is require in order to override responsive width
                    margin: 0;
                }
            }
        }
    }
    
    &.qodef-extended-grid--right {
        
        &:not(.qodef-extended-grid-reset--1024) {
            
            > .elementor-container {
                padding-left: calc((100% - #{$content-grid-width-1100}) / 2);
            }
        }
        
        &.qodef-extended-grid-reset--1024 {
            
            @media only screen and (min-width: 1025px) {
                
                > .elementor-container {
                    padding-left: calc((100% - #{$content-grid-width-1100}) / 2);
                }
            }
        }
    }
    
    &.qodef-extended-grid--left {
        
        &:not(.qodef-extended-grid-reset--1024) {
            
            > .elementor-container {
                padding-right: calc((100% - #{$content-grid-width-1100}) / 2);
            }
        }
        
        &.qodef-extended-grid-reset--1024 {
            
            @media only screen and (min-width: 1025px) {
                
                > .elementor-container {
                    padding-right: calc((100% - #{$content-grid-width-1100}) / 2);
                }
            }
        }
    }
    
    // Global grid style
    @each $key, $values in $content-grid-width-map {
        
        @media only screen and (min-width: map-deep-get($content-grid-width-map, $key, 'responsive-break')) {
            
            .qodef-content-grid-#{$key} & {
                
                > .elementor-container {
                    width: map-deep-get($content-grid-width-map, $key, 'content-grid-width');
                    max-width: map-deep-get($content-grid-width-map, $key, 'content-grid-width');
                }
                
                &.qodef-extended-grid--right {
                    
                    &:not(.qodef-extended-grid-reset--1024) {
                        
                        > .elementor-container {
                            padding-left: calc((100% - #{map-deep-get($content-grid-width-map, $key, 'content-grid-width')}) / 2);
                        }
                    }
                    
                    &.qodef-extended-grid-reset--1024 {
                        
                        @if(map-deep-get($content-grid-width-map, $key, 'reset-grid') == true) {
                            
                            > .elementor-container {
                                padding-left: 0;
                            }
                        } @else {
                            
                            > .elementor-container {
                                padding-left: calc((100% - #{map-deep-get($content-grid-width-map, $key, 'content-grid-width')}) / 2);
                            }
                        }
                    }
                }
                
                &.qodef-extended-grid--left {
                    
                    &:not(.qodef-extended-grid-reset--1024) {
                        
                        > .elementor-container {
                            padding-right: calc((100% - #{map-deep-get($content-grid-width-map, $key, 'content-grid-width')}) / 2);
                        }
                    }
                    
                    &.qodef-extended-grid-reset--1024 {
                        
                        @if(map-deep-get($content-grid-width-map, $key, 'reset-grid') == true) {
                            
                            > .elementor-container {
                                padding-right: 0;
                            }
                        } @else {
                            
                            > .elementor-container {
                                padding-right: calc((100% - #{map-deep-get($content-grid-width-map, $key, 'content-grid-width')}) / 2);
                            }
                        }
                    }
                }
            }
        }
    }
    
    // Global grid responsive style
    @each $key, $values in $content-grid-width-responsive-map {
        
        @media only screen and (max-width: map-deep-get($content-grid-width-responsive-map, $key, 'responsive-break')) {
            
            > .elementor-container {
                width: map-deep-get($content-grid-width-responsive-map, $key, 'content-grid-width');
            }
            
            &.qodef-extended-grid--right {
                
                &:not(.qodef-extended-grid-reset--1024) {
                    
                    > .elementor-container {
                        padding-left: calc((100% - #{map-deep-get($content-grid-width-responsive-map, $key, 'content-grid-width')}) / 2);
                    }
                }
                
                &.qodef-extended-grid-reset--1024 {
                    
                    @if(map-deep-get($content-grid-width-responsive-map, $key, 'reset-grid') == true) {
                        
                        > .elementor-container {
                            padding-left: 0;
                        }
                    } @else {
                        
                        > .elementor-container {
                            padding-left: calc((100% - #{map-deep-get($content-grid-width-responsive-map, $key, 'content-grid-width')}) / 2);
                        }
                    }
                }
            }
            
            &.qodef-extended-grid--left {
                
                &:not(.qodef-extended-grid-reset--1024) {
                    
                    > .elementor-container {
                        padding-right: calc((100% - #{map-deep-get($content-grid-width-responsive-map, $key, 'content-grid-width')}) / 2);
                    }
                }
                
                &.qodef-extended-grid-reset--1024 {
                    
                    @if(map-deep-get($content-grid-width-responsive-map, $key, 'reset-grid') == true) {
                        
                        > .elementor-container {
                            padding-right: 0;
                        }
                    } @else {
                        
                        > .elementor-container {
                            padding-right: calc((100% - #{map-deep-get($content-grid-width-responsive-map, $key, 'content-grid-width')}) / 2);
                        }
                    }
                }
            }
        }
    }
}

@media only screen and (min-width: $screen-size-768) {
    
    .qodef-custom-social-position.qodef-section-title {
        position: fixed;
        bottom: 105px;
    }
    
    .qodef-custom-social-position .qodef-social-icons-group  {
        position: fixed;
        bottom: 63px;
    }
}

.qodef-footer-custom-menu {
    
    .elementor-text-editor {
    
        a {
            color: $light-skin-text-color;
        
            &:hover {
                color: #fff;
            }
        }
    }
}

[+] ..
[-] elementor.scss [edit]