256. Araxis Merge File Comparison Report

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

256.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_demo5_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_demo5_en.css2021-06-27 10:07:32 +0000

256.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged2592
Changed12
Inserted00
Removed00

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

256.4 Active regular expressions

No regular expressions were active.

256.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 p {  28 p { 
29     letter-spacing: 0; 29     letter-spacing: 0;
30 } 30 }
31 h1, h2, h3, h4, h5, h6 { 31 h1, h2, h3, h4, h5, h6 {
32     color: #222529; 32     color: #222529;
33     letter-spacing: normal; 33     letter-spacing: normal;
34  34 
35 h1 { 35 h1 {
36     font-family: Poppins,sans-serif; 36     font-family: Poppins,sans-serif;
37     font-weight: 700; 37     font-weight: 700;
38     font-size: 36px; 38     font-size: 36px;
39     line-height: 44px; 39     line-height: 44px;
40     color: #222529; 40     color: #222529;
41     margin: 0 0 32px 0; 41     margin: 0 0 32px 0;
42 } 42 }
43 h2 { 43 h2 {
44     font-family: Poppins,sans-serif; 44     font-family: Poppins,sans-serif;
45     font-weight: 700; 45     font-weight: 700;
46     font-size: 14px; 46     font-size: 14px;
47     line-height: 19px; 47     line-height: 19px;
48     color: #222529; 48     color: #222529;
49     margin: 0 0 32px 0; 49     margin: 0 0 32px 0;
50 } 50 }
51 h3 { 51 h3 {
52     font-family: Poppins,sans-serif; 52     font-family: Poppins,sans-serif;
53     font-weight: 700; 53     font-weight: 700;
54     font-size: 25px; 54     font-size: 25px;
55     line-height: 32px; 55     line-height: 32px;
56     color: #222529; 56     color: #222529;
57     margin: 0 0 20px 0; 57     margin: 0 0 20px 0;
58  58 
59 h4 { 59 h4 {
60     font-family: Poppins,sans-serif; 60     font-family: Poppins,sans-serif;
61     font-weight: 700; 61     font-weight: 700;
62     font-size: 16px; 62     font-size: 16px;
63     line-height: 22px; 63     line-height: 22px;
64     color: #222529; 64     color: #222529;
65     margin: 0 0 14px 0; 65     margin: 0 0 14px 0;
66  66 
67 h5 { 67 h5 {
68     font-family: Poppins,sans-serif; 68     font-family: Poppins,sans-serif;
69     font-weight: 700; 69     font-weight: 700;
70     font-size: 14px; 70     font-size: 14px;
71     line-height: 18px; 71     line-height: 18px;
72     color: #222529; 72     color: #222529;
73     margin: 0 0 14px 0; 73     margin: 0 0 14px 0;
74  74 
75 h6 { 75 h6 {
76     font-family: Poppins,sans-serif; 76     font-family: Poppins,sans-serif;
77     font-weight: 600; 77     font-weight: 600;
78     font-size: 14px; 78     font-size: 14px;
79     line-height: 18px; 79     line-height: 18px;
80     color: #222529; 80     color: #222529;
81     margin: 0 0 14px 0; 81     margin: 0 0 14px 0;
82  82 
83 .home-banner-slider h2.vc_custom_heading, .custom-font4 { 83 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
84     font-family: 'Segoe Script','Savoye LET'; 84     font-family: 'Segoe Script','Savoye LET';
85 } 85 }
86 html .heading-secondary, html .lnk-secondary, html .text-color-secondary { 86 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
87     color: #ff7272; 87     color: #ff7272;
88 } 88 }
89 html .action.primary, html .btn { 89 html .action.primary, html .btn {
90     font-family: Poppins; 90     font-family: Poppins;
91     letter-spacing: .01em; 91     letter-spacing: .01em;
92     font-weight: 700; 92     font-weight: 700;
93     line-height: 1.42857; 93     line-height: 1.42857;
94     padding: .8em 2em; 94     padding: .8em 2em;
95     border-radius: 0; 95     border-radius: 0;
96 } 96 }
97 html .action.primary { 97 html .action.primary {
98     color: #fff; 98     color: #fff;
99     background-color: #1d70ba; 99     background-color: #1d70ba;
100     border-color: #1d70ba #1d70ba #17568e; 100     border-color: #1d70ba #1d70ba #17568e;
101 } 101 }
102 html .btn-lg { 102 html .btn-lg {
103     padding: .5rem .875rem; 103     padding: .5rem .875rem;
104     font-size: .875rem; 104     font-size: .875rem;
105     line-height: 1.3333; 105     line-height: 1.3333;
106 } 106 }
107 html .btn-modern { 107 html .btn-modern {
108     text-transform: uppercase; 108     text-transform: uppercase;
109     font-size: .75rem; 109     font-size: .75rem;
110     padding: .75rem 1.5rem;  110     padding: .75rem 1.5rem; 
111 } 111 }
112 .btn-modern.btn-xl { 112 .btn-modern.btn-xl {
113     font-size: 1rem; 113     font-size: 1rem;
114     padding: 1.25em 3.125em; 114     padding: 1.25em 3.125em;
115 } 115 }
116 .btn-modern.btn-sm { 116 .btn-modern.btn-sm {
117     font-size: .7rem; 117     font-size: .7rem;
118     padding: .7rem 1.4rem; 118     padding: .7rem 1.4rem;
119 } 119 }
120 .btn-modern.btn-lg { 120 .btn-modern.btn-lg {
121     font-size: .875rem; 121     font-size: .875rem;
122     padding: 1rem 2.25rem; 122     padding: 1rem 2.25rem;
123 } 123 }
124 .btn-flat { 124 .btn-flat {
125     padding: 0!important; 125     padding: 0!important;
126     background: none!important; 126     background: none!important;
127     border: none!important; 127     border: none!important;
128     border-bottom: 1px solid transparent!important; 128     border-bottom: 1px solid transparent!important;
129     box-shadow: none!important; 129     box-shadow: none!important;
130     text-transform: uppercase; 130     text-transform: uppercase;
131     font-size: .75rem; 131     font-size: .75rem;
132 } 132 }
133 html .btn-dark { 133 html .btn-dark {
134     color: #fff; 134     color: #fff;
135     background-color: #222529; 135     background-color: #222529;
136     border-color: #222529 #222529 #0b0c0e; 136     border-color: #222529 #222529 #0b0c0e;
137 } 137 }
138 html .btn-light { 138 html .btn-light {
139     color: #222529; 139     color: #222529;
140     background-color: #fff; 140     background-color: #fff;
141     border-color: #fff #fff #e6e6e6; 141     border-color: #fff #fff #e6e6e6;
142 } 142 }
143 html .background-color-secondary { 143 html .background-color-secondary {
144     background-color: #ff7272!important; 144     background-color: #ff7272!important;
145 } 145 }
146 .page-header { 146 .page-header {
147     border-top-width: 3px; 147     border-top-width: 3px;
148 } 148 }
149 .main-panel-top { 149 .main-panel-top {
150     border-bottom: 1px solid #e7e7e7; 150     border-bottom: 1px solid #e7e7e7;
151 } 151 }
152 .page-header .panel.wrapper::after { 152 .page-header .panel.wrapper::after {
153     display: none; 153     display: none;
154 } 154 }
155 .main-panel-top .panel.header+.gap {  155 .main-panel-top .panel.header+.gap { 
156     background: rgba(0,0,0,.04);  156     background: rgba(0,0,0,.04); 
157 } 157 }
158 .page-header.type2 { 158 .page-header.type2 {
159     border-bottom: none; 159     border-bottom: none;
160 } 160 }
161 .page-header.type2 .main-panel-top .separator { 161 .page-header.type2 .main-panel-top .separator {
162     border-color: rgba(0,0,0,.04);  162     border-color: rgba(0,0,0,.04); 
163 } 163 }
164 .page-header .switcher .options .action.toggle::after, .page-footer .switcher .options .action.toggle::after {  164 .page-header .switcher .options .action.toggle::after, .page-footer .switcher .options .action.toggle::after { 
165     margin-top: 2px; 165     margin-top: 2px;
166 } 166 }
167 .page-header.type2 .header-contact .my-account i, .page-header.type2 .header-contact .wishlist i {  167 .page-header.type2 .header-contact .my-account i, .page-header.type2 .header-contact .wishlist i { 
168     margin: 0 1px 0 3px; 168     margin: 0 1px 0 3px;
169 } 169 }
170 .page-header.type2 .header-contact .my-account {  170 .page-header.type2 .header-contact .my-account { 
171     margin-left: .45rem; 171     margin-left: .45rem;
172 } 172 }
173 @media (min-width: 992px) { 173 @media (min-width: 992px) {
174 .page-header.type2 .header.panel > .header.links > li > a { 174 .page-header.type2 .header.panel > .header.links > li > a {
175     padding-top: 7px; 175     padding-top: 7px;
176     padding-bottom: 7px; 176     padding-bottom: 7px;
177 } 177 }
178 } 178 }
179 .search-category { 179 .search-category {
180     border-color: #f6f7f9; 180     border-color: #f6f7f9;
181 } 181 }
182 .page-header.type2 .block-search input { 182 .page-header.type2 .block-search input {
183     height: 40px; 183     height: 40px;
184 } 184 }
185 .page-header.type2 .search-category {  185 .page-header.type2 .search-category { 
186     height: 40px; 186     height: 40px;
187     line-height: 40px;  187     line-height: 40px; 
188 } 188 }
189 .page-header.type2 .search-area .minisearch .actions button  189 .page-header.type2 .search-area .minisearch .actions button 
190     height: 40px; 190     height: 40px;
191 } 191 }
192 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i { 192 .page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i {
193     display: none; 193     display: none;
194 } 194 }
195 .page-header.type2 .nav-sections { 195 .page-header.type2 .nav-sections {
196     background: none; 196     background: none;
197     min-height: 50px; 197     min-height: 50px;
198 } 198 }
199 @media (min-width: 992px) { 199 @media (min-width: 992px) {
200 header.page-header.sticky-header .nav-sections { 200 header.page-header.sticky-header .nav-sections {
201     background-color: #1d70ba; 201     background-color: #1d70ba;
202 } 202 }
203 .page-header.type2 .navigation:not(.side-megamenu) .level0 { 203 .page-header.type2 .navigation:not(.side-megamenu) .level0 {
204     margin-right: 1px; 204     margin-right: 1px;
205 } 205 }
206 .page-header.type2 .navigation:not(.side-megamenu) .level0 .level-top {   206 .page-header.type2 .navigation:not(.side-megamenu) .level0 .level-top {  
207     font-family: Poppins,sans-serif;  207     font-family: Poppins,sans-serif; 
208     line-height: 20px; 208     line-height: 20px;
209     padding: 15px 20px 15px 20px; 209     padding: 15px 20px 15px 20px;
210  210 
211 .sticky-header .cart-design-2 .action.showcart .minicart-icon { 211 .sticky-header .cart-design-2 .action.showcart .minicart-icon {
212     border-color: #fff; 212     border-color: #fff;
213 } 213 }
214 .page-header.sticky-header .minicart-wrapper .action.showcart { 214 .page-header.sticky-header .minicart-wrapper .action.showcart {
215     color: #fff; 215     color: #fff;
216 } 216 }
217 } 217 }
218 .page-main {  218 .page-main { 
219     padding-bottom: 0; 219     padding-bottom: 0;
220  220 
221 .cms-index-index .page-main .columns{  221 .cms-index-index .page-main .columns{ 
222     padding: 0; 222     padding: 0;
223     background: none; 223     background: none;
224 } 224 }
225 .page-main .columns{  225 .page-main .columns{ 
226     background: #fff; 226     background: #fff;
227     padding: 20px; 227     padding: 20px;
228 } 228 }
229 .fullwidth-row { 229 .fullwidth-row {
230     width: 100%; 230     width: 100%;
231     margin-left: 0; 231     margin-left: 0;
232 } 232 }
233 .product-options-bottom, .product-info-price {  233 .product-options-bottom, .product-info-price { 
234     font-family: 'Poppins'; 234     font-family: 'Poppins';
235 }   235 }  
236 .infinite-loader .btn-load-more,.infinite-loader .loading {   236 .infinite-loader .btn-load-more,.infinite-loader .loading {  
237     width: auto; 237     width: auto;
238     border: none; 238     border: none;
239     background: #222529; 239     background: #222529;
240     color: #fff; 240     color: #fff;
241     padding: 1.4em 4em; 241     padding: 1.4em 4em;
242     font-size: .8125rem; 242     font-size: .8125rem;
243     line-height: 1.3333; 243     line-height: 1.3333;
244     font-weight: 700; 244     font-weight: 700;
245     text-transform: uppercase; 245     text-transform: uppercase;
246     font-family: inherit; 246     font-family: inherit;
247     margin-bottom: 5px; 247     margin-bottom: 5px;
248 } 248 }
249 .widget .widgettitle { 249 .widget .widgettitle {
250     font-size: 1rem; 250     font-size: 1rem;
251     letter-spacing: -.02em; 251     letter-spacing: -.02em;
252 } 252 }
253 .footer, .footer p {  253 .footer, .footer p { 
254     letter-spacing: 0; 254     letter-spacing: 0;
255 } 255 }
256 .footer .widgettitle, .footer .widget-title { 256 .footer .widgettitle, .footer .widget-title {
257     font-size: 15px; 257     font-size: 15px;
258     font-weight: 700; 258     font-weight: 700;
259 } 259 }
260 .footer-middle > .container::after {  260 .footer-middle > .container::after { 
261     border-color: #e7e7e7; 261     border-color: #e7e7e7;
262 } 262 }
263 .footer-middle .porto-separator .separator-line{ 263 .footer-middle .porto-separator .separator-line{
264     background-color: #e7e7e7 !important; 264     background-color: #e7e7e7 !important;
265 } 265 }
266 .footer .follow-us .share-links a { 266 .footer .follow-us .share-links a {
267     border: none; 267     border: none;
268 } 268 }
269 .footer .follow-us .share-links a:not(:hover) { 269 .footer .follow-us .share-links a:not(:hover) {
270     background: #fff; 270     background: #fff;
271     color: #333;  271     color: #333; 
272 } 272 }
273 .footer-middle .widget { 273 .footer-middle .widget {
274     margin-bottom: 1.875rem; 274     margin-bottom: 1.875rem;
275     margin-top: 1.875rem; 275     margin-top: 1.875rem;
276 } 276 }
277 .footer-middle .widget:first-child { 277 .footer-middle .widget:first-child {
278     margin-top: 0; 278     margin-top: 0;
279 } 279 }
280 .footer-middle .widget.follow-us { 280 .footer-middle .widget.follow-us {
281     margin-top: -15px; 281     margin-top: -15px;
282     margin-bottom: 20px; 282     margin-bottom: 20px;
283 } 283 }
284 .footer .newsletter input { 284 .footer .newsletter input {
285     height: 44px; 285     height: 44px;
286     padding-left: 20px; 286     padding-left: 20px;
287     padding-right: 20px;  287     padding-right: 20px; 
288 } 288 }
289 .footer .newsletter .action.subscribe { 289 .footer .newsletter .action.subscribe {
290     height: 44px; 290     height: 44px;
291     padding-left: 20px; 291     padding-left: 20px;
292     padding-right: 20px; 292     padding-right: 20px;
293     border-radius: 0 30px 30px 0; 293     border-radius: 0 30px 30px 0;
294 } 294 }
295 .footer .contact-info .contact-details strong {  295 .footer .contact-info .contact-details strong { 
296     color: #222529;  296     color: #222529; 
297 } 297 }