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

231.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_demo13_en.css2021-04-28 03:15:02 +0000
2/Applications/Ampps/www/Porto v4.0.1/Theme Files/Magento 2.x/Porto Theme/pub/media/porto/configed_csssettings_demo13_en.css2021-06-27 10:07:32 +0000

231.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged2538
Changed12
Inserted00
Removed00

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

231.4 Active regular expressions

No regular expressions were active.

231.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:15:02 */ 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 h1, h2, h3, h4, h5, h6 { 28 h1, h2, h3, h4, h5, h6 {
29     font-family: Poppins,sans-serif; 29     font-family: Poppins,sans-serif;
30     color: #222529; 30     color: #222529;
31     letter-spacing: normal; 31     letter-spacing: normal;
32 } 32 }
33 h1 {  33 h1 { 
34     font-weight: 700; 34     font-weight: 700;
35     font-size: 36px; 35     font-size: 36px;
36     line-height: 44px; 36     line-height: 44px;
37     margin: 0 0 32px 0; 37     margin: 0 0 32px 0;
38 } 38 }
39 h2 {  39 h2 { 
40     font-weight: 700; 40     font-weight: 700;
41     font-size: 30px; 41     font-size: 30px;
42     line-height: 40px; 42     line-height: 40px;
43     margin: 0 0 32px 0; 43     margin: 0 0 32px 0;
44 } 44 }
45 h3 {  45 h3 { 
46     font-weight: 700; 46     font-weight: 700;
47     font-size: 25px; 47     font-size: 25px;
48     line-height: 32px; 48     line-height: 32px;
49     margin: 0 0 20px 0; 49     margin: 0 0 20px 0;
50 } 50 }
51 h4 {  51 h4 { 
52     font-weight: 700; 52     font-weight: 700;
53     font-size: 16px; 53     font-size: 16px;
54     line-height: 20px; 54     line-height: 20px;
55     margin: 0 0 14px 0; 55     margin: 0 0 14px 0;
56 } 56 }
57 h5 {  57 h5 { 
58     font-weight: 700; 58     font-weight: 700;
59     font-size: 14px; 59     font-size: 14px;
60     line-height: 18px; 60     line-height: 18px;
61     margin: 0 0 14px 0; 61     margin: 0 0 14px 0;
62 } 62 }
63 h6 {  63 h6 { 
64     font-family: Open Sans,sans-serif; 64     font-family: Open Sans,sans-serif;
65     font-weight: 700; 65     font-weight: 700;
66     font-size: 14px; 66     font-size: 14px;
67     line-height: 18px;  67     line-height: 18px; 
68 } 68 }
69 p {  69 p { 
70     letter-spacing: 0; 70     letter-spacing: 0;
71 } 71 }
72 .home-banner-slider h2.vc_custom_heading, .custom-font4 { 72 .home-banner-slider h2.vc_custom_heading, .custom-font4 {
73     font-family: 'Segoe Script','Savoye LET'; 73     font-family: 'Segoe Script','Savoye LET';
74 } 74 }
75 html .heading-secondary, html .lnk-secondary, html .text-color-secondary { 75 html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
76     color: #ee3d43; 76     color: #ee3d43;
77 } 77 }
78 html .heading-primary, html .lnk-primary, html .text-color-primary { 78 html .heading-primary, html .lnk-primary, html .text-color-primary {
79     color: #282d3b; 79     color: #282d3b;
80 } 80 }
81  81 
82 html .btn-modern { 82 html .btn-modern {
83     text-transform: uppercase; 83     text-transform: uppercase;
84     font-size: .75rem; 84     font-size: .75rem;
85     padding: .75rem 1.5rem; 85     padding: .75rem 1.5rem;
86     font-weight: 600; 86     font-weight: 600;
87     height: auto; 87     height: auto;
88  88 
89 html .btn-sm { 89 html .btn-sm {
90     padding: .3rem .65rem; 90     padding: .3rem .65rem;
91     font-size: .75rem;  91     font-size: .75rem; 
92 } 92 }
93 html .btn-lg { 93 html .btn-lg {
94     padding: .5rem .875rem; 94     padding: .5rem .875rem;
95     font-size: .875rem;  95     font-size: .875rem; 
96 } 96 }
97 html .action.primary, html .btn { 97 html .action.primary, html .btn {
98     font-family: Poppins; 98     font-family: Poppins;
99     letter-spacing: .01em; 99     letter-spacing: .01em;
100     font-weight: 700; 100     font-weight: 700;
101     line-height: 1.42857; 101     line-height: 1.42857;
102     padding: .8em 2em;  102     padding: .8em 2em; 
103 } 103 }
104 html .action.primary, html .btn-primary { 104 html .action.primary, html .btn-primary {
105     color: #fff; 105     color: #fff;
106     background-color: #282d3b; 106     background-color: #282d3b;
107     border-color: #282d3b #282d3b #14161d; 107     border-color: #282d3b #282d3b #14161d;
108 } 108 }
109 html .btn-xl { 109 html .btn-xl {
110     font-size: 1rem; 110     font-size: 1rem;
111     padding: .8rem 2rem; 111     padding: .8rem 2rem;
112 } 112 }
113 .btn-modern.btn-xl { 113 .btn-modern.btn-xl {
114     font-size: 1rem; 114     font-size: 1rem;
115     padding: 1.25em 3.125em; 115     padding: 1.25em 3.125em;
116 } 116 }
117 .btn-modern.btn-sm { 117 .btn-modern.btn-sm {
118     font-size: .7rem; 118     font-size: .7rem;
119     padding: .7rem 1.4rem; 119     padding: .7rem 1.4rem;
120 } 120 }
121 html .btn-modern { 121 html .btn-modern {
122     font-size: .8125rem; 122     font-size: .8125rem;
123     padding: 1em 2.8em; 123     padding: 1em 2.8em;
124 } 124 }
125 html .btn-sm {  125 html .btn-sm { 
126     line-height: 1.5; 126     line-height: 1.5;
127 } 127 }
128  128 
129 html .btn-lg {  129 html .btn-lg { 
130     line-height: 1.3333; 130     line-height: 1.3333;
131 } 131 }
132 .btn-flat { 132 .btn-flat {
133     padding: 0!important; 133     padding: 0!important;
134     background: none!important; 134     background: none!important;
135     border: none!important; 135     border: none!important;
136     border-bottom: 1px solid transparent!important; 136     border-bottom: 1px solid transparent!important;
137     box-shadow: none!important; 137     box-shadow: none!important;
138     text-transform: uppercase; 138     text-transform: uppercase;
139     font-size: .75rem; 139     font-size: .75rem;
140  140 
141 html .btn-dark { 141 html .btn-dark {
142     color: #fff; 142     color: #fff;
143     background-color: #222529; 143     background-color: #222529;
144     border-color: #222529 #222529 #0b0c0e; 144     border-color: #222529 #222529 #0b0c0e;
145  145 
146 html .btn-light { 146 html .btn-light {
147     color: #222529; 147     color: #222529;
148     background-color: #fff; 148     background-color: #fff;
149     border-color: #fff #fff #e6e6e6; 149     border-color: #fff #fff #e6e6e6;
150 } 150 }
151 html .btn-quaternary { 151 html .btn-quaternary {
152     color: #fff; 152     color: #fff;
153     background-color: #000; 153     background-color: #000;
154     border-color: #000 #000 #000; 154     border-color: #000 #000 #000;
155 } 155 }
156 html .background-color-secondary { 156 html .background-color-secondary {
157     background-color: #ee3d43 !important; 157     background-color: #ee3d43 !important;
158 }   158 }  
159 .top-icon .porto-sicon-header { 159 .top-icon .porto-sicon-header {
160     margin-bottom: .75rem; 160     margin-bottom: .75rem;
161 } 161 }
162 .page-header.type1 .main-panel-top { 162 .page-header.type1 .main-panel-top {
163     border-bottom: 1px solid #e7e7e7; 163     border-bottom: 1px solid #e7e7e7;
164  164 
165 .page-header.type1 .header.panel > .header.links > li > a, .header.panel > .header.links > li.greet.welcome { 165 .page-header.type1 .header.panel > .header.links > li > a, .header.panel > .header.links > li.greet.welcome {
166     padding: 7px 12px;  166     padding: 7px 12px; 
167     text-transform: capitalize; 167     text-transform: capitalize;
168 } 168 }
169 .page-header.type1 .page-header .switcher:first-child .options .action.toggle {  169 .page-header.type1 .page-header .switcher:first-child .options .action.toggle { 
170     padding-left: 0; 170     padding-left: 0;
171 } 171 }
172 .page-header.type1 .main-panel-top .panel.header+.gap { 172 .page-header.type1 .main-panel-top .panel.header+.gap {
173     background: #e7e7e7; 173     background: #e7e7e7;
174 } 174 }
175 .page-header.type1 .header-main a.wishlist { 175 .page-header.type1 .header-main a.wishlist {
176     padding-right: 0 !important; 176     padding-right: 0 !important;
177 } 177 }
178 .block-search .action.search { 178 .block-search .action.search {
179     color: #222529; 179     color: #222529;
180 } 180 }
181 .page-header.type1 .search-category {  181 .page-header.type1 .search-category { 
182     border-color: #fff; 182     border-color: #fff;
183 } 183 }
184 .page-header.type1 .search-category select { 184 .page-header.type1 .search-category select {
185     padding-right: 8px; 185     padding-right: 8px;
186 } 186 }
187 .page-header.type1 .block-search input { 187 .page-header.type1 .block-search input {
188     font-size: inherit; 188     font-size: inherit;
189  189 
190 .page-header.type1 .block-search input::placeholder { 190 .page-header.type1 .block-search input::placeholder {
191     color: #777; 191     color: #777;
192     opacity: .7;  192     opacity: .7; 
193  193 
194 .page-header.type1 .search-area .minisearch .actions button { 194 .page-header.type1 .search-area .minisearch .actions button {
195     width: 43px; 195     width: 43px;
196  196 
197 @media (min-width: 992px) { 197 @media (min-width: 992px) {
198 .page-header.type1 .header.panel > .header.links > li.greet.welcome + .customer-welcome {   198 .page-header.type1 .header.panel > .header.links > li.greet.welcome + .customer-welcome {  
199     padding-top: 7px; 199     padding-top: 7px;
200     padding-bottom: 7px; 200     padding-bottom: 7px;
201 } 201 }
202 header.page-header.type1.sticky-header .nav-sections { 202 header.page-header.type1.sticky-header .nav-sections {
203     background-color: #282d3b; 203     background-color: #282d3b;
204 } 204 }
205 .page-header.type1 .navigation:not(.side-megamenu) .level0 { 205 .page-header.type1 .navigation:not(.side-megamenu) .level0 {
206     margin: 0 1px 0 0; 206     margin: 0 1px 0 0;
207 } 207 }
208 .page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top  208 .page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top 
209     font-weight: 700; 209     font-weight: 700;
210     line-height: 20px; 210     line-height: 20px;
211     letter-spacing: -.12px; 211     letter-spacing: -.12px;
212     padding: 20px; 212     padding: 20px;
213 } 213 }
214 .page-header.type1 .navigation:not(.side-megamenu) .level0:first-child .level-top { 214 .page-header.type1 .navigation:not(.side-megamenu) .level0:first-child .level-top {
215     padding-left: 0; 215     padding-left: 0;
216 } 216 }
217 .page-header.type1.sticky-header .cart-design-2 .action.showcart .minicart-icon { 217 .page-header.type1.sticky-header .cart-design-2 .action.showcart .minicart-icon {
218     border-color: #fff; 218     border-color: #fff;
219 } 219 }
220 .page-header.type1.sticky-header .minicart-wrapper .action.showcart, .page-header.type1.sticky-header .minicart-wrapper .action.showcart:before, .page-header.type1.sticky-header .minicart-wrapper .action.showcart.active:before { 220 .page-header.type1.sticky-header .minicart-wrapper .action.showcart, .page-header.type1.sticky-header .minicart-wrapper .action.showcart:before, .page-header.type1.sticky-header .minicart-wrapper .action.showcart.active:before {
221     color:#fff; 221     color:#fff;
222 } 222 }
223 } 223 }
224 @media (max-width: 1219px) { 224 @media (max-width: 1219px) {
225 .page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top { 225 .page-header.type1 .navigation:not(.side-megamenu) .level0 .level-top {
226     padding: 18px 12px 18px 12px; 226     padding: 18px 12px 18px 12px;
227 } 227 }
228 } 228 }
229 .widget { 229 .widget {
230     margin-bottom: 1.875rem; 230     margin-bottom: 1.875rem;
231     margin-top: 1.875rem; 231     margin-top: 1.875rem;
232 } 232 }
233 .widget:first-child { 233 .widget:first-child {
234     margin-top: 0; 234     margin-top: 0;
235 } 235 }
236 .widget .widgettitle { 236 .widget .widgettitle {
237     font-size: 1em; 237     font-size: 1em;
238     letter-spacing: 0; 238     letter-spacing: 0;
239 }   239 }  
240 .top-icon .porto-sicon-header { 240 .top-icon .porto-sicon-header {
241     margin-bottom: .75rem; 241     margin-bottom: .75rem;
242  242 
243 .products-grid .product-item .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2 { 243 .products-grid .product-item .product-item-info .weltpixel-quickview.weltpixel_quickview_button_v2 {
244     background-color: #282d3b; 244     background-color: #282d3b;
245 } 245 }
246 .page-wrapper > .breadcrumbs { 246 .page-wrapper > .breadcrumbs {
247     border-bottom: 1px solid #dfdfdf; 247     border-bottom: 1px solid #dfdfdf;
248     margin-bottom: 35px; 248     margin-bottom: 35px;
249 } 249 }
250 .page-wrapper > .breadcrumbs .items { 250 .page-wrapper > .breadcrumbs .items {
251     font-size: .75rem; 251     font-size: .75rem;
252     font-weight: 400; 252     font-weight: 400;
253     letter-spacing: 0; 253     letter-spacing: 0;
254 } 254 }
255 .page-wrapper > .breadcrumbs .items>li.home a { 255 .page-wrapper > .breadcrumbs .items>li.home a {
256     width: auto; 256     width: auto;
257     text-indent: 0; 257     text-indent: 0;
258 } 258 }
259 .page-wrapper > .breadcrumbs .items>li.home a:after {display: none;} 259 .page-wrapper > .breadcrumbs .items>li.home a:after {display: none;}
260 .block-category-list .block-title, .side-custom-block .custom-block h2 { 260 .block-category-list .block-title, .side-custom-block .custom-block h2 {
261     font-family: Poppins; 261     font-family: Poppins;
262 } 262 }
263 .footer .widgettitle, .footer .widget-title { 263 .footer .widgettitle, .footer .widget-title {
264     font-size: .9375rem; 264     font-size: .9375rem;
265     font-weight: 600; 265     font-weight: 600;
266 } 266 }
267 .footer, .footer p {  267 .footer, .footer p { 
268     line-height: 20px; 268     line-height: 20px;
269     letter-spacing: 0; 269     letter-spacing: 0;
270 } 270 }