228. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2021-07-21 10:22:18 +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.

228.1 Files compared

#LocationFileLast Modified
1/Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo10_en.css2021-04-28 03:14:22 +0000
2/Applications/Ampps/www/Porto v4.0.1/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo10_en.css2021-06-27 10:07:32 +0000

228.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged2416
Changed12
Inserted00
Removed00

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

228.4 Active regular expressions

No regular expressions were active.

228.5 Comparison detail

1 /** 1 /**
2  * WARNING: Do not change this file. Your changes will be lost. 2  * WARNING: Do not change this file. Your changes will be lost.
3  * 2021-04-28 03:14:21 */ 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 { 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 } 5 }
6 @media (min-width: 768px) { 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 { 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%; 8         width: 57.17%;
9     } 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 { 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%; 11         width: 40.83%;
12     } 12     }
13  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 { 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%; 15         width: 42.8775%;
16     } 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 { 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%; 18         width: 30.6225%;
19     } 19     }
20 } 20 }
21  21 
22 @media (max-width: 575px){ 22 @media (max-width: 575px){
23 body { 23 body {
24     font-size: 13px; 24     font-size: 13px;
25     line-height: 21px; 25     line-height: 21px;
26 } 26 }
27 } 27 }
28 @media (min-width: 1440px) { 28 @media (min-width: 1440px) {
29 .container,.layout-fullwidth .container,.layout-fullwidth .container, .layout-fullwidth .block.category.event, .layout-fullwidth .footer.content, .layout-fullwidth .header.content, .layout-fullwidth .navigation, .layout-fullwidth .page-main, .layout-fullwidth .page-wrapper>.breadcrumbs >ul, .layout-fullwidth .page-wrapper>.page-bottom, .layout-fullwidth .page-wrapper>.widget, .layout-fullwidth .top-container { 29 .container,.layout-fullwidth .container,.layout-fullwidth .container, .layout-fullwidth .block.category.event, .layout-fullwidth .footer.content, .layout-fullwidth .header.content, .layout-fullwidth .navigation, .layout-fullwidth .page-main, .layout-fullwidth .page-wrapper>.breadcrumbs >ul, .layout-fullwidth .page-wrapper>.page-bottom, .layout-fullwidth .page-wrapper>.widget, .layout-fullwidth .top-container {
30     padding-left: 40px; 30     padding-left: 40px;
31     padding-right: 40px; 31     padding-right: 40px;
32 } 32 }
33 } 33 }
34 h1, h2, h3, h4, h5, h6 { 34 h1, h2, h3, h4, h5, h6 {
35     font-family: Poppins,sans-serif; 35     font-family: Poppins,sans-serif;
36     color: #222529; 36     color: #222529;
37     letter-spacing: normal; 37     letter-spacing: normal;
38 } 38 }
39 h1{  39 h1{ 
40     font-weight: 700; 40     font-weight: 700;
41     font-size: 36px; 41     font-size: 36px;
42     line-height: 44px; 42     line-height: 44px;
43     margin: 0 0 32px 0; 43     margin: 0 0 32px 0;
44 } 44 }
45 h2 {  45 h2 { 
46     font-weight: 700; 46     font-weight: 700;
47     font-size: 30px; 47     font-size: 30px;
48     line-height: 40px; 48     line-height: 40px;
49     margin: 0 0 32px 0; 49     margin: 0 0 32px 0;
50 } 50 }
51 h3 {  51 h3 { 
52     font-weight: 700; 52     font-weight: 700;
53     font-size: 25px; 53     font-size: 25px;
54     line-height: 32px; 54     line-height: 32px;
55     margin: 0 0 20px 0; 55     margin: 0 0 20px 0;
56 } 56 }
57 h4 {  57 h4 { 
58     font-weight: 700; 58     font-weight: 700;
59     font-size: 20px; 59     font-size: 20px;
60     line-height: 27px; 60     line-height: 27px;
61     margin: 0 0 14px 0; 61     margin: 0 0 14px 0;
62 } 62 }
63 h5 {  63 h5 { 
64     font-weight: 700; 64     font-weight: 700;
65     font-size: 14px; 65     font-size: 14px;
66     line-height: 18px; 66     line-height: 18px;
67     margin: 0 0 14px 0; 67     margin: 0 0 14px 0;
68 } 68 }
69 h6 {  69 h6 { 
70     font-weight: 600; 70     font-weight: 600;
71     font-size: 14px; 71     font-size: 14px;
72     line-height: 18px; 72     line-height: 18px;
73     margin: 0 0 14px 0;  73     margin: 0 0 14px 0; 
74 } 74 }
75 .home-banner-slider h2.vc_custom_heading, .custom-font4 { 75 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
76     font-family: 'Segoe Script','Savoye LET'; 76     font-family: 'Segoe Script','Savoye LET';
77 } 77 }
78 html .heading-secondary, html .lnk-secondary, html .text-color-secondary { 78 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
79     color: #ff7272; 79     color: #ff7272;
80 } 80 }
81 html .action.primary, html .btn { 81 html .action.primary, html .btn {
82     font-family: Poppins; 82     font-family: Poppins;
83     letter-spacing: 0; 83     letter-spacing: 0;
84     font-weight: 700; 84     font-weight: 700;
85     line-height: 1.42857; 85     line-height: 1.42857;
86     padding: .8em 2em; 86     padding: .8em 2em;
87     border-radius: 0; 87     border-radius: 0;
88 } 88 }
89 html .action.primary { 89 html .action.primary {
90     color: #fff; 90     color: #fff;
91     background-color: #222529; 91     background-color: #222529;
92     border-color: #222529 #222529 #0b0c0e; 92     border-color: #222529 #222529 #0b0c0e;
93 } 93 }
94 html .btn-modern { 94 html .btn-modern {
95     font-size: .8125rem; 95     font-size: .8125rem;
96     padding: 1em 2.8em; 96     padding: 1em 2.8em;
97     text-transform: uppercase; 97     text-transform: uppercase;
98     height: auto; 98     height: auto;
99  99 
100 .btn-flat { 100 .btn-flat {
101     padding: 0!important; 101     padding: 0!important;
102     background: none!important; 102     background: none!important;
103     border: none!important; 103     border: none!important;
104     border-bottom: 1px solid transparent!important; 104     border-bottom: 1px solid transparent!important;
105     box-shadow: none!important; 105     box-shadow: none!important;
106     text-transform: uppercase; 106     text-transform: uppercase;
107     font-size: 1rem; 107     font-size: 1rem;
108  108 
109 html .btn-dark { 109 html .btn-dark {
110     color: #fff; 110     color: #fff;
111     background-color: #222529; 111     background-color: #222529;
112     border-color: #222529 #222529 #0b0c0e; 112     border-color: #222529 #222529 #0b0c0e;
113  113 
114 html .btn-light { 114 html .btn-light {
115     color: #222529; 115     color: #222529;
116     background-color: #fff; 116     background-color: #fff;
117     border-color: #fff #fff #e6e6e6; 117     border-color: #fff #fff #e6e6e6;
118 } 118 }
119 html .background-color-secondary { 119 html .background-color-secondary {
120     background-color: #ff7272!important; 120     background-color: #ff7272!important;
121 } 121 }
122 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i { 122 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i {
123     display: none; 123     display: none;
124 } 124 }
125 .top-icon .porto-sicon-header { 125 .top-icon .porto-sicon-header {
126     margin-bottom: .75rem; 126     margin-bottom: .75rem;
127 } 127 }
128 .widget .widgettitle { 128 .widget .widgettitle {
129     font-size: 1rem; 129     font-size: 1rem;
130     letter-spacing: -.02em; 130     letter-spacing: -.02em;
131 }   131 }  
132  132 
133 .footer, .footer p { 133 .footer, .footer p {
134     font-size: 13px; 134     font-size: 13px;
135     line-height: 24px; 135     line-height: 24px;
136     letter-spacing: 0; 136     letter-spacing: 0;
137 } 137 }
138 .footer-middle { 138 .footer-middle {
139     font-family: Poppins,sans-serif;  139     font-family: Poppins,sans-serif; 
140 } 140 }
141 .footer-middle .widget { 141 .footer-middle .widget {
142     margin-bottom: 1.875rem; 142     margin-bottom: 1.875rem;
143     margin-top: 1.875rem; 143     margin-top: 1.875rem;
144  144 
145 .footer-middle > .container {  145 .footer-middle > .container { 
146     padding-top: 2.25rem; 146     padding-top: 2.25rem;
147     padding-bottom: 0; 147     padding-bottom: 0;
148 } 148 }
149 .footer-middle .widget:first-child { 149 .footer-middle .widget:first-child {
150     margin-top: 0; 150     margin-top: 0;
151 } 151 }
152 .footer .widgettitle, .footer .widget-title { 152 .footer .widgettitle, .footer .widget-title {
153     font-size: 15px; 153     font-size: 15px;
154     font-weight: 700; 154     font-weight: 700;
155 } 155 }
156 .widget:first-child { 156 .widget:first-child {
157     margin-top: 0; 157     margin-top: 0;
158 } 158 }
159 .footer .contact-info .contact-details strong { 159 .footer .contact-info .contact-details strong {
160     line-height: 1; 160     line-height: 1;
161     color: #000;  161     color: #000; 
162 } 162 }
163 .footer .follow-us .share-links a { 163 .footer .follow-us .share-links a {
164     width: 36px; 164     width: 36px;
165     height: 36px; 165     height: 36px;
166     border-radius: 20px; 166     border-radius: 20px;
167     border: none; 167     border: none;
168     box-shadow: none; 168     box-shadow: none;
169 } 169 }
170 .footer .follow-us .share-links a:not(:hover) { 170 .footer .follow-us .share-links a:not(:hover) {
171     background: #f4f4f4; 171     background: #f4f4f4;
172     color: #222529; 172     color: #222529;
173 } 173 }
174 .footer-middle > .container::after {  174 .footer-middle > .container::after { 
175     left: 40px;  175     left: 40px; 
176     right: 40px; 176     right: 40px;
177     border-color: #e7e7e7; 177     border-color: #e7e7e7;
178 } 178 }
179 .footer .newsletter input { 179 .footer .newsletter input {
180     height: 44px; 180     height: 44px;
181     color: #777; 181     color: #777;
182     background: #f4f4f4; 182     background: #f4f4f4;
183     font-size: .8125rem; 183     font-size: .8125rem;
184     border-radius: 2rem 0 0 2rem; 184     border-radius: 2rem 0 0 2rem;
185     padding-left: 1.25rem; 185     padding-left: 1.25rem;
186 } 186 }
187 .footer .newsletter .action.subscribe { 187 .footer .newsletter .action.subscribe {
188     font-size: .8125rem; 188     font-size: .8125rem;
189     font-weight: 700; 189     font-weight: 700;
190     text-transform: uppercase; 190     text-transform: uppercase;
191     border-radius: 0 2rem 2rem 0; 191     border-radius: 0 2rem 2rem 0;
192     padding: 0 1.5rem; 192     padding: 0 1.5rem;
193     height: 44px; 193     height: 44px;
194 } 194 }
195 .footer-bottom {  195 .footer-bottom { 
196     padding-bottom: 3rem; 196     padding-bottom: 3rem;
197     font-size: 12px; 197     font-size: 12px;
198  198 
199 .toolbar-products {  199 .toolbar-products { 
200     background: #f4f4f4; 200     background: #f4f4f4;
201     padding: 12px 2px 2px 12px; 201     padding: 12px 2px 2px 12px;
202     margin-bottom: 20px; 202     margin-bottom: 20px;
203     margin-right: 0; 203     margin-right: 0;
204  204 
205 .products.wrapper ~ .toolbar {  205 .products.wrapper ~ .toolbar { 
206     background: none; 206     background: none;
207     padding: 0; 207     padding: 0;
208     padding-top: 25px; 208     padding-top: 25px;
209 } 209 }