[controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='one-third'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='one-third'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='one-third'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='one-third'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='one-third'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='one-third'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='one-third'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='one-third'], [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='one-third'], [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='one-third'], [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='one-third'], [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='one-third'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='one-third'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='one-third'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='one-third'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='one-third'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='one-third'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='one-third'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='one-third'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='one-third'] { left: 309.33333px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='one-half'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='one-half'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='one-half'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='one-half'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='one-half'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='one-half'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='one-half'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='one-half'], [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='one-half'], [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='one-half'], [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='one-half'], [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='one-half'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='one-half'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='one-half'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='one-half'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='one-half'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='one-half'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='one-half'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='one-half'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='one-half'] { left: 484px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='two-thirds'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='two-thirds'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='two-thirds'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='two-thirds'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='two-thirds'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='two-thirds'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='two-thirds'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='two-thirds'], [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='two-thirds'], [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='two-thirds'], [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='two-thirds'], [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='two-thirds'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='two-thirds'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='two-thirds'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='two-thirds'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='two-thirds'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='two-thirds'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='two-thirds'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='two-thirds'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='two-thirds'] { left: 658.66667px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='three-quarters'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='three-quarters'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='three-quarters'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='three-quarters'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='three-quarters'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='three-quarters'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='three-quarters'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='three-quarters'], [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='three-quarters'], [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='three-quarters'], [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='three-quarters'], [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='three-quarters'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='three-quarters'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='three-quarters'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='three-quarters'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='three-quarters'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text .ruler-guide[data-ratio='three-quarters'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image .ruler-guide[data-ratio='three-quarters'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text .ruler-guide[data-ratio='three-quarters'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video .ruler-guide[data-ratio='three-quarters'] { left: 746px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text .active-ratio, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image .active-ratio, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text .active-ratio, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video .active-ratio, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text .active-ratio, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image .active-ratio, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text .active-ratio, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video .active-ratio, [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text .active-ratio, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image .active-ratio, [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text .active-ratio, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video .active-ratio, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text .active-ratio, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image .active-ratio, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text .active-ratio, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video .active-ratio, [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text .active-ratio, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image .active-ratio, [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text .active-ratio, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video .active-ratio { font-weight: bold; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text .active-ratio span, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image .active-ratio span, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text .active-ratio span, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video .active-ratio span, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text .active-ratio span, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image .active-ratio span, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text .active-ratio span, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video .active-ratio span, [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text .active-ratio span, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image .active-ratio span, [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text .active-ratio span, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video .active-ratio span, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text .active-ratio span, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image .active-ratio span, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text .active-ratio span, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video .active-ratio span, [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text .active-ratio span, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image .active-ratio span, [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text .active-ratio span, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video .active-ratio span { color: #0083ed; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text .preview-field-text, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text .preview-field-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text .preview-field-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text .preview-field-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text .preview-field-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text .preview-field-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text .preview-field-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text .preview-field-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text .preview-field-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text .preview-field-text { padding-left: 40px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text .editing-field-text, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text .editing-field-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text .editing-field-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text .editing-field-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text .editing-field-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text .editing-field-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text .editing-field-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text .editing-field-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text .editing-field-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text .editing-field-text { border-left: 2px solid #444; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text .editing-field-text .ui-resizable-handle, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text .editing-field-text .ui-resizable-handle, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text .editing-field-text .ui-resizable-handle, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text .editing-field-text .ui-resizable-handle, [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text .editing-field-text .ui-resizable-handle, [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text .editing-field-text .ui-resizable-handle, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text .editing-field-text .ui-resizable-handle, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text .editing-field-text .ui-resizable-handle, [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text .editing-field-text .ui-resizable-handle, [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text .editing-field-text .ui-resizable-handle { display: none !important; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text .editing-field-image, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text .editing-field-video, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text .editing-field-image, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text .editing-field-video, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text .editing-field-image, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text .editing-field-video, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text .editing-field-image, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text .editing-field-video, [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text .editing-field-image, [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text .editing-field-video, [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text .editing-field-image, [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text .editing-field-video, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text .editing-field-image, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text .editing-field-video, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text .editing-field-image, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text .editing-field-video, [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text .editing-field-image, [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text .editing-field-video, [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text .editing-field-image, [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text .editing-field-video { position: relative; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1) { padding-right: 1%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image .preview-field-text, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video .preview-field-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image .preview-field-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video .preview-field-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image .preview-field-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video .preview-field-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image .preview-field-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video .preview-field-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image .preview-field-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video .preview-field-text { padding-right: 40px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image .editing-field-image, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image .editing-field-video, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video .editing-field-image, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video .editing-field-video, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image .editing-field-image, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image .editing-field-video, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video .editing-field-image, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video .editing-field-video, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image .editing-field-image, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image .editing-field-video, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video .editing-field-image, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video .editing-field-video, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image .editing-field-image, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image .editing-field-video, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video .editing-field-image, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video .editing-field-video, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image .editing-field-image, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image .editing-field-video, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video .editing-field-image, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video .editing-field-video { border-left: 2px solid #444; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image .editing-field-image .ui-resizable-handle, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image .editing-field-video .ui-resizable-handle, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video .editing-field-image .ui-resizable-handle, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video .editing-field-video .ui-resizable-handle, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image .editing-field-image .ui-resizable-handle, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image .editing-field-video .ui-resizable-handle, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video .editing-field-image .ui-resizable-handle, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video .editing-field-video .ui-resizable-handle, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image .editing-field-image .ui-resizable-handle, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image .editing-field-video .ui-resizable-handle, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video .editing-field-image .ui-resizable-handle, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video .editing-field-video .ui-resizable-handle, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image .editing-field-image .ui-resizable-handle, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image .editing-field-video .ui-resizable-handle, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video .editing-field-image .ui-resizable-handle, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video .editing-field-video .ui-resizable-handle, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image .editing-field-image .ui-resizable-handle, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image .editing-field-video .ui-resizable-handle, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video .editing-field-image .ui-resizable-handle, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video .editing-field-video .ui-resizable-handle { display: none !important; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image .editing-field-text, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video .editing-field-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image .editing-field-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video .editing-field-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image .editing-field-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video .editing-field-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image .editing-field-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video .editing-field-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image .editing-field-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video .editing-field-text { position: relative; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2) { padding-left: 1%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video, [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video, [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text { margin-bottom: 20px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share .editing-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share .editing-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-share .editing-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share .editing-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-share .editing-field { width: 100%; padding: 14px 30px; vertical-align: middle; border: 1px solid #444; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share .editing-field .social-icon, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share .editing-field .social-icon, [controller=BlogPageCtrl] .vhub-section-container .vhub-share .editing-field .social-icon, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share .editing-field .social-icon, [controller=AwardsPageCtrl] .vhub-section-container .vhub-share .editing-field .social-icon { font-size: 30px; line-height: 1.5em; color: #0083ed; display: inline-block; margin-right: 15px; vertical-align: middle; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index], [controller=BlogPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index], [controller=AwardsPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index] { width: 50%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='facebook'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='facebook'], [controller=BlogPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='facebook'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='facebook'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='facebook'] { height: 400px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='facebook'] input[type='file'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='facebook'] input[type='file'], [controller=BlogPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='facebook'] input[type='file'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='facebook'] input[type='file'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='facebook'] input[type='file'] { width: 100%; padding: 60px 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='pinterest'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='pinterest'], [controller=BlogPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='pinterest'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='pinterest'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='pinterest'] { height: 400px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='pinterest'] input[type='file'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='pinterest'] input[type='file'], [controller=BlogPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='pinterest'] input[type='file'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='pinterest'] input[type='file'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='pinterest'] input[type='file'] { width: 100%; padding: 90px 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='google'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='tumblr'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='email'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='google'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='tumblr'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='email'], [controller=BlogPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='google'], [controller=BlogPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='tumblr'], [controller=BlogPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='email'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='google'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='tumblr'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='email'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='google'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='tumblr'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-share .editing-field[data-index='email'] { padding: 10px 30px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share .button-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share .button-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-share .button-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share .button-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-share .button-field { width: 25%; background-color: #fff; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share .button-field select, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share .button-field select, [controller=BlogPageCtrl] .vhub-section-container .vhub-share .button-field select, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share .button-field select, [controller=AwardsPageCtrl] .vhub-section-container .vhub-share .button-field select { margin-bottom: 30px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share .link-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share .link-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-share .link-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share .link-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-share .link-field { width: 75%; background-color: #fff; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share .editing-field-inner, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share .editing-field-inner, [controller=BlogPageCtrl] .vhub-section-container .vhub-share .editing-field-inner, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share .editing-field-inner, [controller=AwardsPageCtrl] .vhub-section-container .vhub-share .editing-field-inner { display: inline-block; vertical-align: middle; width: 100%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share textarea, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share textarea, [controller=BlogPageCtrl] .vhub-section-container .vhub-share textarea, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share textarea, [controller=AwardsPageCtrl] .vhub-section-container .vhub-share textarea { width: 100%; font-size: 14px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share-preview.none, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share-preview.none, [controller=BlogPageCtrl] .vhub-section-container .vhub-share-preview.none, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share-preview.none, [controller=AwardsPageCtrl] .vhub-section-container .vhub-share-preview.none { display: none; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share-preview.corner, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share-preview.corner, [controller=BlogPageCtrl] .vhub-section-container .vhub-share-preview.corner, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share-preview.corner, [controller=AwardsPageCtrl] .vhub-section-container .vhub-share-preview.corner { position: absolute; top: 20px; right: 30px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-share-preview .social-icon, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-share-preview .social-icon, [controller=BlogPageCtrl] .vhub-section-container .vhub-share-preview .social-icon, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-share-preview .social-icon, [controller=AwardsPageCtrl] .vhub-section-container .vhub-share-preview .social-icon { background-color: transparent; margin-left: 5px; font-size: 28px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .divider-preview-1, [controller=BlogTagPageCtrl] .vhub-section-container .divider-preview-1, [controller=BlogPageCtrl] .vhub-section-container .divider-preview-1, [controller=BlogPostPageCtrl] .vhub-section-container .divider-preview-1, [controller=AwardsPageCtrl] .vhub-section-container .divider-preview-1 { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; } [controller=BlogAuthorPageCtrl] .vhub-section-container .divider-preview-2, [controller=BlogTagPageCtrl] .vhub-section-container .divider-preview-2, [controller=BlogPageCtrl] .vhub-section-container .divider-preview-2, [controller=BlogPostPageCtrl] .vhub-section-container .divider-preview-2, [controller=AwardsPageCtrl] .vhub-section-container .divider-preview-2 { font-family: "AvenirNext-Medium","Helvetica Neue","Helvetica","Arial",sans-serif; font-weight: bold; padding-left: 6px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .divider-input-1, [controller=BlogTagPageCtrl] .vhub-section-container .divider-input-1, [controller=BlogPageCtrl] .vhub-section-container .divider-input-1, [controller=BlogPostPageCtrl] .vhub-section-container .divider-input-1, [controller=AwardsPageCtrl] .vhub-section-container .divider-input-1 { margin-right: 1%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .divider-input-1 input, [controller=BlogTagPageCtrl] .vhub-section-container .divider-input-1 input, [controller=BlogPageCtrl] .vhub-section-container .divider-input-1 input, [controller=BlogPostPageCtrl] .vhub-section-container .divider-input-1 input, [controller=AwardsPageCtrl] .vhub-section-container .divider-input-1 input { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; } [controller=BlogAuthorPageCtrl] .vhub-section-container .divider-input-1 input::-webkit-input-placeholder, [controller=BlogTagPageCtrl] .vhub-section-container .divider-input-1 input::-webkit-input-placeholder, [controller=BlogPageCtrl] .vhub-section-container .divider-input-1 input::-webkit-input-placeholder, [controller=BlogPostPageCtrl] .vhub-section-container .divider-input-1 input::-webkit-input-placeholder, [controller=AwardsPageCtrl] .vhub-section-container .divider-input-1 input::-webkit-input-placeholder { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; } [controller=BlogAuthorPageCtrl] .vhub-section-container .divider-input-2 input, [controller=BlogTagPageCtrl] .vhub-section-container .divider-input-2 input, [controller=BlogPageCtrl] .vhub-section-container .divider-input-2 input, [controller=BlogPostPageCtrl] .vhub-section-container .divider-input-2 input, [controller=AwardsPageCtrl] .vhub-section-container .divider-input-2 input { font-family: "AvenirNext-Medium","Helvetica Neue","Helvetica","Arial",sans-serif; font-weight: bold; } [controller=BlogAuthorPageCtrl] .vhub-section-container .divider-input-2 input::-webkit-input-placeholder, [controller=BlogTagPageCtrl] .vhub-section-container .divider-input-2 input::-webkit-input-placeholder, [controller=BlogPageCtrl] .vhub-section-container .divider-input-2 input::-webkit-input-placeholder, [controller=BlogPostPageCtrl] .vhub-section-container .divider-input-2 input::-webkit-input-placeholder, [controller=AwardsPageCtrl] .vhub-section-container .divider-input-2 input::-webkit-input-placeholder { font-family: "AvenirNext-Medium","Helvetica Neue","Helvetica","Arial",sans-serif; font-weight: bold; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image.editing, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image.editing, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image.editing, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image.editing, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image.editing { position: relative; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image img, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image img, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image img, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image img, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image img { display: none; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img { display: block; margin: -400px auto 0; height: 400px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img[src=''], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img[src=''], [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img[src=''], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img[src=''], [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img[src=''] { height: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .extra-header-editing-fields, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .extra-header-editing-fields, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .extra-header-editing-fields, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .extra-header-editing-fields, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .extra-header-editing-fields { position: absolute; padding: 0; left: 220px; bottom: 30px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .extra-header-editing-fields .editing-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .extra-header-editing-fields .editing-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .extra-header-editing-fields .editing-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .extra-header-editing-fields .editing-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .extra-header-editing-fields .editing-field { margin: 0; padding: 0; float: none; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .preview-field { background-size: cover; display: block; float: none; position: relative; height: 400px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image { display: block; text-align: center; font-size: 60px; line-height: 1; margin: 170px 0; left: 0; bottom: 0; width: 100%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-1::before, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-2::before, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-1::before, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-2::before, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-1::before, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-2::before, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-1::before, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-2::before, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-1::before, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-2::before { background: none; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .short-header, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .short-header, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .short-header, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .short-header, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .short-header { height: 200px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .short-header .text-over-image, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .short-header .text-over-image, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .short-header .text-over-image, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .short-header .text-over-image, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .short-header .text-over-image { margin: 60px 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .short-header.overlay-image img, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .short-header.overlay-image img, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .short-header.overlay-image img, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .short-header.overlay-image img, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .short-header.overlay-image img { height: 200px; margin: -200px auto 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .short-header-input, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .short-header-input, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .short-header-input, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .short-header-input, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .short-header-input { background-color: transparent; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-confirm-delete, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-confirm-delete, [controller=BlogPageCtrl] .vhub-section-container .vhub-confirm-delete, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-confirm-delete, [controller=AwardsPageCtrl] .vhub-section-container .vhub-confirm-delete { text-align: center; width: 100%; display: none; min-height: 90px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-confirm-delete .fancybutton, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-confirm-delete .fancybutton, [controller=BlogPageCtrl] .vhub-section-container .vhub-confirm-delete .fancybutton, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-confirm-delete .fancybutton, [controller=AwardsPageCtrl] .vhub-section-container .vhub-confirm-delete .fancybutton { float: left; position: relative; color: #fff; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-confirm-delete .confirm-delete, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-confirm-delete .confirm-delete, [controller=BlogPageCtrl] .vhub-section-container .vhub-confirm-delete .confirm-delete, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-confirm-delete .confirm-delete, [controller=AwardsPageCtrl] .vhub-section-container .vhub-confirm-delete .confirm-delete { margin: 1% 0 0 28%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-confirm-delete .cancel-delete, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-confirm-delete .cancel-delete, [controller=BlogPageCtrl] .vhub-section-container .vhub-confirm-delete .cancel-delete, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-confirm-delete .cancel-delete, [controller=AwardsPageCtrl] .vhub-section-container .vhub-confirm-delete .cancel-delete { margin: 1% 0 0 3%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-confirm-delete .confirm-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-confirm-delete .confirm-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-confirm-delete .confirm-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-confirm-delete .confirm-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-confirm-delete .confirm-text { margin: 0 auto; font-size: large; font-weight: bold; color: #0083ed; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-confirm-delete .confirmation, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-confirm-delete .confirmation, [controller=BlogPageCtrl] .vhub-section-container .vhub-confirm-delete .confirmation, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-confirm-delete .confirmation, [controller=AwardsPageCtrl] .vhub-section-container .vhub-confirm-delete .confirmation { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; position: relative; top: 50%; width: 1048px; margin: -50px auto 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .helper-comment, [controller=BlogTagPageCtrl] .vhub-section-container .helper-comment, [controller=BlogPageCtrl] .vhub-section-container .helper-comment, [controller=BlogPostPageCtrl] .vhub-section-container .helper-comment, [controller=AwardsPageCtrl] .vhub-section-container .helper-comment { font-size: small; padding-left: 20px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .product, [controller=BlogTagPageCtrl] .vhub-section-container .product, [controller=BlogPageCtrl] .vhub-section-container .product, [controller=BlogPostPageCtrl] .vhub-section-container .product, [controller=AwardsPageCtrl] .vhub-section-container .product { width: 24%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-ss-grid.editing, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-thumbs-carousel.editing, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-thumbs-carousel.preview, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-poll.editing, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-poll.preview, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-ss-grid.editing, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-thumbs-carousel.editing, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-thumbs-carousel.preview, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-poll.editing, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-poll.preview, [controller=BlogPageCtrl] .vhub-section-container .vhub-ss-grid.editing, [controller=BlogPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=BlogPageCtrl] .vhub-section-container .vhub-thumbs-carousel.editing, [controller=BlogPageCtrl] .vhub-section-container .vhub-thumbs-carousel.preview, [controller=BlogPageCtrl] .vhub-section-container .vhub-poll.editing, [controller=BlogPageCtrl] .vhub-section-container .vhub-poll.preview, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-ss-grid.editing, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-thumbs-carousel.editing, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-thumbs-carousel.preview, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-poll.editing, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-poll.preview, [controller=AwardsPageCtrl] .vhub-section-container .vhub-ss-grid.editing, [controller=AwardsPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=AwardsPageCtrl] .vhub-section-container .vhub-thumbs-carousel.editing, [controller=AwardsPageCtrl] .vhub-section-container .vhub-thumbs-carousel.preview, [controller=AwardsPageCtrl] .vhub-section-container .vhub-poll.editing, [controller=AwardsPageCtrl] .vhub-section-container .vhub-poll.preview { min-height: 312px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-ss-grid .editing-field, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-thumbs-carousel .editing-field, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-poll .editing-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-ss-grid .editing-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-thumbs-carousel .editing-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-poll .editing-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-ss-grid .editing-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-thumbs-carousel .editing-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-poll .editing-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-ss-grid .editing-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-thumbs-carousel .editing-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-poll .editing-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-ss-grid .editing-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-thumbs-carousel .editing-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-poll .editing-field { position: absolute; z-index: 1; top: 22px; width: 80%; padding: 1%; margin: 1%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-ss-grid .editing-field input[type='checkbox'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-thumbs-carousel .editing-field input[type='checkbox'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-poll .editing-field input[type='checkbox'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-ss-grid .editing-field input[type='checkbox'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-thumbs-carousel .editing-field input[type='checkbox'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-poll .editing-field input[type='checkbox'], [controller=BlogPageCtrl] .vhub-section-container .vhub-ss-grid .editing-field input[type='checkbox'], [controller=BlogPageCtrl] .vhub-section-container .vhub-thumbs-carousel .editing-field input[type='checkbox'], [controller=BlogPageCtrl] .vhub-section-container .vhub-poll .editing-field input[type='checkbox'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-ss-grid .editing-field input[type='checkbox'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-thumbs-carousel .editing-field input[type='checkbox'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-poll .editing-field input[type='checkbox'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-ss-grid .editing-field input[type='checkbox'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-thumbs-carousel .editing-field input[type='checkbox'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-poll .editing-field input[type='checkbox'] { margin-left: 40px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-ss-grid .editing-options, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-thumbs-carousel .editing-options, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-poll .editing-options, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-ss-grid .editing-options, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-thumbs-carousel .editing-options, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-poll .editing-options, [controller=BlogPageCtrl] .vhub-section-container .vhub-ss-grid .editing-options, [controller=BlogPageCtrl] .vhub-section-container .vhub-thumbs-carousel .editing-options, [controller=BlogPageCtrl] .vhub-section-container .vhub-poll .editing-options, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-ss-grid .editing-options, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-thumbs-carousel .editing-options, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-poll .editing-options, [controller=AwardsPageCtrl] .vhub-section-container .vhub-ss-grid .editing-options, [controller=AwardsPageCtrl] .vhub-section-container .vhub-thumbs-carousel .editing-options, [controller=AwardsPageCtrl] .vhub-section-container .vhub-poll .editing-options { position: absolute; z-index: 1; right: 0; top: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-full-width-video, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-two-video, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-three-video, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-full-width-video, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-two-video, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-three-video, [controller=BlogPageCtrl] .vhub-section-container .vhub-full-width-video, [controller=BlogPageCtrl] .vhub-section-container .vhub-two-video, [controller=BlogPageCtrl] .vhub-section-container .vhub-three-video, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-full-width-video, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-two-video, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-three-video, [controller=AwardsPageCtrl] .vhub-section-container .vhub-full-width-video, [controller=AwardsPageCtrl] .vhub-section-container .vhub-two-video, [controller=AwardsPageCtrl] .vhub-section-container .vhub-three-video { margin-bottom: 20px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-full-width-video .editing-field, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-two-video .editing-field, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-three-video .editing-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-full-width-video .editing-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-two-video .editing-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-three-video .editing-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-full-width-video .editing-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-two-video .editing-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-three-video .editing-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-full-width-video .editing-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-two-video .editing-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-three-video .editing-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-full-width-video .editing-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-two-video .editing-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-three-video .editing-field { width: 98%; height: 180px; padding: 2% 1% 1%; margin: 1%; padding-left: 40px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-full-width-video .editing-field input[type='text'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-two-video .editing-field input[type='text'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-three-video .editing-field input[type='text'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-full-width-video .editing-field input[type='text'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-two-video .editing-field input[type='text'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-three-video .editing-field input[type='text'], [controller=BlogPageCtrl] .vhub-section-container .vhub-full-width-video .editing-field input[type='text'], [controller=BlogPageCtrl] .vhub-section-container .vhub-two-video .editing-field input[type='text'], [controller=BlogPageCtrl] .vhub-section-container .vhub-three-video .editing-field input[type='text'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-full-width-video .editing-field input[type='text'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-two-video .editing-field input[type='text'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-three-video .editing-field input[type='text'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-full-width-video .editing-field input[type='text'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-two-video .editing-field input[type='text'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-three-video .editing-field input[type='text'] { display: block; width: 280px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-two-video .editing-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-two-video .editing-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-two-video .editing-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-two-video .editing-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-two-video .editing-field { width: 48%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-two-video .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-two-video .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-two-video .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-two-video .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-two-video .preview-field { width: 50%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(1) { padding-right: 1%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(2) { padding-left: 1%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-three-video .editing-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-three-video .editing-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-three-video .editing-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-three-video .editing-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-three-video .editing-field { width: 31%; padding-left: 20px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-three-video .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-three-video .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-three-video .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-three-video .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-three-video .preview-field { width: 33%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(1) { padding-right: 1%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(2) { width: 34%; padding-left: 1%; padding-right: 1%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(3), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(3), [controller=BlogPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(3), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(3), [controller=AwardsPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(3) { padding-left: 1%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=BlogPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=AwardsPageCtrl] .vhub-section-container .vhub-ss-grid.preview { text-align: center; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-ss-grid.editing, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-ss-grid.editing, [controller=BlogPageCtrl] .vhub-section-container .vhub-ss-grid.editing, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-ss-grid.editing, [controller=AwardsPageCtrl] .vhub-section-container .vhub-ss-grid.editing { position: relative; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-thumbs-carousel.editing, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-thumbs-carousel.editing, [controller=BlogPageCtrl] .vhub-section-container .vhub-thumbs-carousel.editing, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-thumbs-carousel.editing, [controller=AwardsPageCtrl] .vhub-section-container .vhub-thumbs-carousel.editing { min-height: 312px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-thumbs-carousel input[name='full-screen'], [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-thumbs-carousel input[name='full-screen']+label, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-thumbs-carousel input[name='full-screen'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-thumbs-carousel input[name='full-screen']+label, [controller=BlogPageCtrl] .vhub-section-container .vhub-thumbs-carousel input[name='full-screen'], [controller=BlogPageCtrl] .vhub-section-container .vhub-thumbs-carousel input[name='full-screen']+label, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-thumbs-carousel input[name='full-screen'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-thumbs-carousel input[name='full-screen']+label, [controller=AwardsPageCtrl] .vhub-section-container .vhub-thumbs-carousel input[name='full-screen'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-thumbs-carousel input[name='full-screen']+label { display: none; } [controller=BlogAuthorPageCtrl] .vhub-section-container .play-loading-spinner, [controller=BlogTagPageCtrl] .vhub-section-container .play-loading-spinner, [controller=BlogPageCtrl] .vhub-section-container .play-loading-spinner, [controller=BlogPostPageCtrl] .vhub-section-container .play-loading-spinner, [controller=AwardsPageCtrl] .vhub-section-container .play-loading-spinner { width: 52px; height: 52px; line-height: 52px; border-radius: 50%; display: table-cell; color: #fff; background-color: #0083ed; text-align: center; font-size: 2em; position: absolute; right: 50%; top: 20px; margin-right: -26px; z-index: 1000000; } [controller=BlogAuthorPageCtrl] .vhub-section-container .frame, [controller=BlogTagPageCtrl] .vhub-section-container .frame, [controller=BlogPageCtrl] .vhub-section-container .frame, [controller=BlogPostPageCtrl] .vhub-section-container .frame, [controller=AwardsPageCtrl] .vhub-section-container .frame { position: relative; font-size: 0; line-height: 0; overflow: hidden; white-space: nowrap; width: 1048px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .slides, [controller=BlogTagPageCtrl] .vhub-section-container .slides, [controller=BlogPageCtrl] .vhub-section-container .slides, [controller=BlogPostPageCtrl] .vhub-section-container .slides, [controller=AwardsPageCtrl] .vhub-section-container .slides { display: inline-block; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item, [controller=BlogPageCtrl] .vhub-section-container .carousel-item, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item { width: 200px; height: 230px; float: left; margin: 30px; white-space: normal; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item .image-container, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item .image-container, [controller=BlogPageCtrl] .vhub-section-container .carousel-item .image-container, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item .image-container, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item .image-container { height: 200px; text-align: center; line-height: 200px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item .image-container img, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item .image-container img, [controller=BlogPageCtrl] .vhub-section-container .carousel-item .image-container img, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item .image-container img, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item .image-container img { margin: 0 auto; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-caption, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-caption, [controller=BlogPageCtrl] .vhub-section-container .carousel-caption, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-caption, [controller=AwardsPageCtrl] .vhub-section-container .carousel-caption { margin-top: 10px; text-align: center; font-size: 13px; line-height: 15px; font-family: "AvenirNext-Medium","Helvetica Neue","Helvetica","Arial",sans-serif; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-caption a, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-caption a, [controller=BlogPageCtrl] .vhub-section-container .carousel-caption a, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-caption a, [controller=AwardsPageCtrl] .vhub-section-container .carousel-caption a { color: #444; font-weight: normal; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-caption a.just-title, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-caption a.just-title, [controller=BlogPageCtrl] .vhub-section-container .carousel-caption a.just-title, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-caption a.just-title, [controller=AwardsPageCtrl] .vhub-section-container .carousel-caption a.just-title { font-size: 15px; font-weight: bold; text-transform: capitalize; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-navigation .editing-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-navigation .editing-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-navigation .editing-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-navigation .editing-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-navigation .editing-field { width: 16%; padding: 3% 1% 10%; margin: 10px 3px; height: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-navigation .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-navigation .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-navigation .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-navigation .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-navigation .preview-field { width: 16%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-navigation .preview-field.is-mobile, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-navigation .preview-field.is-mobile, [controller=BlogPageCtrl] .vhub-section-container .vhub-navigation .preview-field.is-mobile, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-navigation .preview-field.is-mobile, [controller=AwardsPageCtrl] .vhub-section-container .vhub-navigation .preview-field.is-mobile { width: 100%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-navigation .preview-field .navigation-tab, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-navigation .preview-field .navigation-tab, [controller=BlogPageCtrl] .vhub-section-container .vhub-navigation .preview-field .navigation-tab, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-navigation .preview-field .navigation-tab, [controller=AwardsPageCtrl] .vhub-section-container .vhub-navigation .preview-field .navigation-tab { padding: 8px 0; font-family: "AvenirNext-Medium","Helvetica Neue","Helvetica","Arial",sans-serif; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-navigation .preview-field .title, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-navigation .preview-field .title, [controller=BlogPageCtrl] .vhub-section-container .vhub-navigation .preview-field .title, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-navigation .preview-field .title, [controller=AwardsPageCtrl] .vhub-section-container .vhub-navigation .preview-field .title { text-align: center; text-transform: uppercase; font-size: 15px; font-weight: bold; margin: 0; border: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-navigation .preview-field:last-of-type .title, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-navigation .preview-field:last-of-type .title, [controller=BlogPageCtrl] .vhub-section-container .vhub-navigation .preview-field:last-of-type .title, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-navigation .preview-field:last-of-type .title, [controller=AwardsPageCtrl] .vhub-section-container .vhub-navigation .preview-field:last-of-type .title { border: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .editing-field-bottom, [controller=BlogTagPageCtrl] .vhub-section-container .editing-field-bottom, [controller=BlogPageCtrl] .vhub-section-container .editing-field-bottom, [controller=BlogPostPageCtrl] .vhub-section-container .editing-field-bottom, [controller=AwardsPageCtrl] .vhub-section-container .editing-field-bottom { background-color: #444; width: 24%; margin: 5px; padding: 5px; float: left; } [controller=BlogAuthorPageCtrl] .vhub-section-container .editing-field-bottom input[type='text'], [controller=BlogTagPageCtrl] .vhub-section-container .editing-field-bottom input[type='text'], [controller=BlogPageCtrl] .vhub-section-container .editing-field-bottom input[type='text'], [controller=BlogPostPageCtrl] .vhub-section-container .editing-field-bottom input[type='text'], [controller=AwardsPageCtrl] .vhub-section-container .editing-field-bottom input[type='text'] { width: 89px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-tags form, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-tags form, [controller=BlogPageCtrl] .vhub-section-container .vhub-tags form, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-tags form, [controller=AwardsPageCtrl] .vhub-section-container .vhub-tags form { width: 100%; padding-left: 5px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-tags .editing-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-tags .editing-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-tags .editing-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-tags .editing-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-tags .editing-field { margin: 10px 3px; padding: 22px 6px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-tags .editing-field:first-of-type, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-tags .editing-field:first-of-type, [controller=BlogPageCtrl] .vhub-section-container .vhub-tags .editing-field:first-of-type, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-tags .editing-field:first-of-type, [controller=AwardsPageCtrl] .vhub-section-container .vhub-tags .editing-field:first-of-type { width: 400px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(2) { width: 70px; padding-bottom: 6px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(2) .form-item input[type='radio'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(2) .form-item input[type='radio'], [controller=BlogPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(2) .form-item input[type='radio'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(2) .form-item input[type='radio'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(2) .form-item input[type='radio'] { width: 3px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(3), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(3), [controller=BlogPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(3), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(3), [controller=AwardsPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(3) { width: 160px; padding-bottom: 20px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(4), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(4), [controller=BlogPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(4), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(4), [controller=AwardsPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(4) { width: 65px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(5), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(5), [controller=BlogPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(5), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(5), [controller=AwardsPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(5) { padding: 2px 4px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(5) .form-item input[type='radio'], [controller=BlogTagPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(5) .form-item input[type='radio'], [controller=BlogPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(5) .form-item input[type='radio'], [controller=BlogPostPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(5) .form-item input[type='radio'], [controller=AwardsPageCtrl] .vhub-section-container .vhub-tags .editing-field:nth-of-type(5) .form-item input[type='radio'] { width: 3px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-tags .editing-field:last-of-type, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-tags .editing-field:last-of-type, [controller=BlogPageCtrl] .vhub-section-container .vhub-tags .editing-field:last-of-type, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-tags .editing-field:last-of-type, [controller=AwardsPageCtrl] .vhub-section-container .vhub-tags .editing-field:last-of-type { padding: 39px 8px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-tags .tag-section, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-tags .tag-section, [controller=BlogPageCtrl] .vhub-section-container .vhub-tags .tag-section, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-tags .tag-section, [controller=AwardsPageCtrl] .vhub-section-container .vhub-tags .tag-section { display: inline-block; width: 100%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-tags .tag-section .thumbnail-view, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-tags .tag-section .thumbnail-view, [controller=BlogPageCtrl] .vhub-section-container .vhub-tags .tag-section .thumbnail-view, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-tags .tag-section .thumbnail-view, [controller=AwardsPageCtrl] .vhub-section-container .vhub-tags .tag-section .thumbnail-view { width: 33%; display: inline-block; padding-left: 20px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-tags .tag-section .thumbnail-view .post-title, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-tags .tag-section .thumbnail-view .post-title, [controller=BlogPageCtrl] .vhub-section-container .vhub-tags .tag-section .thumbnail-view .post-title, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-tags .tag-section .thumbnail-view .post-title, [controller=AwardsPageCtrl] .vhub-section-container .vhub-tags .tag-section .thumbnail-view .post-title { letter-spacing: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-tags .tag-section.fp-img .post-image, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-tags .tag-section.fp-img .post-image, [controller=BlogPageCtrl] .vhub-section-container .vhub-tags .tag-section.fp-img .post-image, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-tags .tag-section.fp-img .post-image, [controller=AwardsPageCtrl] .vhub-section-container .vhub-tags .tag-section.fp-img .post-image { height: auto; } @media (max-width: 768px) { [controller=BlogAuthorPageCtrl] .vhub-section-container, [controller=BlogTagPageCtrl] .vhub-section-container, [controller=BlogPageCtrl] .vhub-section-container, [controller=BlogPostPageCtrl] .vhub-section-container, [controller=AwardsPageCtrl] .vhub-section-container { margin-bottom: 33px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .preview, [controller=BlogTagPageCtrl] .vhub-section-container .preview, [controller=BlogPageCtrl] .vhub-section-container .preview, [controller=BlogPostPageCtrl] .vhub-section-container .preview, [controller=AwardsPageCtrl] .vhub-section-container .preview { display: block; } [controller=BlogAuthorPageCtrl] .vhub-section-container .products, [controller=BlogTagPageCtrl] .vhub-section-container .products, [controller=BlogPageCtrl] .vhub-section-container .products, [controller=BlogPostPageCtrl] .vhub-section-container .products, [controller=AwardsPageCtrl] .vhub-section-container .products { padding: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .products .product, [controller=BlogTagPageCtrl] .vhub-section-container .products .product, [controller=BlogPageCtrl] .vhub-section-container .products .product, [controller=BlogPostPageCtrl] .vhub-section-container .products .product, [controller=AwardsPageCtrl] .vhub-section-container .products .product { width: 49%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .preview-field-image, [controller=BlogTagPageCtrl] .vhub-section-container .preview-field-image, [controller=BlogPageCtrl] .vhub-section-container .preview-field-image, [controller=BlogPostPageCtrl] .vhub-section-container .preview-field-image, [controller=AwardsPageCtrl] .vhub-section-container .preview-field-image { margin: 10px 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .preview-field .text-over-image, [controller=BlogTagPageCtrl] .vhub-section-container .preview-field .text-over-image, [controller=BlogPageCtrl] .vhub-section-container .preview-field .text-over-image, [controller=BlogPostPageCtrl] .vhub-section-container .preview-field .text-over-image, [controller=AwardsPageCtrl] .vhub-section-container .preview-field .text-over-image { bottom: 20px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .preview-field .text-over-image .title, [controller=BlogTagPageCtrl] .vhub-section-container .preview-field .text-over-image .title, [controller=BlogPageCtrl] .vhub-section-container .preview-field .text-over-image .title, [controller=BlogPostPageCtrl] .vhub-section-container .preview-field .text-over-image .title, [controller=AwardsPageCtrl] .vhub-section-container .preview-field .text-over-image .title { font-size: 13px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .preview-field .text-over-image .subtitle, [controller=BlogTagPageCtrl] .vhub-section-container .preview-field .text-over-image .subtitle, [controller=BlogPageCtrl] .vhub-section-container .preview-field .text-over-image .subtitle, [controller=BlogPostPageCtrl] .vhub-section-container .preview-field .text-over-image .subtitle, [controller=AwardsPageCtrl] .vhub-section-container .preview-field .text-over-image .subtitle { font-size: 12px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .preview-field .text-over-image.text-style-1, [controller=BlogTagPageCtrl] .vhub-section-container .preview-field .text-over-image.text-style-1, [controller=BlogPageCtrl] .vhub-section-container .preview-field .text-over-image.text-style-1, [controller=BlogPostPageCtrl] .vhub-section-container .preview-field .text-over-image.text-style-1, [controller=AwardsPageCtrl] .vhub-section-container .preview-field .text-over-image.text-style-1 { left: 14px; bottom: 18px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .tabs section, [controller=BlogTagPageCtrl] .vhub-section-container .tabs section, [controller=BlogPageCtrl] .vhub-section-container .tabs section, [controller=BlogPostPageCtrl] .vhub-section-container .tabs section, [controller=AwardsPageCtrl] .vhub-section-container .tabs section { min-height: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-four-image .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-four-image .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-four-image .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-four-image .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-four-image .preview-field { width: 50%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-five-image .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-five-image .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-five-image .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-five-image .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-five-image .preview-field { width: 50%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-five-image .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-five-image .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-five-image .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-five-image .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-five-image .preview-field:nth-child(1) { width: 100%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-divider, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-divider, [controller=BlogPageCtrl] .vhub-section-container .vhub-divider, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-divider, [controller=AwardsPageCtrl] .vhub-section-container .vhub-divider { height: 80px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-divider hr, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-divider hr, [controller=BlogPageCtrl] .vhub-section-container .vhub-divider hr, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-divider hr, [controller=AwardsPageCtrl] .vhub-section-container .vhub-divider hr { margin: 40px auto; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group, [controller=BlogPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group, [controller=AwardsPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group { margin: -53px auto; padding: 12px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group .preview-field { font-size: 12px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .preview-field { height: 200px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image { margin: 85px 0; line-height: 1.2; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image .title, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image .title, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image .title, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image .title, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image .title { font-size: 26px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-1 .text-over-image, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-1 .text-over-image, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-1 .text-over-image, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-1 .text-over-image, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-1 .text-over-image { left: 0; bottom: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img:not([src=""]), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img:not([src=""]), [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img:not([src=""]), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img:not([src=""]), [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img:not([src=""]) { height: 200px; margin: -200px auto 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-text .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text .preview-field { padding: 0 20px; line-height: 1.45em; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-two-video .preview-field, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-three-video .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-two-video .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-three-video .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-two-video .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-three-video .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-two-video .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-three-video .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-two-video .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-three-video .preview-field { width: 100%; margin-bottom: 20px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(1) { padding-right: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(2) { width: 100%; padding-left: 0; padding-right: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(3), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(3), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(3), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(3), [controller=BlogPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(3), [controller=BlogPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(3), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(3), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(3), [controller=AwardsPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(3), [controller=AwardsPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(3) { padding-left: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(1) { padding-right: 0; width: 100%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(4), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(4), [controller=BlogPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(4), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(4), [controller=AwardsPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(4) { width: 50%; padding-right: 6px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(3), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(5), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(3), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(5), [controller=BlogPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(3), [controller=BlogPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(5), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(3), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(5), [controller=AwardsPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(3), [controller=AwardsPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(5) { width: 50%; padding-left: 6px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2) { width: 100%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text) { padding: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image .preview-field-text, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text .preview-field-text, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video .preview-field-text, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text .preview-field-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image .preview-field-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text .preview-field-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video .preview-field-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text .preview-field-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image .preview-field-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text .preview-field-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video .preview-field-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text .preview-field-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image .preview-field-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text .preview-field-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video .preview-field-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text .preview-field-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image .preview-field-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text .preview-field-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video .preview-field-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text .preview-field-text { padding: 0 15px; line-height: 1.45em; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-thumbs-carousel.preview, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-thumbs-carousel.preview, [controller=BlogPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=BlogPageCtrl] .vhub-section-container .vhub-thumbs-carousel.preview, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-thumbs-carousel.preview, [controller=AwardsPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=AwardsPageCtrl] .vhub-section-container .vhub-thumbs-carousel.preview { min-height: initial; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item, [controller=BlogPageCtrl] .vhub-section-container .carousel-item, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item { width: 140px; height: 200px; display: inline-block; margin: 5px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item a, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item a, [controller=BlogPageCtrl] .vhub-section-container .carousel-item a, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item a, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item a { color: #444; font-weight: normal; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item .image-container, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item .image-container, [controller=BlogPageCtrl] .vhub-section-container .carousel-item .image-container, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item .image-container, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item .image-container { width: 100%; height: 140px; text-align: center; line-height: 0; font-size: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item .image-container img, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item .image-container img, [controller=BlogPageCtrl] .vhub-section-container .carousel-item .image-container img, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item .image-container img, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item .image-container img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item .image-container:before, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item .image-container:before, [controller=BlogPageCtrl] .vhub-section-container .carousel-item .image-container:before, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item .image-container:before, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item .image-container:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item .carousel-caption, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item .carousel-caption, [controller=BlogPageCtrl] .vhub-section-container .carousel-item .carousel-caption, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item .carousel-caption, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item .carousel-caption { font-size: 10px; line-height: 14px; margin-top: 10px; text-align: center; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item .carousel-caption a, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item .carousel-caption a, [controller=BlogPageCtrl] .vhub-section-container .carousel-item .carousel-caption a, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item .carousel-caption a, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item .carousel-caption a { color: #444; font-weight: normal; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item .carousel-caption a.just-title, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item .carousel-caption a.just-title, [controller=BlogPageCtrl] .vhub-section-container .carousel-item .carousel-caption a.just-title, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item .carousel-caption a.just-title, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item .carousel-caption a.just-title { font-size: 14px; font-weight: bold; } [controller=BlogAuthorPageCtrl] .vhub-section-container .gallery-image img, [controller=BlogTagPageCtrl] .vhub-section-container .gallery-image img, [controller=BlogPageCtrl] .vhub-section-container .gallery-image img, [controller=BlogPostPageCtrl] .vhub-section-container .gallery-image img, [controller=AwardsPageCtrl] .vhub-section-container .gallery-image img { height: auto; width: auto; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-navigation .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-navigation .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-navigation .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-navigation .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-navigation .preview-field { width: 100% !important; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-navigation .preview-field .navigation-tab, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-navigation .preview-field .navigation-tab, [controller=BlogPageCtrl] .vhub-section-container .vhub-navigation .preview-field .navigation-tab, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-navigation .preview-field .navigation-tab, [controller=AwardsPageCtrl] .vhub-section-container .vhub-navigation .preview-field .navigation-tab { padding: 10px 10px 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-navigation .preview-field .title, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-navigation .preview-field .title, [controller=BlogPageCtrl] .vhub-section-container .vhub-navigation .preview-field .title, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-navigation .preview-field .title, [controller=AwardsPageCtrl] .vhub-section-container .vhub-navigation .preview-field .title { padding-bottom: 10px; font-size: 13px; border-right: none; border-bottom-width: 1px; border-bottom-style: solid; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-poll.preview, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-poll.preview, [controller=BlogPageCtrl] .vhub-section-container .vhub-poll.preview, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-poll.preview, [controller=AwardsPageCtrl] .vhub-section-container .vhub-poll.preview { width: 100%; } [controller=BlogAuthorPageCtrl] .vhub-share-preview, [controller=BlogTagPageCtrl] .vhub-share-preview, [controller=BlogPageCtrl] .vhub-share-preview, [controller=BlogPostPageCtrl] .vhub-share-preview, [controller=AwardsPageCtrl] .vhub-share-preview { display: none; } [controller=BlogAuthorPageCtrl] .products-container .brick, [controller=BlogTagPageCtrl] .products-container .brick, [controller=BlogPageCtrl] .products-container .brick, [controller=BlogPostPageCtrl] .products-container .brick, [controller=AwardsPageCtrl] .products-container .brick { width: 46%; margin: 8px 5px; } } @media only screen and (min-width: 1224px) { [controller=BlogAuthorPageCtrl] .full-width .vhub-section-container .product, [controller=BlogTagPageCtrl] .full-width .vhub-section-container .product, [controller=BlogPageCtrl] .full-width .vhub-section-container .product, [controller=BlogPostPageCtrl] .full-width .vhub-section-container .product, [controller=AwardsPageCtrl] .full-width .vhub-section-container .product { width: 19%; } } @media only screen and (min-width: 1824px) { [controller=BlogAuthorPageCtrl] .full-width .vhub-section-container .product, [controller=BlogTagPageCtrl] .full-width .vhub-section-container .product, [controller=BlogPageCtrl] .full-width .vhub-section-container .product, [controller=BlogPostPageCtrl] .full-width .vhub-section-container .product, [controller=AwardsPageCtrl] .full-width .vhub-section-container .product { width: 16%; } } @media (max-width: 768px) { [controller=BlogAuthorPageCtrl] .vhub-section-container, [controller=BlogTagPageCtrl] .vhub-section-container, [controller=BlogPageCtrl] .vhub-section-container, [controller=BlogPostPageCtrl] .vhub-section-container, [controller=AwardsPageCtrl] .vhub-section-container { margin-bottom: 33px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .preview, [controller=BlogTagPageCtrl] .vhub-section-container .preview, [controller=BlogPageCtrl] .vhub-section-container .preview, [controller=BlogPostPageCtrl] .vhub-section-container .preview, [controller=AwardsPageCtrl] .vhub-section-container .preview { display: block; } [controller=BlogAuthorPageCtrl] .vhub-section-container .products, [controller=BlogTagPageCtrl] .vhub-section-container .products, [controller=BlogPageCtrl] .vhub-section-container .products, [controller=BlogPostPageCtrl] .vhub-section-container .products, [controller=AwardsPageCtrl] .vhub-section-container .products { padding: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .products .product, [controller=BlogTagPageCtrl] .vhub-section-container .products .product, [controller=BlogPageCtrl] .vhub-section-container .products .product, [controller=BlogPostPageCtrl] .vhub-section-container .products .product, [controller=AwardsPageCtrl] .vhub-section-container .products .product { width: 49%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .preview-field-image, [controller=BlogTagPageCtrl] .vhub-section-container .preview-field-image, [controller=BlogPageCtrl] .vhub-section-container .preview-field-image, [controller=BlogPostPageCtrl] .vhub-section-container .preview-field-image, [controller=AwardsPageCtrl] .vhub-section-container .preview-field-image { margin: 10px 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .preview-field .text-over-image, [controller=BlogTagPageCtrl] .vhub-section-container .preview-field .text-over-image, [controller=BlogPageCtrl] .vhub-section-container .preview-field .text-over-image, [controller=BlogPostPageCtrl] .vhub-section-container .preview-field .text-over-image, [controller=AwardsPageCtrl] .vhub-section-container .preview-field .text-over-image { bottom: 20px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .preview-field .text-over-image .title, [controller=BlogTagPageCtrl] .vhub-section-container .preview-field .text-over-image .title, [controller=BlogPageCtrl] .vhub-section-container .preview-field .text-over-image .title, [controller=BlogPostPageCtrl] .vhub-section-container .preview-field .text-over-image .title, [controller=AwardsPageCtrl] .vhub-section-container .preview-field .text-over-image .title { font-size: 13px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .preview-field .text-over-image .subtitle, [controller=BlogTagPageCtrl] .vhub-section-container .preview-field .text-over-image .subtitle, [controller=BlogPageCtrl] .vhub-section-container .preview-field .text-over-image .subtitle, [controller=BlogPostPageCtrl] .vhub-section-container .preview-field .text-over-image .subtitle, [controller=AwardsPageCtrl] .vhub-section-container .preview-field .text-over-image .subtitle { font-size: 12px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .preview-field .text-over-image.text-style-1, [controller=BlogTagPageCtrl] .vhub-section-container .preview-field .text-over-image.text-style-1, [controller=BlogPageCtrl] .vhub-section-container .preview-field .text-over-image.text-style-1, [controller=BlogPostPageCtrl] .vhub-section-container .preview-field .text-over-image.text-style-1, [controller=AwardsPageCtrl] .vhub-section-container .preview-field .text-over-image.text-style-1 { left: 14px; bottom: 18px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .tabs section, [controller=BlogTagPageCtrl] .vhub-section-container .tabs section, [controller=BlogPageCtrl] .vhub-section-container .tabs section, [controller=BlogPostPageCtrl] .vhub-section-container .tabs section, [controller=AwardsPageCtrl] .vhub-section-container .tabs section { min-height: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-four-image .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-four-image .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-four-image .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-four-image .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-four-image .preview-field { width: 50%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-five-image .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-five-image .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-five-image .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-five-image .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-five-image .preview-field { width: 50%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-five-image .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-five-image .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-five-image .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-five-image .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-five-image .preview-field:nth-child(1) { width: 100%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-divider, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-divider, [controller=BlogPageCtrl] .vhub-section-container .vhub-divider, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-divider, [controller=AwardsPageCtrl] .vhub-section-container .vhub-divider { height: 80px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-divider hr, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-divider hr, [controller=BlogPageCtrl] .vhub-section-container .vhub-divider hr, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-divider hr, [controller=AwardsPageCtrl] .vhub-section-container .vhub-divider hr { margin: 40px auto; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group, [controller=BlogPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group, [controller=AwardsPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group { margin: -53px auto; padding: 12px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-divider .vhub-divider-group .preview-field { font-size: 12px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .preview-field { height: 200px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image { margin: 85px 0; line-height: 1.2; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image .title, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image .title, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image .title, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image .title, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .preview-field .text-over-image .title { font-size: 26px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-1 .text-over-image, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-1 .text-over-image, [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-1 .text-over-image, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-1 .text-over-image, [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .preview-field.text-style-1 .text-over-image { left: 0; bottom: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img:not([src=""]), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img:not([src=""]), [controller=BlogPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img:not([src=""]), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img:not([src=""]), [controller=AwardsPageCtrl] .vhub-section-container .vhub-header-image .overlay-image img:not([src=""]) { height: 200px; margin: -200px auto 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-text .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text .preview-field { padding: 0 20px; line-height: 1.45em; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-two-video .preview-field, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-three-video .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-two-video .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-three-video .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-two-video .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-three-video .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-two-video .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-three-video .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-two-video .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-three-video .preview-field { width: 100%; margin-bottom: 20px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(1) { padding-right: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(2) { width: 100%; padding-left: 0; padding-right: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(3), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(3), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(3), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(3), [controller=BlogPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(3), [controller=BlogPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(3), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(3), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(3), [controller=AwardsPageCtrl] .vhub-section-container .vhub-two-video .preview-field:nth-child(3), [controller=AwardsPageCtrl] .vhub-section-container .vhub-three-video .preview-field:nth-child(3) { padding-left: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(1) { padding-right: 0; width: 100%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(4), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(4), [controller=BlogPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(4), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(4), [controller=AwardsPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(4) { width: 50%; padding-right: 6px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(3), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(5), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(3), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(5), [controller=BlogPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(3), [controller=BlogPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(5), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(3), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(5), [controller=AwardsPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(3), [controller=AwardsPageCtrl] .vhub-section-container .vhub-five-video .preview-field:nth-child(5) { width: 50%; padding-left: 6px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2) { width: 100%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video.three-quarters .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-half .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-quarter .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.one-third .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.two-thirds .preview-field:nth-child(2):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(1):not(.preview-field-text), [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text.three-quarters .preview-field:nth-child(2):not(.preview-field-text) { padding: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-image .preview-field-text, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-image-text .preview-field-text, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-text-video .preview-field-text, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-video-text .preview-field-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-image .preview-field-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-image-text .preview-field-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-text-video .preview-field-text, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-video-text .preview-field-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-image .preview-field-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-image-text .preview-field-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-text-video .preview-field-text, [controller=BlogPageCtrl] .vhub-section-container .vhub-video-text .preview-field-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-image .preview-field-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-image-text .preview-field-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-text-video .preview-field-text, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-video-text .preview-field-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-image .preview-field-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-image-text .preview-field-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-text-video .preview-field-text, [controller=AwardsPageCtrl] .vhub-section-container .vhub-video-text .preview-field-text { padding: 0 15px; line-height: 1.45em; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-thumbs-carousel.preview, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-thumbs-carousel.preview, [controller=BlogPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=BlogPageCtrl] .vhub-section-container .vhub-thumbs-carousel.preview, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-thumbs-carousel.preview, [controller=AwardsPageCtrl] .vhub-section-container .vhub-ss-grid.preview, [controller=AwardsPageCtrl] .vhub-section-container .vhub-thumbs-carousel.preview { min-height: initial; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item, [controller=BlogPageCtrl] .vhub-section-container .carousel-item, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item { width: 140px; height: 200px; display: inline-block; margin: 5px; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item a, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item a, [controller=BlogPageCtrl] .vhub-section-container .carousel-item a, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item a, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item a { color: #444; font-weight: normal; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item .image-container, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item .image-container, [controller=BlogPageCtrl] .vhub-section-container .carousel-item .image-container, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item .image-container, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item .image-container { width: 100%; height: 140px; text-align: center; line-height: 0; font-size: 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item .image-container img, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item .image-container img, [controller=BlogPageCtrl] .vhub-section-container .carousel-item .image-container img, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item .image-container img, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item .image-container img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item .image-container:before, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item .image-container:before, [controller=BlogPageCtrl] .vhub-section-container .carousel-item .image-container:before, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item .image-container:before, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item .image-container:before { content: ' '; display: inline-block; vertical-align: middle; height: 100%; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item .carousel-caption, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item .carousel-caption, [controller=BlogPageCtrl] .vhub-section-container .carousel-item .carousel-caption, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item .carousel-caption, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item .carousel-caption { font-size: 10px; line-height: 14px; margin-top: 10px; text-align: center; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item .carousel-caption a, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item .carousel-caption a, [controller=BlogPageCtrl] .vhub-section-container .carousel-item .carousel-caption a, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item .carousel-caption a, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item .carousel-caption a { color: #444; font-weight: normal; } [controller=BlogAuthorPageCtrl] .vhub-section-container .carousel-item .carousel-caption a.just-title, [controller=BlogTagPageCtrl] .vhub-section-container .carousel-item .carousel-caption a.just-title, [controller=BlogPageCtrl] .vhub-section-container .carousel-item .carousel-caption a.just-title, [controller=BlogPostPageCtrl] .vhub-section-container .carousel-item .carousel-caption a.just-title, [controller=AwardsPageCtrl] .vhub-section-container .carousel-item .carousel-caption a.just-title { font-size: 14px; font-weight: bold; } [controller=BlogAuthorPageCtrl] .vhub-section-container .gallery-image img, [controller=BlogTagPageCtrl] .vhub-section-container .gallery-image img, [controller=BlogPageCtrl] .vhub-section-container .gallery-image img, [controller=BlogPostPageCtrl] .vhub-section-container .gallery-image img, [controller=AwardsPageCtrl] .vhub-section-container .gallery-image img { height: auto; width: auto; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-navigation .preview-field, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-navigation .preview-field, [controller=BlogPageCtrl] .vhub-section-container .vhub-navigation .preview-field, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-navigation .preview-field, [controller=AwardsPageCtrl] .vhub-section-container .vhub-navigation .preview-field { width: 100% !important; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-navigation .preview-field .navigation-tab, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-navigation .preview-field .navigation-tab, [controller=BlogPageCtrl] .vhub-section-container .vhub-navigation .preview-field .navigation-tab, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-navigation .preview-field .navigation-tab, [controller=AwardsPageCtrl] .vhub-section-container .vhub-navigation .preview-field .navigation-tab { padding: 10px 10px 0; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-navigation .preview-field .title, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-navigation .preview-field .title, [controller=BlogPageCtrl] .vhub-section-container .vhub-navigation .preview-field .title, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-navigation .preview-field .title, [controller=AwardsPageCtrl] .vhub-section-container .vhub-navigation .preview-field .title { padding-bottom: 10px; font-size: 13px; border-right: none; border-bottom-width: 1px; border-bottom-style: solid; } [controller=BlogAuthorPageCtrl] .vhub-section-container .vhub-poll.preview, [controller=BlogTagPageCtrl] .vhub-section-container .vhub-poll.preview, [controller=BlogPageCtrl] .vhub-section-container .vhub-poll.preview, [controller=BlogPostPageCtrl] .vhub-section-container .vhub-poll.preview, [controller=AwardsPageCtrl] .vhub-section-container .vhub-poll.preview { width: 100%; } [controller=BlogAuthorPageCtrl] .vhub-share-preview, [controller=BlogTagPageCtrl] .vhub-share-preview, [controller=BlogPageCtrl] .vhub-share-preview, [controller=BlogPostPageCtrl] .vhub-share-preview, [controller=AwardsPageCtrl] .vhub-share-preview { display: none; } [controller=BlogAuthorPageCtrl] .products-container .brick, [controller=BlogTagPageCtrl] .products-container .brick, [controller=BlogPageCtrl] .products-container .brick, [controller=BlogPostPageCtrl] .products-container .brick, [controller=AwardsPageCtrl] .products-container .brick { width: 46%; margin: 8px 5px; } } @media only screen and (min-width: 1224px) { [controller=BlogAuthorPageCtrl] .full-width .vhub-section-container .product, [controller=BlogTagPageCtrl] .full-width .vhub-section-container .product, [controller=BlogPageCtrl] .full-width .vhub-section-container .product, [controller=BlogPostPageCtrl] .full-width .vhub-section-container .product, [controller=AwardsPageCtrl] .full-width .vhub-section-container .product { width: 19%; } } @media only screen and (min-width: 1824px) { [controller=BlogAuthorPageCtrl] .full-width .vhub-section-container .product, [controller=BlogTagPageCtrl] .full-width .vhub-section-container .product, [controller=BlogPageCtrl] .full-width .vhub-section-container .product, [controller=BlogPostPageCtrl] .full-width .vhub-section-container .product, [controller=AwardsPageCtrl] .full-width .vhub-section-container .product { width: 16%; } } [controller=BlogAuthorPageCtrl] .lory-slider, [controller=BlogTagPageCtrl] .lory-slider, [controller=BlogPageCtrl] .lory-slider, [controller=BlogPostPageCtrl] .lory-slider, [controller=AwardsPageCtrl] .lory-slider { position: relative; margin: 0 auto; padding: 0; width: 1048px; height: 624px; } [controller=BlogAuthorPageCtrl] .lory-slider.one-liner, [controller=BlogTagPageCtrl] .lory-slider.one-liner, [controller=BlogPageCtrl] .lory-slider.one-liner, [controller=BlogPostPageCtrl] .lory-slider.one-liner, [controller=AwardsPageCtrl] .lory-slider.one-liner { height: 312px; } [controller=BlogAuthorPageCtrl] .lory-slider ul, [controller=BlogTagPageCtrl] .lory-slider ul, [controller=BlogPageCtrl] .lory-slider ul, [controller=BlogPostPageCtrl] .lory-slider ul, [controller=AwardsPageCtrl] .lory-slider ul { margin: 0 auto; padding: 0; } [controller=BlogAuthorPageCtrl] .lory-slider li, [controller=BlogTagPageCtrl] .lory-slider li, [controller=BlogPageCtrl] .lory-slider li, [controller=BlogPostPageCtrl] .lory-slider li, [controller=AwardsPageCtrl] .lory-slider li { position: relative; display: inline-block; } [controller=BlogAuthorPageCtrl] .lory-slider .js_slide, [controller=BlogTagPageCtrl] .lory-slider .js_slide, [controller=BlogPageCtrl] .lory-slider .js_slide, [controller=BlogPostPageCtrl] .lory-slider .js_slide, [controller=AwardsPageCtrl] .lory-slider .js_slide { width: 1048px; height: 590px; } [controller=BlogAuthorPageCtrl] .lory-slider.is-mobile, [controller=BlogTagPageCtrl] .lory-slider.is-mobile, [controller=BlogPageCtrl] .lory-slider.is-mobile, [controller=BlogPostPageCtrl] .lory-slider.is-mobile, [controller=AwardsPageCtrl] .lory-slider.is-mobile { width: 100%; height: 200px; } [controller=BlogAuthorPageCtrl] .lory-slider.is-mobile .js_slide, [controller=BlogTagPageCtrl] .lory-slider.is-mobile .js_slide, [controller=BlogPageCtrl] .lory-slider.is-mobile .js_slide, [controller=BlogPostPageCtrl] .lory-slider.is-mobile .js_slide, [controller=AwardsPageCtrl] .lory-slider.is-mobile .js_slide { height: 200px; } [controller=BlogAuthorPageCtrl] .lory-slider.is-mobile .carousel-item, [controller=BlogTagPageCtrl] .lory-slider.is-mobile .carousel-item, [controller=BlogPageCtrl] .lory-slider.is-mobile .carousel-item, [controller=BlogPostPageCtrl] .lory-slider.is-mobile .carousel-item, [controller=AwardsPageCtrl] .lory-slider.is-mobile .carousel-item { width: 44%; height: 98%; } [controller=BlogAuthorPageCtrl] .lory-slider.is-mobile .carousel-item:nth-child(odd), [controller=BlogTagPageCtrl] .lory-slider.is-mobile .carousel-item:nth-child(odd), [controller=BlogPageCtrl] .lory-slider.is-mobile .carousel-item:nth-child(odd), [controller=BlogPostPageCtrl] .lory-slider.is-mobile .carousel-item:nth-child(odd), [controller=AwardsPageCtrl] .lory-slider.is-mobile .carousel-item:nth-child(odd) { margin-left: 14px; } [controller=BlogAuthorPageCtrl] .lory-slider.is-mobile .carousel-item .carousel-caption, [controller=BlogTagPageCtrl] .lory-slider.is-mobile .carousel-item .carousel-caption, [controller=BlogPageCtrl] .lory-slider.is-mobile .carousel-item .carousel-caption, [controller=BlogPostPageCtrl] .lory-slider.is-mobile .carousel-item .carousel-caption, [controller=AwardsPageCtrl] .lory-slider.is-mobile .carousel-item .carousel-caption { margin-top: 5px; font-size: 12px; } [controller=BlogAuthorPageCtrl] .lory-slider .lsArrowLeft, [controller=BlogAuthorPageCtrl] .lory-slider .lsArrowRight, [controller=BlogTagPageCtrl] .lory-slider .lsArrowLeft, [controller=BlogTagPageCtrl] .lory-slider .lsArrowRight, [controller=BlogPageCtrl] .lory-slider .lsArrowLeft, [controller=BlogPageCtrl] .lory-slider .lsArrowRight, [controller=BlogPostPageCtrl] .lory-slider .lsArrowLeft, [controller=BlogPostPageCtrl] .lory-slider .lsArrowRight, [controller=AwardsPageCtrl] .lory-slider .lsArrowLeft, [controller=AwardsPageCtrl] .lory-slider .lsArrowRight { margin-top: -10px; } [controller=BlogAuthorPageCtrl] .lory-slider .lsArrowLeft:before, [controller=BlogAuthorPageCtrl] .lory-slider .lsArrowRight:before, [controller=BlogTagPageCtrl] .lory-slider .lsArrowLeft:before, [controller=BlogTagPageCtrl] .lory-slider .lsArrowRight:before, [controller=BlogPageCtrl] .lory-slider .lsArrowLeft:before, [controller=BlogPageCtrl] .lory-slider .lsArrowRight:before, [controller=BlogPostPageCtrl] .lory-slider .lsArrowLeft:before, [controller=BlogPostPageCtrl] .lory-slider .lsArrowRight:before, [controller=AwardsPageCtrl] .lory-slider .lsArrowLeft:before, [controller=AwardsPageCtrl] .lory-slider .lsArrowRight:before { font-size: 10px; } [controller=BlogAuthorPageCtrl] .lory-slider .lsArrowLeft, [controller=BlogTagPageCtrl] .lory-slider .lsArrowLeft, [controller=BlogPageCtrl] .lory-slider .lsArrowLeft, [controller=BlogPostPageCtrl] .lory-slider .lsArrowLeft, [controller=AwardsPageCtrl] .lory-slider .lsArrowLeft { left: 0; } [controller=BlogAuthorPageCtrl] .lory-slider .lsArrowRight, [controller=BlogTagPageCtrl] .lory-slider .lsArrowRight, [controller=BlogPageCtrl] .lory-slider .lsArrowRight, [controller=BlogPostPageCtrl] .lory-slider .lsArrowRight, [controller=AwardsPageCtrl] .lory-slider .lsArrowRight { right: 0; } [controller=BlogAuthorPageCtrl] .carousel-item .lsArrow, [controller=BlogTagPageCtrl] .carousel-item .lsArrow, [controller=BlogPageCtrl] .carousel-item .lsArrow, [controller=BlogPostPageCtrl] .carousel-item .lsArrow, [controller=AwardsPageCtrl] .carousel-item .lsArrow { display: block; position: absolute; color: #444; top: 50%; margin-top: -20px; } [controller=BlogAuthorPageCtrl] .carousel-item .lsArrow:hover, [controller=BlogTagPageCtrl] .carousel-item .lsArrow:hover, [controller=BlogPageCtrl] .carousel-item .lsArrow:hover, [controller=BlogPostPageCtrl] .carousel-item .lsArrow:hover, [controller=AwardsPageCtrl] .carousel-item .lsArrow:hover { color: #0083ed; } [controller=BlogAuthorPageCtrl] .carousel-item .lsArrowLeft:before, [controller=BlogAuthorPageCtrl] .carousel-item .lsArrowRight:before, [controller=BlogTagPageCtrl] .carousel-item .lsArrowLeft:before, [controller=BlogTagPageCtrl] .carousel-item .lsArrowRight:before, [controller=BlogPageCtrl] .carousel-item .lsArrowLeft:before, [controller=BlogPageCtrl] .carousel-item .lsArrowRight:before, [controller=BlogPostPageCtrl] .carousel-item .lsArrowLeft:before, [controller=BlogPostPageCtrl] .carousel-item .lsArrowRight:before, [controller=AwardsPageCtrl] .carousel-item .lsArrowLeft:before, [controller=AwardsPageCtrl] .carousel-item .lsArrowRight:before { font-size: 40px; } [controller=BlogAuthorPageCtrl] .carousel-item .lsArrowLeft, [controller=BlogTagPageCtrl] .carousel-item .lsArrowLeft, [controller=BlogPageCtrl] .carousel-item .lsArrowLeft, [controller=BlogPostPageCtrl] .carousel-item .lsArrowLeft, [controller=AwardsPageCtrl] .carousel-item .lsArrowLeft { left: -30px; } [controller=BlogAuthorPageCtrl] .carousel-item .lsArrowLeft:before, [controller=BlogTagPageCtrl] .carousel-item .lsArrowLeft:before, [controller=BlogPageCtrl] .carousel-item .lsArrowLeft:before, [controller=BlogPostPageCtrl] .carousel-item .lsArrowLeft:before, [controller=AwardsPageCtrl] .carousel-item .lsArrowLeft:before { content: '\3008'; } [controller=BlogAuthorPageCtrl] .carousel-item .lsArrowRight, [controller=BlogTagPageCtrl] .carousel-item .lsArrowRight, [controller=BlogPageCtrl] .carousel-item .lsArrowRight, [controller=BlogPostPageCtrl] .carousel-item .lsArrowRight, [controller=AwardsPageCtrl] .carousel-item .lsArrowRight { right: -30px; } [controller=BlogAuthorPageCtrl] .carousel-item .lsArrowRight:before, [controller=BlogTagPageCtrl] .carousel-item .lsArrowRight:before, [controller=BlogPageCtrl] .carousel-item .lsArrowRight:before, [controller=BlogPostPageCtrl] .carousel-item .lsArrowRight:before, [controller=AwardsPageCtrl] .carousel-item .lsArrowRight:before { content: '\3009'; } [controller=BlogAuthorPageCtrl] .awards-page, [controller=BlogTagPageCtrl] .awards-page, [controller=BlogPageCtrl] .awards-page, [controller=BlogPostPageCtrl] .awards-page, [controller=AwardsPageCtrl] .awards-page { padding: 0 !important; } [controller=BlogAuthorPageCtrl] .awards-page .body, [controller=BlogTagPageCtrl] .awards-page .body, [controller=BlogPageCtrl] .awards-page .body, [controller=BlogPostPageCtrl] .awards-page .body, [controller=AwardsPageCtrl] .awards-page .body { text-align: center; margin: 0 auto; text-align: center; max-width: 1300px; } [controller=BlogAuthorPageCtrl] .awards-page .body.safe, [controller=BlogTagPageCtrl] .awards-page .body.safe, [controller=BlogPageCtrl] .awards-page .body.safe, [controller=BlogPostPageCtrl] .awards-page .body.safe, [controller=AwardsPageCtrl] .awards-page .body.safe { padding-top: 0; } [controller=BlogAuthorPageCtrl] .awards-page .body p, [controller=BlogTagPageCtrl] .awards-page .body p, [controller=BlogPageCtrl] .awards-page .body p, [controller=BlogPostPageCtrl] .awards-page .body p, [controller=AwardsPageCtrl] .awards-page .body p { padding: 0 5%; } [controller=BlogAuthorPageCtrl] .awards-page .body small, [controller=BlogTagPageCtrl] .awards-page .body small, [controller=BlogPageCtrl] .awards-page .body small, [controller=BlogPostPageCtrl] .awards-page .body small, [controller=AwardsPageCtrl] .awards-page .body small { font-size: 12px; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; color: #444; } [controller=BlogAuthorPageCtrl] .awards-page .header, [controller=BlogTagPageCtrl] .awards-page .header, [controller=BlogPageCtrl] .awards-page .header, [controller=BlogPostPageCtrl] .awards-page .header, [controller=AwardsPageCtrl] .awards-page .header { text-align: center; width: 100%; z-index: 2; background-position: center bottom; padding: 20px 0; margin: 0 0 20px; } @media (max-width: 991px) { [controller=BlogAuthorPageCtrl] .awards-page .header, [controller=BlogTagPageCtrl] .awards-page .header, [controller=BlogPageCtrl] .awards-page .header, [controller=BlogPostPageCtrl] .awards-page .header, [controller=AwardsPageCtrl] .awards-page .header { padding: 0 0 10px; z-index: 11; height: auto; } } [controller=BlogAuthorPageCtrl] .awards-page .header h1.post-title, [controller=BlogTagPageCtrl] .awards-page .header h1.post-title, [controller=BlogPageCtrl] .awards-page .header h1.post-title, [controller=BlogPostPageCtrl] .awards-page .header h1.post-title, [controller=AwardsPageCtrl] .awards-page .header h1.post-title { font-size: 24px; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; text-transform: uppercase; margin: 79px 0 0; letter-spacing: 3px; line-height: 52px; } [controller=BlogAuthorPageCtrl] .awards-page .header h1.post-title .year, [controller=BlogTagPageCtrl] .awards-page .header h1.post-title .year, [controller=BlogPageCtrl] .awards-page .header h1.post-title .year, [controller=BlogPostPageCtrl] .awards-page .header h1.post-title .year, [controller=AwardsPageCtrl] .awards-page .header h1.post-title .year { border-top: 1px solid #444; padding: 10px 0 0; } @media (max-width: 991px) { [controller=BlogAuthorPageCtrl] .awards-page .header h1.post-title, [controller=BlogTagPageCtrl] .awards-page .header h1.post-title, [controller=BlogPageCtrl] .awards-page .header h1.post-title, [controller=BlogPostPageCtrl] .awards-page .header h1.post-title, [controller=AwardsPageCtrl] .awards-page .header h1.post-title { margin: 0; padding: 10px 0 0; font-size: 22px; } } [controller=BlogAuthorPageCtrl] .poll-question-title, [controller=BlogTagPageCtrl] .poll-question-title, [controller=BlogPageCtrl] .poll-question-title, [controller=BlogPostPageCtrl] .poll-question-title, [controller=AwardsPageCtrl] .poll-question-title { width: 100%; text-align: center; font-size: 34px; line-height: 27px; padding: 17px 0; position: relative; } @media (max-width: 991px) { [controller=BlogAuthorPageCtrl] .poll-question-title, [controller=BlogTagPageCtrl] .poll-question-title, [controller=BlogPageCtrl] .poll-question-title, [controller=BlogPostPageCtrl] .poll-question-title, [controller=AwardsPageCtrl] .poll-question-title { font-size: 24px; } } [controller=BlogAuthorPageCtrl] .poll-question, [controller=BlogTagPageCtrl] .poll-question, [controller=BlogPageCtrl] .poll-question, [controller=BlogPostPageCtrl] .poll-question, [controller=AwardsPageCtrl] .poll-question { width: 100%; height: auto; clear: both; overflow: hidden; padding: 2px; margin-bottom: 30px; text-align: center; } [controller=BlogAuthorPageCtrl] .poll-question img, [controller=BlogTagPageCtrl] .poll-question img, [controller=BlogPageCtrl] .poll-question img, [controller=BlogPostPageCtrl] .poll-question img, [controller=AwardsPageCtrl] .poll-question img { width: 100%; height: auto; } [controller=BlogAuthorPageCtrl] .poll-answer, [controller=BlogTagPageCtrl] .poll-answer, [controller=BlogPageCtrl] .poll-answer, [controller=BlogPostPageCtrl] .poll-answer, [controller=AwardsPageCtrl] .poll-answer { z-index: 0; position: relative; display: inline-block; margin: 0; background-color: #fff; cursor: pointer; vertical-align: top; border: 1px solid #e7e7e7; width: 19.6%; } [controller=BlogAuthorPageCtrl] .poll-answer::before, [controller=BlogTagPageCtrl] .poll-answer::before, [controller=BlogPageCtrl] .poll-answer::before, [controller=BlogPostPageCtrl] .poll-answer::before, [controller=AwardsPageCtrl] .poll-answer::before { content: 'VOTE'; color: #fff; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-weight: bold; font-size: 10px; padding: 0 5px; line-height: 18px; background-color: #0083ed; position: absolute; left: 0; } @media (max-width: 991px) { [controller=BlogAuthorPageCtrl] .poll-answer, [controller=BlogTagPageCtrl] .poll-answer, [controller=BlogPageCtrl] .poll-answer, [controller=BlogPostPageCtrl] .poll-answer, [controller=AwardsPageCtrl] .poll-answer { width: 19.4%; } } @media (max-width: 768px) { [controller=BlogAuthorPageCtrl] .poll-answer, [controller=BlogTagPageCtrl] .poll-answer, [controller=BlogPageCtrl] .poll-answer, [controller=BlogPostPageCtrl] .poll-answer, [controller=AwardsPageCtrl] .poll-answer { width: 32.6%; margin-bottom: 5px; } } @media (max-width: 567px) { [controller=BlogAuthorPageCtrl] .poll-answer, [controller=BlogTagPageCtrl] .poll-answer, [controller=BlogPageCtrl] .poll-answer, [controller=BlogPostPageCtrl] .poll-answer, [controller=AwardsPageCtrl] .poll-answer { width: 49.2%; } } [controller=BlogAuthorPageCtrl] .poll-answer:nth-of-type(3n+1), [controller=BlogTagPageCtrl] .poll-answer:nth-of-type(3n+1), [controller=BlogPageCtrl] .poll-answer:nth-of-type(3n+1), [controller=BlogPostPageCtrl] .poll-answer:nth-of-type(3n+1), [controller=AwardsPageCtrl] .poll-answer:nth-of-type(3n+1) { margin-right: 0; } [controller=BlogAuthorPageCtrl] .poll-answer:nth-of-type(3n+2), [controller=BlogTagPageCtrl] .poll-answer:nth-of-type(3n+2), [controller=BlogPageCtrl] .poll-answer:nth-of-type(3n+2), [controller=BlogPostPageCtrl] .poll-answer:nth-of-type(3n+2), [controller=AwardsPageCtrl] .poll-answer:nth-of-type(3n+2) { margin-left: 0; } [controller=BlogAuthorPageCtrl] .poll-answer .over-image, [controller=BlogTagPageCtrl] .poll-answer .over-image, [controller=BlogPageCtrl] .poll-answer .over-image, [controller=BlogPostPageCtrl] .poll-answer .over-image, [controller=AwardsPageCtrl] .poll-answer .over-image { line-height: 180px; } [controller=BlogAuthorPageCtrl] .poll-answer .over-image.tall-images, [controller=BlogTagPageCtrl] .poll-answer .over-image.tall-images, [controller=BlogPageCtrl] .poll-answer .over-image.tall-images, [controller=BlogPostPageCtrl] .poll-answer .over-image.tall-images, [controller=AwardsPageCtrl] .poll-answer .over-image.tall-images { line-height: 356px; } @media (max-width: 991px) { [controller=BlogAuthorPageCtrl] .poll-answer .over-image.tall-images, [controller=BlogTagPageCtrl] .poll-answer .over-image.tall-images, [controller=BlogPageCtrl] .poll-answer .over-image.tall-images, [controller=BlogPostPageCtrl] .poll-answer .over-image.tall-images, [controller=AwardsPageCtrl] .poll-answer .over-image.tall-images { line-height: 250px; } } [controller=BlogAuthorPageCtrl] .poll-answer .poll-answer-image, [controller=BlogTagPageCtrl] .poll-answer .poll-answer-image, [controller=BlogPageCtrl] .poll-answer .poll-answer-image, [controller=BlogPostPageCtrl] .poll-answer .poll-answer-image, [controller=AwardsPageCtrl] .poll-answer .poll-answer-image { height: 180px; } [controller=BlogAuthorPageCtrl] .poll-answer .poll-answer-image.tall-images, [controller=BlogTagPageCtrl] .poll-answer .poll-answer-image.tall-images, [controller=BlogPageCtrl] .poll-answer .poll-answer-image.tall-images, [controller=BlogPostPageCtrl] .poll-answer .poll-answer-image.tall-images, [controller=AwardsPageCtrl] .poll-answer .poll-answer-image.tall-images { height: 356px; } @media (max-width: 991px) { [controller=BlogAuthorPageCtrl] .poll-answer .poll-answer-image.tall-images, [controller=BlogTagPageCtrl] .poll-answer .poll-answer-image.tall-images, [controller=BlogPageCtrl] .poll-answer .poll-answer-image.tall-images, [controller=BlogPostPageCtrl] .poll-answer .poll-answer-image.tall-images, [controller=AwardsPageCtrl] .poll-answer .poll-answer-image.tall-images { height: 250px; } } [controller=BlogAuthorPageCtrl] .poll-answer img, [controller=BlogTagPageCtrl] .poll-answer img, [controller=BlogPageCtrl] .poll-answer img, [controller=BlogPostPageCtrl] .poll-answer img, [controller=AwardsPageCtrl] .poll-answer img { width: 100%; height: auto; } [controller=BlogAuthorPageCtrl] .mobile .poll-answer, [controller=BlogTagPageCtrl] .mobile .poll-answer, [controller=BlogPageCtrl] .mobile .poll-answer, [controller=BlogPostPageCtrl] .mobile .poll-answer, [controller=AwardsPageCtrl] .mobile .poll-answer { margin: 0.5% 0; } [controller=BlogAuthorPageCtrl] .poll-answer-title, [controller=BlogTagPageCtrl] .poll-answer-title, [controller=BlogPageCtrl] .poll-answer-title, [controller=BlogPostPageCtrl] .poll-answer-title, [controller=AwardsPageCtrl] .poll-answer-title { width: 100%; font-size: 15px; font-weight: bold; line-height: 18px; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; text-align: center; padding: 20px 10px; z-index: 3; position: relative; } [controller=BlogAuthorPageCtrl] .poll-answer-image, [controller=BlogTagPageCtrl] .poll-answer-image, [controller=BlogPageCtrl] .poll-answer-image, [controller=BlogPostPageCtrl] .poll-answer-image, [controller=AwardsPageCtrl] .poll-answer-image { background-size: cover; background-position: center; } [controller=BlogAuthorPageCtrl] .poll-answer-overlay, [controller=BlogTagPageCtrl] .poll-answer-overlay, [controller=BlogPageCtrl] .poll-answer-overlay, [controller=BlogPostPageCtrl] .poll-answer-overlay, [controller=AwardsPageCtrl] .poll-answer-overlay { background-color: #444; opacity: .75; position: absolute; top: 0; left: 0; z-index: 1; width: 0; } [controller=BlogAuthorPageCtrl] .poll-answer-overlay.over-text, [controller=BlogTagPageCtrl] .poll-answer-overlay.over-text, [controller=BlogPageCtrl] .poll-answer-overlay.over-text, [controller=BlogPostPageCtrl] .poll-answer-overlay.over-text, [controller=AwardsPageCtrl] .poll-answer-overlay.over-text { background-color: #0083ed; } [controller=BlogAuthorPageCtrl] .poll-answer-percent, [controller=BlogTagPageCtrl] .poll-answer-percent, [controller=BlogPageCtrl] .poll-answer-percent, [controller=BlogPostPageCtrl] .poll-answer-percent, [controller=AwardsPageCtrl] .poll-answer-percent { color: #fff; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; display: none; position: absolute; z-index: 2; } [controller=BlogAuthorPageCtrl] .poll-answer-percent.desktop, [controller=BlogTagPageCtrl] .poll-answer-percent.desktop, [controller=BlogPageCtrl] .poll-answer-percent.desktop, [controller=BlogPostPageCtrl] .poll-answer-percent.desktop, [controller=AwardsPageCtrl] .poll-answer-percent.desktop { font-weight: bold; } [controller=BlogAuthorPageCtrl] .poll-answer-percent.over-text, [controller=BlogTagPageCtrl] .poll-answer-percent.over-text, [controller=BlogPageCtrl] .poll-answer-percent.over-text, [controller=BlogPostPageCtrl] .poll-answer-percent.over-text, [controller=AwardsPageCtrl] .poll-answer-percent.over-text { bottom: 0; left: 4px; font-size: 26px; } [controller=BlogAuthorPageCtrl] .poll-answer-percent.over-image, [controller=BlogTagPageCtrl] .poll-answer-percent.over-image, [controller=BlogPageCtrl] .poll-answer-percent.over-image, [controller=BlogPostPageCtrl] .poll-answer-percent.over-image, [controller=AwardsPageCtrl] .poll-answer-percent.over-image { font-size: 45px; line-height: 360px; text-align: center; } [controller=BlogAuthorPageCtrl] .selected-overlay, [controller=BlogTagPageCtrl] .selected-overlay, [controller=BlogPageCtrl] .selected-overlay, [controller=BlogPostPageCtrl] .selected-overlay, [controller=AwardsPageCtrl] .selected-overlay { box-shadow: 0 0 0 2px #0083ed; } [controller=BlogAuthorPageCtrl] .voted .poll-answer-percent.over-image, [controller=BlogTagPageCtrl] .voted .poll-answer-percent.over-image, [controller=BlogPageCtrl] .voted .poll-answer-percent.over-image, [controller=BlogPostPageCtrl] .voted .poll-answer-percent.over-image, [controller=AwardsPageCtrl] .voted .poll-answer-percent.over-image { background-color: rgba(68,68,68,0.25); } [controller=BlogAuthorPageCtrl] .voted.poll-question, [controller=BlogTagPageCtrl] .voted.poll-question, [controller=BlogPageCtrl] .voted.poll-question, [controller=BlogPostPageCtrl] .voted.poll-question, [controller=AwardsPageCtrl] .voted.poll-question { margin-bottom: 16px; } [controller=BlogAuthorPageCtrl] .dropdown-button, [controller=BlogTagPageCtrl] .dropdown-button, [controller=BlogPageCtrl] .dropdown-button, [controller=BlogPostPageCtrl] .dropdown-button, [controller=AwardsPageCtrl] .dropdown-button { font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1.5px; line-height: 50px; background: #e7e7e7; height: 46px; width: 100%; text-indent: 5px; display: inline-block; user-select: none; font-size: 12px; padding: 0 10px; position: relative; color: #444; cursor: pointer; } [controller=BlogAuthorPageCtrl] .dropdown-button span::after, [controller=BlogTagPageCtrl] .dropdown-button span::after, [controller=BlogPageCtrl] .dropdown-button span::after, [controller=BlogPostPageCtrl] .dropdown-button span::after, [controller=AwardsPageCtrl] .dropdown-button span::after { content: 'Select an award category'; } [controller=BlogAuthorPageCtrl] .dropdown-button:focus, [controller=BlogAuthorPageCtrl] .dropdown-button:hover, [controller=BlogTagPageCtrl] .dropdown-button:focus, [controller=BlogTagPageCtrl] .dropdown-button:hover, [controller=BlogPageCtrl] .dropdown-button:focus, [controller=BlogPageCtrl] .dropdown-button:hover, [controller=BlogPostPageCtrl] .dropdown-button:focus, [controller=BlogPostPageCtrl] .dropdown-button:hover, [controller=AwardsPageCtrl] .dropdown-button:focus, [controller=AwardsPageCtrl] .dropdown-button:hover { color: rgba(68,68,68,0.7); } [controller=BlogAuthorPageCtrl] .dropdown-button .label-caret, [controller=BlogTagPageCtrl] .dropdown-button .label-caret, [controller=BlogPageCtrl] .dropdown-button .label-caret, [controller=BlogPostPageCtrl] .dropdown-button .label-caret, [controller=AwardsPageCtrl] .dropdown-button .label-caret { border-right: solid 2px #0083ed; border-bottom: solid 2px #0083ed; color: #0083ed; height: 8px; width: 8px; right: 14px; top: 20px; position: absolute; content: ''; display: block; -webkit-transition: -webkit-transform .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out; transition: transform .3s ease-in-out; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); } [controller=BlogAuthorPageCtrl] .dropdown-container, [controller=BlogTagPageCtrl] .dropdown-container, [controller=BlogPageCtrl] .dropdown-container, [controller=BlogPostPageCtrl] .dropdown-container, [controller=AwardsPageCtrl] .dropdown-container { margin: -2px auto 0; width: 310px; height: 46px; padding: 0; display: inline-block; position: relative; text-align: left; z-index: 2; } [controller=BlogAuthorPageCtrl] .dropdown-container.ended, [controller=BlogTagPageCtrl] .dropdown-container.ended, [controller=BlogPageCtrl] .dropdown-container.ended, [controller=BlogPostPageCtrl] .dropdown-container.ended, [controller=AwardsPageCtrl] .dropdown-container.ended { display: none; } [controller=BlogAuthorPageCtrl] .dropdown-container ul, [controller=BlogAuthorPageCtrl] .dropdown-container li, [controller=BlogTagPageCtrl] .dropdown-container ul, [controller=BlogTagPageCtrl] .dropdown-container li, [controller=BlogPageCtrl] .dropdown-container ul, [controller=BlogPageCtrl] .dropdown-container li, [controller=BlogPostPageCtrl] .dropdown-container ul, [controller=BlogPostPageCtrl] .dropdown-container li, [controller=AwardsPageCtrl] .dropdown-container ul, [controller=AwardsPageCtrl] .dropdown-container li { list-style: none; margin: 0; padding: 0; } [controller=BlogAuthorPageCtrl] .dropdown-container:hover .dropdown-list, [controller=BlogTagPageCtrl] .dropdown-container:hover .dropdown-list, [controller=BlogPageCtrl] .dropdown-container:hover .dropdown-list, [controller=BlogPostPageCtrl] .dropdown-container:hover .dropdown-list, [controller=AwardsPageCtrl] .dropdown-container:hover .dropdown-list { display: block; } [controller=BlogAuthorPageCtrl] .dropdown-container:hover .dropdown-button .label-caret, [controller=BlogTagPageCtrl] .dropdown-container:hover .dropdown-button .label-caret, [controller=BlogPageCtrl] .dropdown-container:hover .dropdown-button .label-caret, [controller=BlogPostPageCtrl] .dropdown-container:hover .dropdown-button .label-caret, [controller=AwardsPageCtrl] .dropdown-container:hover .dropdown-button .label-caret { -webkit-transform: rotateZ(225deg); -moz-transform: rotateZ(225deg); -ms-transform: rotateZ(225deg); -o-transform: rotateZ(225deg); transform: rotateZ(225deg); } [controller=BlogAuthorPageCtrl] .dropdown-container .dropdown-list, [controller=BlogTagPageCtrl] .dropdown-container .dropdown-list, [controller=BlogPageCtrl] .dropdown-container .dropdown-list, [controller=BlogPostPageCtrl] .dropdown-container .dropdown-list, [controller=AwardsPageCtrl] .dropdown-container .dropdown-list { display: none; width: 310px; position: absolute; background: #fff; } [controller=BlogAuthorPageCtrl] .dropdown-container .dropdown-list div, [controller=BlogTagPageCtrl] .dropdown-container .dropdown-list div, [controller=BlogPageCtrl] .dropdown-container .dropdown-list div, [controller=BlogPostPageCtrl] .dropdown-container .dropdown-list div, [controller=AwardsPageCtrl] .dropdown-container .dropdown-list div { font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1.5px; line-height: 50px; background: #f9f9f9; height: 46px; width: 100%; text-indent: 5px; display: inline-block; user-select: none; font-size: 12px; padding: 0 10px; position: relative; color: #444; cursor: pointer; margin-bottom: 1px; } [controller=BlogAuthorPageCtrl] .dropdown-container .dropdown-list div:focus, [controller=BlogAuthorPageCtrl] .dropdown-container .dropdown-list div:hover, [controller=BlogTagPageCtrl] .dropdown-container .dropdown-list div:focus, [controller=BlogTagPageCtrl] .dropdown-container .dropdown-list div:hover, [controller=BlogPageCtrl] .dropdown-container .dropdown-list div:focus, [controller=BlogPageCtrl] .dropdown-container .dropdown-list div:hover, [controller=BlogPostPageCtrl] .dropdown-container .dropdown-list div:focus, [controller=BlogPostPageCtrl] .dropdown-container .dropdown-list div:hover, [controller=AwardsPageCtrl] .dropdown-container .dropdown-list div:focus, [controller=AwardsPageCtrl] .dropdown-container .dropdown-list div:hover { color: rgba(68,68,68,0.7); background: #fff; } [controller=SitemapPageCtrl] { padding: 50px; text-align: center; } [controller=SitemapPageCtrl] .title { text-transform: uppercase; font-size: 14px; margin-top: 30px; margin-bottom: 15px; text-align: center; } [controller=SitemapPageCtrl] .sitemap-content { margin: auto; text-align: left; max-width: 680px; margin: auto; } [controller=SitemapPageCtrl] .link { display: block; color: #444; } [controller=SitemapPageCtrl] .link.brand-directory-link { display: inline-block; text-transform: uppercase; } [controller=SitemapPageCtrl] .link.brand-directory-link:hover { cursor: pointer; color: #444; } [controller=BrandDirectoryPageCtrl] .header { margin: 0 auto 30px; top: -280px; padding: 30px 0 35px; position: absolute; width: 100%; background: #f9f9f9; } @media (max-width: 1200px) { [controller=BrandDirectoryPageCtrl] .header { top: -318px; } } @media (max-width: 567px) { [controller=BrandDirectoryPageCtrl] .header { top: -350px; padding: 15px 0; } } [controller=BrandDirectoryPageCtrl] .header .title { text-transform: uppercase; font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-size: 27px; margin: 0 0 5px; text-align: center; } [controller=BrandDirectoryPageCtrl] .header .subtitle { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-size: 10px; width: 100%; text-align: center; margin: 0 0 20px; } [controller=BrandDirectoryPageCtrl] .header .filters { margin: 0 auto 30px; padding: 13px 0 0; width: 400px; } @media (max-width: 567px) { [controller=BrandDirectoryPageCtrl] .header .filters { margin: 0 auto 40px; padding: 0; width: 100%; } } [controller=BrandDirectoryPageCtrl] .header .filters .brand-search { display: inline-block; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-weight: bold; background: #fff; height: 46px; width: 240px; text-indent: 5px; user-select: none; font-size: 16px; padding: 4px 14px 0; position: relative; color: #444; margin-bottom: 1px; } @media (max-width: 567px) { [controller=BrandDirectoryPageCtrl] .header .filters .brand-search { display: block; width: 90%; margin: 0 5%; } } [controller=BrandDirectoryPageCtrl] .header .filters .dropdown-menu { width: 395px; } [controller=BrandDirectoryPageCtrl] .header .index { text-align: center; } @media (max-width: 1200px) { [controller=BrandDirectoryPageCtrl] .header .index { width: 90%; margin: 0 auto; line-height: 38px; } } @media (max-width: 567px) { [controller=BrandDirectoryPageCtrl] .header .index { width: 90%; margin: 0 auto; line-height: 38px; } } [controller=BrandDirectoryPageCtrl] .brand-directory-link { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-size: 27px; padding: 8px 5px 8px 11px; } @media (max-width: 1200px) { [controller=BrandDirectoryPageCtrl] .brand-directory-link { padding: 8px 2px 2px 8px; } } [controller=BrandDirectoryPageCtrl] .brand-directory-link:hover, [controller=BrandDirectoryPageCtrl] .active { border-bottom: #444 1px solid; } [controller=BrandDirectoryPageCtrl] ul, [controller=BrandDirectoryPageCtrl] li { list-style: none; margin: 0; padding: 0; } [controller=BrandDirectoryPageCtrl] .letter-group { display: block; color: #444; } [controller=BrandDirectoryPageCtrl] .letter-group .links { display: inline-block; } [controller=BrandDirectoryPageCtrl] .letter-group .links li { font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-size: 11px; padding: 4px 0; text-transform: uppercase; } [controller=BrandDirectoryPageCtrl] .letter-group .links>span { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-size: 17px; padding: 10px 0; display: block; } [controller=BrandDirectoryPageCtrl] .blur { color: #c4c6c8; } [controller=BrandDirectoryPageCtrl] .focus { color: #444; } [controller=BrandDirectoryPageCtrl] .brand-container { column-count: 4; column-gap: 15px; column-fill: balance; width: 70%; margin: 280px 0 50px 21%; } @media (max-width: 1200px) { [controller=BrandDirectoryPageCtrl] .brand-container { width: 90%; margin: 320px 0 50px 8%; } } @media (max-width: 991px) { [controller=BrandDirectoryPageCtrl] .brand-container { column-count: 3; } } @media (max-width: 768px) { [controller=BrandDirectoryPageCtrl] .brand-container { column-count: 2; width: 100%; margin: 280px 0 50px 15%; } } @media (max-width: 567px) { [controller=BrandDirectoryPageCtrl] .brand-container { column-count: 1; width: 100%; margin: 350px 0 50px 25%; } } [controller=BrandDirectoryPageCtrl] .category-button { font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1.5px; line-height: 50px; background: #fff; height: 46px; width: 100%; text-indent: 5px; display: inline-block; user-select: none; font-size: 12px; padding: 0 10px; position: relative; color: #444; cursor: pointer; } [controller=BrandDirectoryPageCtrl] .category-button:focus, [controller=BrandDirectoryPageCtrl] .category-button:hover { color: rgba(68,68,68,0.7); } [controller=BrandDirectoryPageCtrl] .category-button .label-caret { border-right: solid 2px #0083ed; border-bottom: solid 2px #0083ed; color: #0083ed; height: 8px; width: 8px; right: 14px; top: 20px; position: absolute; content: ''; display: block; -webkit-transition: -webkit-transform .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out; transition: transform .3s ease-in-out; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); } [controller=BrandDirectoryPageCtrl] .category-container { margin: 0 auto; width: 140px; height: 46px; padding: 16px 0 0; display: inline-block; } [controller=BrandDirectoryPageCtrl] .category-container:hover .category-list { display: block; } [controller=BrandDirectoryPageCtrl] .category-container:hover .category-button .label-caret { -webkit-transform: rotateZ(225deg); -moz-transform: rotateZ(225deg); -ms-transform: rotateZ(225deg); -o-transform: rotateZ(225deg); transform: rotateZ(225deg); } [controller=BrandDirectoryPageCtrl] .category-container .category-list { display: none; position: absolute; width: 140px; background: #fff; } @media (max-width: 567px) { [controller=BrandDirectoryPageCtrl] .category-container .category-list { display: block; width: 90%; margin: 10px 5% 30px; } } [controller=BrandDirectoryPageCtrl] .category-container .category-list a { font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1.5px; line-height: 50px; background: #f9f9f9; height: 46px; width: 100%; text-indent: 5px; display: inline-block; user-select: none; font-size: 12px; padding: 0 10px; position: relative; color: #444; cursor: pointer; margin-bottom: 1px; } [controller=BrandDirectoryPageCtrl] .category-container .category-list a:focus, [controller=BrandDirectoryPageCtrl] .category-container .category-list a:hover { color: rgba(68,68,68,0.7); background: #fff; } [controller=TopSearchesPageCtrl] { padding: 50px; } [controller=TopSearchesPageCtrl] .title { text-transform: uppercase; font-size: 14px; margin-top: 0; margin-bottom: 25px; text-align: center; } [controller=TopSearchesPageCtrl] .link { display: block; color: #444; } [controller=TopSearchesPageCtrl] .search { float: left; display: block; width: 20%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } @media (max-width: 768px) { [controller=TopSearchesPageCtrl] .search { width: 50%; } } [controller=WidgetPageCtrl] { padding: 70px; } [controller=WidgetPageCtrl] .btn, [controller=WidgetPageCtrl] [controller=BlogAuthorPageCtrl] .vhub-section-container strong>a, [controller=BlogAuthorPageCtrl] .vhub-section-container [controller=WidgetPageCtrl] strong>a, [controller=WidgetPageCtrl] [controller=BlogTagPageCtrl] .vhub-section-container strong>a, [controller=BlogTagPageCtrl] .vhub-section-container [controller=WidgetPageCtrl] strong>a, [controller=WidgetPageCtrl] [controller=BlogPageCtrl] .vhub-section-container strong>a, [controller=BlogPageCtrl] .vhub-section-container [controller=WidgetPageCtrl] strong>a, [controller=WidgetPageCtrl] [controller=BlogPostPageCtrl] .vhub-section-container strong>a, [controller=BlogPostPageCtrl] .vhub-section-container [controller=WidgetPageCtrl] strong>a, [controller=WidgetPageCtrl] [controller=AwardsPageCtrl] .vhub-section-container strong>a, [controller=AwardsPageCtrl] .vhub-section-container [controller=WidgetPageCtrl] strong>a, [controller=WidgetPageCtrl] .onboard-wrapper .onboard-page .box-container .box-title, .onboard-wrapper .onboard-page .box-container [controller=WidgetPageCtrl] .box-title { margin: 50px; font-size: 21px; } [ng-controller="404PageCtrl"] { padding-top: 100px; font-size: 14px; } @media (max-width: 567px) { [ng-controller="404PageCtrl"] { padding-top: 5px; } } [ng-controller="404PageCtrl"] .center a { text-decoration: underline; padding: 0 5px; } [ng-controller="404PageCtrl"] .center .subtitle { max-width: 500px; margin: auto; } [ng-controller="404PageCtrl"] .center .search-input { width: 430px; height: 45px; border: 1px solid #f0f1f2; position: relative; padding-left: 10px; margin: 20px; } @media (max-width: 567px) { [ng-controller="404PageCtrl"] .center .search-input { width: 100%; margin: 0; } } [ng-controller="404PageCtrl"] .center .heading { font-size: 16px; font-weight: bold; } [ng-controller="404PageCtrl"] .sitemap { border-top: 1px solid #f0f1f2; padding-top: 50px; max-width: 1200px; margin: 50px auto; font-size: 0; } @media (max-width: 567px) { [ng-controller="404PageCtrl"] .sitemap { padding-top: 20px; margin: 10px 50px; } } [ng-controller="404PageCtrl"] .sitemap .col-sm-3 { display: inline-block; width: 25%; vertical-align: top; } [ng-controller="404PageCtrl"] .sitemap .col-sm-3 .list-unstyled { font-size: 14px; } [ng-controller="404PageCtrl"] .sitemap li:first-child { font-weight: bold; letter-spacing: 1px; } [ng-controller="404PageCtrl"] .sitemap a { display: block; margin-top: 5px; } [ng-controller="500PageCtrl"] pre { text-align: left; } [controller=FeedbackPageCtrl] { max-width: 1000px; margin: 100px auto; padding: 0 15px; } [controller=FeedbackPageCtrl]::after { clear: both; content: ""; display: table; } [controller=FeedbackPageCtrl] p a { border-bottom: 1px solid #f0f1f2; } [controller=FeedbackPageCtrl] p a:hover { border-bottom: 1px solid #c4c6c8; } [controller=FeedbackPageCtrl] .faq, [controller=FeedbackPageCtrl] .feedback-form { width: 48%; } @media (max-width: 768px) { [controller=FeedbackPageCtrl] .faq, [controller=FeedbackPageCtrl] .feedback-form { width: 100%; display: block; } } [controller=FeedbackPageCtrl] .success, [controller=FeedbackPageCtrl] .contact { text-align: center; } [controller=FeedbackPageCtrl] .faq { float: left; } [controller=FeedbackPageCtrl] .faq.center { margin: 0 auto; float: none; text-align: left; } [controller=FeedbackPageCtrl] .feedback-form { float: right; margin-top: 8.5px; } [controller=FeedbackPageCtrl] .feedback { min-height: 400px; } [controller=FeedbackPageCtrl] select { display: block; } [controller=FeedbackPageCtrl] input, [controller=FeedbackPageCtrl] textarea, [controller=FeedbackPageCtrl] select { margin-bottom: 15px; } [controller=FeedbackPageCtrl] textarea { min-height: 100px; } [controller=FeedbackPageCtrl] .error-message { float: right; color: #ff3f3f; } [controller=StoresPageCtrl] { padding: 50px; } [controller=StoresPageCtrl] .title { text-transform: uppercase; font-size: 14px; margin-top: 0; margin-bottom: 25px; text-align: center; } [controller=StoresPageCtrl] .column { width: 20%; float: left; } @media (max-width: 768px) { [controller=StoresPageCtrl] .column { width: 50%; } } [controller=StoresPageCtrl] .store-link { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; } [controller="NewsletterSignUpPageCtrl"] .newsletter-sign-up-container { background: url("/assets/images/newsletter-sign-up-bg.jpg"); min-height: 700px; background-size: cover; padding: 0 15px; } [controller="NewsletterSignUpPageCtrl"] .newsletter-sign-up { position: relative; margin: 0 auto; top: 75px; width: 520px; padding: 50px; color: #444; font-size: 14px; background: rgba(255,255,255,0.94); } [controller="NewsletterSignUpPageCtrl"] .newsletter-sign-up h1 { font-size: 34px; font-family: Georgia, serif; font-style: italic; text-align: center; text-transform: uppercase; display: block; margin-bottom: 24px; font-weight: normal; } [controller="NewsletterSignUpPageCtrl"] .newsletter-sign-up p { margin: 7px 0; line-height: 21px; } [controller="NewsletterSignUpPageCtrl"] .newsletter-sign-up .submit-btn { width: 200px; margin: 0 auto; margin-top: 20px; display: block; } [controller="NewsletterSignUpPageCtrl"] .newsletter-sign-up input[type=email] { width: 100%; padding: 15px; font-size: 16px; height: 50px; color: #444; margin-bottom: 24px; border: solid 1px #c4c6c8; } [controller="NewsletterSignUpPageCtrl"] .newsletter-sign-up .error-message { font-size: 12px; color: #ff3f3f; } [controller="NewsletterSignUpPageCtrl"] .newsletter-sign-up .newsletter-join-success { text-align: center; } [controller="NewsletterSignUpPageCtrl"] .newsletter-sign-up .privacy-text { font-size: 8.75px; margin-bottom: 10px; text-align: center; padding: 0 20px; color: #939393; line-height: normal; } [controller="NewsletterSignUpPageCtrl"] .newsletter-sign-up .privacy-text a { text-decoration: underline; } @media (max-width: 768px) { [controller="NewsletterSignUpPageCtrl"] .newsletter-sign-up { top: 50px; width: 100%; max-width: 400px; padding: 25px 20px; margin: 0 auto; font-size: 12px; } [controller="NewsletterSignUpPageCtrl"] .newsletter-sign-up h1 { font-size: 24px; margin-bottom: 15px; } [controller="NewsletterSignUpPageCtrl"] .newsletter-sign-up p { margin: 4px 0; line-height: 17px; } [controller="NewsletterSignUpPageCtrl"] .newsletter-sign-up .submit-btn { margin-top: 10px; margin-bottom: 11px; } [controller="NewsletterSignUpPageCtrl"] .newsletter-sign-up input[type=email] { height: 40px; padding: 7px; font-size: 14px; margin-bottom: 14px; } } [controller="UnsubscribePageCtrl"] p { max-width: 600px; margin: 20px auto 30px; } [controller="UnsubscribePageCtrl"] form { position: relative; } [controller="UnsubscribePageCtrl"] input[type=email] { height: 40px; margin: 0 10px; padding: 0 15px; font-size: 16px; color: #444; border: solid 1px #c4c6c8; width: 350px; } @media (max-width: 567px) { [controller="UnsubscribePageCtrl"] input[type=email] { width: 200px; } } [controller="UnsubscribePageCtrl"] input[type=email]:-ms-input-placeholder { padding: 15px; vertical-align: middle; line-height: 0; } [controller="UnsubscribePageCtrl"] input[type=submit] { position: relative; bottom: 2px; } [controller="UnsubscribePageCtrl"] .error-message { font-size: 12px; color: #ff3f3f; position: absolute; right: 0; left: 0; bottom: 50px; } [controller="UnsubscribePageCtrl"] .error { margin-top: 10px; color: #ff3f3f; } [controller="MobileHomePageCtrl"] { top: 0; left: 0; right: 0; bottom: 0; position: fixed !important; border: 0 !important; z-index: 1000; overflow: auto; background-color: #fff; } [controller="MobileHomePageCtrl"] .actions { text-align: center; font-size: 18px; margin-top: 30px; line-height: 35px; color: #c4c6c8; } [controller="MobileHomePageCtrl"] .actions .btn.btn-primary, [controller="MobileHomePageCtrl"] .actions [controller=BlogAuthorPageCtrl] .vhub-section-container strong>a.btn-primary, [controller=BlogAuthorPageCtrl] .vhub-section-container [controller="MobileHomePageCtrl"] .actions strong>a.btn-primary, [controller="MobileHomePageCtrl"] .actions [controller=BlogTagPageCtrl] .vhub-section-container strong>a.btn-primary, [controller=BlogTagPageCtrl] .vhub-section-container [controller="MobileHomePageCtrl"] .actions strong>a.btn-primary, [controller="MobileHomePageCtrl"] .actions [controller=BlogPageCtrl] .vhub-section-container strong>a.btn-primary, [controller=BlogPageCtrl] .vhub-section-container [controller="MobileHomePageCtrl"] .actions strong>a.btn-primary, [controller="MobileHomePageCtrl"] .actions [controller=BlogPostPageCtrl] .vhub-section-container strong>a.btn-primary, [controller=BlogPostPageCtrl] .vhub-section-container [controller="MobileHomePageCtrl"] .actions strong>a.btn-primary, [controller="MobileHomePageCtrl"] .actions [controller=AwardsPageCtrl] .vhub-section-container strong>a.btn-primary, [controller=AwardsPageCtrl] .vhub-section-container [controller="MobileHomePageCtrl"] .actions strong>a.btn-primary, [controller="MobileHomePageCtrl"] .actions .onboard-wrapper .onboard-page .box-container .btn-primary.box-title, .onboard-wrapper .onboard-page .box-container [controller="MobileHomePageCtrl"] .actions .btn-primary.box-title { width: 50%; max-width: 450px; font-size: 18px; } [controller="MobileHomePageCtrl"] .actions .continue-shopping { display: block; font-weight: bold; } [controller="MobileHomePageCtrl"] img { display: block; margin: 0 auto; margin-top: 5%; } [controller="MobileHomePageCtrl"] img.ipad { width: 50%; } @media (max-width: 768px) { [controller="MobileHomePageCtrl"] img.ipad { width: 80%; } } [controller="MobileHomePageCtrl"] img.logo { width: 40%; } @media (max-width: 768px) { [controller="MobileHomePageCtrl"] img.logo { width: 70%; } } [controller="MobileAppPageCtrl"] { text-align: center; } [controller="MobileAppPageCtrl"] .info { display: inline-block; text-align: left; vertical-align: top; width: 30%; margin-top: 5%; margin-left: 3%; font-size: 24px; line-height: 22px; } [controller="MobileAppPageCtrl"] .info .for { margin-bottom: 10px; } [controller="MobileAppPageCtrl"] .info .list { font-size: 15px; line-height: 22px; } [controller="MobileAppPageCtrl"] .info .subtext { font-size: 11px; font-style: italic; } @media (max-width: 768px) { [controller="MobileAppPageCtrl"] .info { width: 90%; display: block; text-align: center; } } [controller="MobileAppPageCtrl"] .buy-at { margin-top: 15px; } [controller="MobileAppPageCtrl"] .review { font-size: 13px; margin-top: 20px; width: 90%; margin: 20px auto; } [controller="MobileAppPageCtrl"] img { margin: 0 auto; margin-top: 5%; } [controller="MobileAppPageCtrl"] img.app { width: 40%; display: inline-block; } @media (max-width: 768px) { [controller="MobileAppPageCtrl"] img.app { width: 80%; display: block; } } [controller="MobileAppPageCtrl"] img.logo { width: 100%; margin: 0; } @media (max-width: 768px) { [controller="MobileAppPageCtrl"] img.logo { width: 70%; } } .html .modal.onboard-modal .modal-dialog { position: absolute; top: 10%; bottom: 10%; left: 10%; right: 10%; width: auto; margin: auto; max-width: 1000px; max-height: 800px; } .html .modal.onboard-modal .modal-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .modal .onboard-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .onboard-wrapper .back-button { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; top: 5px; left: 10px; position: absolute; z-index: 3; opacity: 0.3; font-size: 17px; } .onboard-wrapper .back-button:hover { opacity: 1; } .onboard-wrapper .progress-message-container { line-height: 23px; height: 24px; color: #fff; background: #001f3d; position: fixed; width: 100px; left: 0; right: 0; top: 0; margin: auto; z-index: 5; text-align: center; font-size: 12px; z-index: 1100; } .modal .onboard-wrapper .progress-message-container { position: absolute; } .onboard-wrapper .progress-message-container::before { content: ''; position: absolute; left: -24px; height: 0; width: 0; top: 0; border-top: 24px solid #001f3d; border-left: 24px solid transparent; } .onboard-wrapper .progress-message-container::after { content: ''; position: absolute; right: -24px; height: 0; width: 0; top: 0; border-top: 24px solid #001f3d; border-right: 24px solid transparent; } .onboard-wrapper .progress-message-container .step-text { letter-spacing: 2px; text-transform: uppercase; } .onboard-wrapper .onboard-page { position: absolute; top: 0; left: 0; right: 0; bottom: 0; position: fixed; background: #fff; z-index: 1000; } .onboard-wrapper .onboard-page .fancy { padding: 0 2px; } .onboard-wrapper .onboard-page .progress-tooltip { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-align: right; font-size: 10px; } .onboard-wrapper .onboard-page .progress-bar-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; position: fixed; height: 2px; z-index: 5; background: #fff; } .modal .onboard-wrapper .onboard-page .progress-bar-container { position: absolute; } .onboard-wrapper .onboard-page .progress-bar-container .progress-bar { top: 0; width: 100%; height: 100%; background: #001f3d; position: absolute; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .onboard-wrapper .onboard-page .finishing-spinner-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 100; background: rgba(255,255,255,0.4); text-align: center; } .modal .onboard-wrapper .onboard-page .finishing-spinner-container { position: absolute; } .onboard-wrapper .onboard-page .finishing-spinner-container .loading-icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .onboard-wrapper .onboard-page .suggested-text { color: #939393; font-size: 12px; padding: 3px; } .onboard-wrapper .onboard-page .btn, .onboard-wrapper .onboard-page [controller=BlogAuthorPageCtrl] .vhub-section-container strong>a, [controller=BlogAuthorPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page strong>a, .onboard-wrapper .onboard-page [controller=BlogTagPageCtrl] .vhub-section-container strong>a, [controller=BlogTagPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page strong>a, .onboard-wrapper .onboard-page [controller=BlogPageCtrl] .vhub-section-container strong>a, [controller=BlogPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page strong>a, .onboard-wrapper .onboard-page [controller=BlogPostPageCtrl] .vhub-section-container strong>a, [controller=BlogPostPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page strong>a, .onboard-wrapper .onboard-page [controller=AwardsPageCtrl] .vhub-section-container strong>a, [controller=AwardsPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page strong>a, .onboard-wrapper .onboard-page .box-container .box-title { outline: 1px solid #fff; } .onboard-wrapper .onboard-page .column { position: relative; top: 0; padding: 20px; } .onboard-wrapper .onboard-page .column.column-left { left: 0; width: 50%; height: 100%; position: fixed; z-index: 2; pointer-events: none; } .modal .onboard-wrapper .onboard-page .column.column-left { position: absolute; } .onboard-wrapper .onboard-page .column.column-left .btn, .onboard-wrapper .onboard-page .column.column-left [controller=BlogAuthorPageCtrl] .vhub-section-container strong>a, [controller=BlogAuthorPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page .column.column-left strong>a, .onboard-wrapper .onboard-page .column.column-left [controller=BlogTagPageCtrl] .vhub-section-container strong>a, [controller=BlogTagPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page .column.column-left strong>a, .onboard-wrapper .onboard-page .column.column-left [controller=BlogPageCtrl] .vhub-section-container strong>a, [controller=BlogPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page .column.column-left strong>a, .onboard-wrapper .onboard-page .column.column-left [controller=BlogPostPageCtrl] .vhub-section-container strong>a, [controller=BlogPostPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page .column.column-left strong>a, .onboard-wrapper .onboard-page .column.column-left [controller=AwardsPageCtrl] .vhub-section-container strong>a, [controller=AwardsPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page .column.column-left strong>a, .onboard-wrapper .onboard-page .column.column-left .box-container .box-title, .onboard-wrapper .onboard-page .box-container .column.column-left .box-title { pointer-events: auto; } .onboard-wrapper .onboard-page .column.column-right { overflow: auto; -webkit-overflow-scrolling: touch; position: absolute; left: 0; top: 0; bottom: 0; height: 100%; width: 100%; } .onboard-wrapper .onboard-page .title { font-weight: bold; font-size: 30px; } .onboard-wrapper .onboard-page .subtitle { margin: 10px 0; } .onboard-wrapper .onboard-page .login-message-container { position: absolute; text-align: center; bottom: 50px; left: 0; right: 0; } .onboard-wrapper .onboard-page .login-message-container .login-wrapper { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; opacity: 0.5; } .onboard-wrapper .onboard-page .login-message-container .login-wrapper:hover { opacity: 1; } .onboard-wrapper .onboard-page .login-message-container .login-link { margin-left: 15px; } .onboard-wrapper .onboard-page .text-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 200px; max-width: 500px; padding: 0 20px; } .onboard-wrapper .onboard-page .text-container.recommended-brands-container { height: 90%; } .onboard-wrapper .onboard-page .buttons-container { position: absolute; left: 10px; bottom: 10px; } .onboard-wrapper .onboard-page .brand-button { margin: 5px 5px 0 0; position: relative; display: inline-block; } .onboard-wrapper .onboard-page .brand-button.active { background: #001f3d; color: #fff; } .onboard-wrapper .onboard-page .brand-button .check-icon { display: inline-block; position: relative; top: -1px; margin-left: 2px; } .onboard-wrapper .onboard-page .related-brands-wrapper { position: relative; font-size: 0; } .onboard-wrapper .onboard-page .suggested-brands { height: 80%; } .onboard-wrapper .onboard-page .footer { height: 220px; line-height: 220px; background: #444; text-align: center; margin: 0 -20px -20px; z-index: 4; position: relative; } .onboard-wrapper .onboard-page .footer.fixed { position: fixed; bottom: 0; left: 0; right: 0; height: 170px; line-height: 160px; } .onboard-wrapper .onboard-page .footer .btn, .onboard-wrapper .onboard-page .footer [controller=BlogAuthorPageCtrl] .vhub-section-container strong>a, [controller=BlogAuthorPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page .footer strong>a, .onboard-wrapper .onboard-page .footer [controller=BlogTagPageCtrl] .vhub-section-container strong>a, [controller=BlogTagPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page .footer strong>a, .onboard-wrapper .onboard-page .footer [controller=BlogPageCtrl] .vhub-section-container strong>a, [controller=BlogPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page .footer strong>a, .onboard-wrapper .onboard-page .footer [controller=BlogPostPageCtrl] .vhub-section-container strong>a, [controller=BlogPostPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page .footer strong>a, .onboard-wrapper .onboard-page .footer [controller=AwardsPageCtrl] .vhub-section-container strong>a, [controller=AwardsPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page .footer strong>a, .onboard-wrapper .onboard-page .footer .box-container .box-title, .onboard-wrapper .onboard-page .box-container .footer .box-title { padding: 20px 50px; font-size: 20px; line-height: 4px; } .onboard-wrapper .onboard-page .footer .not-enough-brands-text { text-align: center; color: #c4c6c8; font-size: 20px; } .onboard-wrapper .onboard-page .box-container { margin-left: 50%; } .onboard-wrapper .onboard-page .box-container.categories-box-container { left: 50%; top: 50%; right: 0; position: absolute; height: 400px; max-width: 900px; margin: -200px auto 0; padding-right: 20px; text-align: center; } .onboard-wrapper .onboard-page .box-container.brands-box-container { min-height: 2000px; } .onboard-wrapper .onboard-page .box-container .box { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 47%; max-width: 600px; height: 200px; display: inline-block; position: relative; padding: 20px; margin-left: 2%; } .onboard-wrapper .onboard-page .box-container .box::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; background: #001f3d; opacity: 0.05; } .onboard-wrapper .onboard-page .box-container .box:hover::after { opacity: 0.07; } .onboard-wrapper .onboard-page .box-container .box.active::after { opacity: 0.5; z-index: 3; } .onboard-wrapper .onboard-page .box-container .box.brand-box { height: 300px; width: auto; display: block; margin: 20px 20px 20px 0; } .onboard-wrapper .onboard-page .box-container .box .btn, .onboard-wrapper .onboard-page .box-container .box [controller=BlogAuthorPageCtrl] .vhub-section-container strong>a, [controller=BlogAuthorPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page .box-container .box strong>a, .onboard-wrapper .onboard-page .box-container .box [controller=BlogTagPageCtrl] .vhub-section-container strong>a, [controller=BlogTagPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page .box-container .box strong>a, .onboard-wrapper .onboard-page .box-container .box [controller=BlogPageCtrl] .vhub-section-container strong>a, [controller=BlogPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page .box-container .box strong>a, .onboard-wrapper .onboard-page .box-container .box [controller=BlogPostPageCtrl] .vhub-section-container strong>a, [controller=BlogPostPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page .box-container .box strong>a, .onboard-wrapper .onboard-page .box-container .box [controller=AwardsPageCtrl] .vhub-section-container strong>a, [controller=AwardsPageCtrl] .vhub-section-container .onboard-wrapper .onboard-page .box-container .box strong>a, .onboard-wrapper .onboard-page .box-container .box .box-title { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .onboard-wrapper .onboard-page .box-container .box .check-icon { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; font-size: 40px; height: 60px; width: 40px; z-index: 10; color: #fff; } .onboard-wrapper .onboard-page .box-container .box-title { position: absolute; left: 10px; right: 10px; bottom: 10px; display: block; text-align: center; white-space: nowrap; overflow: hidden; z-index: 2; } .onboard-wrapper .onboard-page .full-width-container { min-height: 75%; } .onboard-wrapper .onboard-page .suggested-for-you-title { text-align: center; margin-top: 60px; } .onboard-wrapper .onboard-page .suggested-for-you-title .text { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; padding: 0 20px; background: #fff; position: relative; top: -15px; display: inline-block; font-style: italic; font-size: 25px; color: #939393; } .onboard-wrapper .onboard-page .suggested-for-you-title .line { border-bottom: 1px solid #f0f1f2; } .onboard-wrapper .onboard-page .search-brands-container { padding: 40px 40px 260px 40px; position: relative; min-height: calc(100% - 200px); z-index: 1; overflow: auto; -webkit-overflow-scrolling: touch; } .onboard-wrapper .onboard-page .search-brands-container .big-search-input { padding-left: 70px; text-align: center; width: 100%; margin-bottom: 50px; font: italic 100 50px "Baskerville","HoeflerText","TimesNewRomanPS",serif; } .onboard-wrapper .onboard-page .search-brands-container .brand-result { -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); cursor: pointer; opacity: 0.9; } .onboard-wrapper .onboard-page .search-brands-container .brand-result:hover { opacity: 1; } .onboard-wrapper .onboard-page .search-brands-container .brand-result .product-images-container { height: 100px; margin: 15px 0 25px; white-space: nowrap; vertical-align: middle; overflow: hidden; } .onboard-wrapper .onboard-page .search-brands-container .brand-result .product-images-container .brand-product-wrapper { width: 100px; height: 100px; display: inline-block; text-align: center; margin: 0 5px; } .onboard-wrapper .onboard-page .search-brands-container .brand-result .product-images-container .brand-product-image { max-height: 100%; max-width: 100%; } .onboard-wrapper .onboard-page .box-image-wrapper { float: left; width: 33%; height: 230px; line-height: 230px; text-align: center; display: block; padding: 5px; } .onboard-wrapper .onboard-page .box-image-wrapper .box-image { vertical-align: middle; display: inline-block; max-height: 100%; max-width: 100%; } .onboard-wrapper .onboard-page .category-box .box-image-wrapper { height: 120px; line-height: 120px; } .onboard-wrapper .onboard-page .or-text { position: absolute; top: 50%; text-align: center; opacity: 0.3; font-size: 40px; left: 0; right: 0; text-align: center; font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; } .onboard-wrapper .onboard-page .related-products { position: absolute; bottom: 50px; left: 50px; right: 50px; z-index: -1; height: 100px; white-space: nowrap; overflow: hidden; } .onboard-wrapper .onboard-page .related-products .related-product-wrapper { position: relative; display: inline-block; width: 100px; height: 100px; line-height: 100px; margin: 5px; } .onboard-wrapper .onboard-page .related-products .related-product-wrapper .related-product-image { max-width: 100%; max-height: 100%; position: relative; } [controller=ResetForgottenPasswordPageCtrl] { width: 400px; margin: 0 auto; padding-top: 50px; } @media (max-width: 567px) { [controller=ResetForgottenPasswordPageCtrl] { width: 85%; line-height: 26px; } } [controller=ResetForgottenPasswordPageCtrl] .close-button { color: #c4c6c8; position: absolute; top: 10px; right: 10px; } [controller=ResetForgottenPasswordPageCtrl] .modal-title { font-size: 30px; font-weight: bold; margin-bottom: 25px; font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-style: italic; text-align: center; } [controller=ResetForgottenPasswordPageCtrl] p { text-align: center; letter-spacing: 1px; } [controller=ResetForgottenPasswordPageCtrl] input { display: block; height: 50px; width: 100%; padding: 5px; border: 1px solid #c4c6c8; margin: 10px 0 15px; font-size: 14px; } [controller=ResetForgottenPasswordPageCtrl] .btn-black { display: block; width: 100%; background: #444; color: #fff; border-radius: 0; text-transform: uppercase; letter-spacing: 2px; } [controller=ResetForgottenPasswordPageCtrl] .error { min-height: 20px; } [controller=ResetForgottenPasswordPageCtrl] .failure { text-align: center; } [controller=ResetForgottenPasswordPageCtrl] .failure .expired-msg, [controller=ResetForgottenPasswordPageCtrl] .failure .bad-code { font-size: 20px; margin-bottom: 10px; } [controller=ResetForgottenPasswordPageCtrl] .failure .request-new-code a { font-size: 16px; text-decoration: underline; } .shop-instagram { width: 100%; margin-bottom: 30px; text-align: center; background-color: #fff; } .shop-instagram h1 { font-size: 30px; font-family: "AvenirNext-Medium","Helvetica Neue","Helvetica","Arial",sans-serif; text-transform: uppercase; letter-spacing: 5px; margin: 35px auto 0; width: 490px; background-color: #fff; position: relative; z-index: 1; } @media (max-width: 567px) { .shop-instagram h1 { margin-top: 25px; font-size: 24px; width: 375px; } } .shop-instagram h2, .shop-instagram [controller=SettingsPageCtrl] .settings-mobile h3, [controller=SettingsPageCtrl] .settings-mobile .shop-instagram h3, .shop-instagram [ng-controller=SettingsPageCtrl] .settings-mobile h3, [ng-controller=SettingsPageCtrl] .settings-mobile .shop-instagram h3 { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-style: italic; text-transform: lowercase; font-size: 30px; font-weight: normal; margin: 0 0 20px; } @media (max-width: 567px) { .shop-instagram h2, .shop-instagram [controller=SettingsPageCtrl] .settings-mobile h3, [controller=SettingsPageCtrl] .settings-mobile .shop-instagram h3, .shop-instagram [ng-controller=SettingsPageCtrl] .settings-mobile h3, [ng-controller=SettingsPageCtrl] .settings-mobile .shop-instagram h3 { font-size: 24px; } } .shop-instagram .divider { border-bottom: 2px solid black; position: relative; top: -75px; margin: 0 5%; } @media (max-width: 991px) { .shop-instagram .divider { display: none; } } [controller=HolidayDealsPageCtrl] .deals-wrapper { font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; padding-bottom: 25px; background: #f0f1f2; } [controller=HolidayDealsPageCtrl] .deals-wrapper .header { position: relative; display: inline-block; height: 320px; width: 100%; background: #9094ab; background-repeat: no-repeat; background-position: top center; background-image: url("/assets/images/holiday-deals-background.gif"); background-size: 100% 100%; text-align: center; vertical-align: bottom; } @media (max-width: 768px) { [controller=HolidayDealsPageCtrl] .deals-wrapper .header { height: 220px; background-size: 1000px 100%; } [controller=HolidayDealsPageCtrl] .deals-wrapper .header img { width: 100%; position: absolute; bottom: 0; left: 0; } } [controller=HolidayDealsPageCtrl] .deals-wrapper h2, [controller=HolidayDealsPageCtrl] .deals-wrapper [controller=SettingsPageCtrl] .settings-mobile h3, [controller=SettingsPageCtrl] .settings-mobile [controller=HolidayDealsPageCtrl] .deals-wrapper h3, [controller=HolidayDealsPageCtrl] .deals-wrapper [ng-controller=SettingsPageCtrl] .settings-mobile h3, [ng-controller=SettingsPageCtrl] .settings-mobile [controller=HolidayDealsPageCtrl] .deals-wrapper h3 { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-style: italic; font-size: 50px; font-weight: normal; margin: 25px 0; display: block; text-align: center; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content { max-width: 1330px; margin: auto; text-align: center; } @media (max-width: 768px) { [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content { padding: 10px; } } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .title { text-transform: uppercase; font-size: 14px; letter-spacing: 1px; font-weight: bold; display: block; margin: 10px 15px; overflow: hidden; text-overflow: ellipsis; max-height: 39px; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .description { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-size: 15px; font-style: italic; line-height: 12px; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box { position: relative; display: inline-block; vertical-align: top; background: #fff; margin: 5px 5px 0 0; text-align: center; border: 1px solid #e7e7e7; box-sizing: content-box; } @media (max-width: 768px) { [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box { max-width: 100%; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box.featured-deal .deal-info, [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box.standard-deal .deal-info { max-width: 55%; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box.top-deal { max-height: 225px; padding-bottom: 10px; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box.featured-deal .description { display: block; line-height: 1.2; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box img { width: 100%; } } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box .retailer-logo { height: 100%; display: inline-block; vertical-align: middle; margin: 15px; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box.top-deal { width: 436px; height: 274px; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box.top-deal .deal-info { line-height: 20px; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box.top-deal .deal-info .title { margin: 10px 10px 0; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box.featured-deal { width: 436px; height: 130px; text-align: left; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box.featured-deal .retailer-logo img { width: 100px; max-width: 100px; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box.featured-deal .deal-info { display: inline-block; width: 290px; margin: 15px 0; vertical-align: top; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box.featured-deal .deal-info .title { margin: 0; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box.standard-deal { width: 324px; height: 128px; text-align: left; line-height: 18px; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box.standard-deal .retailer-logo img { width: 80px; max-width: 80px; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box.standard-deal .deal-info { display: inline-block; width: 200px; margin: 10px 0; vertical-align: top; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box.standard-deal .deal-info .title { font-size: 13px; margin: 0; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box .exclusions { position: absolute; bottom: 7px; right: 7px; background: #f0f1f2; color: #444; width: 15px; height: 15px; border-radius: 50%; text-align: center; line-height: 15px; font-weight: bold; font-style: italic; font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-size: 12px; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .deal-box .exclusions::after { content: 'i'; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content .filter-by { text-transform: uppercase; font-size: 16px; text-align: center; display: block; font-weight: bold; margin-bottom: 20px; letter-spacing: 1px; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; border: 0; background-color: transparent; outline: 0; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; text-transform: uppercase; font-size: 16px; font-weight: bold; color: #444; margin-left: 20px; border-radius: 0; letter-spacing: 0; background-image: url("/assets/images/select-arrow.png"); background-position: 0 5px; background-repeat: no-repeat; text-indent: 25px; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content select.filter-retailer { width: 215px; } [controller=HolidayDealsPageCtrl] .deals-wrapper .deals-content select.filter-dealtype { width: 170px; } [controller=StyleGuideCtrl] { vertical-align: top; } [controller=StyleGuideCtrl] .nav { display: inline-block; vertical-align: top; position: fixed; height: auto; margin: 30px 0 0 30px; } [controller=StyleGuideCtrl] .nav a { display: block; padding-bottom: 10px; border-left: 5px solid #f0f1f2; text-indent: 12px; margin-bottom: 25px; height: 25px; line-height: 25px; } [controller=StyleGuideCtrl] .nav a:hover { color: #0083ed; border-left: 5px solid #001f3d; } [controller=StyleGuideCtrl] .content-container { width: 80%; margin-left: 200px; display: inline-block; } [controller=StyleGuideCtrl] .header { font-size: 32px; padding-bottom: 0; border-bottom: 3px solid #f0f1f2; margin-bottom: 20px; overflow: hidden; } [controller=StyleGuideCtrl] code { font-family: monospace; font-size: 14px; color: #00aced; } [controller=StyleGuideCtrl] .section { text-align: left; } [controller=StyleGuideCtrl] .section.headers { height: 80px; line-height: 80px; border-bottom: 1px solid #f0f1f2; } [controller=StyleGuideCtrl] .section .content { display: inline-block; } [controller=StyleGuideCtrl] .code-snippet { background: #f0f1f2; padding: 15px; font-family: monospace; font-size: 16px; color: #444; margin: 15px 0; line-height: 35px; } [controller=StyleGuideCtrl] .container { margin: 20px 0 40px; } [controller=StyleGuideCtrl] .subheader { display: inline-block; max-width: 150px; margin: 0 25px 15px 0; font-size: 16px; vertical-align: middle; } [controller=StyleGuideCtrl] .subheader.color { width: 125px; } [controller=StyleGuideCtrl] .color-box { display: inline-block; width: 150px; margin: 0 25px 15px 0; font-size: 14px; } [controller=StyleGuideCtrl] .color-box .color-text { display: block; margin-bottom: 5px; } [controller=StyleGuideCtrl] .color-box .color-fill { display: block; height: 30px; width: 150px; padding: 25px; border: 1px solid #c4c6c8; } [controller=StyleGuideCtrl] .color-box .gray { background: #444; } [controller=StyleGuideCtrl] .color-box .light-gray { background: #c4c6c8; } [controller=StyleGuideCtrl] .color-box .lighter-gray { background: #e7e7e7; } [controller=StyleGuideCtrl] .color-box .lightest-gray { background: #f9f9f9; } [controller=StyleGuideCtrl] .color-box .slate { background: #939393; } [controller=StyleGuideCtrl] .color-box .off-white { background: #f0f1f2; } [controller=StyleGuideCtrl] .color-box .primary-link { background: #0083ed; } [controller=StyleGuideCtrl] .color-box .secondary { background: #001f3d; } [controller=StyleGuideCtrl] .color-box .white { background: #fff; } [controller=StyleGuideCtrl] .color-box .pinterest { background: #cb2027; } [controller=StyleGuideCtrl] .color-box .facebook { background: #3b5998; } [controller=StyleGuideCtrl] .color-box .youtube { background: #b00; } [controller=StyleGuideCtrl] .color-box .instagram { background: #3b5998; } [controller=StyleGuideCtrl] .color-box .twitter { background: #00aced; } [controller=StyleGuideCtrl] .color-box .gplus { background: #dd4b39; } [controller=StyleGuideCtrl] .button-container { width: 200px; } [controller=StyleGuideCtrl] .button-container span { margin: 20px; display: block; } [controller=StyleGuideCtrl] .sub-title { margin-right: 20px; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-size: 12px; } [controller=StyleGuideCtrl] .base, [controller=StyleGuideCtrl] .serif, [controller=StyleGuideCtrl] .accent { font-size: 25px; margin-bottom: 15px; } [controller=StyleGuideCtrl] .base { font-family: "AvenirNext-Medium","Helvetica Neue","Helvetica","Arial",sans-serif; } [controller=StyleGuideCtrl] .serif { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; } [controller=StyleGuideCtrl] .accent { font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; } [controller=StyleGuideCtrl] .icon-primary { margin-right: 10px; color: #0083ed; } [controller=StyleGuideCtrl] .icon-ss-logo { padding: 15px; width: 200px; text-align: center; display: inline-block; margin-right: 15px; } [controller=StyleGuideCtrl] .icon-ss-logo.primary { color: #fff; background-color: #0083ed; } [controller=StyleGuideCtrl] .icon-ss-logo.secondary { color: #fff; background-color: #001f3d; } [controller=StyleGuideCtrl] .icon-ss-logo.dark { color: #fff; background-color: #444; } [controller=StyleGuideCtrl] .tab-bar { width: 600px; } [controller=StyleGuideCtrl] .media-query { margin: 5px 0 15px; height: 30px; background: #f0f1f2; line-height: 30px; text-indent: 7px; font-size: 14px; } [controller=StyleGuideCtrl] .xs-min { width: 300px; } [controller=StyleGuideCtrl] .sm-min { width: 568px; } [controller=StyleGuideCtrl] .md-min { width: 769px; } [controller=StyleGuideCtrl] .lg-min { width: 992px; } [controller=StyleGuideCtrl] .helper-class { margin-bottom: 15px; } [controller=SweepsPageCtrl] { padding-bottom: 150px; } @media (max-width: 768px) { [controller=SweepsPageCtrl] { padding-bottom: 60px; } } [controller=SweepsPageCtrl] input { margin-bottom: 10px; } [controller=SweepsPageCtrl] input[type="text"] { width: 100%; padding: 6px 8px; font-size: 12px; line-height: 22px; border: 1px solid #c4c6c8; } [controller=SweepsPageCtrl] input[type="checkbox"] { float: left; margin-right: 5px; -webkit-appearance: checkbox; -moz-appearance: checkbox; -ms-appearance: checkbox; -o-appearance: checkbox; appearance: checkbox; } [controller=SweepsPageCtrl] input[type="submit"] { font-family: "AvenirNext-Medium","Helvetica Neue","Helvetica","Arial",sans-serif; display: block; border-radius: 5px; width: 210px; padding: 14px; text-align: center; text-transform: uppercase; color: #fff; margin: 15px auto 0; cursor: pointer; background: #0083ed; font-size: 14px; font-weight: bold; } [controller=SweepsPageCtrl] input[type="submit"]:hover { background: #444; } [controller=SweepsPageCtrl] .sweeps { margin: auto; position: relative; text-align: center; } @media (max-width: 768px) { [controller=SweepsPageCtrl] .sweeps { width: 100%; } } [controller=SweepsPageCtrl] .sweeps .form-container { position: absolute; font-size: 12px; line-height: 22px; text-align: left; } @media (max-width: 768px) { [controller=SweepsPageCtrl] .sweeps .form-container { position: relative; left: 0; top: 0; width: 100vw; } } [controller=SweepsPageCtrl] .sweeps .form-container .message { font-size: 22px; text-align: center; margin-top: 50px; } [controller=SweepsPageCtrl] .sweeps .form-container form { padding: 20px; } [controller=SweepsPageCtrl] .sweeps .form-container .form-item { width: 100%; display: inline-block; } [controller=SweepsPageCtrl] .sweeps .fineprint { margin-top: 5px; font-size: 11px; color: #939393; line-height: 18px; } @media (max-width: 768px) { [controller=SweepsPageCtrl] .sweeps .desktop-bg { display: none; } } [controller=SweepsPageCtrl] .sweeps .mobile-bg { display: none; } @media (max-width: 768px) { [controller=SweepsPageCtrl] .sweeps .mobile-bg { height: 246px; display: block; background-size: cover; background-position: center; } } [controller=SweepsPageCtrl] .sweeps .mobile-details { display: none; } @media (max-width: 768px) { [controller=SweepsPageCtrl] .sweeps .mobile-details { padding: 10px 0 0; display: block; } } [controller=LookPageCtrl] .look-wrapper { width: 100%; margin: auto; background: #fff; } [controller=LookPageCtrl] .look { width: 1000px; margin: 0 auto; padding: 50px 0 15px; } @media (max-width: 991px) { [controller=LookPageCtrl] .look { padding-top: 20px; width: 100%; } } [controller=LookPageCtrl] .look::after { content: ''; display: block; clear: both; } [controller=LookPageCtrl] .image { display: inline-block; width: 50%; } [controller=LookPageCtrl] .image img { border-radius: 2px; width: 500px; } @media (max-width: 991px) { [controller=LookPageCtrl] .image img { margin: auto; } } @media (max-width: 768px) { [controller=LookPageCtrl] .image img { width: 100%; } } @media (max-width: 991px) { [controller=LookPageCtrl] .image { width: 100%; margin: auto; text-align: center; } } [controller=LookPageCtrl] .author { text-align: left; } [controller=LookPageCtrl] .author-avatar { display: inline-block; width: 100px; height: 100px; border-radius: 50%; border: 1px solid #c4c6c8; padding: 0; margin: 0; } [controller=LookPageCtrl] .username { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; text-transform: uppercase; color: #444; padding: 20px 0; font-size: 28px; } [controller=LookPageCtrl] .username a:hover { text-decoration: underline; } [controller=LookPageCtrl] .user-mobile { width: 80%; margin: auto; text-align: center; margin-bottom: 15px; } @media (min-width: 568px) { [controller=LookPageCtrl] .user-mobile .username { position: relative; top: -40px; margin-left: 10px; } } [controller=LookPageCtrl] .look-info { float: right; margin: 40px 40px 0 0; width: 410px; } @media (max-width: 991px) { [controller=LookPageCtrl] .look-info { display: none; } } [controller=LookPageCtrl] .look-info .metadata { margin-top: 20px; font-size: 12px; } [controller=LookPageCtrl] .look-info .metadata .favorites { margin-right: 10px; } [controller=LookPageCtrl] .look-description { position: relative; overflow: hidden; margin: 0; font-size: 16px; line-height: 20px; color: #444; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; } @media (max-width: 991px) { [controller=LookPageCtrl] .look-description { width: 80%; margin: auto; } } [controller=LookPageCtrl] .look-description.see-more { max-height: 80px; margin-bottom: 10px; } @media (max-width: 567px) { [controller=LookPageCtrl] .look-description.see-more { max-height: 82px; } } [controller=LookPageCtrl] .look-description .see-more { color: #444; position: absolute; right: 0; font-weight: bold; bottom: -5px; font-size: 12px; padding: 4px; background-color: #fff; text-transform: uppercase; } @media (max-width: 567px) { [controller=LookPageCtrl] .look-description .see-more { bottom: -1px; } } [controller=LookPageCtrl] .look-description .see-more:hover { color: #0083ed; } [controller=LookPageCtrl] .look-favorite { font-size: 14px; height: 42px; line-height: 42px; float: right; padding-right: 20px; } [controller=LookPageCtrl] .look-favorite .count { position: relative; top: 1px; } [controller=LookPageCtrl] .look-products { max-width: 1200px; font-size: 0; margin: auto; text-align: center; padding: 20px 0; } @media (max-width: 991px) { [controller=LookPageCtrl] .look-products { max-width: none; } } [controller=LookPageCtrl] .featured-looks-wrapper { width: 100%; background: #e7e7e7; } [controller=LookPageCtrl] .featured-looks { max-width: 1200px; margin: auto; text-align: center; padding: 25px 0 50px; } [controller=LookPageCtrl] .featured-looks h2, [controller=LookPageCtrl] .featured-looks [controller=SettingsPageCtrl] .settings-mobile h3, [controller=SettingsPageCtrl] .settings-mobile [controller=LookPageCtrl] .featured-looks h3, [controller=LookPageCtrl] .featured-looks [ng-controller=SettingsPageCtrl] .settings-mobile h3, [ng-controller=SettingsPageCtrl] .settings-mobile [controller=LookPageCtrl] .featured-looks h3 { font-size: 35px; padding-bottom: 15px; } [controller=LookPageCtrl] .featured-looks .looks { padding-bottom: 20px; } [controller=LookPageCtrl] .featured-looks .looks .featured-look { display: inline-block; } [controller=LookProfilePageCtrl] .user-looks-page { padding: 1px 0 20px; text-align: center; } [controller=LookProfilePageCtrl] .user-info { padding: 20px 0; background: #fff; text-align: center; vertical-align: top; } [controller=LookProfilePageCtrl] .user-info .avatar img { width: 96px; height: 96px; border-radius: 50%; } [controller=LookProfilePageCtrl] .user-info .username { text-transform: uppercase; color: #444; font-size: 28px; } [controller=LookProfilePageCtrl] .user-info .user-url a { text-transform: lowercase; color: #444; font-size: 14px; } [controller=LookProfilePageCtrl] .user-info .user-url a:hover { color: #0083ed; text-decoration: underline; } [controller=LookProfilePageCtrl] .looks { padding-top: 2px; padding-bottom: 20px; width: 90%; margin: auto; } [controller=LookProfilePageCtrl] .looks .look { display: inline-block; } [controller=FeaturedLooksPageCtrl] h2, [controller=FeaturedLooksPageCtrl] [controller=SettingsPageCtrl] .settings-mobile h3, [controller=SettingsPageCtrl] .settings-mobile [controller=FeaturedLooksPageCtrl] h3, [controller=FeaturedLooksPageCtrl] [ng-controller=SettingsPageCtrl] .settings-mobile h3, [ng-controller=SettingsPageCtrl] .settings-mobile [controller=FeaturedLooksPageCtrl] h3 { text-align: center; padding: 25px 0; font-size: 40px; } [controller=FeaturedLooksPageCtrl] .looks { width: 80%; margin: auto; padding: 5px 0 40px; text-align: center; } @media (max-width: 991px) { [controller=FeaturedLooksPageCtrl] .looks { width: 100%; } } [controller=FeaturedLooksPageCtrl] .looks .look { display: inline-block; } [controller="AboutPageCtrl"] .about { background: #fff; padding: 20px; width: 100%; max-width: 1400px; margin: 20px auto; } @media (max-width: 768px) { [controller="AboutPageCtrl"] .about { margin: 0; } } @media (max-width: 567px) { [controller="AboutPageCtrl"] .about { padding: 0; } } [controller="AboutPageCtrl"] .about .header { height: 423px; margin-bottom: 40px; padding: 86px 107px; background-position: center; background-size: cover; } @media (max-width: 991px) { [controller="AboutPageCtrl"] .about .header { background-position: 65%; padding: 66px 80px; } } @media (max-width: 768px) { [controller="AboutPageCtrl"] .about .header { padding: 56px 40px; } } @media (max-width: 567px) { [controller="AboutPageCtrl"] .about .header { height: 230px; padding: 20px 25px; } } [controller="AboutPageCtrl"] .about .header h1 { text-transform: uppercase; font-size: 26px; font-weight: bold; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; } [controller="AboutPageCtrl"] .about .header p { font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-size: 71px; font-weight: normal; margin: 43px 0; width: 60%; line-height: 65px; letter-spacing: -2px; } @media (max-width: 1200px) { [controller="AboutPageCtrl"] .about .header p { font-size: 56px; line-height: 55px; } } @media (max-width: 991px) { [controller="AboutPageCtrl"] .about .header p { width: 55%; } } @media (max-width: 768px) { [controller="AboutPageCtrl"] .about .header p { width: 56%; font-size: 48px; } } @media (max-width: 567px) { [controller="AboutPageCtrl"] .about .header p { width: 55%; margin: 10px 0; font-size: 35px; line-height: 38px; } } [controller="AboutPageCtrl"] .body { width: auto; margin: 0 10%; display: flex; } @media (max-width: 1200px) { [controller="AboutPageCtrl"] .body { margin: 0 2%; } } @media (max-width: 768px) { [controller="AboutPageCtrl"] .body { display: block; } } @media (max-width: 567px) { [controller="AboutPageCtrl"] .body { padding: 0 20px; } } [controller="AboutPageCtrl"] .body div { width: 28%; margin: 0 auto; } @media (max-width: 768px) { [controller="AboutPageCtrl"] .body div { width: 100%; } } [controller="AboutPageCtrl"] .body div h3 { text-transform: uppercase; font-size: 27px; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; } [controller="AboutPageCtrl"] .facts { margin: 30px 0; padding: 0 10%; text-align: center; columns: 8; column-gap: 0; column-fill: auto; } @media (max-width: 1200px) { [controller="AboutPageCtrl"] .facts { padding: 0 4%; columns: 7; column-gap: 0; } } @media (max-width: 991px) { [controller="AboutPageCtrl"] .facts { padding: 0; columns: 5; column-gap: 0; } } @media (max-width: 768px) { [controller="AboutPageCtrl"] .facts { padding: 0; columns: 4; column-gap: 15px; } } @media (max-width: 567px) { [controller="AboutPageCtrl"] .facts { margin: 0; padding: 0 20px 20px; columns: 2; column-gap: 15px; } } [controller="AboutPageCtrl"] .facts .fact { background-color: #c4c6c8; text-align: center; padding: 20px 5px; margin: 5px; display: inline-block; } @media (max-width: 768px) { [controller="AboutPageCtrl"] .facts .fact { width: 100%; margin: 8px 0; padding: 20px 10px; } } [controller="AboutPageCtrl"] .facts .fact h4 { color: #fff; font-size: 40px; text-transform: uppercase; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-weight: normal; display: inline-block; border-bottom: solid #fff 1px; padding-bottom: 10px; } [controller="AboutPageCtrl"] .facts .fact p { font-size: 18px; } [controller=OptOutPageCtrl]::after { clear: both; content: ""; display: table; } [controller=OptOutPageCtrl] .opt-out { margin: 60px; text-align: center; } @media (max-width: 769px) { [controller=OptOutPageCtrl] .opt-out { margin: 30px; } } [controller=OptOutPageCtrl] .opt-out h1 { padding-top: 0; margin: 0; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-size: 18px; font-weight: bold; text-align: center; text-transform: uppercase; } [controller=OptOutPageCtrl] .opt-out p { max-width: 730px; margin: 30px auto 35px; font-size: 14px; line-height: 22px; text-align: left; } [controller=OptOutPageCtrl] .opt-out p a { font-weight: bold; text-decoration: underline; text-transform: uppercase; } [controller=OptOutPageCtrl] .opt-out .submit { position: relative; display: inline-block; width: 100%; padding: 13px 20px 10px; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-size: 10px; font-weight: bold; line-height: 14px; letter-spacing: 1.5px; color: #444; text-align: center; text-transform: uppercase; white-space: nowrap; cursor: pointer; background-color: #fff; border: 1px solid #444; } @media (min-width: 769px) { [controller=OptOutPageCtrl] .opt-out .submit { width: 350px; } } .html .manage-brands-modal-window .modal-dialog { max-width: 90%; max-height: 80%; width: 900px; overflow: hidden; } .html .manage-brands-modal-window .modal-dialog .modal-content { position: static; } .manage-brands-component { max-width: 100%; height: 550px; max-height: 100%; } .manage-brands-component .tabs-container { border-bottom: 1px solid #c4c6c8; } .manage-brands-component .tabs-container::after { clear: both; content: ""; display: table; } .manage-brands-component .tabs-container .tab { width: 33.33%; display: inline-block; float: left; text-align: center; font-size: 11px; padding: 10px; font-weight: bold; letter-spacing: 1px; } .manage-brands-component .tabs-container .tab .tab-subtitle { color: #c4c6c8; margin-left: 3px; display: inline-block; } .manage-brands-component .tabs-container .tab:lang(en) { text-transform: uppercase; } .manage-brands-component .search-icon { position: absolute; top: 13px; left: 50%; margin-left: -75px; color: #939393; text-align: center; font-size: 14px; pointer-events: none; } .manage-brands-component .search-brands-message { padding: 20px; margin-top: 100px; text-align: center; color: #939393; } .manage-brands-component .brand-products { height: 60px; padding: 5px 0; white-space: nowrap; overflow: hidden; } .manage-brands-component .brand-products .product-image-container { display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; margin-right: 5px; background: #fff; } .manage-brands-component .brand-products .product-image-container .product-image { vertical-align: middle; max-height: 100%; max-width: 100%; } .manage-brands-component .my-brands-loading-icon-container { position: absolute; left: 0; right: 0; } .manage-brands-component .brand { -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; display: block; position: relative; font-weight: 300 !important; font-size: 13px; padding: 5px; margin-top: 10px; } .manage-brands-component .brand.brand-small { margin-top: 0; } .manage-brands-component .brand:hover { color: #444; } .manage-brands-component .brand .check { font-size: 10px; float: right; } .manage-brands-component .search-input-container { padding: 10px; } .manage-brands-component .search-input-container .search-input { background: #f0f1f2; width: 100%; border-radius: 3px; text-align: center; font-size: 14px; } .manage-brands-component .search-input-container .search-input:focus+.search-icon { display: none; } .manage-brands-component .column { overflow: auto; -webkit-overflow-scrolling: touch; height: 410px; width: 33.33%; float: left; padding: 20px; position: relative; background: #f0f1f2; } .manage-brands-component .column.column-middle { background: #fff; padding: 10px; } .manage-brands-component .column.column-middle .brand { margin: 0; padding: 10px; } .manage-brands-component .column.column-middle .brand:hover { box-shadow: 0 0 0 1px #c4c6c8; background: #f0f1f2; } .manage-brands-component .foot { position: absolute; bottom: 0; left: 0; right: 0; padding: 15px; border-top: 1px solid #c4c6c8; background: #fff; } .manage-brands-component .foot .done-btn { background: #444; color: #fff; } .active-filters-container { background: #f9f9f9; max-height: 150px; padding: 10px; } .active-filters-container .active-filter { display: inline-block; background: #fff; margin-right: 5px; margin-top: 5px; padding: 6px; color: #001f3d; font-size: 12px; outline: 2px solid #fff; border: 1px solid #939393; } .active-filters-container .active-filter:hover { background: #001f3d; color: #fff; border-color: #001f3d; } .active-filters-container .active-filter:hover i { color: #fff; } .active-filters-container .active-filter i { font-size: 6px; display: inline-block; position: relative; top: -2px; color: #001f3d; margin-left: 5px; } .touch .active-filters-container .active-filter i { top: -3px; } [ng-controller=AddToListCtrl] { text-transform: none; } [ng-controller=AddToListCtrl] .add-to-list { position: absolute; top: -12px; left: -5px; height: 40px; width: 160px; z-index: 1; background: #f0f1f2; border: 1px solid #f0f1f2; box-shadow: 1px 0 6px #f0f1f2; border-radius: 5px; } [ng-controller=AddToListCtrl] .add-to-list .icon-heart, [ng-controller=AddToListCtrl] .add-to-list .icon-fave { position: absolute; right: 12px; top: 3px; font-size: 14px; } [ng-controller=AddToListCtrl] .add-to-list .add-list-link { margin-right: 40px; background: #fff; height: 38px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; color: #c4c6c8; font-size: 13px; text-align: center; line-height: 38px; } [ng-controller=AddToListCtrl] .add-to-list .add-list-link:hover { color: #444; cursor: pointer; } @media (max-width: 991px) { [ng-controller=AddToListCtrl] .add-to-list .add-list-link { line-height: 33px; } } [ng-controller=AddToListCtrl] .add-to-list .add-list-title { line-height: normal; vertical-align: middle; display: inline-block; } [ng-controller=AddToListCtrl] .add-to-list-desktop .list-title { position: relative; padding: 6px 10px; color: #444; font-size: 13px; line-height: 13px; } [ng-controller=AddToListCtrl] .add-to-list-desktop .list-title .list-title-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 20ch; } [ng-controller=AddToListCtrl] .add-to-list-desktop .list-title:hover { background: #f0f1f2; cursor: pointer; } [ng-controller=AddToListCtrl] .add-to-list-desktop .list-title .check-icon { display: inline-block; position: relative; left: -10px; } [ng-controller=AddToListCtrl] .add-to-list-desktop .list-options { position: absolute; bottom: auto; top: -5px; left: -5px; background-color: #fff; font-size: 12px; padding: 0 1px 1px 0; width: 195px; z-index: 5; } [ng-controller=AddToListCtrl] .add-to-list-desktop .sale-alert { display: none; position: absolute; height: 38px; width: 37px; top: 0; right: 0; background-color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; cursor: pointer; } [ng-controller=AddToListCtrl] .add-to-list-desktop .sale-alert:hover .sale-alert-bell { opacity: 0.4; } [ng-controller=AddToListCtrl] .add-to-list-desktop .sale-alert .sale-alert-bell { position: absolute; top: 10px; right: 11px; opacity: 0.2; } [ng-controller=AddToListCtrl] .add-to-list-desktop .list-header { height: 50px; line-height: 50px; vertical-align: middle; width: 100%; background: #f0f1f2; font-weight: bold; font-size: 13px; text-align: center; } [ng-controller=AddToListCtrl] .add-to-list-desktop .new-list-container { padding: 10px 0; border-left: 1px solid #f0f1f2; border-right: 1px solid #f0f1f2; width: 100%; } [ng-controller=AddToListCtrl] .add-to-list-desktop .new-list-container input { border: 1px solid #f0f1f2; border-radius: 5px; font-size: 10px; margin-right: 3%; margin-left: 2%; width: 55%; } [ng-controller=AddToListCtrl] .add-to-list-desktop .new-list-container .btn, [ng-controller=AddToListCtrl] .add-to-list-desktop .new-list-container [controller=BlogAuthorPageCtrl] .vhub-section-container strong>a, [controller=BlogAuthorPageCtrl] .vhub-section-container [ng-controller=AddToListCtrl] .add-to-list-desktop .new-list-container strong>a, [ng-controller=AddToListCtrl] .add-to-list-desktop .new-list-container [controller=BlogTagPageCtrl] .vhub-section-container strong>a, [controller=BlogTagPageCtrl] .vhub-section-container [ng-controller=AddToListCtrl] .add-to-list-desktop .new-list-container strong>a, [ng-controller=AddToListCtrl] .add-to-list-desktop .new-list-container [controller=BlogPageCtrl] .vhub-section-container strong>a, [controller=BlogPageCtrl] .vhub-section-container [ng-controller=AddToListCtrl] .add-to-list-desktop .new-list-container strong>a, [ng-controller=AddToListCtrl] .add-to-list-desktop .new-list-container [controller=BlogPostPageCtrl] .vhub-section-container strong>a, [controller=BlogPostPageCtrl] .vhub-section-container [ng-controller=AddToListCtrl] .add-to-list-desktop .new-list-container strong>a, [ng-controller=AddToListCtrl] .add-to-list-desktop .new-list-container [controller=AwardsPageCtrl] .vhub-section-container strong>a, [controller=AwardsPageCtrl] .vhub-section-container [ng-controller=AddToListCtrl] .add-to-list-desktop .new-list-container strong>a, [ng-controller=AddToListCtrl] .add-to-list-desktop .new-list-container .onboard-wrapper .onboard-page .box-container .box-title, .onboard-wrapper .onboard-page .box-container [ng-controller=AddToListCtrl] .add-to-list-desktop .new-list-container .box-title { padding: 5.5px 1px; font-size: 8px; width: 34%; margin-right: 2%; line-height: 24px; } [ng-controller=AddToListCtrl] .add-to-list-desktop .lists-wrapper { height: 160px; border: 1px solid #f0f1f2; overflow: auto; padding: 5px 0; padding-top: 5%; } [ng-controller=AddToListCtrl] .add-to-list-mobile .add-to-list { top: -18px; left: -65px; width: 142px; height: 35px; } [ng-controller=AddToListCtrl] .add-to-list-mobile .heart-container { float: left; height: 100%; display: inline-block; width: 23%; } [ng-controller=AddToListCtrl] .add-to-list-mobile .add-list-link { margin: 0; float: left; font-size: 10px; width: 54%; border-radius: 0; border-right: 1px solid #c4c6c8; height: 100%; padding-left: 2px; padding-right: 2px; } [ng-controller=AddToListCtrl] .add-to-list-mobile .icon-heart, [ng-controller=AddToListCtrl] .add-to-list-mobile .icon-fave { font-size: 12px; top: 11px; right: 10px; } [ng-controller=AddToListCtrl] .add-to-list-mobile .new-list-container { padding: 20px 5%; border: 0; border-bottom: 1px solid #f0f1f2; } [ng-controller=AddToListCtrl] .add-to-list-mobile .new-list-container input { width: 80%; border: 1px solid #f0f1f2; border-radius: 3px; padding: 8px 2%; max-height: 45px; } [ng-controller=AddToListCtrl] .add-to-list-mobile .new-list-container .btn, [ng-controller=AddToListCtrl] .add-to-list-mobile .new-list-container [controller=BlogAuthorPageCtrl] .vhub-section-container strong>a, [controller=BlogAuthorPageCtrl] .vhub-section-container [ng-controller=AddToListCtrl] .add-to-list-mobile .new-list-container strong>a, [ng-controller=AddToListCtrl] .add-to-list-mobile .new-list-container [controller=BlogTagPageCtrl] .vhub-section-container strong>a, [controller=BlogTagPageCtrl] .vhub-section-container [ng-controller=AddToListCtrl] .add-to-list-mobile .new-list-container strong>a, [ng-controller=AddToListCtrl] .add-to-list-mobile .new-list-container [controller=BlogPageCtrl] .vhub-section-container strong>a, [controller=BlogPageCtrl] .vhub-section-container [ng-controller=AddToListCtrl] .add-to-list-mobile .new-list-container strong>a, [ng-controller=AddToListCtrl] .add-to-list-mobile .new-list-container [controller=BlogPostPageCtrl] .vhub-section-container strong>a, [controller=BlogPostPageCtrl] .vhub-section-container [ng-controller=AddToListCtrl] .add-to-list-mobile .new-list-container strong>a, [ng-controller=AddToListCtrl] .add-to-list-mobile .new-list-container [controller=AwardsPageCtrl] .vhub-section-container strong>a, [controller=AwardsPageCtrl] .vhub-section-container [ng-controller=AddToListCtrl] .add-to-list-mobile .new-list-container strong>a, [ng-controller=AddToListCtrl] .add-to-list-mobile .new-list-container .onboard-wrapper .onboard-page .box-container .box-title, .onboard-wrapper .onboard-page .box-container [ng-controller=AddToListCtrl] .add-to-list-mobile .new-list-container .box-title { padding-top: 14px; color: #444; background-color: #fff; border: 0; float: right; width: 19%; } [ng-controller=AddToListCtrl] .add-to-list-mobile .sale-alert { width: 23%; background-color: #fff; height: 100%; position: absolute; top: 0; left: 0; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } [ng-controller=AddToListCtrl] .add-to-list-mobile .sale-alert .sale-alert-bell { position: absolute; top: 9px; right: 9px; opacity: 0.3; } [ng-controller=AddToListCtrl] .add-to-list-mobile .lists-wrapper { padding-bottom: 50px; overflow-y: scroll; position: absolute; top: 80px; left: 0; right: 0; bottom: 0; } [ng-controller=AddToListCtrl] .add-to-list-mobile .list-title { height: 56px; line-height: 56px; padding: 0 5%; font-size: 14px; margin: 5px 0; } [ng-controller=AddToListCtrl] .add-to-list-mobile .list-title.selected { background-color: #f0f1f2; } [ng-controller=AddToListCtrl] .add-to-list-mobile .list-title .list-title-text { vertical-align: middle; } [ng-controller=AddToListCtrl] .add-to-list-mobile .check-icon { position: static; float: right; margin-top: 20px; } [ng-controller=AddToListCtrl] a.btn.btn-primary-color, [ng-controller=AddToListCtrl] [controller=BlogAuthorPageCtrl] .vhub-section-container strong>a.btn-primary-color, [controller=BlogAuthorPageCtrl] .vhub-section-container [ng-controller=AddToListCtrl] strong>a.btn-primary-color, [ng-controller=AddToListCtrl] [controller=BlogTagPageCtrl] .vhub-section-container strong>a.btn-primary-color, [controller=BlogTagPageCtrl] .vhub-section-container [ng-controller=AddToListCtrl] strong>a.btn-primary-color, [ng-controller=AddToListCtrl] [controller=BlogPageCtrl] .vhub-section-container strong>a.btn-primary-color, [controller=BlogPageCtrl] .vhub-section-container [ng-controller=AddToListCtrl] strong>a.btn-primary-color, [ng-controller=AddToListCtrl] [controller=BlogPostPageCtrl] .vhub-section-container strong>a.btn-primary-color, [controller=BlogPostPageCtrl] .vhub-section-container [ng-controller=AddToListCtrl] strong>a.btn-primary-color, [ng-controller=AddToListCtrl] [controller=AwardsPageCtrl] .vhub-section-container strong>a.btn-primary-color, [controller=AwardsPageCtrl] .vhub-section-container [ng-controller=AddToListCtrl] strong>a.btn-primary-color, [ng-controller=AddToListCtrl] .onboard-wrapper .onboard-page .box-container a.btn-primary-color.box-title, .onboard-wrapper .onboard-page .box-container [ng-controller=AddToListCtrl] a.btn-primary-color.box-title { border-radius: 0; position: fixed; width: 100%; bottom: 0; left: 0; height: 50px; padding-top: 15px; font-size: 16px; text-transform: uppercase; z-index: 10; } [ng-controller=ProductCtrl] .add-to-list-desktop .sale-alert { display: block; } [ng-controller=ProductCtrl] .add-to-list-desktop .add-to-list { width: 200px; top: 0; left: -105px; z-index: 2; } [ng-controller=ProductCtrl] .add-to-list-desktop .list-options { top: -255px; left: -102px; z-index: 1; } [controller=ProductPageCtrl] [ng-controller=ProductCtrl] .add-to-list-desktop .list-options { top: -205px; } [ng-controller=ProductCtrl] .add-to-list-desktop .add-list-link { width: 158px; border-radius: 1; } .product-info-container .add-to-list-mobile .add-to-list { top: 0; left: -26px; width: 128px; height: 39px; } @media (max-width: 567px) { .product-info-container .add-to-list-mobile .add-to-list { left: -17px; width: 110px; } } .product-info-container .add-to-list-mobile .add-to-list .icon-fave { top: 0; } @media (max-width: 567px) { .product-info-container .add-to-list-mobile .add-to-list .icon-fave { left: 6px; } } .product-info-container .add-to-list-mobile .add-to-list .icon-heart { right: auto; } @media (max-width: 567px) { .product-info-container .add-to-list-mobile .add-to-list .sale-alert-bell { right: 6px; } } .product-info-container .add-to-list-mobile .add-to-list .add-to-list-link { line-height: 37px; } .product-info-container .add-to-list-desktop { position: relative; right: 25px; } .product-info-container .add-to-list-desktop .add-to-list { width: 200px; top: 0; left: -2px; z-index: 2; } .product-info-container .add-to-list-desktop .add-to-list a.icon-heart { display: inline; width: auto; height: auto; color: #0083ed; } .product-info-container .add-to-list-desktop .add-to-list .icon-fave { top: 0; } .product-info-container .add-to-list-desktop .list-options { z-index: 2; left: -2px; width: 203px; } .product-info-container .add-to-list-desktop .list-options .list-header { border-top-right-radius: 4px; border-top-left-radius: 4px; } .product-info-container .add-to-list-desktop .list-options .new-list-container input { height: 30px; line-height: 30px; } .product-info-container .add-to-list-desktop .list-title { text-align: left; } .product-info-container .add-to-list-desktop .list-title .check-icon { vertical-align: middle; margin-left: 6px; position: relative; margin-top: -4px; } [ng-controller=ProductCtrl] { display: inline-block; margin: 2.5px; box-shadow: rgba(68,68,68,0) 0 1px 3px 0; -webkit-transition: box-shadow 0.5s; -moz-transition: box-shadow 0.5s; transition: box-shadow 0.5s; vertical-align: top; } @media (max-width: 567px) { [ng-controller=ProductCtrl] { margin: 0; } } @media (max-width: 567px) { [ng-controller=ProductCtrl] { width: 50%; margin: 2px 0; padding: 0; } } [ng-controller=ProductCtrl]:hover { box-shadow: rgba(68,68,68,0.2) 0 1px 3px 0; } @media (max-width: 567px) { [ng-controller=ProductCtrl]:hover { box-shadow: none; } } [ng-controller=ProductCtrl]:hover .product-cell-editor-button { display: block; z-index: 1; } [ng-controller=ProductCtrl]:hover .product-cell-editor-button:hover { cursor: pointer; } [ng-controller=ProductCtrl]:hover .admin-info-container { display: block; } [ng-controller=ProductCtrl]:hover .big-alert-wrapper { color: #444; } [ng-controller=ProductCtrl]:hover .big-alert-wrapper :hover { color: #0083ed; } @media (max-width: 991px) { [ng-controller=ProductCtrl]:hover .big-alert-wrapper { color: #939393; } } [ng-controller=ProductCtrl] .loading-icon { width: 30px; height: 30px; margin: 90px auto; } [ng-controller=ProductCtrl] .big-alert-wrapper { text-align: center; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } @media (max-width: 991px) { [ng-controller=ProductCtrl] .big-alert-wrapper { -webkit-transition: none; -moz-transition: none; transition: none; display: inline-block; margin: auto; position: relative; } } .touch [ng-controller=ProductCtrl] .big-alert-wrapper { -webkit-transition: none; -moz-transition: none; transition: none; display: inline-block; margin: auto; position: relative; } [ng-controller=ProductCtrl] .big-alert-wrapper.active { color: #444; } [ng-controller=ProductCtrl] .big-alert-wrapper .share-to-inbox, [ng-controller=ProductCtrl] .big-alert-wrapper .share-to-inbox-text { display: inline-block; vertical-align: middle; line-height: normal; color: #444; } [ng-controller=ProductCtrl] .big-alert-wrapper .sale-alert-bell { font-size: 14px; } [ng-controller=ProductCtrl] .big-alert-wrapper .sale-alert-text { font-size: 12px; } [ng-controller=ProductCtrl] .product-cell { display: inline-block; width: 184px; min-height: 338px; padding: 32px 4px 0; position: relative; vertical-align: top; text-align: center; background-color: #fff; } [data-test-extended-product=true] [ng-controller=ProductCtrl] .product-cell { padding: 0; } [data-test-extended-product=true] [ng-controller=ProductCtrl] .product-cell:hover { box-shadow: 0 1px 3px 0 rgba(68,68,68,0.2); } @media (max-width: 567px) { [ng-controller=ProductCtrl] .product-cell { line-height: 16px; width: calc(100% - 4px); min-height: 290px; } } @media (max-width: 991px) { [ng-controller=ProductCtrl] .product-cell { -webkit-transition: none; -moz-transition: none; transition: none; } } .touch [ng-controller=ProductCtrl] .product-cell { -webkit-transition: none; -moz-transition: none; transition: none; } [ng-controller=ProductCtrl] .product-cell.slide-down-active::after { content: ''; position: absolute; height: 20px; width: 20px; left: 50%; bottom: -16px; margin-left: -10px; border-top: 1px solid #444; border-left: 1px solid #444; background: #fff; overflow: hidden; z-index: 1; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } [data-test-post-click3=ipsa] [ng-controller=ProductCtrl] .product-cell.slide-down-active::after { background: #444; } @media (max-width: 991px) { [ng-controller=ProductCtrl] .product-cell.slide-down-active::after { bottom: -20px; } } @media (max-width: 768px) { [ng-controller=ProductCtrl] .product-cell.slide-down-active::after { bottom: -15px; } } [ng-controller=ProductCtrl] .product-cell:hover favorite.upper-right .heart { color: #939393; background: #fff; } [ng-controller=ProductCtrl] .product-cell:hover .share-it-button, [ng-controller=ProductCtrl] .product-cell:hover .pin-it-button, [ng-controller=ProductCtrl] .product-cell:hover .quickview-button, [ng-controller=ProductCtrl] .product-cell:hover .copy-link-icon { opacity: 1; color: #444; } [ng-controller=ProductCtrl] .product-cell:hover .product-action { color: #444; } [ng-controller=ProductCtrl] .product-cell:hover .product-action.zoom.logged-out { opacity: 1; } [ng-controller=ProductCtrl] .product-cell:hover .retailer-hover, [ng-controller=ProductCtrl] .product-cell:hover .cta-hover { opacity: 1; } [ng-controller=ProductCtrl] .product-cell favorite { position: relative; display: inline-block; vertical-align: middle; font-size: initial; } [ng-controller=ProductCtrl] .product-cell favorite .heart { display: inline-block; } [ng-controller=ProductCtrl] .product-cell favorite.hover .heart { color: transparent; background: transparent; } [ng-controller=ProductCtrl] .product-cell favorite:not(.hover) .heart { background: #fff; } [ng-controller=ProductCtrl] .product-cell favorite.upper-right { position: absolute; display: block; z-index: 1; top: 20px; right: 1px; } [ng-controller=ProductCtrl] .product-cell favorite.upper-right .heart { border-radius: 100%; height: 30px; width: 30px; line-height: 30px; text-align: center; padding-left: 1px; } [ng-controller=ProductCtrl] .product-cell favorite.upper-right:hover .heart { color: #444; background: #fff; } [ng-controller=ProductCtrl] .product-cell favorite.upper-right .active .heart, [ng-controller=ProductCtrl] .product-cell favorite.upper-right :active .heart { color: #0083ed; background: #fff; } [ng-controller=ProductCtrl] .product-cell favorite .count { color: #c4c6c8; font-size: 11px; font-weight: 600; position: absolute; left: 20px; top: 2px; } [ng-controller=ProductCtrl] .product-cell .share-it-button, [ng-controller=ProductCtrl] .product-cell .pin-it-button, [ng-controller=ProductCtrl] .product-cell .quickview-button, [ng-controller=ProductCtrl] .product-cell .copy-link-icon { opacity: 0; -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; transition: opacity 0.1s; display: inline-block; line-height: 30px; margin: 0; text-align: center; color: #c4c6c8; font-size: 18px; } [ng-controller=ProductCtrl] .product-cell .quickview-button, [ng-controller=ProductCtrl] .product-cell .copy-link-icon { -webkit-transition: color 0.5s; -moz-transition: color 0.5s; transition: color 0.5s; opacity: 1; } [ng-controller=ProductCtrl] .product-cell .pin-it-button { position: absolute; top: 190px; left: 50%; margin-left: -24px; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } [ng-controller=ProductCtrl] .product-cell .pin-it-button i { position: relative; top: -1px; } [ng-controller=ProductCtrl] .product-cell .share-it-button { width: auto; border: 1px solid #444; color: #444; font-size: 11px; letter-spacing: 1.5px; font-weight: bold; text-transform: uppercase; padding: 0 10px; height: 26px; line-height: 24px; } [ng-controller=ProductCtrl] .product-cell .share-it-button:hover { background: #444; color: #fff; } [ng-controller=ProductCtrl] .product-cell .share-it-button:hover i { color: #fff; } [ng-controller=ProductCtrl] .product-cell .share-it-button i { font-size: 14px; position: relative; color: #444; top: -2px; } [ng-controller=ProductCtrl] .product-cell .product-action { display: inline-block; vertical-align: middle; margin: 0; color: #c4c6c8; font-size: 16px; -webkit-transition: color 0.5s; -moz-transition: color 0.5s; transition: color 0.5s; } @media (min-width: 568px) { [ng-controller=ProductCtrl] .product-cell .product-action { margin: 0 6px; } } [ng-controller=ProductCtrl] .product-cell .product-action.link { position: relative; } [ng-controller=ProductCtrl] .product-cell .product-action.zoom.logged-out { position: absolute; bottom: 7px; left: 10px; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } [ng-controller=ProductCtrl] .product-cell .product-action.zoom.logged-out::after, [ng-controller=ProductCtrl] .product-cell .product-action.big-alert-wrapper::after { content: ''; position: absolute; display: block; height: 1px; width: 100%; bottom: -7px; background: #0083ed; opacity: 0; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; } [ng-controller=ProductCtrl] .product-cell .product-action.zoom.logged-out:hover::after, [ng-controller=ProductCtrl] .product-cell .product-action.big-alert-wrapper:hover::after { opacity: 1; } [ng-controller=ProductCtrl] .product-cell .product-action.zoom.logged-out.big-alert-wrapper, [ng-controller=ProductCtrl] .product-cell .product-action.big-alert-wrapper.big-alert-wrapper { position: relative; } [ng-controller=ProductCtrl] .product-cell .product-action .icon-zoom { display: none; } @media (min-width: 568px) { [ng-controller=ProductCtrl] .product-cell .product-action .icon-zoom { display: inline-block; } } [ng-controller=ProductCtrl] .product-cell .product-action .sale-alert { display: inline-block; padding-right: 15px; } @media (min-width: 568px) { [ng-controller=ProductCtrl] .product-cell .product-action .sale-alert { padding-right: 0; } } [ng-controller=ProductCtrl] .product-info { margin-top: 5px; font-size: 11px; text-align: center; color: #444; padding: 0; } [ng-controller=ProductCtrl] .product-info h3 { color: #444; margin: 10px 0; } [ng-controller=ProductCtrl] .product-info b { color: #444; } [ng-controller=ProductCtrl] .search-result-image { cursor: pointer; width: auto; max-height: 100%; max-width: 100%; position: relative; vertical-align: middle; } [ng-controller=ProductCtrl] .product-badge-container { position: absolute; top: 0; left: 0; height: 35px; width: 167px; text-overflow: clip; white-space: nowrap; overflow: hidden; } @media (max-width: 567px) { [ng-controller=ProductCtrl] .product-badge-container { width: 145px; } } [ng-controller=ProductCtrl] .product-badge-container .product-badge { position: absolute; top: 0; left: 0; z-index: 1; font-size: 11px; padding-left: 12.5px; padding-top: 2px; } [ng-controller=ProductCtrl] .product-badge-container .product-badge .heart { font-size: 12px; } [ng-controller=ProductCtrl] .product-badge-container .product-badge::after { content: ''; position: absolute; top: 0; left: 5px; z-index: -1; margin-right: 7px; border-left: 13px solid #e7e7e7; border-right: 13px solid #e7e7e7; border-top: 22px solid #e7e7e7; border-bottom: 8px solid transparent; } [ng-controller=ProductCtrl] .product-badge-container .product-badge:hover .badge-title { text-decoration: underline; cursor: pointer; } [ng-controller=ProductCtrl] .product-badge-container .product-badge:hover::after { border-color: #cecece; border-bottom-color: transparent; cursor: pointer; } [ng-controller=ProductCtrl] .product-badge-container .product-badge .badge-title { position: relative; bottom: 1px; width: 140px; height: 15px; margin-left: 12px; display: inline; text-align: left; font-size: 9px; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1.2px; line-height: 15px; } [ng-controller=ProductCtrl] .product-badge-container .product-badge .badge-title:hover { text-decoration: underline; cursor: pointer; } [ng-controller=ProductCtrl] .product-badge-container .product-badge .badge-subtitle { position: relative; bottom: 3.5px; width: 84px; font-size: 10px; letter-spacing: 0.5px; } [ng-controller=ProductCtrl] .product-badge-container .friends-and-family .badge-title { position: relative; left: 0; top: 4px; width: 125px; height: 15px; font-size: 9px; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1.2px; line-height: 15px; } @media (max-width: 768px) { [ng-controller=ProductCtrl] .product-badge-container .friends-and-family .badge-title { letter-spacing: 1px; } } .touch [ng-controller=ProductCtrl] .product-badge-container .friends-and-family .badge-title { letter-spacing: 1px; } [ng-controller=ProductCtrl] .product-badge-container .friends-and-family .badge-subtitle { position: relative; bottom: 0; left: 0; width: 84px; font-size: 10px; letter-spacing: 0.5px; } [ng-controller=ProductCtrl] .product-badge-container .friends-and-family img { height: 22px; width: 22px; float: left; margin: 5px 7px 0 5px; } [ng-controller=ProductCtrl] .promotional-deal { position: absolute; top: 0; left: 0; right: 0; width: auto; height: 30px; line-height: 30px; margin-top: 0; padding: 0 4px; background: rgba(255,255,255,0.8); color: #444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-size: 10px; letter-spacing: 1.6px; } [ng-controller=ProductCtrl] .promotional-deal.bottom { top: 215px; } @media (max-width: 567px) { [ng-controller=ProductCtrl] .promotional-deal.bottom { top: 150px; } } [ng-controller=ProductCtrl] .product-image-container { height: 210px; line-height: 200px; text-align: center; position: relative; overflow: hidden; } @media (max-width: 567px) { [ng-controller=ProductCtrl] .product-image-container { max-height: 145px; line-height: 145px; } } [ng-controller=ProductCtrl] .product-cell-editor-button-container { position: relative; } [ng-controller=ProductCtrl] .product-cell-editor-button { height: 20px; width: 20px; z-index: 5; bottom: 5px; position: absolute; display: none; } [ng-controller=ProductCtrl] .product-cell-editor-container { position: relative; } [ng-controller=ProductCtrl] .product-cell-editor-container .product-cell-editor { background: #fff; z-index: 5; border: 1px solid #c4c6c8; border-radius: 5px; box-shadow: 3px 3px 3px #c4c6c8; padding: 8px; font-size: 12px; text-align: left; position: absolute; top: -20px; } [ng-controller=ProductCtrl] .product-cell-editor-container .product-cell-editor .info-title { font-weight: bold; } [ng-controller=ProductCtrl] .mobile-product-info { text-align: center; font-size: 11px; } [ng-controller=ProductCtrl] .mobile-product-info .product-brand, [ng-controller=ProductCtrl] .mobile-product-info .price { max-width: 100%; font-weight: bold; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; } [ng-controller=ProductCtrl] .product-brand, [ng-controller=ProductCtrl] .product-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11px; } [ng-controller=ProductCtrl] .separator { width: 55px; height: 1px; background-color: #c4c6c8; margin: 5px auto; display: block; } [ng-controller=ProductCtrl] .tooltip { position: absolute; left: -89px; width: 180px; font-size: 14px; border: 1px solid #444; z-index: 2; background: #fff; white-space: nowrap; padding: 5px 10px; top: 35px; color: #444; text-transform: uppercase; font-size: 11px; letter-spacing: 1.5px; opacity: 0; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out; font-weight: bold; line-height: normal; } @media (max-width: 991px) { [ng-controller=ProductCtrl] .tooltip { -webkit-transition: none; -moz-transition: none; transition: none; } } .touch [ng-controller=ProductCtrl] .tooltip { -webkit-transition: none; -moz-transition: none; transition: none; } [ng-controller=ProductCtrl] .tooltip:before { content: ''; width: 0; height: 0; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 10px solid #444; position: absolute; top: -4px; left: 89px; margin-top: -7px; } [ng-controller=ProductCtrl] .tooltip:after { content: ''; width: 0; height: 0; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 10px solid #fff; position: absolute; top: -2px; left: 89px; margin-top: -7px; } [ng-controller=ProductCtrl] .bottom-icons { width: 100%; height: 32px; line-height: 30px; margin: 6px 0 0; color: #939393; text-align: center; } [ng-controller=ProductCtrl] .bottom-icons .ipsa-popover { display: none; position: absolute; bottom: 0; left: 0; width: 100%; background: #444; color: #fff; font-size: 12px; } [ng-controller=ProductCtrl] .bottom-icons .ipsa-popover.visible { display: block; } @media (max-width: 768px) { [ng-controller=ProductCtrl] .bottom-icons .ipsa-popover { bottom: 15px; } } .touch [ng-controller=ProductCtrl] .bottom-icons .ipsa-popover { bottom: 15px; } [ng-controller=ProductCtrl] .bottom-icons .ipsa-popover .ipsa-popover-text { margin-right: 10px; } [ng-controller=ProductCtrl] .bottom-icons .ipsa-popover .icon-shopstyle-bell { color: #fff; font-size: 14px; } [ng-controller=ProductCtrl] .bottom-icons .ipsa-product-popover { bottom: -25px; left: 105% !important; width: 180px; line-height: 20px; z-index: 1; font-size: 12px; } [ng-controller=ProductCtrl] .bottom-icons .ipsa-product-popover::before { content: ''; position: absolute; top: 50%; left: -20px; border: 10px solid transparent; border-right: 10px solid #444; margin-top: -10px; } [ng-controller=ProductCtrl] .bottom-icons .cta-hover { text-transform: uppercase; background: #0083ed; color: #fff; text-align: center; position: absolute; top: 210px; right: 10px; left: 10px; border-radius: 2px; opacity: 0; transition: opacity 200ms; } [ng-controller=ProductCtrl] .bottom-icons .retailer-hover { cursor: pointer; text-align: center; position: absolute; top: 210px; right: 0; left: 0; background: #fff; border-top: 1px solid #e7e7e7; opacity: 0; transition: opacity 200ms; } [ng-controller=ProductCtrl] .bottom-icons .retailer-hover .goto { line-height: 28px; font-size: 14px; } [ng-controller=ProductCtrl] .bottom-icons .hover-icons { visibility: hidden; } [ng-controller=ProductCtrl] .bottom-icons .alert-wrapper { font-size: 15px; position: relative; vertical-align: middle; display: inline-block; } [ng-controller=ProductCtrl] .bottom-icons .alert-wrapper:hover .tooltip { opacity: 1; } [ng-controller=ProductCtrl] .bottom-icons .alert-wrapper .alert-tag { width: auto; font-size: 10px; } [ng-controller=ProductCtrl] .bottom-icons .copy-link-icon { font-weight: bold; } [ng-controller=ProductCtrl] .bottom-icons .copy-link-icon.active, [ng-controller=ProductCtrl] .bottom-icons .copy-link-icon.zeroclipboard-is-hover { opacity: 1; filter: alpha(opacity=100); } [ng-controller=ProductCtrl] .bottom-icons .copy-link-icon.active .copy-tooltip, [ng-controller=ProductCtrl] .bottom-icons .copy-link-icon.zeroclipboard-is-hover .copy-tooltip { display: block; } [ng-controller=ProductCtrl] .bottom-icons .copy-tooltip { width: 120px; z-index: 1030; display: none; font-size: 12px; height: 48px; line-height: 47px; background-color: rgba(0,0,0,0.8); border-radius: 4px; position: absolute; right: 32px; top: -5px; } [ng-controller=ProductCtrl] .bottom-icons .copy-tooltip:hover { display: block; } [ng-controller=ProductCtrl] .bottom-icons .copy-tooltip::after { content: ''; width: 0; height: 0; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid rgba(0,0,0,0.8); position: absolute; right: -7px; top: 50%; margin-top: -7px; } [ng-controller=ProductCtrl] .bottom-icons .copy-tooltip .copy-tooltip-inner { max-width: 200px; padding: 3px 8px; font-size: 11px; color: #fff; text-align: center; text-decoration: none; display: inline-block; width: 100%; vertical-align: middle; line-height: normal; } [ng-controller=ProductCtrl] .bottom-icons .copy-tooltip .copy-tooltip-inner:lang(de) { font-size: 10px; } [ng-controller=ProductCtrl] .bottom-icons .share-button { display: inline-block; float: right; position: relative; cursor: pointer; } [ng-controller=ProductCtrl] .bottom-icons .share-button.active::after { content: ''; position: absolute; bottom: -28px; right: 50%; margin-right: -7px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #f0f1f2; } [ng-controller=ProductCtrl] .share-to-inbox-container { margin-left: 20px; } [ng-controller=ProductCtrl] .price-container { height: 19px; } [ng-controller=ProductCtrl] .price { font-size: 14px; } @media (max-width: 567px) { [ng-controller=ProductCtrl] .price { font-weight: bold; } } [ng-controller=ProductCtrl] .price .strikethrough { color: #939393; overflow: hidden; vertical-align: top; } [ng-controller=ProductCtrl] .price .pre-owned-sale { font-size: 10px; } [ng-controller=ProductCtrl] .price .price-range { white-space: nowrap; width: 77px; margin: auto; overflow: hidden; } [ng-controller=ProductCtrl] .price .sale-price-range { width: 100%; margin: 0 auto -10px; font-weight: bold; overflow: hidden; vertical-align: top; } [ng-controller=ProductCtrl] .pre-owned-tag { height: 13px; line-height: 10px; display: inline-block; padding: 2px 4px; margin-left: 3px; background-color: #f0f1f2; text-align: center; text-transform: uppercase; font-size: 9px; color: #444; } .search-result-wrapper, .search-results-wrapper { font-size: 0; } .extended-product-desc, .extended-description, .extended-product-colors { display: none; } [data-test-extended-product=true] sspopover { margin-left: 2.5px; } [data-test-extended-product=true] .extended-icon { background-color: #fff; background-image: url("/assets/images/extended_product_info_show.png"); background-position: right; background-repeat: no-repeat; background-size: 20px 20px; box-shadow: -11px 0 10px -6px #fff; cursor: pointer; height: 20px; position: absolute; right: 6px; top: 246px; width: 25px; } [data-test-extended-product=true] .padded-container { background: #fff; padding: 32px 4px 0; } [data-test-extended-product=true] .extended { box-shadow: 0 0 16px 0 rgba(68,68,68,0.15); position: absolute; z-index: 1; } [data-test-extended-product=true] .extended .extended-icon { background-image: url("/assets/images/extended_product_info_hide.png"); } [data-test-extended-product=true] .extended .extended-product-colors { display: block; } [data-test-extended-product=true] .extended .colors-title { color: #444; display: inline-block; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; margin: 6px 8px 5px 0; } [data-test-extended-product=true] .extended .color-image { border: 1px solid #c4c6c8; border-radius: 50%; cursor: pointer; display: inline-block; height: 18px; margin: 5px 7px 0 0; position: relative; top: 5px; width: 18px; } [data-test-extended-product=true] .extended .product-name { font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-size: 17px; font-weight: medium; line-height: 20px; padding: 20px 0 5px; white-space: normal; width: 176px; } [data-test-extended-product=true] .extended .extended-description { display: block; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-size: 12px; font-weight: lighter; } [ng-controller=ReviewCtrl] { font-size: 12px; } [ng-controller=ReviewCtrl] .review-controls { color: #444; padding: 0 20px 0 0; overflow: hidden; position: relative; text-align: right; } [ng-controller=ReviewCtrl] .row { margin-left: 0; margin-right: 0; } [ng-controller=ReviewCtrl] .profile-picture { display: inline-block; } [ng-controller=ReviewCtrl] .review-details { display: inline-block; position: absolute; left: 80px; right: 0; } [ng-controller=ReviewCtrl] .flag-message { float: left; } [ng-controller=ReviewCtrl] .single-review { padding: 20px 0 10px; border-top: 1px solid #f0f1f2; background-color: #fff; height: 135px; } @media (max-width: 567px) { [ng-controller=ReviewCtrl] .single-review { height: 165px; } } [ng-controller=ReviewCtrl] .single-review .star { font-size: 16px; } [ng-controller=ReviewCtrl] .single-review-author { margin-bottom: 5px; } [ng-controller=ReviewCtrl] .review-rating { padding: 0 15px; } .review-modal-container .review-controls { display: none; } [ng-controller=ReviewSummaryCtrl] .review-summary { width: 250px; padding: 25px; margin: 20px auto; background: #f0f1f2; text-align: left; } @media (max-width: 567px) { [ng-controller=ReviewSummaryCtrl] .review-summary { margin: 20px -15px; width: auto; } } [ng-controller=ReviewSummaryCtrl] .review-summary .progress { background: #f0f1f2; overflow: hidden; height: 11px; margin-bottom: 0; position: relative; top: 5px; border-radius: 0; width: 190px; position: relative; right: 13px; } [ng-controller=ReviewSummaryCtrl] .review-summary .progress .progress-bar { background-color: #444; } [ng-controller=ReviewSummaryCtrl] .review-summary .rating-count { float: right; } [ng-controller=ReviewSummaryCtrl] .review-summary .review-progress { padding: 0; } [ng-controller=ReviewSummaryCtrl] .review-summary .review-histogram, [ng-controller=ReviewSummaryCtrl] .review-summary .rating-overall-summary { border-bottom: 1px solid #f0f1f2; } [ng-controller=ReviewSummaryCtrl] .review-summary .review-histogram { padding: 30px 0; } [ng-controller=ReviewSummaryCtrl] .review-summary .review-histogram .row { font-size: 15px; font-weight: bold; overflow: hidden; } [ng-controller=ReviewSummaryCtrl] .review-summary .star { font-size: 30px; } [ng-controller=ReviewSummaryCtrl] .review-summary .fit-rating { font-size: 16px; margin: 10px 0; } [ng-controller=ReviewSummaryCtrl] .review-summary .stars-reviews { margin-bottom: 20px; } [ng-controller=ReviewSummaryCtrl] .review-summary .stars-reviews .num-reviews { font-size: 14px; text-transform: uppercase; position: relative; bottom: 6px; top: 4px; } [ng-controller=ReviewSummaryCtrl] .review-summary .stars { display: inline-block; margin-right: 10px; } [ng-controller=ReviewSummaryCtrl] .review-summary .btn-primary-color { display: block; margin-top: 30px; padding: 4px; } [ng-controller=StarsCtrl] .star { color: #f0f1f2; font-size: 22px; } [ng-controller=StarsCtrl] .star.active { color: #444; } [ng-controller=ListCtrl] .list { width: 300px; display: inline-block; vertical-align: top; } @media (max-width: 991px) { [ng-controller=ListCtrl] .list { width: 150px; margin: 2px; } } [ng-controller=ListCtrl] .primary-image-container { height: 301px; width: 300px; line-height: 298px; border: 1px solid #e7e7e7; margin-bottom: 2px; text-align: center; background: #fff; } @media (max-width: 991px) { [ng-controller=ListCtrl] .primary-image-container { height: 151px; width: 150px; line-height: 148px; } } [ng-controller=ListCtrl] .primary-image-container .primary-image { max-width: 100%; max-height: 100%; margin: auto; } [ng-controller=ListCtrl] .secondary-images::after { clear: both; content: ""; display: table; } [ng-controller=ListCtrl] .secondary-images .secondary-image { margin-right: 2px; background-color: #fff; text-align: center; line-height: 71px; height: 73px; width: 73px; float: left; border: 1px solid #e7e7e7; } @media (max-width: 991px) { [ng-controller=ListCtrl] .secondary-images .secondary-image { line-height: 34px; height: 36px; width: 36px; } } [ng-controller=ListCtrl] .secondary-images .secondary-image:last-child { margin-right: 0; } [ng-controller=ListCtrl] .secondary-images .secondary-image.has-product { background: #fff; } [ng-controller=ListCtrl] .secondary-images .secondary-image img { max-width: 100%; max-height: 100%; margin: auto; } [ng-controller=ListCtrl] .title-container { text-align: left; padding: 10px 0; height: 50px; font-size: 11px; } [ng-controller=UserCellCtrl] .user-cell { display: inline-block; width: 390px; height: 110px; text-align: left; padding: 10px; margin-right: 10px; position: relative; } [ng-controller=UserCellCtrl] .user-cell::after { clear: both; content: ""; display: table; } @media (min-width: 768px) { [ng-controller=UserCellCtrl] .user-cell { border-bottom: 1px solid #f0f1f2; } } @media (max-width: 768px) { [ng-controller=UserCellCtrl] .user-cell { width: 100%; height: 90px; padding-top: 15px; } } [ng-controller=UserCellCtrl] .user-photo { width: 80px; height: 80px; vertical-align: top; margin-right: 0; } @media (max-width: 768px) { [ng-controller=UserCellCtrl] .user-photo { width: 60px; height: 60px; } } [ng-controller=UserCellCtrl] .profile-avatar { width: 36px; height: 36px; display: inline-block; vertical-align: middle; } [ng-controller=UserCellCtrl] .profile-avatar>span { border-radius: 50%; width: 100%; height: auto; background: #444; width: 36px; height: 36px; display: inline-block; vertical-align: middle; color: #fff; text-transform: uppercase; line-height: 36px; font-size: 24px; text-align: center; font-weight: 100; } [ng-controller=UserCellCtrl] .profile-avatar.large { width: 75px; height: 75px; } [ng-controller=UserCellCtrl] .profile-avatar.large>span { width: 75px; height: 75px; line-height: 74px; font-size: 24px; } [ng-controller=UserCellCtrl] .profile-avatar img { border-radius: 50%; width: 100%; height: auto; } [ng-controller=UserCellCtrl] .user-handle { font-weight: bold; font-size: 18px; line-height: 18px; } [ng-controller=UserCellCtrl] .follow-button { position: absolute; right: 15px; top: 33px; min-width: 100px; padding: 6px 12px; text-align: center; } @media (max-width: 768px) { [ng-controller=UserCellCtrl] .follow-button { top: 30px; line-height: 14px; padding: 8px 10px; min-width: 30px; } } [ng-controller=UserCellCtrl] .follow-button.following { border: 1px solid #f0f1f2; color: #c4c6c8; } [ng-controller=UserCellCtrl] .follow-button.following:hover { border-color: #444; color: #444; } [ng-controller=UserCellCtrl] .user-followers { margin-top: 5px; } [ng-controller=UserCellCtrl] .user-info { vertical-align: top; display: inline-block; max-width: 200px; padding: 15px 10px 0; word-wrap: break-word; } @media (max-width: 768px) { [ng-controller=UserCellCtrl] .user-info { padding: 10px 0 0 10px; } } [ng-controller="MobileShareCtrl"] .share-container { background: #f0f1f2; position: absolute; right: 0; margin-top: 25px; text-align: center; left: 0; height: 68px; line-height: 48px; z-index: 5; padding: 9px 0; font-size: 0; opacity: .95; filter: alpha(opacity=95); } [ng-controller="MobileShareCtrl"] .share-container .share-icon { display: inline-block; cursor: pointer; margin: 0 1px; vertical-align: middle; } [ng-controller="MobileShareCtrl"] .share-container .share-icon a { height: 100%; width: 100%; } .slide-up-banner { position: fixed; width: 100%; background-color: #fff; bottom: 0; z-index: 105; box-shadow: 0 1px 4px 3px rgba(68,68,68,0.2); -webkit-transition: bottom 0.6s; -moz-transition: bottom 0.6s; transition: bottom 0.6s; } .slide-up-banner.promotion { height: 99px; } .slide-up-banner.ng-leave-active, .slide-up-banner.ng-enter { bottom: -150px; } .slide-up-banner.ng-enter-active { bottom: 0; } .slide-up-banner .banner-image { position: relative; bottom: 30px; left: 0; float: left; } .slide-up-banner .close-icon { opacity: 0.25; position: absolute; right: 12px; top: 12px; cursor: pointer; z-index: 1; } .slide-up-banner .close-icon:hover { opacity: 1; } .slide-up-banner .offer .offer-text { font-size: 22px; font-family: Georgia, serif; text-transform: uppercase; font-style: italic; float: left; margin-top: 6px; } .slide-up-banner .offer .offer-container { width: 420px; margin: 0 auto; position: relative; top: 20px; } .slide-up-banner .offer .share-buttons .share { float: right; margin-right: 10px; cursor: pointer; } .slide-up-banner .border { border: 2px solid #444; margin: 5px; } .slide-up-banner .border .newsletter { height: 78px; } .slide-up-banner .border .newsletter .animated-slide-up { width: 536px; height: 76px; display: inline-block; position: absolute; right: 450px; } .slide-up-banner .border .newsletter .sign-up-container { margin-top: 9px; margin-right: 2px; } .slide-up-banner .border .newsletter .sign-up-container:lang(de) { margin-top: 2px; } .slide-up-banner .border .newsletter .sign-up-container .error-message { top: 38px; left: 400px; font-size: 10px; } .slide-up-banner .border .newsletter .sign-up-container .email-input { height: 30px; width: 230px; font-size: 14px; color: #939393; background: #f0f1f2; } @media (max-width: 991px) { .slide-up-banner .border .newsletter .sign-up-container .email-input { width: 110px; position: absolute; right: 370px; } } .slide-up-banner .border .newsletter .sign-up-container .submit-btn { margin-left: 15px; } @media (max-width: 991px) { .slide-up-banner .border .newsletter .sign-up-container .submit-btn { position: relative; right: 175px; } } .slide-up-banner .border .newsletter .sign-up-container span .privacy-text { width: 450px; font-size: 8px; margin-top: 4px; } .slide-up-banner .border .newsletter .sign-up-container span .privacy-text a { color: #444; } @media (max-width: 991px) { .slide-up-banner .border .newsletter .sign-up-container span .privacy-text { width: 250px; position: relative; right: 210px; } } .slide-up-banner .newsletter { margin: 0 auto; width: 980px; vertical-align: top; text-align: center; height: 130px; position: relative; } .slide-up-banner .newsletter .subscribe-text { float: left; margin-top: 18px; line-height: 22px; font-size: 15px; text-align: left; margin-left: 20px; } .slide-up-banner .newsletter .subscribe-text strong { font-size: 16px; } .slide-up-banner .newsletter .sign-up-container { position: relative; float: right; margin-top: 19px; margin-right: 30px; } .slide-up-banner .newsletter .sign-up-container .error-message { color: #ff3f3f; position: absolute; top: -16px; left: 0; white-space: nowrap; font-size: 12px; font-weight: 600; } .slide-up-banner .newsletter .sign-up-container .email-input { border: 1px solid #c4c6c8; height: 40px; width: 260px; font-size: 15px; padding: 0 0 0 10px; color: #c4c6c8; float: left; } .slide-up-banner .newsletter .sign-up-container span { display: inline-block; } .slide-up-banner .newsletter .sign-up-container span .privacy-text { font-size: 8.75px; color: #939393; margin: 0; } .slide-up-banner .newsletter .sign-up-container span .privacy-text a { text-decoration: underline; } .slide-up-banner .newsletter .join-success { float: right; padding: 10px 20px; letter-spacing: 1px; } .slide-up-banner .promotion { width: 100%; height: 99px; background-position: center; background-repeat: no-repeat; } .slide-up-banner .promotion .promotion-text { margin-left: 140px; } .slide-up-banner .promotion .form-container { display: inline-block; vertical-align: top; } .slide-up-banner .promotion .form-container .sign-up-container { width: 400px; margin: 20px 0 0 20px; } .slide-up-banner .promotion .form-container .sign-up-container span { margin-top: 2px; } .connect-buttons { text-align: center; } @media (max-width: 768px) { .connect-buttons { padding-top: 4%; } } .touch .connect-buttons { padding-top: 4%; } .connect-buttons .connect-button { display: inline-block; width: 135px; padding: 10px; font-size: 14px; text-transform: uppercase; letter-spacing: 1.5px; color: #fff; } @media (max-width: 768px) { .connect-buttons .connect-button { margin-bottom: 10px; } } .touch .connect-buttons .connect-button { margin-bottom: 10px; } .connect-buttons .connect-button.facebook { background: #3b5998; } .connect-buttons .connect-button.google { background: #dd4b39; padding: 10px 20px; } .html.jp .connect-button { font-size: 13px; } .cookie-consent { position: fixed; right: 20px; bottom: 85px; width: 360px; background: #f0f1f2; border: 1px solid #c4c6c8; border-radius: 8px; color: #444; z-index: 10; padding: 15px; } .cookie-consent a { text-decoration: underline; } .cookie-consent .title { display: block; font-size: 15px; margin-bottom: 10px; font-weight: bold; } .cookie-consent .body { line-height: 18px; font-size: 13px; display: block; padding-bottom: 10px; } .cookie-consent .confirm { border: 1px solid #444; background: #444; color: #fff; border-radius: 4px; line-height: 22px; min-width: 80px; text-align: center; cursor: pointer; } .cookie-consent.mobile-cookie-consent { right: 0; left: 0; bottom: 0; width: 100%; border-radius: 0; padding: 0; } .cookie-consent.mobile-cookie-consent .title { display: none; } .cookie-consent.mobile-cookie-consent .body { font-size: 8px; line-height: 14px; padding: 15px; } .cookie-consent.mobile-cookie-consent .confirm { border-radius: 0; height: 30px; line-height: 30px; font-size: 14px; bottom: 0; left: 0; right: 0; } .cookie-consent .more-information { font-size: 12px; float: right; text-decoration: none; } .japan-tax { position: fixed; right: 20px; bottom: 85px; width: 360px; min-height: 150px; background: #f0f1f2; border: 1px solid #c4c6c8; border-radius: 8px; color: #444; padding: 20px; z-index: 10; } .japan-tax a { text-decoration: underline; } .japan-tax .title { display: block; font-size: 15px; margin-bottom: 10px; font-weight: bold; } .japan-tax .body { margin-bottom: 40px; line-height: 18px; font-size: 13px; display: block; } .japan-tax .confirm { position: absolute; bottom: 20px; left: 20px; border: 1px solid #444; background: #444; color: #fff; border-radius: 4px; line-height: 22px; min-width: 80px; text-align: center; cursor: pointer; } .japan-tax.mobile-japan-tax { right: 0; left: 0; bottom: 0; width: 100%; border-radius: 0; padding: 15px; } .japan-tax.mobile-japan-tax .title { display: none; } .japan-tax.mobile-japan-tax .body { font-size: 12px; line-height: 14px; margin-bottom: 50px; } .japan-tax.mobile-japan-tax .confirm { border-radius: 0; height: 50px; font-size: 18px; line-height: 50px; bottom: 0; left: 0; right: 0; } header { position: fixed; padding: 0; z-index: 10; width: 100%; background-color: #fff; color: #444; -webkit-transform: translateZ(0); box-shadow: 0 1px 4px rgba(68,68,68,0.2); } header.not-fixed { position: absolute; } @media (max-width: 768px) { header { position: absolute; box-shadow: none; } } .touch header { position: absolute; box-shadow: none; } header #main { height: 50px; line-height: 50px; padding: 0 30px 0 40px; position: relative; } @media (max-width: 768px) { header #main { padding: 0; } } .touch header #main { padding: 0; } @media (max-width: 567px) { header #main { line-height: 40px; height: 81px; } [data-test-clean=true] header #main, [data-test-clean=sort] header #main { line-height: 50px; height: 120px; } } @media (min-width: 769px) { header #main { height: 65px; line-height: 65px; padding-left: 20px; } } header #main .logo { float: left; position: relative; } @media (max-width: 567px) { header #main .logo { background: #fff; display: block; text-align: center; position: absolute; width: 100%; z-index: 0; } [data-test-clean=true] header #main .logo, [data-test-clean=sort] header #main .logo { width: auto; left: 20px; } } header #main .logo img { height: 17px; vertical-align: middle; } @media (max-width: 768px) { header #main .logo img { height: 15px; } } .touch header #main .logo img { height: 15px; } header #main .clean-line { border-bottom: 1px solid #e7e7e7; width: 90%; margin: auto; position: relative; top: 50px; } header #main form.search { position: absolute; right: 275px; left: 220px; } header #main form.search.long { right: 140px; } header #main form.search.long:lang(me) { right: 180px; } @media (max-width: 768px) { header #main form.search, header #main form.search.long { right: 0; left: 220px; } } @media (max-width: 768px) and (max-width: 567px) { header #main form.search, header #main form.search.long { left: 0; bottom: 0; } } .touch header #main form.search, .touch header #main form.search.long { right: 0; left: 220px; } @media (max-width: 567px) { .touch header #main form.search, .touch header #main form.search.long { left: 0; bottom: 0; } } @media (min-width: 769px) { header #main form.search { left: 280px; right: 280px; } } [data-test-save-search=true] header #main form.search { right: 360px; } @media (max-width: 768px) { [data-test-save-search=true] header #main form.search { right: 0; } } .touch [data-test-save-search=true] header #main form.search { right: 0; } header #main .save-search { position: absolute; right: 230px; top: 7px; line-height: normal; } header #main .user-nav { float: right; font-weight: bold; text-align: right; padding-right: 5px; white-space: nowrap; font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-weight: normal; font-style: italic; font-size: 16px; } .de header #main .user-nav, .fr header #main .user-nav, .jp header #main .user-nav { font-size: 10px; } header #main .user-nav a { text-transform: uppercase; letter-spacing: .5px; margin: 0 5px; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-weight: bold; font-style: normal; font-size: 12px; } .fr header #main .user-nav a { font-size: 11px; } @media (max-width: 768px) { header #main .user-nav { display: none; } } header #main .user-nav .login-or-signup { margin-left: 10px; font-size: 12px; } header #main .user-nav .profile-container { position: relative; display: inline-block; } header #main .user-nav .profile-container .profile-image { width: 30px; height: 30px; border-radius: 30px; background-size: contain; background-repeat: no-repeat; background-position: center center; display: inline-block; vertical-align: middle; margin: 0 10px; cursor: pointer; } header #main .user-nav .profile-container .profile-image::after { border-right: solid 2px #c4c6c8; border-bottom: solid 2px #c4c6c8; height: 7px; width: 7px; right: -5px; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); top: 21px; position: absolute; content: ''; display: block; } header #main .user-nav .profile-container .profile-options-dropdown { top: 50px; text-align: left; font-weight: normal; left: -100px; position: absolute; display: none; width: 170px; background: #fff; box-shadow: 0 0 30px rgba(68,68,68,0.6); color: #444; border-radius: 3px; padding: 10px 0; z-index: 1; } header #main .user-nav .profile-container .profile-options-dropdown::after { content: ''; position: absolute; top: -20px; right: 8px; border: 10px solid transparent; border-bottom: 10px solid #fff; } header #main .user-nav .profile-container .profile-options-dropdown::before { content: ''; top: -20px; left: 0; right: 0; height: 20px; position: absolute; } header #main .user-nav .profile-container .profile-options-dropdown .divider { height: 1px; background: #f0f1f2; margin: 5px 0; } header #main .user-nav .profile-container .profile-options-dropdown a { padding: 0 10px; line-height: 25px; display: block; font-size: 12px; color: #444; } header #main .user-nav .profile-container .profile-options-dropdown a:hover { background: #001f3d; color: #fff; } header #main .user-nav .profile-container:hover .profile-options-dropdown { display: block; } header #main .locale-picker { display: inline-block; } header #main .locale-picker .selected-country { padding-left: 20px; } header #main .locale-picker .selected-country .country-code { font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-style: normal; font-size: 12px; font-weight: bold; } header #main .locale-picker .locale-picker-dropdown { display: none; position: absolute; background: #fff; min-width: 80px; right: 10px; border: 1px solid #f0f1f2; z-index: 1; } header #main .locale-picker:hover .locale-picker-dropdown { display: block; } header #main .locale-picker .country-code { color: #444; text-transform: uppercase; display: inline-block; vertical-align: middle; margin-left: 4px; } header #main .locale-picker .country-icon { display: inline-block; vertical-align: middle; } header #main .locale-picker .country-link { display: block; line-height: 25px; padding: 8px 0; text-align: center; border-bottom: 1px solid #f0f1f2; } header #main .locale-picker .country-link:hover { background: #f0f1f2; } header>form.search { margin: 0; height: 70px; border-top: solid 1px #c4c6c8; } header .categories { border-top: solid 1px #f0f1f2; height: 40px; line-height: 40px; white-space: nowrap; font-size: 0; margin: 0 15px; overflow: hidden; text-align: center; font-weight: 500; padding: 0 13px; text-transform: uppercase; width: calc(100% - 30px); } @media (max-width: 768px) { header .categories { margin: -10px 0 0; width: 100%; } } .touch header .categories { margin: -10px 0 0; width: 100%; } @media (max-width: 567px) { header .categories { display: none; } } header .categories .category { position: relative; display: inline-block; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-weight: bold; padding: 0 17px; font-size: 11px; letter-spacing: 1.5px; } @media (max-width: 567px) { header .categories .category { width: 25%; font-weight: 600; letter-spacing: 2.5px; } } @media (max-width: 567px) { header .categories .category { width: 25%; font-weight: 600; letter-spacing: 2.5px; } } @media (max-width: 991px) { header .categories .category { padding: 0 7px; } } @media (max-width: 991px) { .jp header .categories .category.offers { display: none; } } header .categories .category:focus { color: inherit; } header .categories .category:hover .notification-badge { -webkit-transform: translate(2px, 0); -ms-transform: translate(2px, 0); transform: translate(2px, 0); -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } header .categories .category .notification-badge { position: absolute; line-height: 1; top: 10px; left: 100%; margin-left: -10px; padding: 4px 6px; background-color: #0083ed; color: #fff; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; transition: all .1s ease-in-out; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @media (max-width: 991px) { header .categories .category .notification-badge { margin-left: 5px; } } header .categories .category .notification-badge::before { content: ''; position: absolute; height: 0; width: 0; top: 50%; left: -8px; border: 4px solid transparent; border-right-color: #0083ed; margin-top: -4px; } header .categories .category .notification-badge .small-text { letter-spacing: 1px; font-size: 9px; } header .hamburger { position: relative; float: left; padding: 0 15px; z-index: 1; } @media (max-width: 567px) { [data-test-clean=true] header .hamburger, [data-test-clean=sort] header .hamburger { font-size: 10px; float: right; margin-right: 13px; } [data-test-clean=true] header .hamburger i, [data-test-clean=sort] header .hamburger i { color: #0083ed; } } .intl-ship { color: #c4c6c8; } form.search { position: relative; border-radius: 5px; overflow: hidden; min-width: 200px; margin: 10px; height: 30px; line-height: 30px; white-space: nowrap; font-size: 0; } @media (min-width: 769px) { form.search { height: 45px; line-height: 45px; } } @media (max-width: 567px) { form.search { border-radius: 0; height: 30px; line-height: 30px; } [data-test-clean=true] form.search, [data-test-clean=sort] form.search { position: relative; line-height: 50px; height: 50px; top: 50px; margin: 10px 10px 0; } [data-test-clean=true] form.search .icon-magnifying-glass, [data-test-clean=sort] form.search .icon-magnifying-glass { font-size: 22px; padding: 0 15px 5px 0; float: right; } } form.search .select { position: absolute; width: 50px; height: 100%; color: #444; font-size: 12px; overflow: hidden; padding: 0 25px 0 15px; } @media (max-width: 567px) { form.search .select { display: none; } } form.search .select .icon-hamburger { color: #c4c6c8; } form.search .select::after { border: 5px solid transparent; border-top-color: #c4c6c8; border-bottom: 0; right: 0; top: 20px; position: absolute; content: ''; display: block; -webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } form.search .select select { height: 100%; -webkit-appearance: menulist-button; opacity: 0; filter: alpha(opacity=0); min-width: 100%; font-size: 11px; outline: 0; } form.search .select select::after { border-right: 0; } form.search input { display: inline-block; height: 100%; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-size: 15px; font-weight: bold; -webkit-font-smoothing: antialiased; line-height: 30px; vertical-align: text-bottom; background: #f0f1f2; padding: 0 45px 0 20px; color: #444; } @media (max-width: 567px) { [data-test-clean=true] form.search input, [data-test-clean=sort] form.search input { text-align: center; font-weight: bold; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-size: 18px; color: #444; border-radius: 2px; border: 1px solid #e7e7e7; height: 45px; line-height: 45px; } [data-test-clean=true] form.search input::-webkit-input-placeholder, [data-test-clean=sort] form.search input::-webkit-input-placeholder { color: #444; } [data-test-clean=true] form.search input::-moz-placeholder, [data-test-clean=sort] form.search input::-moz-placeholder { color: #444; } [data-test-clean=true] form.search input:-ms-input-placeholder, [data-test-clean=sort] form.search input:-ms-input-placeholder { color: #444; } [data-test-clean=true] form.search input:-moz-placeholder, [data-test-clean=sort] form.search input:-moz-placeholder { color: #444; } [data-test-clean=true] form.search input:focus::-webkit-input-placeholder, [data-test-clean=sort] form.search input:focus::-webkit-input-placeholder { color: transparent; } [data-test-clean=true] form.search input:focus::-moz-placeholder, [data-test-clean=sort] form.search input:focus::-moz-placeholder { color: transparent; } [data-test-clean=true] form.search input:focus:-ms-input-placeholder, [data-test-clean=sort] form.search input:focus:-ms-input-placeholder { color: transparent; } [data-test-clean=true] form.search input:focus:-moz-placeholder, [data-test-clean=sort] form.search input:focus:-moz-placeholder { color: transparent; } } form.search button { background: #f0f1f2; } @media (max-width: 567px) { [data-test-clean=true] form.search button, [data-test-clean=sort] form.search button { color: #0083ed; background: transparent; } } form.search [type=submit] { font-size: 15px; width: 40px; height: 100%; position: absolute; line-height: 14px; right: 0; top: 0; color: #fff; border: 0; outline: 0; color: #444; cursor: pointer; } form.search .icon-x-small { display: block; font-size: 9px; text-align: center; position: absolute; width: 50px; line-height: 70px; padding: 0; border: 0; right: 35px; top: -11px; } [ng-controller=RibbonCtrl] .ribbon { background-color: #444; height: 40px; line-height: 40px; font-size: 11px; letter-spacing: 1px; text-align: center; font-weight: bold; } [ng-controller=RibbonCtrl] .ribbon.mobile { letter-spacing: .5px; background-color: #444; color: #f0f1f2; font-weight: 600; } @media (max-width: 567px) { [ng-controller=RibbonCtrl] .ribbon.mobile { z-index: 100; } } [ng-controller=RibbonCtrl] .ribbon span { line-height: 13px; display: inline-block; vertical-align: middle; color: #fff; text-decoration: none; margin-right: 150px; text-align: right; padding-bottom: 2px; font-size: 12px; cursor: pointer; } @media (max-width: 567px) { [ng-controller=RibbonCtrl] .ribbon span { margin-right: 100px; font-size: 10px; } [ng-controller=RibbonCtrl] .ribbon span:lang(de) { margin-right: 140px; padding-right: 15px; } } [ng-controller=RibbonCtrl] .ribbon u { position: absolute; top: 8px; display: inline-block; outline: 1px solid #fff; border: 1px solid #444; margin-left: 20px; padding: 5px 6px; background: #fff; color: #444; text-transform: uppercase; text-decoration: none; text-align: right; letter-spacing: 1.5px; font-weight: bold; font-size: 10px; } @media (max-width: 567px) { [ng-controller=RibbonCtrl] .ribbon u { padding: 4px; margin-left: 15px; font-size: 7px; } [ng-controller=RibbonCtrl] .ribbon u:lang(de) { padding: 3px; margin-left: 30px; } [ng-controller=RibbonCtrl] .ribbon u:lang(fr) { padding: 2px; font-size: 6px; line-height: 10px; text-align: center; margin-right: 10px; } } .screen-size { position: fixed; top: 0; left: 0; background-color: #fff; height: 10px; width: 10px; z-index: 101; } .screen-size div { font-size: 10px; line-height: 10px; text-align: center; } @media (max-width: 1200px) { .screen-size .huge { display: none; } } .screen-size .large { display: none; } @media (max-width: 1200px) { .screen-size .large { display: block; } } @media (max-width: 991px) { .screen-size .large { display: none; } } .screen-size .medium { display: none; } @media (max-width: 991px) { .screen-size .medium { display: block; } } @media (max-width: 768px) { .screen-size .medium { display: none; } } .screen-size .small { display: none; } @media (max-width: 768px) { .screen-size .small { display: block; } } @media (max-width: 567px) { .screen-size .small { display: none; } } .screen-size .extra-small { display: none; } @media (max-width: 567px) { .screen-size .extra-small { display: block; } } .tailored-product { position: relative; overflow: hidden; cursor: pointer; } .tailored-product:hover .favorite, .tailored-product:hover .sale-alert, .tailored-product:hover .info { opacity: 1; } .tailored-product .image { width: 100%; padding-bottom: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; } .tailored-product .info { font-size: 12px; width: 100%; position: absolute; bottom: 0; opacity: 0; text-align: center; background-color: rgba(255,255,255,0.9); overflow: hidden; padding: 10px 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .tailored-product .info .price { font-weight: bold; } .tailored-product .info .product-name { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 10px; } .tailored-product .info .product-name::after { content: ''; width: 40px; height: 1px; background-color: #f0f1f2; margin: 5px auto; display: block; } .tailored-product .info .brand-retailer { padding: 0 10px; } .tailored-product .info .brand, .tailored-product .info .retailer { display: inline; color: #939393; } .tailored-product .sale-alert { opacity: 0; position: absolute; top: 10px; right: 45px; border-color: #f0f1f2; padding: 0 7px 7px 9px; text-align: center; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .tailored-product .sale-alert.active { background: #001f3d; opacity: 1; } .tailored-product .sale-alert.active .icon-font { color: #fff; } .tailored-product .favorite { opacity: 0; position: absolute; top: 10px; right: 10px; border-color: #f0f1f2; padding: 0 7px 7px 9px; text-align: center; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } @media (max-width: 567px) { .tailored-product .favorite { display: none; } } .tailored-product .favorite:hover { color: #001f3d; } .tailored-product .favorite.active { background: #001f3d; opacity: 1; } .tailored-product .favorite.active .icon-font { color: #fff; } .search-page-promo { position: relative; border-top: 1px solid #c4c6c8; background: #fff; height: 140px; background-image: url("/assets/images/NM_searchpage_subheader_bg.jpg"); background-repeat: no-repeat; background-size: 100% 100%; } .search-page-promo .promo-container { margin: 0 auto; height: 140px; max-width: 1300px; width: 85%; color: #fff; } @media (max-width: 991px) { .search-page-promo .promo-container { width: 90%; } } .search-page-promo .promo-container .exclusive-img { display: inline-block; height: 140px; width: 25%; float: left; background-image: url("/assets/images/NM_searchpage_subheader.png"); background-repeat: no-repeat; background-position: left; background-size: contain; } @media (max-width: 991px) { .search-page-promo .promo-container .exclusive-img { width: 35%; height: 100px; } } .search-page-promo .promo-container .header-title { display: inline-block; height: 140px; margin-left: 20px; } .search-page-promo .promo-container .header-title .brand-name { margin-top: 25px; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-size: 35px; font-weight: bold; letter-spacing: 3.5px; } @media (max-width: 991px) { .search-page-promo .promo-container .header-title .brand-name { font-size: 30px; line-height: 40px; margin-top: 18px; } } .search-page-promo .promo-container .header-title .subtitle { font-size: 17.5px; letter-spacing: 1px; } @media (max-width: 991px) { .search-page-promo .promo-container .header-title .subtitle { font-size: 15px; letter-spacing: 1.3px; } } .search-page-promo .promo-container .header-title .subtitle .exclusions { display: block; text-transform: uppercase; text-align: right; font-size: 8px; font-weight: bold; } .search-page-promo .promo-container .header-title .subtitle .exclusions:hover { color: #fff; } .search-page-promo .promo-container .links-container { height: 140px; width: 35%; position: absolute; right: 0; top: 0; padding: 55px 0; } @media (max-width: 991px) { .search-page-promo .promo-container .links-container { width: 60%; top: 105px; right: 75px; height: auto; padding: 0; } } .search-page-promo .promo-container .links-container .promo-link { color: #444; display: inline; margin: auto 5%; font-size: 17px; line-height: 15px; text-transform: uppercase; border-bottom: 1px solid #444; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-weight: bold; letter-spacing: 1.5px; } @media (max-width: 991px) { .search-page-promo .promo-container .links-container .promo-link { margin: auto 5%; font-size: 16px; } } .search-page-promo .promo-container .links-container .promo-link:hover { border-color: #fff; color: #fff; } .browse-snippet .description-container { position: relative; } .browse-snippet .description { font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-size: 15px; line-height: 25px; margin: 10px auto 0; display: inline-block; width: 70%; overflow: hidden; position: relative; word-wrap: break-word; text-align: center; } @media (max-width: 1200px) { .browse-snippet .description { width: 90%; } } .browse-snippet .description.see-more { max-height: 75px; } .browse-snippet a.see-more { position: absolute; right: 9%; bottom: 9px; padding-left: 5px; background-color: #f0f1f2; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-size: 15px; text-transform: uppercase; } @media (max-width: 1200px) { .browse-snippet a.see-more { right: 5%; } } .hero .hero-container { display: block; background-size: cover; text-align: center; background-position: center; } .hero .desktop { height: 500px; line-height: 500px; } .hero .mobile { height: 300px; line-height: 300px; } .horizontal-filters { z-index: 10; background: #f0f1f2; padding: 5px 0 17px; text-align: center; width: 100%; } @media (max-width: 991px) { .horizontal-filters { width: auto; } } .horizontal-filters.shadow { box-shadow: 0 -10px 25px rgba(0,0,0,0.25); margin-left: 0; } .horizontal-filters.shadow .qsa-btn { display: inline-block; } .horizontal-filters .filter-popover { position: absolute; right: 25px; min-width: 305px; -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); background: #fff; z-index: 5; top: 50px; border: 1px solid #c4c6c8; } .no-js .horizontal-filters .filter-popover { display: none; } .horizontal-filters .filter-popover.sort-popover { padding: 20px 40px; right: 50%; } .horizontal-filters .filter-popover.sort-popover::after { top: -7px; } .horizontal-filters .filter-popover.category-popover { padding: 0; width: 250px; background: #f9f9f9; letter-spacing: 0; color: #939393; } .horizontal-filters .filter-popover .categories { display: inline-block; height: 40px; line-height: 40px; text-transform: uppercase; padding: 10px 5px; background: #fff; width: 25%; text-align: center; } .horizontal-filters .filter-popover .categories .name { width: 100%; color: #444; text-align: center; } .horizontal-filters .filter-popover .categories.active { border-bottom: 1px solid black; } .horizontal-filters .filter-popover .subcategories { padding: 0 20px; overflow: scroll; max-height: 300px; margin-top: -20px; } .horizontal-filters .filter-popover .subcategories .name { font-size: 11px; color: #444; padding: 2px 0; overflow: visible; max-width: 180px; } .horizontal-filters .filter-popover .subcategories .in-chain { font-weight: bold; font-style: italic; } .horizontal-filters .filter-popover .subcategories .depth-3 { text-indent: 12px; } .horizontal-filters .filter-popover .subcategories .depth-4 { text-indent: 20px; } .horizontal-filters .filter-popover .subcategories .depth-5 { text-indent: 28px; } .horizontal-filters .filter-popover::after { content: ''; position: absolute; top: -6px; height: 12px; width: 12px; background: #fff; border-bottom: 1px solid #c4c6c8; border-left: 1px solid #c4c6c8; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .no-js .horizontal-filters .filter-popover::after { display: none; } .horizontal-filters .filter-popover .sort-option { letter-spacing: 0; font-size: 13px; width: 90%; text-align: left; height: 30px; line-height: 30px; } .horizontal-filters .filter-popover .sort-option input { margin-right: 15px; } .horizontal-filters .filter-popover .option { line-height: normal; text-align: left; font-size: 12px; cursor: pointer; margin: 6px 0; } .horizontal-filters .filter-popover .option.sizes { margin-left: 20px; font-size: 13px; } .horizontal-filters .filter-popover .option.sizes .checkbox { margin-right: 10px; } .horizontal-filters .filter-popover .option.swatch { position: relative; display: inline-block; height: 30px; width: 30px; margin: 5px; border-radius: 30px; border: 1px solid #c4c6c8; box-sizing: content-box; } .horizontal-filters .filter-popover .option .checkbox { height: 16px; width: 16px; position: relative; background-color: #e7e7e7; border-radius: 4px; text-align: center; } .horizontal-filters .filter-popover .option .checkbox, .horizontal-filters .filter-popover .option .option-label { display: inline-block; vertical-align: middle; margin-right: 10px; } .horizontal-filters .filter-popover .option.active .checkbox { background-color: #0083ed; } .horizontal-filters .filter-popover .option.active .checkbox::after { content: url("/assets/images/svg/filter-checkmark.svg"); } .horizontal-filters .filter-popover .option.active .swatch::after { position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px; border-radius: 30px; border: 2px solid #0083ed; } .horizontal-filters .filter-label { display: inline-block; position: relative; left: -2px; } .horizontal-filters .filter-label::after { content: ''; position: absolute; left: -13px; right: -32px; top: 0; bottom: 0; } .horizontal-filters .qsa-btn { font-size: 11px; width: auto; padding: 0 10px; margin: 10px 5px 0 0; line-height: 43px; border-radius: 2px; letter-spacing: 1px; display: inline-block; } .horizontal-filters .qsa-btn i { color: #fff; font-size: 17px; margin-left: 5px; } .horizontal-filters .horizontal-filter, .horizontal-filters .clear-filters, .horizontal-filters .my-brands-btn { font-size: 11px; display: inline-block; margin: 0 3px; font-weight: bold; letter-spacing: 2px; margin-top: 10px; } [data-test-new-filters=top] .horizontal-filters .horizontal-filter, [data-test-new-filters=top] .horizontal-filters .clear-filters, [data-test-new-filters=top] .horizontal-filters .my-brands-btn { border-radius: 2px; } .horizontal-filters .horizontal-filter::after, .horizontal-filters .clear-filters::after, .horizontal-filters .my-brands-btn::after { right: 15px; } .horizontal-filters .horizontal-filter:hover, .horizontal-filters .horizontal-filter.active, .horizontal-filters .clear-filters:hover, .horizontal-filters .clear-filters.active, .horizontal-filters .my-brands-btn:hover, .horizontal-filters .my-brands-btn.active { background: #e7e7e7; cursor: pointer; } .horizontal-filters .horizontal-filter:hover .active-filter-badge, .horizontal-filters .horizontal-filter.active .active-filter-badge, .horizontal-filters .clear-filters:hover .active-filter-badge, .horizontal-filters .clear-filters.active .active-filter-badge, .horizontal-filters .my-brands-btn:hover .active-filter-badge, .horizontal-filters .my-brands-btn.active .active-filter-badge { background: #fff; } .horizontal-filters .horizontal-filter .active-filter-badge, .horizontal-filters .clear-filters .active-filter-badge, .horizontal-filters .my-brands-btn .active-filter-badge { position: absolute; display: inline-block; top: 2px; right: 2px; height: 13px; width: 13px; line-height: 13px; background-color: #e7e7e7; border-radius: 10px; font-size: 8px; text-indent: 2px; } .horizontal-filters .sort-filter { padding: 0 15px; } .horizontal-filters .sort-filter i { color: #0083ed; } .horizontal-filters .my-brands-btn { padding: 0 40px 0 15px; } .horizontal-filters .my-brands-btn.active .subtitle, .horizontal-filters .my-brands-btn.active .edit-my-brands-btn { color: #0083ed; } .horizontal-filters .my-brands-btn .subtitle { position: absolute; right: 10px; font-size: 10px; color: #939393; } .horizontal-filters .clear-filters { padding: 0 18px; color: #0083ed; cursor: pointer; } .horizontal-filters .clear-filters .icon-close { font-size: 10px; } .sort-bar { display: inline-block; margin: 25px auto 9px; background: #fff; border-radius: 20px; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; } .sort-bar .icon-sort { margin: 3px; font-size: 13px; line-height: normal; color: #0083ed; } .sort-bar .sort-by, .sort-bar .sort-option { display: inline-block; height: 26px; line-height: 26px; padding: 0 10px; vertical-align: middle; font-size: 10px; } .sort-bar .sort-option { position: relative; cursor: pointer; z-index: 1; } .sort-bar .sort-option:hover { color: #0083ed; } .sort-bar .sort-option.active::after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #e7e7e7; border-radius: 20px; z-index: -1; } .popover .column { display: inline-block; vertical-align: top; padding: 10px 20px; max-height: 400px; overflow: auto; font-size: 12px; letter-spacing: 0; } .popover .column.colors { width: 327px; white-space: normal; padding: 20px 20px 0; } .popover .column.sizes { width: 200px; } .popover .column.conditions { width: 200px; padding: 15px; } .popover .column.conditions .option { padding-left: 25px; } .popover .column.slider { padding: 10px 30px 30px; } .popover .column .search-wrapper { background: #fff; display: block; width: 90%; margin: auto; position: absolute; top: 0; left: 15px; border-bottom: 1px solid #e7e7e7; padding: 10px 0; z-index: 2; } .popover .column .brand-store-wrapper { margin-top: 60px; font-size: 13px; min-width: 240px; padding: 5px 20px; } .popover .column .brand-store-wrapper h3 { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-size: 18px; font-weight: normal; letter-spacing: -1px; margin: 0; text-transform: capitalize; text-align: left; line-height: 40px; } .popover .column .deal-options-list { padding-top: 15px; } .popover .column .search-box { width: 100%; height: 32px; border-radius: 30px; background: #f9f9f9; border: 1px solid #e7e7e7; padding-left: 20px; } .popover .column .button-menu { border-radius: 0; padding: 0; margin: 0; height: 35px; } .popover .column .button-menu .tab { margin: 0; position: relative; top: -3px; height: 33px; line-height: 33px; font-size: 11px; } .popover .column .active-price-range { color: #0083ed; font-size: 20px; } .popover .column .option { line-height: normal; text-align: left; font-size: 12px; cursor: pointer; margin: 6px 0; } .popover .column .option.sizes { margin-left: 20px; font-size: 13px; } .popover .column .option.sizes .checkbox { margin-right: 10px; } .popover .column .option.active .checkbox { background-color: #0083ed; } .popover .column .option.active .checkbox::after { content: url("/assets/images/svg/filter-checkmark.svg"); position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #fff; } .popover .column .option.swatch { position: relative; display: inline-block; height: 30px; width: 30px; margin: 5px; border-radius: 30px; border: 1px solid #c4c6c8; box-sizing: content-box; } .popover .column .option.swatch.active::after { content: ''; position: absolute; top: -5px; right: -5px; bottom: -5px; left: -5px; border-radius: 30px; border: 2px solid #0083ed; } .popover .column .option .color-name { display: none; } .popover .column .option .checkbox { height: 16px; width: 16px; position: relative; background-color: #e7e7e7; border-radius: 4px; text-align: center; } .popover .column .option .checkbox, .popover .column .option .option-label { display: inline-block; vertical-align: middle; margin-right: 10px; } .popover .column .slider-container { position: relative; background: #f9f9f9; border-radius: 55px; padding: 0 10px; border: 1px solid #e7e7e7; } .popover .column .slider-wrapper { display: inline-block; position: relative; width: 200px; } .popover .column slider { height: 2px; margin: 0; background: #0083ed; } .popover .column slider .bar { background-color: #c4c6c8; border: 0; } .popover .column slider .bar .selection { background-color: #0083ed; } .popover .column slider .handle { top: -8px; width: 18px; height: 18px; border: 1px solid #e7e7e7; border-radius: 10px; } .popover .column slider .bubble.limit { display: none; } .popover .column slider .bubble.value { background: none; position: absolute; top: -40px; left: -20px; color: #444; } .popover .column slider .bubble.value::after { position: absolute; display: block; content: ''; bottom: -5px; width: 0; height: 0; border: 0; } .popover .clear-filter { position: relative; height: 30px; line-height: 30px; margin-top: 10px; color: #0083ed; font-size: 10px; cursor: pointer; } .popover .clear-filter::before { content: ''; position: absolute; top: 0; left: 10px; right: 10px; height: 1px; background-color: #e7e7e7; } [ng-controller=LookCtrl] { background: #fff; display: inline-block; margin: 2.5px; padding: 10px; box-shadow: rgba(68,68,68,0) 0 1px 3px 0; vertical-align: top; } @media (min-width: 568px) { [ng-controller=LookCtrl] { padding: 20px; } } [ng-controller=LookCtrl] .look-image { width: 260px; height: 260px; overflow: hidden; } @media (min-width: 568px) { [ng-controller=LookCtrl] .look-image { width: 300px; height: 300px; } } [ng-controller=LookCtrl] .look-image img { max-height: 100%; } [ng-controller=LookCtrl] .look-data { margin-top: 10px; } [ng-controller=LookCtrl] .look-data img { width: 42px; height: 42px; border-radius: 50%; float: left; } [ng-controller=LookCtrl] .look-data .user { font-size: 14px; float: left; font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; text-transform: uppercase; height: 42px; line-height: 42px; margin-left: 10px; } [ng-controller=LookCtrl] favorite { float: right; font-size: 14px; height: 42px; line-height: 42px; } [ng-controller=LookCtrl] favorite .count { position: relative; top: 1px; } .browse-breadcrumbs { color: #444; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-size: 10px; text-transform: uppercase; line-height: 18px; width: 190px; margin: 0 0 8px; } .browse-breadcrumbs span { display: inline-block; } .browse-breadcrumbs .breadcrumb .seperator { margin: 0 5px; } .browse-breadcrumbs .breadcrumb a:hover { color: #0083ed; text-decoration: none; } .product-cell-module-content { background: #444; display: inline-block; vertical-align: top; text-align: center; position: relative; height: 338px; width: 184px; margin: 2px 0; padding: 10px; top: 0; } @media (max-width: 568px) { .product-cell-module-content { width: 50vw; height: 290px; padding: 5px; } } .product-cell-module-content .icon-x { position: absolute; font-size: 15px; color: #fff; bottom: 10px; left: 85px; } @media (max-width: 568px) { .product-cell-module-content .icon-x { left: 48%; } } .product-cell-module-content .icon-x:hover { cursor: pointer; } .sale-alert-widget .form-container { margin-top: 15px; } .sale-alert-widget .form-container .title { font-size: 25px; line-height: 30px; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-weight: bold; color: #fff; } .sale-alert-widget .form-container .privacy-text { color: #fff; font-size: 9px; } .sale-alert-widget .form-container .privacy-text:lang(de) { font-size: 7px; } .sale-alert-widget .form-container .privacy-text a { font-weight: bold; } .sale-alert-widget .form-container .privacy-text a:hover { color: #c4c6c8; } .sale-alert-widget .form-container .error, .sale-alert-widget .form-container .success { height: 20px; font-size: 11px; } .sale-alert-widget .form-container .success { color: green; } .sale-alert-widget .form-container .email-input { height: 45px; width: 100%; padding: 5px 0 5px 20px; margin: 20px 0 5px; } .sale-alert-widget .form-container .cta { margin: 5px 0; } .trending .product-scroller { overflow: auto; width: calc(100% - 200px); height: 4000px; margin: 0 auto; } .trending .product-wrapper { text-align: left; } .trending .product-wrapper span { display: inline-block; vertical-align: middle; line-height: normal; } .trending .product-wrapper span .product { width: 100%; } .text-to-download-widget { position: relative; height: 339px; width: calc(90% + 5px); margin: 3px 5%; border: 1px solid #e7e7e7; background-image: url("/assets/images/download-module-bg.png"); background-position: right; background-repeat: no-repeat; background-size: 100% 100%; background-color: #f1f1f2; text-align: left; } @media (max-width: 991px) { .text-to-download-widget { background-position: 105px; } } @media (max-width: 567px) { .text-to-download-widget { height: 300px; width: 100%; margin: 3px 0; border: 0; background-position: right; background-image: url("/assets/images/iphone-download-bg.png"); } } .text-to-download-widget .title { width: 560px; margin: 25px 25px 15px; font-style: italic; font-size: 23px; line-height: 1.5em; letter-spacing: 1.5px; text-align: center; font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; } @media (max-width: 567px) { .text-to-download-widget .title { width: 65%; margin: 0 auto; padding: 15px 0 0 15px; font-size: 19px; line-height: 1.3em; letter-spacing: 0; text-align: left; } } .text-to-download-widget .form-container { width: 560px; display: inline-block; font-size: 12px; text-align: center; margin-top: 10px; } @media (max-width: 567px) { .text-to-download-widget .form-container { width: 70%; height: 110px; margin: 0 auto; display: block; } } .text-to-download-widget .form-container .sm-ss-logo { border-radius: 20%; margin: 0 30px; } @media (max-width: 567px) { .text-to-download-widget .form-container .sm-ss-logo { position: relative; top: 30px; float: left; width: 30%; margin: 0 0 0 10px; } } .text-to-download-widget .form-container .image-container { display: inline; height: 100px; width: 100px; } .text-to-download-widget .form-container .ios-badge, .text-to-download-widget .form-container .android-badge { position: relative; height: 50px; bottom: 25px; } @media (max-width: 567px) { .text-to-download-widget .form-container .ios-badge, .text-to-download-widget .form-container .android-badge { top: 55px; height: 35px; width: 110px; } } .text-to-download-widget .form-container .subscribe { display: inline-block; vertical-align: middle; width: 350px; } @media (max-width: 567px) { .text-to-download-widget .form-container .subscribe { width: 90%; margin-top: 35px; } } .text-to-download-widget .form-container .subscribe .phone-number-input { height: 45px; margin: 5px; padding: 10px 15px; background: #fff; text-align: left; } @media (max-width: 567px) { .text-to-download-widget .form-container .subscribe .phone-number-input { width: 100%; } } .text-to-download-widget .form-container .subscribe .phone-number-input, .text-to-download-widget .form-container .subscribe .submit-button { width: 300px; } @media (max-width: 567px) { .text-to-download-widget .form-container .subscribe .phone-number-input, .text-to-download-widget .form-container .subscribe .submit-button { width: 100%; } } .text-to-download-widget .disclosure-directive { margin: 10px 0; font-size: 12px; } .text-to-download-widget .disclosure-directive:lang(de), .text-to-download-widget .disclosure-directive:lang(ja) { font-size: 10px; } @media (max-width: 567px) { .text-to-download-widget .disclosure-directive { font-size: 8px; } } .text-to-download-widget .disclosure-directive a { font-weight: 700; } .download-module-container .download-module { background-position: top right; background-size: cover; } .download-module-container .content-container { display: -webkit-box; display: -mox-box; display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; height: 398px; width: 100%; } @media (max-width: 567px) { .download-module-container .content-container { height: 200px; } } .download-module-container .content-container .content { width: 200px; margin: auto; z-index: 1; } @media (max-width: 567px) { .download-module-container .content-container .content { text-align: left; margin: auto 15px; } } .download-module-container .content-container span { font-size: 18px; letter-spacing: 2px; } .download-module-container .content-container .btn-container { margin-top: 20px; } .download-module-container .content-container .btn-container .download-btn { background-color: #444; text-transform: uppercase; color: #fff; font-size: 14px; padding: 10px 25px; border-color: #444; } .download-module-container .content-container .btn-container .download-btn:hover { background: #fff; color: #444; border-color: #444; } @media (min-width: 768px) { .download-module-container .content-container { margin-left: -25%; } .download-module-container .content-container .content { width: 350px; } } .shop-widget-container { display: inline-block; width: 45%; } @media (max-width: 567px) { .shop-widget-container { width: 100%; } } .shop-widget-container.first-row { width: 55%; } @media (max-width: 768px) { .shop-widget-container.first-row { width: 45%; } } @media (max-width: 567px) { .shop-widget-container.first-row { width: 100%; } } @media (min-width: 769px) { .shop-widget-container.first-row .shop-widget { position: relative; height: 302px; width: 100%; margin: 3px 0 3px 5px; } .shop-widget-container.first-row .shop-widget .image { display: inline-block; width: 50%; height: 300px; background: 0; } .shop-widget-container.first-row .shop-widget .image img { height: 100%; } .shop-widget-container.first-row .shop-widget .shop-label { box-sizing: border-box; display: inline-block; width: 50%; height: 300px; padding: 25px; vertical-align: top; } .shop-widget-container.first-row .shop-widget .shop-label .title { margin: 40px 0 5px; } } .shop-widget-container .shop-widget { width: 100%; display: inline-block; margin: 3px; font-size: 0; vertical-align: top; border: 1px solid #e7e7e7; } @media (max-width: 567px) { .shop-widget-container .shop-widget { margin: 3px 0; border: 0; } } .shop-widget-container .shop-widget .image { background: #fff; } .shop-widget-container .shop-widget .image img { width: 100%; } .shop-widget-container .shop-widget .shop-label { background: #fff; position: relative; height: 190px; padding: 20px; } .shop-widget-container .shop-widget .shop-label .title { font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-size: 20px; margin-bottom: 5px; } .shop-widget-container .shop-widget .shop-label .subtitle { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-style: italic; font-size: 18px; margin: 10px 0; } .shop-widget-container .shop-widget .shop-label .shop-btn-container { margin: 20px 0; } .ad-container { display: inline-block; height: 302px; width: 35%; background: #fff; margin: 3px 0 3px 5px; vertical-align: top; border: 1px solid #e7e7e7; } .ad-container .ad { margin: 10px; padding: 15px; vertical-align: inherit; } .post-widget-container { display: inline-block; width: 45%; } @media (max-width: 567px) { .post-widget-container { width: 100%; } } .post-widget-container.first-row { width: 55%; } @media (max-width: 768px) { .post-widget-container.first-row { width: 45%; } } @media (max-width: 567px) { .post-widget-container.first-row { width: 100%; } } @media (min-width: 769px) { .post-widget-container.first-row .post-widget { position: relative; height: 302px; width: 100%; margin: 3px 0 3px 5px; } .post-widget-container.first-row .post-widget .image { display: inline-block; width: 50%; height: 300px; background: 0; } .post-widget-container.first-row .post-widget .image img { height: 100%; } .post-widget-container.first-row .post-widget .shop-label { box-sizing: border-box; display: inline-block; width: 50%; height: 300px; padding: 25px; vertical-align: top; } .post-widget-container.first-row .post-widget .shop-label .title { margin: 40px 0 5px; } } .post-widget-container .post-widget { width: 100%; display: inline-block; margin: 3px; font-size: 0; vertical-align: top; border: 1px solid #e7e7e7; } @media (max-width: 567px) { .post-widget-container .post-widget { margin: 3px 0; border: 0; } } .post-widget-container .post-widget .image { background: #fff; } .post-widget-container .post-widget .image img { width: 100%; } .post-widget-container .post-widget .shop-label { background: #fff; position: relative; height: 190px; padding: 20px; } .post-widget-container .post-widget .shop-label .title { font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; font-size: 20px; margin-bottom: 5px; } .post-widget-container .post-widget .shop-label .subtitle { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-style: italic; font-size: 18px; margin: 10px 0; } .post-widget-container .post-widget .shop-label .shop-btn-container { margin: 20px 0; } .ad-container { display: inline-block; height: 302px; width: 35%; background: #fff; margin: 3px 0 3px 5px; vertical-align: top; border: 1px solid #e7e7e7; } .ad-container .ad { margin: 10px; padding: 15px; vertical-align: inherit; } .subscribe-widget { position: relative; height: 200px; line-height: 200px; width: calc(90% + 5px); margin: 3px 5%; background: #fff; font-size: 0; border: 1px solid #e7e7e7; } @media (max-width: 567px) { .subscribe-widget { height: 400px; width: 100%; margin: 3px 0; padding: 15px; border: 0; } } .subscribe-widget .subscribe-details, .subscribe-widget .form-container { display: inline-block; padding: 20px 10px; line-height: normal; vertical-align: middle; } @media (max-width: 567px) { .subscribe-widget .subscribe-details, .subscribe-widget .form-container { display: block; margin: 5px 0; padding: 10px; } } .subscribe-widget .form-container { width: 55%; padding-right: 37px; } @media (max-width: 567px) { .subscribe-widget .form-container { width: 100%; padding-right: 10px; } } .subscribe-widget .subscribe-details { width: 45%; } @media (max-width: 567px) { .subscribe-widget .subscribe-details { width: 100%; } } .subscribe-widget .title { margin-top: 10px; font-size: 22px; font-family: "AvenirNext-Medium","Helvetica Neue","Helvetica","Arial",sans-serif; } @media (max-width: 567px) { .subscribe-widget .title { display: block; margin: 20px 0 0; font-size: 18px; } } .subscribe-widget .title span { display: block; } .subscribe-widget .title .sub-title { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-size: 18px; margin: 5px 0; } @media (max-width: 567px) { .subscribe-widget .title .sub-title { font-size: 14px; } } .subscribe-widget .subscribe-form { display: inline-block; width: 100%; } @media (max-width: 567px) { .subscribe-widget .subscribe-form { display: block; width: 100%; } } .subscribe-widget .subscribe-form .email-input { display: inline-block; width: 55%; height: 50px; padding-left: 20px; background: #f0f1f2; text-transform: uppercase; font-family: "BrandonGrotesque","AvenirNext-Regular","Helvetica","Arial",sans-serif; } @media (max-width: 567px) { .subscribe-widget .subscribe-form .email-input { display: block; width: 75%; margin: 5px auto; } } .subscribe-widget .subscribe-form .cta { display: inline-block; width: 40%; height: 50px; margin-left: 10px; } @media (max-width: 567px) { .subscribe-widget .subscribe-form .cta { width: 75%; margin: 5px auto; } } .subscribe-widget .subscribe-form .cta .submit-button { height: 100%; width: 100%; } @media (max-width: 567px) { .subscribe-widget .disclosure-directive { margin-top: 30px; } } .subscribe-widget .disclosure-directive .privacy-text { font-size: 9px; font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; text-transform: uppercase; line-height: 15px; } @media (max-width: 567px) { .subscribe-widget .disclosure-directive .privacy-text { font-size: 7px; } } .subscribe-widget .disclosure-directive .privacy-text a { font-weight: 800; font-style: italic; } .subscribe-widget .join-success, .subscribe-widget .error-message { font-size: 12px; } sspopover { position: absolute; z-index: 1; } sspopover .bottom, sspopover .top, sspopover .right, sspopover .left { position: absolute; height: 20px; width: 20px; background: #444; } sspopover .bottom, sspopover .top { top: -5px; left: 50%; margin-left: -10px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 768px) { sspopover .bottom, sspopover .top { top: -7px; } } sspopover .top { top: auto; bottom: -8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .product-drawer { position: relative; display: block; height: 0; transition: height 200ms; background: #fff; margin: 10px 20px; padding: 20px; overflow: hidden; text-align: left; } .product-drawer .close { position: absolute; top: 10px; right: 10px; font-size: 12px; } .product-drawer.active { height: 500px; } .product-drawer .image-gallery, .product-drawer .product-info, .product-drawer .product-actions { display: inline-block; vertical-align: top; font-size: 14px; } .product-drawer .subtitle { font-weight: bold; } .product-drawer .image-gallery { height: 100%; max-height: 460px; width: 322px; } .product-drawer .image-gallery .alternate-images { float: left; height: 100%; min-width: 68px; overflow: hidden; border-right: 2px solid #f0f1f2; } .product-drawer .image-gallery .alternate-images .alternate-image { width: 66px; height: 82px; line-height: 82px; text-align: center; border: 2px solid transparent; margin-bottom: 4px; } .product-drawer .image-gallery .alternate-images .alternate-image img { max-height: 100%; max-width: 100%; vertical-align: middle; } .product-drawer .image-gallery .alternate-images .alternate-image.active { border-right: 2px solid #444; } .product-drawer .image-gallery .product-image-container { float: left; width: 250px; margin-left: 4px; text-align: center; position: relative; } .product-drawer .image-gallery .product-image-container img { max-width: 100%; } .product-drawer .product-info { position: absolute; left: 350px; right: 20px; max-height: 465px; max-width: 600px; margin: auto; padding-left: 10px; overflow: auto; text-align: left; } .product-drawer .product-info h1 { font-size: 28px; margin: 0; } .product-drawer .product-info .price { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-style: italic; font-size: 30px; letter-spacing: -2.5px; font-weight: normal; display: inline-block; } .product-drawer .product-info .price .strikethrough { color: #939393; margin-right: 2px; } .product-drawer .product-info .product-retailer { margin-top: 5px; font-size: 20px; color: #444; font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-style: italic; padding: 5px 0; } .product-drawer .product-info .deal-label { font-family: "Baskerville","HoeflerText","TimesNewRomanPS",serif; font-style: italic; color: #444; font-size: 15px; letter-spacing: 0.5px; margin-top: 3px; } .product-drawer .product-info .description ul { list-style-type: none; margin: 0; padding: 0 0 18px 20px; } .product-drawer .product-info .description li { font-size: 12px; margin: 0; padding: 0; } .product-drawer .product-info .product-actions { display: block; margin: 10px 0 20px; } .product-drawer .product-info .product-actions .buy-now { width: 180px; font-size: 12px; } @media (max-width: 567px) { .html .modal.sale-alert-modal .modal-dialog { margin: 0; } } .modal-content .sale-alert-modal .icon-x { color: #0083ed; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right { border-left: 1px solid #f0f1f2; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .active-filters-container { padding: 10px 0; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .cta { margin-top: 10px; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .cta .submit-button { font-weight: bold; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .right-side-container { margin-bottom: 20px; text-align: left; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .right-side-container p.text.ng-scope { font-size: 13px; letter-spacing: 1px; color: #939393; text-align: center; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .right-side-container p.text.ng-scope:lang(de) { text-align: left; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .right-side-container p.text.ng-scope:first-child { margin-bottom: -10px; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .right-side-container span { text-align: center; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .right-side-container span p { font-weight: bold; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .right-side-container span .account-settings { font-size: 11px; margin-bottom: 20px; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .right-side-container .sale-alert-input { width: 310px; height: 35px; font-size: 14px; color: #444; background: #f0f1f2; margin: 20px 0; padding-left: 5px; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .right-side-container .radio-options { margin-top: 10px; line-height: 22px; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .right-side-container .radio-options .radio-option { position: relative; font-size: 14px; letter-spacing: 1px; font-weight: 100; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .right-side-container .radio-options input { display: none; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .right-side-container .radio-options label { margin: 2px 0 0 24px; display: block; cursor: pointer; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .right-side-container .radio-options label.active { font-weight: bold; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .right-side-container .radio-options .icon-check { position: absolute; left: 0; top: -2px; font-size: 12px; } .modal-content .sale-alert-modal .share-modal-body .share-modal-right .disclosure { font-size: 9px; color: #c4c6c8; margin-top: 10px; text-align: center; } .sale-alert-mobile .mobile-slide-in-body { padding: 20px; text-align: center; z-index: -1; } .sale-alert-mobile .mobile-slide-in-body>p { font-size: 25px; text-align: center; line-height: 35px; } @media (max-width: 567px) { .sale-alert-mobile .mobile-slide-in-body>p { font-size: 14px; max-width: 75%; margin-left: 15%; line-height: normal; } } .sale-alert-mobile .mobile-slide-in-body .login-now { text-align: center; } .sale-alert-mobile .mobile-slide-in-body .login-now .login-link { font-weight: bold; display: inline-block; margin-bottom: 5px; } .sale-alert-mobile .mobile-slide-in-body .privacy-text { font-size: 10px; } .sale-alert-mobile .mobile-slide-in-body .category-name { text-align: center; letter-spacing: 2px; font-size: 28px; font-weight: bold; text-transform: uppercase; } @media (max-width: 567px) { .sale-alert-mobile .mobile-slide-in-body .category-name { font-size: 14px; } } .sale-alert-mobile .mobile-slide-in-body .product-image-container { max-height: 300px; } .sale-alert-mobile .mobile-slide-in-body .product-image-container .product-image { display: block; max-height: 350px; margin: auto; } @media (max-width: 567px) { .sale-alert-mobile .mobile-slide-in-body .product-image-container .product-image { padding: 0; margin-top: 15px; max-height: 200px; max-width: 300px; } } .sale-alert-mobile .mobile-slide-in-body .radio-options { text-align: left; letter-spacing: 1px; margin-top: 40px; font-size: 20px; } .sale-alert-mobile .mobile-slide-in-body .radio-options .radio-option { position: relative; } .sale-alert-mobile .mobile-slide-in-body .radio-options input { display: none; } .sale-alert-mobile .mobile-slide-in-body .radio-options .icon-check { position: absolute; left: 0; top: 0; } .sale-alert-mobile .mobile-slide-in-body .radio-options label { padding: 10px 0 0 35px; display: block; line-height: 15px; margin-bottom: 6px; } @media (max-width: 567px) { .sale-alert-mobile .mobile-slide-in-body .radio-options label { padding-top: 4px; padding-left: 25px; } } .sale-alert-mobile .mobile-slide-in-body .radio-options label.active { font-weight: bold; } @media (max-width: 567px) { .sale-alert-mobile .mobile-slide-in-body .radio-options { font-size: 14px; margin-top: 25px; } } .sale-alert-mobile .mobile-slide-in-body .text-container { margin-top: 8%; } .sale-alert-mobile .mobile-slide-in-body .text-container .sale-alert-input { background: #f0f1f2; padding: 8px; font-size: 26px; width: 100%; text-align: center; } @media (max-width: 567px) { .sale-alert-mobile .mobile-slide-in-body .text-container .sale-alert-input { font-size: 16px; } } .sale-alert-mobile .mobile-slide-in-body .text-container .mobile-disclosure { margin: 0; } .sale-alert-mobile .mobile-slide-in-body .text-container .mobile-disclosure .privacy-text { font-size: 8.75px; margin: 0; text-align: left; color: #939393; } .sale-alert-mobile .mobile-slide-in-body .text-container .mobile-disclosure .privacy-text a { text-decoration: underline; } .sale-alert-mobile .mobile-slide-in-body .text-container .right-side-container .bold { color: #939393; font-weight: 600; margin-bottom: 10px; font-size: 24px; } @media (max-width: 768px) { .sale-alert-mobile .mobile-slide-in-body .text-container .right-side-container .bold { display: none; } } .touch .sale-alert-mobile .mobile-slide-in-body .text-container .right-side-container .bold { display: none; } .sale-alert-mobile .mobile-slide-in-body .text-container .right-side-container p.text.ng-scope { font-size: 16px; letter-spacing: 1px; color: #939393; text-align: center; } .sale-alert-mobile .mobile-slide-in-body .text-container .right-side-container p.text.ng-scope:lang(de) { text-align: left; } .sale-alert-mobile .mobile-slide-in-body .text-container .right-side-container p.text.ng-scope:first-child { margin-bottom: -10px; } @media (max-width: 567px) { .sale-alert-mobile .mobile-slide-in-body .text-container .right-side-container p.text.ng-scope { font-size: 12px; } } .sale-alert-mobile .mobile-slide-in-body .text-container .right-side-container span p { font-weight: bold; font-size: 18px; } @media (max-width: 567px) { .sale-alert-mobile .mobile-slide-in-body .text-container .right-side-container span p { font-size: 15px; } } .sale-alert-mobile .mobile-slide-in-body .text-container .right-side-container span .account-settings { font-size: 15px; margin-bottom: 20px; } @media (max-width: 567px) { .sale-alert-mobile .mobile-slide-in-body .text-container .right-side-container span .account-settings { font-size: 12px; } }