Index: static/css/main.css |
=================================================================== |
--- a/static/css/main.css |
+++ b/static/css/main.css |
@@ -787,8 +787,114 @@ |
margin-top: -60px; |
margin-left: -40px; |
} |
.hide-disclaimer .video-play |
{ |
margin-top: -40px; |
} |
+ |
+/****************************************************************************** |
+ * .item-group |
+ *****************************************************************************/ |
+ |
+.item-group |
+{ |
+ text-align: center; |
+ padding-top: 3em; |
+ padding-bottom: 3em; |
+} |
+ |
+.item-group img |
+{ |
+ height: 5em; |
+ width: auto; |
+} |
+ |
+.item-group h2 |
+{ |
+ text-transform: uppercase; |
+} |
+ |
+@media (max-width: 575px) |
+{ |
+ .item-group .column |
+ { |
+ margin-bottom: 3em; |
+ } |
+ |
+ .item-group .column:last-of-type |
+ { |
+ margin-bottom: 0; |
+ } |
+} |
+ |
+@media (min-width: 576px) and (max-width: 1023px) |
+{ |
+ .item-group |
+ { |
+ text-align: left; |
+ } |
+ |
+ [dir="rtl"] .item-group |
+ { |
+ text-align: right; |
+ } |
+ |
+ .item-group .column |
+ { |
+ position: relative; |
+ width: auto; |
+ padding: 0 3em 2em 10.5em; |
+ min-height: 7em; /* Height of image plus 2em bottom padding */ |
+ } |
+ |
+ [dir="rtl"] .item-group .column |
+ { |
+ padding: 0 10.5em 2em 3em; |
+ } |
+ |
+ .item-group .column:last-of-type |
+ { |
+ padding-bottom: 0; |
+ min-height: 6em; /* Height of image */ |
+ } |
+ |
+ .item-group img |
+ { |
+ position: absolute; |
+ left: 3em; |
+ top: 0.5em; |
+ } |
+ |
+ [dir="rtl"] .item-group img |
+ { |
+ left: auto; |
+ right: 3em; |
+ } |
+ |
+ .item-group h2 |
+ { |
+ margin: 0; |
+ } |
+} |
+ |
+/* Horizontal List |
+ ******************************************************************************/ |
+ |
+.horizontal-list |
+{ |
+ display: inline; |
+ list-style: none; |
+} |
+ |
+.horizontal-list, |
+.content .horizontal-list |
+{ |
+ padding: 0; |
+} |
+ |
+.horizontal-list li |
+{ |
+ display: inline; |
+ list-style: none; |
+} |