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

243.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_demo24_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_demo24_en.css2021-06-27 10:07:32 +0000

243.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged2620
Changed12
Inserted00
Removed00

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

243.4 Active regular expressions

No regular expressions were active.

243.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 (min-width: 1500px) { 22 @media (min-width: 1500px) {
23 body { 23 body {
24     margin: 30px; 24     margin: 30px;
25     overflow: hidden; 25     overflow: hidden;
26 } 26 }
27 } 27 }
28 @media (min-width: 1440px) { 28 @media (min-width: 1440px) {
29 .layout-1220 .block.category.event, .layout-1220 .footer.content, .layout-1220 .header.content, .layout-1220 .navigation, .layout-1220 .page-main, .layout-1220 .page-wrapper>.breadcrumbs >ul, .layout-1220 .page-wrapper>.page-bottom, .layout-1220 .page-wrapper>.widget, .layout-1220 .top-container, .layout-1220 .container { 29 .layout-1220 .block.category.event, .layout-1220 .footer.content, .layout-1220 .header.content, .layout-1220 .navigation, .layout-1220 .page-main, .layout-1220 .page-wrapper>.breadcrumbs >ul, .layout-1220 .page-wrapper>.page-bottom, .layout-1220 .page-wrapper>.widget, .layout-1220 .top-container, .layout-1220 .container {
30     max-width: 1404px; 30     max-width: 1404px;
31 } 31 }
32 } 32 }
33 body {  33 body { 
34     line-height: 25px; 34     line-height: 25px;
35     letter-spacing: 0;  35     letter-spacing: 0; 
36     background-color: #f4f4f4; 36     background-color: #f4f4f4;
37 } 37 }
38 @media (max-width: 575px){ 38 @media (max-width: 575px){
39 body { 39 body {
40     font-size: 13px; 40     font-size: 13px;
41     line-height: 21px; 41     line-height: 21px;
42 } 42 }
43 } 43 }
44 p {  44 p { 
45     letter-spacing: 0; 45     letter-spacing: 0;
46     margin: 0 0 1.25rem; 46     margin: 0 0 1.25rem;
47     line-height: inherit; 47     line-height: inherit;
48 } 48 }
49 li { 49 li {
50     line-height: 25px; 50     line-height: 25px;
51 } 51 }
52 h1, h2, h3, h4, h5, h6 { 52 h1, h2, h3, h4, h5, h6 {
53     font-family: Poppins,sans-serif; 53     font-family: Poppins,sans-serif;
54     color: #222529;  54     color: #222529; 
55 } 55 }
56 h1 {  56 h1 { 
57     font-weight: 700; 57     font-weight: 700;
58     font-size: 32px; 58     font-size: 32px;
59     line-height: 40px; 59     line-height: 40px;
60     letter-spacing: -.32px; 60     letter-spacing: -.32px;
61     margin: 0 0 32px 0; 61     margin: 0 0 32px 0;
62 } 62 }
63 h2 {  63 h2 { 
64     font-weight: 600; 64     font-weight: 600;
65     font-size: 24px; 65     font-size: 24px;
66     line-height: 30px; 66     line-height: 30px;
67     letter-spacing: -.24px; 67     letter-spacing: -.24px;
68     margin: 0 0 32px 0; 68     margin: 0 0 32px 0;
69 } 69 }
70 h3 {  70 h3 { 
71     font-weight: 500; 71     font-weight: 500;
72     font-size: 20px; 72     font-size: 20px;
73     line-height: 28px; 73     line-height: 28px;
74     letter-spacing: 0; 74     letter-spacing: 0;
75     margin: 0 0 20px 0; 75     margin: 0 0 20px 0;
76 } 76 }
77 h4 {  77 h4 { 
78     font-weight: 500; 78     font-weight: 500;
79     font-size: 16px; 79     font-size: 16px;
80     line-height: 22px; 80     line-height: 22px;
81     letter-spacing: 0; 81     letter-spacing: 0;
82     margin: 0 0 14px 0; 82     margin: 0 0 14px 0;
83     color: #2b2b2d; 83     color: #2b2b2d;
84 } 84 }
85 h5 {  85 h5 { 
86     font-weight: 500; 86     font-weight: 500;
87     font-size: 14px; 87     font-size: 14px;
88     line-height: 18px; 88     line-height: 18px;
89     letter-spacing: 0; 89     letter-spacing: 0;
90     margin: 0 0 14px 0; 90     margin: 0 0 14px 0;
91     color: #2b2b2d; 91     color: #2b2b2d;
92 } 92 }
93 h6 {  93 h6 { 
94     font-weight: 400; 94     font-weight: 400;
95     font-size: 13px; 95     font-size: 13px;
96     line-height: 18px; 96     line-height: 18px;
97     letter-spacing: 0; 97     letter-spacing: 0;
98     margin: 0 0 14px 0; 98     margin: 0 0 14px 0;
99 } 99 }
100 .home-banner-slider h2.vc_custom_heading, .custom-font4 { 100 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
101     font-family: 'Segoe Script','Savoye LET'; 101     font-family: 'Segoe Script','Savoye LET';
102 } 102 }
103 html .heading-secondary, html .lnk-secondary, html .text-color-secondary { 103 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
104     color: #ff7272; 104     color: #ff7272;
105 } 105 }
106 html .btn-modern { 106 html .btn-modern {
107     text-transform: uppercase; 107     text-transform: uppercase;
108     font-size: .75rem; 108     font-size: .75rem;
109     padding: .75rem 1.5rem; 109     padding: .75rem 1.5rem;
110     font-weight: 600; 110     font-weight: 600;
111     height: auto; 111     height: auto;
112 } 112 }
113 html .action.primary, html .btn { 113 html .action.primary, html .btn {
114     font-family: Poppins;  114     font-family: Poppins; 
115     font-weight: 500; 115     font-weight: 500;
116     line-height: 1.42857; 116     line-height: 1.42857;
117     padding: .533rem .933rem;  117     padding: .533rem .933rem; 
118     letter-spacing: 0; 118     letter-spacing: 0;
119 } 119 }
120 html .btn-modern { 120 html .btn-modern {
121     font-size: .8125rem; 121     font-size: .8125rem;
122     padding: 1em 2.8em; 122     padding: 1em 2.8em;
123 } 123 }
124 html .action.primary, html .btn-primary { 124 html .action.primary, html .btn-primary {
125     color: #fff; 125     color: #fff;
126     background-color: #3256f4; 126     background-color: #3256f4;
127     border-color: #3256f4 #3256f4 #0d35e7; 127     border-color: #3256f4 #3256f4 #0d35e7;
128 } 128 }
129 html .btn-secondary { 129 html .btn-secondary {
130     color: #fff; 130     color: #fff;
131     background-color: #fe1656; 131     background-color: #fe1656;
132     border-color: #fe1656 #fe1656 #e1013f; 132     border-color: #fe1656 #fe1656 #e1013f;
133 } 133 }
134 html .btn-tertiary { 134 html .btn-tertiary {
135     color: #fff; 135     color: #fff;
136     background-color: #047490; 136     background-color: #047490;
137     border-color: #047490 #047490 #034d5f; 137     border-color: #047490 #047490 #034d5f;
138 } 138 }
139 html .btn-xl { 139 html .btn-xl {
140     font-size: 1rem; 140     font-size: 1rem;
141     padding: .8rem 2rem; 141     padding: .8rem 2rem;
142 } 142 }
143 .btn-modern.btn-xl { 143 .btn-modern.btn-xl {
144     font-size: 1rem; 144     font-size: 1rem;
145     padding: 1.25em 3.125em; 145     padding: 1.25em 3.125em;
146 } 146 }
147 .btn-md { 147 .btn-md {
148     font-size: .8571em; 148     font-size: .8571em;
149     font-weight: 600; 149     font-weight: 600;
150 } 150 }
151 .btn-xl { 151 .btn-xl {
152     font-size: 1rem; 152     font-size: 1rem;
153     padding: .8rem 2rem; 153     padding: .8rem 2rem;
154 } 154 }
155 .btn-flat { 155 .btn-flat {
156     padding: 0!important; 156     padding: 0!important;
157     background: none!important; 157     background: none!important;
158     border: none!important; 158     border: none!important;
159     border-bottom: 1px solid transparent!important; 159     border-bottom: 1px solid transparent!important;
160     box-shadow: none!important; 160     box-shadow: none!important;
161     text-transform: uppercase; 161     text-transform: uppercase;
162     font-size: .75rem; 162     font-size: .75rem;
163  163 
164 html .btn-dark { 164 html .btn-dark {
165     color: #fff; 165     color: #fff;
166     background-color: #222529; 166     background-color: #222529;
167     border-color: #222529 #222529 #0b0c0e; 167     border-color: #222529 #222529 #0b0c0e;
168  168 
169 html .btn-light { 169 html .btn-light {
170     color: #222529; 170     color: #222529;
171     background-color: #fff; 171     background-color: #fff;
172     border-color: #fff #fff #e6e6e6; 172     border-color: #fff #fff #e6e6e6;
173 } 173 }
174 html .btn-quaternary { 174 html .btn-quaternary {
175     color: #fff; 175     color: #fff;
176     background-color: #383f48; 176     background-color: #383f48;
177     border-color: #383f48 #383f48 #22262c; 177     border-color: #383f48 #383f48 #22262c;
178 } 178 }
179 html .background-color-secondary { 179 html .background-color-secondary {
180     background-color: #f4a085 !important; 180     background-color: #f4a085 !important;
181 } 181 }
182 .product-item-name a,.products-grid .price-box .price {  182 .product-item-name a,.products-grid .price-box .price { 
183     font-family: 'Open Sans'; 183     font-family: 'Open Sans';
184     letter-spacing: .005em; 184     letter-spacing: .005em;
185  185 
186 .products-grid .product-item .product-item-info.type3 {  186 .products-grid .product-item .product-item-info.type3 { 
187     border: 1px solid #e7e7e7; 187     border: 1px solid #e7e7e7;
188     padding: 16px 16px 5px; 188     padding: 16px 16px 5px;
189     box-shadow: 0 2px 3px 0 rgb(0 0 0 / 5%); 189     box-shadow: 0 2px 3px 0 rgb(0 0 0 / 5%);
190 } 190 }
191 .product-item-info.type3:hover .product-item-photo { 191 .product-item-info.type3:hover .product-item-photo {
192     box-shadow: 0 25px 35px -5px rgb(0 0 0 / 10%); 192     box-shadow: 0 25px 35px -5px rgb(0 0 0 / 10%);
193 } 193 }
194 .top-icon .porto-sicon-header { 194 .top-icon .porto-sicon-header {
195     margin-bottom: .75rem; 195     margin-bottom: .75rem;
196 } 196 }
197 .widget, .sidebar-content .widget {margin-top: 1.5rem;margin-bottom: 1.5rem;} 197 .widget, .sidebar-content .widget {margin-top: 1.5rem;margin-bottom: 1.5rem;}
198 .widget .widgettitle { 198 .widget .widgettitle {
199     font-size: 1rem; 199     font-size: 1rem;
200     letter-spacing: -.02em; 200     letter-spacing: -.02em;
201  201 
202 .footer .widgettitle, .footer .widget-title { 202 .footer .widgettitle, .footer .widget-title {
203     font-size: 1.23em; 203     font-size: 1.23em;
204     text-transform: none; 204     text-transform: none;
205     font-weight: 600; 205     font-weight: 600;
206 } 206 }
207 html .background-color-secondary { 207 html .background-color-secondary {
208     background-color: #ff7272!important; 208     background-color: #ff7272!important;
209  209 
210 .page-wrapper > .breadcrumbs {    210 .page-wrapper > .breadcrumbs {   
211     border-top: 1px solid #e7e7e7; 211     border-top: 1px solid #e7e7e7;
212     border-bottom: 1px solid #e7e7e7; 212     border-bottom: 1px solid #e7e7e7;
213     margin-bottom: 35px; 213     margin-bottom: 35px;
214     font-size: 10px; 214     font-size: 10px;
215     font-weight: 700; 215     font-weight: 700;
216     letter-spacing: .05em; 216     letter-spacing: .05em;
217 } 217 }
218 .page-wrapper > .breadcrumbs .items { 218 .page-wrapper > .breadcrumbs .items {
219     padding-top: 16px; 219     padding-top: 16px;
220     padding-bottom: 16px; 220     padding-bottom: 16px;
221 } 221 }
222 .page-wrapper > .breadcrumbs .items>li.home a { 222 .page-wrapper > .breadcrumbs .items>li.home a {
223     width: auto; 223     width: auto;
224     text-indent: 0; 224     text-indent: 0;
225 } 225 }
226 .page-wrapper > .breadcrumbs .items>li.home a:after { 226 .page-wrapper > .breadcrumbs .items>li.home a:after {
227     display: none; 227     display: none;
228 } 228 }
229 .catalog-category-view .sidebar.sidebar-main .sidebar-content { 229 .catalog-category-view .sidebar.sidebar-main .sidebar-content {
230     border: none; 230     border: none;
231 } 231 }
232 .sidebar .sidebar-content .block-category-list, .side-custom-block .custom-block,.filter-options-item,.filter-actions { 232 .sidebar .sidebar-content .block-category-list, .side-custom-block .custom-block,.filter-options-item,.filter-actions {
233     padding: 0; 233     padding: 0;
234     margin-bottom: 30px; 234     margin-bottom: 30px;
235     border: none; 235     border: none;
236 } 236 }
237 .filter-current {padding: 0;} 237 .filter-current {padding: 0;}
238 .block-category-list .block-title, .side-custom-block .custom-block h2, .filter-options-title, .filter .filter-current-subtitle { 238 .block-category-list .block-title, .side-custom-block .custom-block h2, .filter-options-title, .filter .filter-current-subtitle {
239     border-bottom: 1px solid #e7e7e7; 239     border-bottom: 1px solid #e7e7e7;
240     padding: 6px 0 6px; 240     padding: 6px 0 6px;
241     margin-bottom: 0; 241     margin-bottom: 0;
242     line-height: 1.4; 242     line-height: 1.4;
243     font-size: 12px; 243     font-size: 12px;
244     font-weight: 600; 244     font-weight: 600;
245     color: #000; 245     color: #000;
246     letter-spacing: .05em; 246     letter-spacing: .05em;
247     font-family: Poppins,sans-serif; 247     font-family: Poppins,sans-serif;
248 } 248 }
249 .side-custom-block .custom-block h2 { 249 .side-custom-block .custom-block h2 {
250     margin-bottom: 10px; 250     margin-bottom: 10px;
251 } 251 }
252 .block-category-list .block-content,.filter-options-content,.custom-block .block-content, .filter-current .items,.filter-actions { 252 .block-category-list .block-content,.filter-options-content,.custom-block .block-content, .filter-current .items,.filter-actions {
253     padding-left: 15px; 253     padding-left: 15px;
254 } 254 }
255 .block-category-list .block-content ol li a { 255 .block-category-list .block-content ol li a {
256     font-size: 12px; 256     font-size: 12px;
257     padding: 4px 0; 257     padding: 4px 0;
258     font-weight: 400; 258     font-weight: 400;
259 } 259 }
260 .side-custom-block .custom-block:last-child { 260 .side-custom-block .custom-block:last-child {
261     margin-bottom: 0; 261     margin-bottom: 0;
262 } 262 }
263 .side-custom-block .custom-block h5 { 263 .side-custom-block .custom-block h5 {
264     margin-top: 0 !important; 264     margin-top: 0 !important;
265 } 265 }
266 @media (min-width: 1440px) { 266 @media (min-width: 1440px) {
267 .page-layout-2columns-left .sidebar-main,.page-layout-2columns-right .sidebar-main {  267 .page-layout-2columns-left .sidebar-main,.page-layout-2columns-right .sidebar-main { 
268     flex: 0 0 20%; 268     flex: 0 0 20%;
269     width: 20%; 269     width: 20%;
270 } 270 }
271 .page-layout-2columns-left .column.main,.page-layout-2columns-right .column.main {  271 .page-layout-2columns-left .column.main,.page-layout-2columns-right .column.main { 
272     flex: 0 0 80%; 272     flex: 0 0 80%;
273     width: 80%; 273     width: 80%;
274 } 274 }
275 } 275 }
276 .footer, .footer p {  276 .footer, .footer p { 
277     letter-spacing: 0; 277     letter-spacing: 0;
278 } 278 }
279 .footer-middle > .container { 279 .footer-middle > .container {
280     padding-top: 3rem; 280     padding-top: 3rem;
281     padding-bottom: 1rem; 281     padding-bottom: 1rem;
282 } 282 }
283 .footer-middle > .container:before { 283 .footer-middle > .container:before {
284     content: ''; 284     content: '';
285     display: block; 285     display: block;
286     position: absolute; 286     position: absolute;
287     left: 10px; 287     left: 10px;
288     right: 10px; 288     right: 10px;
289     top: 0; 289     top: 0;
290     border-top: 1px solid #e1e1e1; 290     border-top: 1px solid #e1e1e1;
291 } 291 }
292 .footer-middle > .container::after {  292 .footer-middle > .container::after { 
293     border-color: #e1e1e1; 293     border-color: #e1e1e1;
294 } 294 }
295 @media (min-width: 992px) { 295 @media (min-width: 992px) {
296 .footer-middle .col-lg-3 { 296 .footer-middle .col-lg-3 {
297     padding-left: 4.2%; 297     padding-left: 4.2%;
298 } 298 }
299 } 299 }
300 .footer-bottom {  300 .footer-bottom { 
301     font-size: 1em; 301     font-size: 1em;
302 } 302 }
303 .footer .follow-us .share-links a { 303 .footer .follow-us .share-links a {
304     width: 30px; 304     width: 30px;
305     height: 30px; 305     height: 30px;
306     border: none; 306     border: none;
307 } 307 }
308 .footer .follow-us .share-links a:not(:hover) { 308 .footer .follow-us .share-links a:not(:hover) {
309     background: none; 309     background: none;
310     color: #333; 310     color: #333;
311 } 311 }