251. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-07-21 10:22:19 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

251.1 Files compared

#LocationFileLast Modified
12021-07-21 10:22:19 +0000
2/Applications/Ampps/www/Porto v4.0.1/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo31_en.css2021-06-27 10:07:32 +0000

251.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged00
Changed00
Inserted1206
Removed00

251.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

251.4 Active regular expressions

No regular expressions were active.

251.5 Comparison detail

    1 /**
    2  * WARNING: Do not change this file. Your changes will be lost.
    3  * 2021-06-27 10:07:31 */
    4 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed {
    5 }
    6 @media (min-width: 768px) {
    7     .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
    8         width: 57.17%;
    9     }
    10     .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
    11         width: 40.83%;
    12     }
    13 
    14     .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
    15         width: 42.8775%;
    16     }
    17     .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
    18         width: 30.6225%;
    19     }
    20 }
    21 
    22 @media (max-width: 575px){
    23 body {
    24     font-size: 13px;
    25     line-height: 21px;
    26 }
    27 }
    28 h1, h2, h3, h4, h5, h6 {
    29     font-family: Poppins,sans-serif;
    30     color: #222529;
    31     letter-spacing: normal;
    32 }
    33 h1 { 
    34     font-weight: 700;
    35     font-size: 36px;
    36     line-height: 44px;
    37     margin: 0 0 32px 0;
    38 }
    39 h2 { 
    40     font-weight: 700;
    41     font-size: 30px;
    42     line-height: 40px;
    43     margin: 0 0 32px 0;
    44 }
    45 h3 { 
    46     font-weight: 700;
    47     font-size: 25px;
    48     line-height: 32px; 
    49     margin: 0 0 20px 0;
    50 }
    51 h4 { 
    52     font-weight: 700;
    53     font-size: 20px;
    54     line-height: 27px;
    55     margin: 0 0 14px 0;
    56 }
    57 h5 { 
    58     font-weight: 700;
    59     font-size: 14px;
    60     line-height: 18px;
    61     margin: 0 0 14px 0;
    62 }
    63 h6 { 
    64     font-weight: 600;
    65     font-size: 14px;
    66     line-height: 18px;
    67     margin: 0 0 14px 0;
    68 }
    69 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
    70     font-family: 'Segoe Script','Savoye LET';
    71 }
    72 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
    73     color: #ff7272;
    74 }
    75 html .btn-modern {
    76     text-transform: uppercase;
    77     font-size: .75rem;
    78     padding: .75rem 1.5rem;
    79     font-weight: 600;
    80     height: auto;
    81 }
    82 html .action.primary, html .btn {
    83     font-family: Poppins;
    84     letter-spacing: .01em;
    85     font-weight: 600;
    86     line-height: 1.42857;
    87     padding: .8em 2em; 
    88 }
    89 html .btn-modern {
    90     font-size: .8125rem;
    91     padding: 1em 2.8em;
    92 }
    93 html .btn-modern.btn-lg {
    94     padding: .875rem 1.875rem;
    95     font-size: .875rem;
    96 }
    97 html .action.primary {
    98     color: #fff;
    99     background-color: #c3512f;
    100     border-color: #c3512f #c3512f #c3512f;
    101 }
    102 html .btn-xl {
    103     font-size: 1rem;
    104     padding: .8rem 2rem;
    105 }
    106 html .btn-lg { 
    107     line-height: 1.3333;
    108 }
    109 html .btn-borders {
    110     font-size: .75rem;
    111     padding: .75em 2em;
    112 }
    113 html .btn-light {
    114     color: #212529;
    115     background-color: #fff;
    116     border-color: #fff #fff #e6e6e6;
    117 }
    118 html .btn-dark {
    119     color: #fff;
    120     background-color: #222529;
    121     border-color: #222529 #222529 #0b0c0e;
    122 }  
    123 .btn-modern.btn-xl {
    124     font-size: 1rem;
    125     padding: 1.25em 3.125em;
    126 
    127 .btn-borders.btn-xl {
    128     font-size: 1.125rem;
    129     padding: 1em 3.6em;
    130     border-width: 3px;
    131     font-weight: 700;
    132 }
    133 html .btn-borders.btn-dark {
    134     background: transparent;
    135     border-color: #212529;
    136     color: #212529;
    137 }
    138 html .btn-borders.btn-light {
    139     background: transparent;
    140     border-color: #fff;
    141     color: #fff;
    142 }
    143 html .btn-borders.btn-light:hover, html .btn-borders.btn-light:focus, html .btn-borders.btn-light:active {
    144     background-color: #fff;
    145     border-color: #ffffff;
    146     color: #212529;
    147 }
    148 .btn-flat {
    149     padding: 0!important;
    150     background: none!important;
    151     border: none!important;
    152     border-bottom: 1px solid transparent!important;
    153     box-shadow: none!important;
    154     text-transform: uppercase;
    155     font-size: .75rem;
    156 
    157 html .btn-quaternary {
    158     color: #fff;
    159     background-color: #000;
    160     border-color: #000 #000 #000;
    161 }
    162 html .background-color-secondary {
    163     background-color: #f4a085 !important;
    164 
    165 .top-icon .porto-sicon-header {
    166     margin-bottom: .75rem;
    167 
    168 .products-grid:not(.small-list) .product-item-photo { 
    169     border: 1px solid #f4f4f4;
    170 }
    171 .widget .widgettitle {
    172     font-size: 1em;
    173     letter-spacing: 0;
    174     line-height: 1.4;
    175     font-weight: 700;
    176     text-transform: uppercase;
    177 }  
    178 html .background-color-secondary {
    179     background-color: #ff7272!important;
    180 }  
    181 .footer .widgettitle, .footer .widget-title {
    182     font-size: .9375rem;
    183     font-weight: 600;
    184 }
    185 .cms-index-index .footer-middle > .container::before {
    186     border: none;
    187 }
    188 .footer-middle > .container::before {
    189     border-top: 1px solid #e7e7e7;
    190     content: '';
    191     position: absolute;
    192     left: 10px;
    193     right: 10px;
    194     top: 0;
    195 }
    196 .footer-middle > .container::after { 
    197     border-bottom-color: #e7e7e7;
    198 }
    199 .footer .follow-us .share-links a {
    200     width: 30px;
    201     height: 30px; 
    202     border: none;
    203 }
    204 .footer .follow-us .share-links a:not(:hover) { 
    205     color: #333;
    206 }