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

246.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_demo27_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_demo27_en.css2021-06-27 10:07:32 +0000

246.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged2634
Changed12
Inserted00
Removed00

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

246.4 Active regular expressions

No regular expressions were active.

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