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

230.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_demo12_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_demo12_en.css2021-06-27 10:07:32 +0000

230.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged2424
Changed12
Inserted00
Removed00

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

230.4 Active regular expressions

No regular expressions were active.

230.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: 1436px) { 22 @media (min-width: 1436px) {
23 .layout-1220 .block.category.event, .layout-1220 .footer.content, .layout-1220 .header.content, .layout-1220 .navigation, .layout-1220:not(.cms-index-index) .page-main, .layout-1220 .page-wrapper>.breadcrumbs >ul, .layout-1220 .page-wrapper>.page-bottom, .layout-1220 .page-wrapper>.widget, .layout-1220 .top-container, 23 .layout-1220 .block.category.event, .layout-1220 .footer.content, .layout-1220 .header.content, .layout-1220 .navigation, .layout-1220:not(.cms-index-index) .page-main, .layout-1220 .page-wrapper>.breadcrumbs >ul, .layout-1220 .page-wrapper>.page-bottom, .layout-1220 .page-wrapper>.widget, .layout-1220 .top-container,
24 .layout-1220 .container { 24 .layout-1220 .container {
25     max-width: 1416px; 25     max-width: 1416px;
26 } 26 }
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 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: 22px; 41     font-size: 22px;
42     line-height: 30px; 42     line-height: 30px;
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: 20px; 47     font-size: 20px;
48     line-height: 25px; 48     line-height: 25px;
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: 16px; 53     font-size: 16px;
54     line-height: 19px; 54     line-height: 19px;
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: 16px; 59     font-size: 16px;
60     line-height: 22px; 60     line-height: 22px;
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     color: #777; 73     color: #777;
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 .btn-modern { 81 html .btn-modern {
82     text-transform: uppercase; 82     text-transform: uppercase;
83     font-size: .75rem; 83     font-size: .75rem;
84     padding: .75rem 1.5rem; 84     padding: .75rem 1.5rem;
85     font-weight: 600; 85     font-weight: 600;
86     height: auto; 86     height: auto;
87 } 87 }
88 html .action.primary, html .btn { 88 html .action.primary, html .btn {
89     font-family: Poppins; 89     font-family: Poppins;
90     letter-spacing: .01em; 90     letter-spacing: .01em;
91     font-weight: 700; 91     font-weight: 700;
92     line-height: 1.42857; 92     line-height: 1.42857;
93     padding: .8em 2em;  93     padding: .8em 2em; 
94 } 94 }
95 html .action.primary { 95 html .action.primary {
96     color: #fff; 96     color: #fff;
97     background-color: #222529; 97     background-color: #222529;
98     border-color: #222529 #222529 #000; 98     border-color: #222529 #222529 #000;
99 } 99 }
100 html .btn-xl { 100 html .btn-xl {
101     font-size: 1rem; 101     font-size: 1rem;
102     padding: .8rem 2rem; 102     padding: .8rem 2rem;
103 } 103 }
104 .btn-modern.btn-xl { 104 .btn-modern.btn-xl {
105     font-size: 1rem; 105     font-size: 1rem;
106     padding: 1.25em 3.125em; 106     padding: 1.25em 3.125em;
107 } 107 }
108 .btn-flat { 108 .btn-flat {
109     padding: 0!important; 109     padding: 0!important;
110     background: none!important; 110     background: none!important;
111     border: none!important; 111     border: none!important;
112     border-bottom: 1px solid transparent!important; 112     border-bottom: 1px solid transparent!important;
113     box-shadow: none!important; 113     box-shadow: none!important;
114     text-transform: uppercase; 114     text-transform: uppercase;
115     font-size: .75rem; 115     font-size: .75rem;
116  116 
117 html .btn-lg { 117 html .btn-lg {
118     line-height: 1.3333; 118     line-height: 1.3333;
119 } 119 }
120 html .btn-dark { 120 html .btn-dark {
121     color: #fff; 121     color: #fff;
122     background-color: #222529; 122     background-color: #222529;
123     border-color: #222529 #222529 #0b0c0e; 123     border-color: #222529 #222529 #0b0c0e;
124  124 
125 html .btn-light { 125 html .btn-light {
126     color: #222529; 126     color: #222529;
127     background-color: #fff; 127     background-color: #fff;
128     border-color: #fff #fff #e6e6e6; 128     border-color: #fff #fff #e6e6e6;
129 } 129 }
130 html .btn-quaternary { 130 html .btn-quaternary {
131     color: #fff; 131     color: #fff;
132     background-color: #000; 132     background-color: #000;
133     border-color: #000 #000 #000; 133     border-color: #000 #000 #000;
134 } 134 }
135 html .background-color-secondary { 135 html .background-color-secondary {
136     background-color: #f4a085 !important; 136     background-color: #f4a085 !important;
137  137 
138 .top-icon .porto-sicon-header { 138 .top-icon .porto-sicon-header {
139     margin-bottom: 1rem; 139     margin-bottom: 1rem;
140 } 140 }
141 .widget .widgettitle { 141 .widget .widgettitle {
142     font-size: 1rem; 142     font-size: 1rem;
143     letter-spacing: 0; 143     letter-spacing: 0;
144 }   144 }  
145 .page-wrapper > .breadcrumbs .items { 145 .page-wrapper > .breadcrumbs .items {
146     font-size: .75rem;  146     font-size: .75rem; 
147     letter-spacing: 0; 147     letter-spacing: 0;
148 } 148 }
149 .page-wrapper > .breadcrumbs .items>li.home a { 149 .page-wrapper > .breadcrumbs .items>li.home a {
150     width: auto; 150     width: auto;
151     text-indent: 0; 151     text-indent: 0;
152 } 152 }
153 .page-wrapper > .breadcrumbs .items>li.home a:after { 153 .page-wrapper > .breadcrumbs .items>li.home a:after {
154     display: none; 154     display: none;
155 } 155 }
156 .block-category-list .block-title, .side-custom-block .custom-block h2 {  156 .block-category-list .block-title, .side-custom-block .custom-block h2 { 
157     font-family: 'Poppins';  157     font-family: 'Poppins'; 
158 } 158 }
159 .footer, .footer p { 159 .footer, .footer p {
160     font-size: 13px; 160     font-size: 13px;
161     line-height: 20px; 161     line-height: 20px;
162     letter-spacing: 0; 162     letter-spacing: 0;
163 } 163 }
164 .footer .widgettitle, .footer .widget-title { 164 .footer .widgettitle, .footer .widget-title {
165     font-size: 15px; 165     font-size: 15px;
166     text-transform: uppercase; 166     text-transform: uppercase;
167     font-weight: 700; 167     font-weight: 700;
168 } 168 }
169 .footer .block.newsletter .form.subscribe {  169 .footer .block.newsletter .form.subscribe { 
170     display: block; 170     display: block;
171 } 171 }
172 .footer .block.newsletter .field { 172 .footer .block.newsletter .field {
173     margin-bottom: 1rem; 173     margin-bottom: 1rem;
174  174 
175 .footer .newsletter input {  175 .footer .newsletter input { 
176     border: none;   176     border: none;  
177     padding-left: 1rem;   177     padding-left: 1rem;  
178     background: #292c30; 178     background: #292c30;
179     height: 44px; 179     height: 44px;
180     border-radius: 30px; 180     border-radius: 30px;
181     font-size: .8125rem; 181     font-size: .8125rem;
182 } 182 }
183 .footer .newsletter .action.subscribe {  183 .footer .newsletter .action.subscribe { 
184     border: none; 184     border: none;
185     height: 44px; 185     height: 44px;
186     padding-left: 1.5rem; 186     padding-left: 1.5rem;
187     padding-right: 1.5rem; 187     padding-right: 1.5rem;
188     text-transform: uppercase; 188     text-transform: uppercase;
189     border-radius: 30px; 189     border-radius: 30px;
190     font-size: .8125rem; 190     font-size: .8125rem;
191     color: #222529; 191     color: #222529;
192     background-color: #fff; 192     background-color: #fff;
193     margin-left: -1px; 193     margin-left: -1px;
194 } 194 }
195 .footer-middle .widget { 195 .footer-middle .widget {
196     margin-bottom: 1.875rem; 196     margin-bottom: 1.875rem;
197     margin-top: 1.875rem; 197     margin-top: 1.875rem;
198 } 198 }
199 .footer-middle .widget:first-child { 199 .footer-middle .widget:first-child {
200     margin-top: 0; 200     margin-top: 0;
201 } 201 }
202 .footer-middle .widget:last-child { 202 .footer-middle .widget:last-child {
203     margin-bottom: 15px; 203     margin-bottom: 15px;
204 } 204 }
205 .widget.contact-info li:not(:last-child) { 205 .widget.contact-info li:not(:last-child) {
206     margin-bottom: 5px; 206     margin-bottom: 5px;
207 } 207 }
208 .footer .contact-info .contact-details strong, .footer .contact-info .contact-details span { 208 .footer .contact-info .contact-details strong, .footer .contact-info .contact-details span {
209      line-height: 20px; 209      line-height: 20px;
210 } 210 }
211 .footer .contact-info .contact-details strong {  211 .footer .contact-info .contact-details strong { 
212     letter-spacing: .005em; 212     letter-spacing: .005em;
213 } 213 }