border-radius: 5px;
position: relative;
text-align: center;
+ display: flex;
+ align-items: center;
+}
+
+.ryf-list .field--type-image a {
+ display: inline-block;
+ margin: 0 auto;
}
-.ryf-list img {
+.ryf-list .field--type-image img {
width: auto;
- height: 100%;
- margin: auto 0;
+ max-height: 150px;
+ margin: 0 auto;
display: inline-block;
}
}
}
@media screen and (min-width: 660px) and (max-width: 767px) {
- .ryf-list-row {
- max-width: 600px;
- }
.ryf-list-row {
margin: 0 auto;
max-width: 660px;
overflow: auto;
}
-@media screen and (max-width: 767px) {
- .vendors-list-row {
- margin: 0px auto;
- }
-
- .vendors-list {
- margin-bottom: 40px;
- list-style: none;
-
- overflow: auto;
- }
-
- .vendors-list .views-field-field-icon {
- width: 220px;
-
- margin: 0px auto 20px auto;
- }
-
- .vendors-list .views-field-field-icon img {
- margin: 0 auto;
- }
-
- .vendors-list .views-field-name,
- .vendors-list .views-field-field-description-summary,
- .vendors-list .views-field-description__value {
- max-width: 300px;
- margin: 0 auto 10px auto;
- }
-
- .vendors-list .views-field-name {
- font-weight: bold;
- font-size: 18px;
- text-align: center;
- }
+.vendors-list {
+ margin-bottom: 40px;
+ list-style: none;
+ overflow: auto;
}
-@media screen and (min-width: 768px) {
- .vendors-list-row {
- width: 600px;
- margin: 0px auto;
- }
-
- .vendors-list {
- list-style: none;
- clear: left;
-
- overflow: auto;
- }
+.vendors-list .views-field-field-icon {
+ width: 220px;
+ height: 220px;
- .vendors-list .views-field-field-icon {
- width: 220px;
- height: 220px;
-
- margin-bottom: 40px;
+ display: flex;
+ align-items: center;
- float: left;
- }
+ margin: 0px auto 20px auto;
+}
- .vendors-list .views-field-field-icon img {
- margin: 0 auto;
- }
+.vendors-list .views-field-field-icon img {
+ margin: 0 auto;
+}
- .vendors-list .views-field-name,
- .vendors-list .views-field-field-description-summary,
- .vendors-list .views-field-description__value {
- margin-left: 300px;
- }
+.vendors-list .views-field-name,
+.vendors-list .views-field-field-description-summary,
+.vendors-list .views-field-description__value {
+ max-width: 300px;
+ margin: 0 auto 10px auto;
+}
- .vendors-list .views-field-name {
- margin-bottom: 10px;
- font-weight: bold;
- font-size: 18px;
- }
+.vendors-list .views-field-name {
+ font-weight: bold;
+ font-size: 18px;
+ text-align: center;
}
.view-taxonomy-term .view-header .field--name-description,
.view-taxonomy-term .view-header .field--name-field-description-summary,
+ .view-taxonomy-term .view-header .field--name-field-vendor-website,
.view-taxonomy-term .view-header .field--name-field-vendor-support-link,
.view-taxonomy-term .view-header .field--name-field-vendor-support-email {
max-width: 360px;
.view-taxonomy-term .view-header .field--name-description,
.view-taxonomy-term .view-header .field--name-field-description-summary,
+ .view-taxonomy-term .view-header .field--name-field-vendor-website,
.view-taxonomy-term .view-header .field--name-field-vendor-support-link,
.view-taxonomy-term .view-header .field--name-field-vendor-support-email {
- margin-left: 260px;
+ margin: 15px auto 0 260px;
}
}
.path-search .region-content > ol li {
width: 280px;
- height: 280px;
+ height: 320px;
margin: 0px auto;
padding: 10px;
}
.path-search .region-content > ol li .search-image {
- width: 100px;
- height: 100px;
+ width: 220px;
+ height: 220px;
margin: 0 auto;
align-items: center;
}
+.path-search .region-content > ol li p {
+ display: block;
+ width: 220px;
+ margin: 0 auto;
+}
+
.path-search .region-content > ol li img {
}