.products-intro-wrapper h1, .services-post-content h5, .services-post-content p, h1, h2, h3, h4, h5, h6, p { font-family: "Open Sans", sans-serif; } .circular-items a, .products-masthead a, .recommended-products-wrapper a { text-decoration: none; } .item, .navbar-toggle, .products-masthead a, .size-selection a, .title-section { cursor: pointer; } header { z-index: 1030; } #header { margin: 0 auto; } .page { margin-top: 35px; } .page-start { padding-top: 195px; } .article-start-milkspiration { padding-top: 86px; } .article-start { padding-top: 52px; } .section-spacer { height: 40px; clear: both; } .individual-product .product-image img { width: 280px; height: 261px; object-fit: contain; } .featured-promotion-left.visible, .featured-promotion-section.visible { display: block !important; } .article-mouse-over-container .btn-default, .more-about-container .btn-default { border-color: #fff; } body { background-color: #fff; } .vc_row { padding: 50px 0 0; } h1, h2, h3, h4, h5, h6, p { color: #333; } h1 { font-size: 36px; line-height: 36px; text-align: center; font-weight: 100; margin-bottom: 15px; } .navbar { background: url(https://www.magnolia.com.sg/wp-content/themes/stilo/images/nav.jpg); border: none; } #home-two .services-post > a, .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a:hover, .section-head h1 span, .services-box2 .services-post > a, .services-post:hover > a, .statistic-post, span.tweet-icon { background: 0 0; } .navbar-brand img { max-height: 84px; } .navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover { color: #e34539; } .navbar-default .navbar-nav > li > a { color: #fff; } .share-ico { width: 40px; height: 40px; } #menu-item-510 a, #menu-item-511 a { padding: 25px 3px 18px; } #home-one header { position: fixed; top: 0; } .navbar-toggle { padding: 0; border: 0; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; } .navbar-toggle img { width: 45px; } #home-page-carousel .carousel-caption { right: 0; left: 0; bottom: 0; padding-bottom: 0; width: 100%; } #home-page-carousel .carousel-indicators li { border: 1px solid #e0e0e0; margin: 0 4px; } #home-page-carousel .carousel-indicators .active { background-color: #ffe83d; border: 1px solid #ffe83d; } .products-intro-wrapper h1 { font-size: 18px; text-align: center; font-weight: 100; position: relative; margin-bottom: 40px; color: #666; } .products-intro-wrapper h1:after { position: absolute; bottom: -30px; content: url(https://www.magnolia.com.sg/wp-content/themes/stilo/images/arrow-down.png); left: 50%; margin-left: -5px; } .color-underline { height: 4px; width: 90px; margin: 15px auto; background-color: #83c9ed; } .color-underline.long { width: 180px; } .color-underline.red { background-color: #e34539; } .color-underline.yellow { background-color: #ffe83d; } .color-underline.blue { background-color: #83c9ed; } .services-post-content { text-align: center; } .services-post-content img { float: none; margin: 10px 0; } .circular-items a { border: none; } .services-post-content h5 { font-size: 20px; line-height: 20px; font-weight: 100; color: #333; text-transform: uppercase; } .services-post-content p { font-size: 15px; line-height: 18px; font-weight: 400; color: #666; } .home-video-details h3, .title-section .title-line > div p { font-family: "Open Sans", sans-serif; font-weight: 100; } .title-section { background-color: #fcd628; width: 80%; margin: auto; border-radius: 5px; } .title-section:hover { background-color: #f0c604; } .title-section .title-line > div p { font-size: 22px; line-height: 22px; color: #fff; padding: 10px; text-transform: capitalize; } .home-video-details { max-width: 80%; margin: auto; } .home-video-details h3 { font-size: 36px; line-height: 36px; color: #333; padding: 25px 0 10px; margin-bottom: 20px; position: relative; text-transform: uppercase; } .article-preview-copy h5, .home-video-details p { line-height: 22px; font-family: "Open Sans", sans-serif; } .home-video-details h3:after { position: absolute; bottom: 0; content: ""; left: 50%; margin-left: -100px; width: 200px; height: 3px; background: #fcd628; } .home-video-details p { font-size: 16px; font-weight: 400; color: #333; padding: 20px; text-align: center; } .wpb_video_wrapper { padding-top: 56%; position: relative; } .wpb_video_wrapper iframe { width: 100%; height: 100%; display: block; position: absolute; margin: 0; top: 0; left: 0; box-sizing: border-box; } .video-slider-description p:empty, .videoslider { display: none; } .videoslider .wpb_video_widget { margin-bottom: 30px; } .video-selection-thumbnail-container { margin: auto; } .video-selection-thumbnail { display: inline-block; position: relative; } .video-selection-thumbnail img { width: 75px; border-radius: 60px; } .video-selection-thumbnail:after { position: absolute; content: ""; width: 65px; height: 65px; border-radius: 37px; background-color: rgba(255, 214, 51, 0.8); top: 6px; left: 5px; opacity: 0; } .video-selection-thumbnail:hover:after { opacity: 0.5; } #milkspiration-box { overflow: hidden; } #milkspiration-box a img { -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); } #milkspiration-box:hover a > img { -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } .article-preview-wrapper .vc_column_container, .article-preview-wrapper .vc_row { padding: 0 !important; } .article-preview-container, .article-preview-wrapper .wpb_column, .article-preview-wrapper img { min-height: 380px; max-height: 380px; } .article-preview-container { position: relative; overflow: hidden; background-size: cover !important; } .article-preview-container .article-preview-bg { position: absolute; height: 100%; width: 100%; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .article-preview-container:hover > .article-preview-bg { transform: scale(1.2, 1.2); } .article-mouse-over-container, .article-preview-copy { position: absolute; } .article-preview-copy { width: 330px; height: 120px; left: 0; bottom: 20px; padding: 10px 25px; } .article-preview-copy h5 { font-size: 22px; font-weight: 100; color: #fff; } .category-health .article-mouse-over-container, .category-health .article-preview-copy { background: rgba(227, 69, 57, 0.89); } .category-recipe .article-mouse-over-container, .category-recipe .article-preview-copy { background: rgba(111, 181, 219, 0.8); } .category-tips .article-mouse-over-container, .category-tips .article-preview-copy { background: rgba(246, 215, 63, 0.8); } .category-health .article-preview-copy:after, .category-recipe .article-preview-copy:after, .category-tips .article-preview-copy:after { position: absolute; right: 10px; bottom: 10px; width: 34px; height: 34px; } .category-health .article-preview-copy:after, .health.sidebar-article-preview-description:after { content: url(https://www.magnolia.com.sg/wp-content/uploads/2015/05/health-icon-dark.png); } .category-recipe .article-preview-copy:after, .recipe.sidebar-article-preview-description:after { content: url(https://www.magnolia.com.sg/wp-content/uploads/2015/05/recipe-icon-dark.png); } .category-tips .article-preview-copy:after, .tips.sidebar-article-preview-description:after { content: url(https://www.magnolia.com.sg/wp-content/uploads/2015/05/tips-icon-dark.png); } .article-mouse-over-container { width: 390px; height: 430px; top: 0; left: -390px; padding: 70px 50px 30px; text-align: center; } .article-mouse-over-container h5 { font-family: "Open Sans", sans-serif; font-size: 27px; line-height: 27px; font-weight: 600; color: #fff; padding-bottom: 15px; border-bottom: 3px solid #fff; } .article-mouse-over-container .article-preview-btn .btn, .article-mouse-over-container p { font-size: 14px; line-height: 16px; font-weight: 400; color: #fff; font-family: "Open Sans", sans-serif; } .article-mouse-over-container p { padding-bottom: 15px; max-height: 65px; overflow: hidden; } .article-mouse-over-container .article-preview-btn .btn { background-color: transparent; padding: 6px 30px; } .social-share-header p { font-size: 22px; line-height: 25px; font-weight: 100; } #social-feed-container, #social-feed-container .vc_row, .social-feed-container-wrapper .vc_row { padding: 0; } .social-image-container { height: 255px; overflow: hidden; padding: 0; background-size: cover; background-position: center center; } .social-content-container { height: 255px; overflow: hidden; text-align: center; padding: 20px 20px 10px; background: #f6f6f6; } .social-content-container h6 { font-size: 14px; line-height: 14px; font-weight: 600; } .social-content-container p.share-date { color: #999; font-size: 11px; line-height: 12px; padding-bottom: 5px; font-weight: 600; border-bottom: 3px solid #fcd628; width: 120px; margin: 10px auto; } .social-content-container p.share-message { font-size: 10px; line-height: 12px; font-weight: 400; } .footer-copyright, .footer-links { font-size: 11px; line-height: 12px; } .user-profile-image img { width: 70px; border-radius: 40px; } .right-float-insta-image { float: right; } footer { background: #f0eeea; } .footer-links { font-weight: 400; color: #b1b1b1; } .footer-links a { padding: 5px 10px 15px; color: #b1b1b1; } .footer-copyright { font-weight: 600; color: #ccc; padding: 15px 15px 0; font-style: italic; } .milkspiration-masthead-container .vc_row { padding-top: 0; } .milkspiration-masthead { margin-top: -95px; } .milkspiration-masthead-container h1 { font-size: 30px; line-height: 30px; position: relative; padding: 20px 0 5px; color: #666; } .milkspiration-masthead-container p { font-size: 18px; line-height: 20px; text-align: center; color: #666; padding: 20px 0 10px; } .milkspiration-masthead-container h1:after { content: ""; position: absolute; width: 250px; left: 50%; margin-left: -125px; bottom: -10px; height: 5px; background: #fcd628; } .whatsup-masthead-wrapper .vc_row { padding-top: 0; } .whatsup-masthead-container { margin-top: -109px; } .whatsup-imageleft-conent-right-wrapper .vc_row { padding: 12px 0 20px; } .whatsup-right-content-container { height: auto; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-family: "Open Sans", sans-serif; } .whatsup-right-content-container .event-date { font-size: 16px; line-height: 20px; color: #999; font-weight: 600; padding-top: 1px; } .whatsup-right-content-container .event-date span { color: #fff; background: #ffd558; margin-right: 10px; } .whatsup-right-content-container .event-date span.current-event { background: #ffd558; padding: 2px 20px; } .whatsup-right-content-container .event-date span.past-event { background: #d5d5d5; padding: 2px 35px; } .whatsup-right-content-container h3 { font-size: 28px; line-height: 30px; font-weight: 600; text-transform: uppercase; max-width: 90%; padding: 15px 20px 0; } .whatsup-right-content-container p { font-size: 19px; line-height: 24px; font-weight: 400; padding: 0 20px; color: #666; } .whatsup-right-content-container .btn { background-color: #80bfe3; border: 1px solid #80bfe3; color: #fff; font-size: 15px; line-height: 16px; font-weight: 600; float: right; padding: 10px 40px; } .contact-form-left .vc_row, .contact-us-form-wrapper .vc_row { padding: 15px 0 100px; } .contact-details-container { width: 345px; margin: auto; } .contact-details-container .col-md-10, .contact-details-container .col-md-2 { padding-right: 0; } .contact-details-container p { font-size: 16px; line-height: 18px; color: #666; } .contact-details-container p a, .contact-details-container p span { color: #62b0dc; } .contact-form-right h2 { font-size: 44px; line-height: 48px; color: #fc3; font-weight: 600; text-transform: uppercase; letter-spacing: -0.6pt; margin-bottom: 42px; } .contact-form-right p { font-size: 18px; line-height: 30px; color: #666; font-weight: 600; } .contact-form-right input, .contact-form-right textarea { background: #e1f0fb; color: #84c7ed; padding: 10px; margin-bottom: 5px; resize: none; border: 1px solid #717171; } .contact-form-right textarea { width: 421px; } .contact-form-right input::-webkit-input-placeholder, .contact-form-right textarea::-webkit-input-placeholder { color: #83c6ed; } .contact-form-right input:-moz-placeholder, .contact-form-right textarea:-moz-placeholder { color: #83c6ed; } .contact-form-right input::-moz-placeholder, .contact-form-right textarea::-moz-placeholder { color: #83c6ed; } .contact-form-right input:-ms-input-placeholder, .contact-form-right textarea:-ms-input-placeholder { color: #83c6ed; } .contact-form-right .send-message-submit-btn { color: #fff; background: #fcd628; font-size: 22px; font-weight: 600; width: 421px; } div.wpcf7-response-output, div.wpcf7-validation-errors { border: 2px solid #f7e700; width: 450px; padding: 20px; font-size: 16px; line-height: 18px; font-family: "Open Sans", sans-serif; font-weight: 600; } .more-about-container .btn, .nutrition-table-wrapper, .product-list .product-name a { font-family: "Open Sans", sans-serif; } div.rating-cancel, div.star-rating { width: 24px; } .featured-promotion-section .vc_row, .product-masthead-copy-section, .product-page-article-preview-wrapper .vc_row, .recommended-products-wrapper .vc_row { padding: 0; } .individual-product-landing-page { margin-top: -145px; } .individual-product-landing-page .vc_row { padding-bottom: 0; } .product-masthead-copy-section { overflow: hidden; position: relative; min-height: 550px; } .products-masthead .wpb_wrapper { width: 50%; float: right; padding: 20px 80px 20px 20px; } .product-masthead-copy-section h2 { font-size: 28px; line-height: 28px; color: #333; text-transform: uppercase; padding-bottom: 5px; font-weight: 600; } .product-masthead-copy-section p { font-size: 14px; line-height: 18px; color: #333; padding-bottom: 20px; } .products-masthead a { color: #999; padding-bottom: 0; border-bottom: 1px solid #ccc; } .featured-promotion-left:after, .recommended-products-left-copy:after { border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #fcd628; right: -15px; top: 50%; content: ""; } .products-masthead a img { background-color: #fff; } .products-masthead h5 { margin-bottom: 20px; } .product-masthead-copy-section p.decription { font-size: 15px; line-height: 18px; color: #333; } .product-masthead-copy-section .sizes-available span { font-size: 13px; color: #666; } .product-masthead-copy-section .milk-swirl { position: absolute; bottom: -100%; width: 100%; opacity: 0; z-index: 100; } .product-masthead-copy-section .product-image { position: absolute; bottom: -100%; left: 80px; z-index: 100; } .products-masthead-copy-container { min-height: 500px; } .product-masthead-copy-section .products-masthead-copy-container { position: absolute; left: 0; bottom: 0; width: 100%; z-index: 200; } .featured-promotion-left { padding: 26px 20px; max-height: 116px; min-height: 116px; position: relative; background-color: #fcd628 !important; } .featured-promotion-left:after { position: absolute; width: 0; height: 0; margin-top: -7.5px; } .featured-promotion-left h3, .recommended-products-left-copy h3 { margin-top: 0; text-transform: uppercase; color: #fff; font-size: 24px; line-height: 28px; text-align: left; font-weight: 600; } .featured-promo-right { padding: 25px 10px; max-height: 116px; min-height: 116px; overflow: hidden; } .featured-promo-right img { margin: 0 10px; } .featured-promo-right p { font-size: 18px; line-height: 75px; font-weight: 600; color: #999; } .featured-promo-right .btn { margin: 0 0 0 15px; } .more-about-container, .product-page-article-preview-wrapper .article-preview-container, .product-page-article-preview-wrapper .article-preview-wrapper .wpb_column, .product-page-article-preview-wrapper .article-preview-wrapper img { min-height: 290px; max-height: 290px; } .product-page-article-preview-wrapper .col-md-3 { padding: 0; } .product-page-article-preview-wrapper .article-preview-copy { width: 240px; height: 90px; } .product-page-article-preview-wrapper .article-preview-copy h5 { font-size: 18px; line-height: 18px; } .product-page-article-preview-wrapper .article-mouse-over-container { width: 280px; height: 290px; padding: 30px 50px; } .product-page-article-preview-wrapper .article-mouse-over-container h5 { font-size: 20px; line-height: 22px; } .product-page-article-preview-wrapper .article-mouse-over-container p { font-size: 12px; line-height: 14px; } .more-about-container { text-align: center; background-color: #6ab4dd !important; } .more-about-container h3 { font-size: 20px; line-height: 20px; font-weight: 600; color: #fff; text-transform: uppercase; margin-top: 0; padding-bottom: 5px; } .more-about-container img { margin-bottom: 10px; } .more-about-container .btn { background-color: transparent; font-size: 14px; line-height: 16px; font-weight: 400; color: #fff; padding: 6px 30px; } .recommended-products-left-copy, .recommended-products-right-container { min-height: 215px; max-height: 215px; text-align: center; } .recommended-products-wrapper .col-md-3 img { max-height: 175px; width: auto; } .recommended-products-wrapper .col-md-3 p { text-transform: uppercase; } .recommended-products-left-copy { padding: 26px 20px; position: relative; background-color: #fcd628 !important; } .recommended-products-left-copy:after { position: absolute; width: 0; height: 0; margin-top: -7.5px; } .recommended-products-right-container .col-md-3 img { max-height: 175px; width: auto; } .recommended-products-right-container p { font-size: 14px; line-height: 16px; color: #ccc; font-weight: 600; position: relative; } .recommended-products-right-container p:after { position: absolute; content: ""; width: 0; height: 3px; left: 50%; margin-left: -50px; bottom: -10px; background-color: #6ab4dd; } .recommended-products-right-container p:hover:after { width: 100px; } .recommended-products-right-container .aligncenter { margin: 30px 30px 5px; } .recommended-products-left-copy h3 { padding: 55px 10px; } .nutrition-table-wrapper { font-size: 12px; line-height: 14px; font-weight: 400; color: #333; } .nutrition-table-container h2 { font-size: 28px; line-height: 28px; font-weight: 800; color: #666; } .nutrition-table-wrapper p { font-size: 12px; line-height: 14px; font-weight: 400; color: #333; } .nutrition-table-container { border: 1px solid #ccc; max-width: 290px; } .nutrition-table { border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; margin-bottom: 15px; } .nutritional-wrapper { display: none; } #nutritional-facts-lightbox .modal-dialog { width: 650px; } .size-selection a.selected { text-decoration: underline; color: #000; } h4.modal-title { font-size: 18px; line-height: 18px; color: #333; text-transform: uppercase; font-weight: 400; } .products-landing-header { max-width: 630px; margin: auto; } .products-landing-header .vc_row { padding-bottom: 0; } .products-landing-header h1 { font-size: 38px; font-weight: 800; text-transform: uppercase; padding-bottom: 5px; border-bottom: 3px solid #ffe83d; } .product-list .product-name a, .product-title h5 { font-size: 16px; font-weight: 600; text-align: center; } .products-container { border-top: 1px solid #ccc; margin-bottom: 150px; } .product-title { width: 200px; margin: auto; text-transform: uppercase; } .fresh-milk .product-title { background: #ffd558; } .uht-milk .product-title, .smoo-milk .product-title { background: #64a8ce; } .yoghurt-smoothie .product-title { background: #f74747; } .product-title a { color: #fff; text-decoration: none; } .product-title h5 { line-height: 16px; color: #fff; padding: 5px; margin-top: 0; } .product-list .product-name { position: relative; max-width: 200px; margin: auto; } .product-list .product-image { min-height: 260px; max-height: 260px; vertical-align: top; } .product-list .product-image img { max-width: 100%; object-fit: contain; } .product-list .product-name a { line-height: 20px; color: #999; text-transform: uppercase; position: relative; cursor: pointer; max-width: 200px; margin: auto; text-decoration: none; border: none; } .article-page, .products-landing-header label { font-family: "Open Sans", sans-serif; } .product-list .product-name:after { position: absolute; bottom: -10px; content: ""; left: 50%; margin-left: -40px; width: 80px; height: 3px; background: #fff; } .individual-product { width: 360px; display: inline-block; text-align: center; min-height: 350px; max-height: 350px; vertical-align: top; } .individual-product:active .product-name:after, .individual-product:focus .product-name:after, .individual-product:hover .product-name:after { background: #fcd628; } .individual-product:active .product-name a, .individual-product:focus .product-name a, .individual-product:hover .product-name a { color: #62b0dc; font-weight: 800; } .product-list .col-md-4 { text-align: center; } .products-landing-header label { font-size: 20px; line-height: 22px; font-weight: 600; color: #62b0dc; margin-bottom: 50px; } .category-product { text-align: center; padding-bottom: 50px; } .category-product h4 { font-size: 20px; line-height: 20px; font-weight: 600; color: #999; text-transform: uppercase; min-height: 50px; max-height: 50px; } .category-product:hover h4 { color: #62b0dc; } .category-product p { font-size: 12px; line-height: 14px; font-weight: 400; color: #666; } .products-category-slider-wrapper .carousel-caption { width: 100%; left: 0; right: 0; padding: 20px; text-align: center; background: #62b0dc; bottom: 0; text-shadow: none; } .products-category-slider-wrapper .carousel-caption h5 { font-size: 30px; line-height: 30px; font-weight: 600; color: #fff; text-transform: uppercase; margin-bottom: 20px; } .products-category-slider-wrapper .carousel-caption p { font-size: 15px; line-height: 18px; font-weight: 400; color: #fff; } .spacer.category-slider { height: 100px; } .category-product .color-underline { margin: 5px auto 10px; width: 0; } .article-page-masthead-container.col-md-12 { padding: 0; } .article-page-masthead-container { position: relative; min-height: 375px; } .article-page-masthead-image { position: relative; width: 100%; left: 0; bottom: 0; } .article-page-masthead-cotent { position: absolute; left: 0; bottom: 62px; width: 501px; padding: 40px 30px 80px; } .article-page-masthead-cotent.health { background: rgba(230, 89, 79, 0.8); } .article-page-masthead-cotent.recipe { background: rgba(113, 182, 222, 0.8); } .article-page-masthead-cotent.tips { background: rgba(254, 208, 70, 0.8); } .article-page-masthead-cotent h1 { font-size: 40px; line-height: 40px; font-weight: 50px; color: #fff; text-align: left; } .article-page-masthead-cotent:after { position: absolute; right: 20px; bottom: 25px; width: 145px; height: 34px; } .health.article-page-masthead-cotent:after { content: url(https://www.magnolia.com.sg/wp-content/uploads/2015/05/healthcopy-icon.png); } .recipe.article-page-masthead-cotent:after { content: url(https://www.magnolia.com.sg/wp-content/uploads/2015/05/recipecopy-icon.png); } .tips.article-page-masthead-cotent:after { content: url(https://www.magnolia.com.sg/wp-content/uploads/2015/05/tipscopy-icon.png); } .social-share-container { padding: 30px 30px 20px; width: 480px; float: right; } .social-share-container p { display: inline-block; padding: 0 10px; font-size: 20px; line-height: 20px; font-weight: 600; color: #ccc; text-transform: uppercase; } .social-share-container img { display: inline-block; padding-right: 10px; } .article-page { font-size: 16px; line-height: 24px; font-weight: 400; padding-bottom: 30px; } .article-page ol li { padding-bottom: 20px; } .article-sidebar { height: 100%; background: #f5f5f5; } .sidebar-header { text-align: center; padding: 20px; background: #94c9e7; } .sidebar-article-preview-image { background-size: cover !important; } .sidebar-header h2 { text-transform: uppercase; font-size: 24px; line-height: 24px; font-weight: 600; color: #fff; } .sidebar-article-preview-description a { color: #666; text-decoration: none; } .sidebar-article-preview-description a:hover { color: #428bca; } .sidebar-article-preview-description, .sidebar-article-preview-image { padding-right: 0; padding-left: 0; min-height: 150px; max-height: 150px; overflow: hidden; } .sidebar-article-preview-description { padding: 25px; position: relative; background: #fff; border-bottom: 1px solid #d9d9d9; } .sidebar-article-preview-description h3 { font-size: 18px; line-height: 22px; font-weight: 400; color: #666; padding-bottom: 5px; margin-top: 5px; max-width: 200px; } .sidebar-article-preview-description p { font-size: 11px; line-height: 12px; font-weight: 200; color: #999; } .sidebar-article-preview-description:after { position: absolute; right: 25px; bottom: 25px; width: 34px; height: 34px; } .more-about-milkspiration { text-align: center; padding-left: 0; padding-top: 20px; padding-right: 0; } .more-about-milkspiration a { text-decoration: none; } .more-about-milkspiration h4 { width: 80%; margin: auto; background: #fed046; font-size: 16px; line-height: 18px; color: #fff; font-weight: 600; padding: 15px; border-radius: 5px; } .more-about-milkspiration h4:hover { background: #f0c604; } .custom-margin-top-10 { margin-top: -10px; } .modal-header .close { margin-top: -2px; padding: 8px 10px; } #breadcrumbs { font-family: "Open Sans", sans-serif; list-style: none; margin: 20px 10px; overflow: hidden; font-size: 14px; padding-left: 20px; } #breadcrumbs li { display: inline-block; vertical-align: middle; margin-right: 8px; } #breadcrumbs .separator { font-size: 12px; font-weight: 100; color: #b8b8b8; } .current-menu-item a { color: #e24f48 !important; } .modal-body .whatsup-right-content-container { border: none; } .modal-body h3 { font-size: 20px; font-weight: 700; } .modal-body .whatsup-right-content-container p { padding: 0; } .event-description-container { height: 182px; overflow-y: auto; } #home-page-carousel .carousel-caption img, #home-page-carousel .item img { width: 100%; max-width: 1600px; margin: auto; overflow: hidden; } .milkspiration-masthead-container img, .whatsup-masthead-wrapper img { width: 100%; max-width: 1600px; margin: auto; } .article-page-masthead-container { max-width: 1600px; margin: auto; } .article-page-masthead-container img { width: 100%; max-width: 1600px; } .wp-image-628 { display: none; } .milkspiration-articles-container .col-sm-8 .article-preview-btn { margin-top: -20px; } .magnolia-alive-yoghurt { display: none; } @media (max-width: 992px) { .product-masthead-copy-section .products-masthead-copy-container { position: relative; left: unset; bottom: unset; } .product-masthead-copy-section .product-image { left: unset; position: relative; } }