504. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-05-13 09:09:33 +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.

504.1 Files compared

#LocationFileLast Modified
12021-05-13 09:09:33 +0000
2/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo14_en.css2021-04-28 03:14:22 +0000

504.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged00
Changed00
Inserted1282
Removed00

504.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

504.4 Active regular expressions

No regular expressions were active.

504.5 Comparison detail

    1 /**
    2  * WARNING: Do not change this file. Your changes will be lost.
    3  * 2021-04-28 03:14:21 */
    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 p { 
    29     letter-spacing: 0;
    30 }
    31 h1, h2, h3, h4, h5, h6 {
    32     font-family: Poppins,sans-serif;
    33     color: #222529;
    34     letter-spacing: normal;
    35 }
    36 h1 { 
    37     font-weight: 700;
    38     font-size: 36px;
    39     line-height: 44px;
    40     margin: 0 0 32px 0;
    41 }
    42 h2 { 
    43     font-weight: 700;
    44     font-size: 30px;
    45     line-height: 40px;
    46     margin: 0 0 32px 0;
    47 }
    48 h3 { 
    49     font-weight: 700;
    50     font-size: 25px;
    51     line-height: 32px;
    52     margin: 0 0 20px 0;
    53 }
    54 h4 { 
    55     font-weight: 700;
    56     font-size: 20px;
    57     line-height: 27px;
    58     margin: 0 0 14px 0;
    59 }
    60 h5 { 
    61     font-weight: 700;
    62     font-size: 14px;
    63     line-height: 18px;
    64     margin: 0 0 14px 0;
    65 }
    66 h6 { 
    67     font-weight: 600;
    68     font-size: 13px;
    69     line-height: 18px;
    70     color: #777;
    71 }
    72 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
    73     font-family: 'Segoe Script','Savoye LET';
    74 }
    75 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
    76     color: #ff7272;
    77 }
    78 html .btn-modern {
    79     text-transform: uppercase;
    80     font-size: .75rem;
    81     padding: .75rem 1.5rem;
    82     font-weight: 600;
    83     height: auto;
    84 }
    85 html .action.primary, html .btn {
    86     letter-spacing: 0;
    87     font-weight: 700;
    88     line-height: 1.42857;
    89     padding: .8em 2em; 
    90 
    91 html .action.primary,html .btn-primary {
    92     color: #fff;
    93     background-color: #7aa93c;
    94     border-color: #7aa93c #7aa93c #5f842f;
    95 }
    96 html .btn-xl {
    97     font-size: 1rem;
    98     padding: .8rem 2rem;
    99 }
    100 .btn-modern.btn-xl {
    101     font-size: 1rem;
    102     padding: 1.25em 3.125em;
    103 
    104 .btn-modern.btn-lg {
    105     font-size: .9375rem;
    106     padding: 1.1em 3em;
    107 }
    108 html .btn-lg { 
    109     line-height: 1.3333;
    110 }
    111 .btn-flat {
    112     padding: 0!important;
    113     background: none!important;
    114     border: none!important;
    115     border-bottom: 1px solid transparent!important;
    116     box-shadow: none!important;
    117     text-transform: uppercase;
    118     font-size: .75rem;
    119 
    120 html .btn-dark {
    121     color: #fff;
    122     background-color: #222529;
    123     border-color: #222529 #222529 #0b0c0e;
    124 
    125 html .btn-light {
    126     color: #222529;
    127     background-color: #fff;
    128     border-color: #fff #fff #e6e6e6;
    129 }
    130 html .btn-quaternary {
    131     color: #fff;
    132     background-color: #000;
    133     border-color: #000 #000 #000;
    134 }
    135 html .background-color-secondary {
    136     background-color: #f4a085 !important;
    137 }
    138 .page-header.type1 .header-main { 
    139     border-top: 1px solid #e7e7e7;
    140 }
    141 .page-header.type1 .panel.wrapper {
    142     min-height: 42px;
    143 }
    144 .page-header.type1 .main-panel-top .share-links a 
    145     width: 26px;
    146     height: 26px; 
    147 }
    148 .page-header.type1 .main-panel-top .panel.header+.gap { 
    149     height: 19px; 
    150     background: #e7e7e7; 
    151     margin: 0 8px 0 4px;
    152 }
    153 .page-header.type1 .header.panel > .header.links > li {
    154     line-height: 29px; 
    155     text-transform: capitalize;
    156 }
    157 .page-header.type1 .header.panel > .header.links > li.greet.welcome {
    158     padding-right: 13px;
    159 }
    160 .page-header.type1 .header.panel > .header.links > li > a {
    161     padding: 0 13px; 
    162 }
    163 .page-header.type1 .switcher .options .action.toggle {
    164     padding-left: 0;
    165 }
    166 .page-header.type1 .search-category { 
    167     border-color: #fff;
    168 }
    169 .page-header.type1 .search-area .minisearch .actions button {
    170     width: 44px;
    171     line-height: 42px;
    172 }
    173 .page-header.type1 .search-area .block-search input {
    174     font-size: inherit;
    175 }
    176 @media(min-width: 992px){
    177 .page-header.type1 .header-main .header-row .header-center { 
    178     order: -1;
    179     flex: 1;
    180     padding: 27px 0;
    181 }
    182 .page-header.type1 .header-main .header-row .header-left {
    183     min-width: auto; 
    184     justify-content: center;
    185     padding: 20px 15px;
    186 }
    187 .page-header.type1 .header-main .header-row .header-right { 
    188     flex: 1;
    189 }
    190 .page-header.type1 .search-area .block.block-search { 
    191     max-width: 347px;
    192     margin: 1px 0;
    193 }
    194 .page-header.type1 .nav-sections {
    195     border-top: 2px solid #e7e7e7;
    196 }
    197 .page-header.type1 .navigation:not(.side-megamenu) > ul { 
    198     justify-content: center;
    199 }
    200 .page-header.type1 .navigation:not(.side-megamenu) .level0 {
    201     margin-right: 35px;
    202     margin-left: 1px;
    203 }
    204 .page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top 
    205     font-weight: 700;
    206     line-height: 20px;
    207     letter-spacing: -.12px; 
    208     padding: 20px 0 20px 0;
    209     position: relative;
    210 }
    211 .page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top:before {
    212     content: '';
    213     position: absolute;
    214     border-top: 2px solid #7aa93c;
    215     top: -2px;
    216     opacity: 0;
    217     width: 100%;
    218 }
    219 .page-header.type1 .navigation:not(.side-megamenu) .level0:hover .level-top:before {
    220     opacity: 1;
    221 }
    222 }
    223 @media (min-width: 992px) and (max-width: 1219px) {
    224 .page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top {
    225     padding: 15px 0 15px 0;
    226 }
    227 }
    228 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i {
    229     display: none;
    230 
    231 .product-item-name a { 
    232     font-family: 'Poppins';
    233 }
    234 .footer .widget + .widget {
    235     margin-top: 0;
    236 }
    237 .widget .widgettitle {
    238     font-size: 1rem;
    239     letter-spacing: -.02em;
    240 }
    241 .product-item-info .product-item-details .product-item-actions .tocart {
    242     background-color: #f4f4f4;
    243     border: 1px solid #ddd;
    244     color: #333;
    245 }
    246 .footer .widgettitle, .footer .widget-title {
    247     font-size: .9375rem;
    248     font-weight: 600;
    249 }
    250 html .background-color-secondary {
    251     background-color: #ff7272!important;
    252 }
    253 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i {
    254     display: none;
    255 }  
    256 .footer, .footer p {
    257     letter-spacing: 0;
    258     font-size: 13px;
    259     line-height: 22px;
    260 }
    261 .footer .widgettitle, .footer .widget-title {
    262     font-size: 15px;
    263     font-weight: 700;
    264 }
    265 .widget.contact-info li:not(:last-child) {
    266     margin-bottom: 5px;
    267 }
    268 .footer .follow-us .share-links a {
    269     width: 37px;
    270     height: 37px;
    271     border-radius: 20px;
    272     border: 1px solid rgb(255,255,255,.06);
    273     box-shadow: none;
    274     font-size: 12px;
    275 }
    276 .footer-middle .widget {
    277     margin-bottom: 15px;
    278     margin-top: 0;
    279 }
    280 .footer .newsletter input {  
    281     background: #292c30; 
    282 }