/* Theme Name: Mundella Theme URI: http://mundella.com.au/ Author: the adzoo team Author URI: http://realtylane.com.au/ Description: Realty Lane is set to turn the Perth Real Estate scene on its head. At Realty Lane, we're on a mission to set a new benchmark when it comes to your real estate experience. When you make the move with us, we'll take you on a journey like no other. Version: 10.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: realtylane Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* =Notes -------------------------------------------------------------- This stylesheet uses rem values with a pixel fallback. The rem values (and line heights) are calculated using two variables: $rembase: 14; $line-height: 24; ---------- Examples * Use a pixel value with a rem fallback for font-size, padding, margins, etc. padding: 5px 0; padding: 0.357142857rem 0; (5 / $rembase) * Set a font-size and then set a line-height based on the font-size font-size: 16px font-size: 1.142857143rem; (16 / $rembase) line-height: 1.5; ($line-height / 16) ---------- Vertical spacing Vertical spacing between most elements should use 24px or 48px to maintain vertical rhythm: .my-new-div { margin: 24px 0; margin: 1.714285714rem 0; ( 24 / $rembase ) } ---------- Further reading http://snook.ca/archives/html_and_css/font-size-with-rem http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/ /* BOOTSTRAP COLUMNS */ .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.c ol-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0} @media (min-width:768px){ .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}} @media (min-width:992px){ .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}} @media (min-width:1200px){ .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}} /* END OF BOOTSTRAP */ /* =Reset -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } body { line-height: 1; font-family: 'Work Sans', sans-serif !important; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } h1, h2, h3, h4, h5, h6 { clear: both; } html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } del { color: #333; } ins { background: #fff9c0; text-decoration: none; } hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } small { font-size: smaller; } img { border: 0; -ms-interpolation-mode: bicubic; } /* Clearing floats */ .clear:after, .wrapper:after, .format-status .entry-header:after { clear: both; } .clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after { display: table; content: ""; } /* =Repeatable patterns -------------------------------------------------------------- */ /* Small headers */ .archive-title, .page-title, .widget-title, .entry-content th, .comment-content th { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; font-weight: bold; text-transform: uppercase; color: #636363; } /* Shared Post Format styling */ article.format-quote footer.entry-meta, article.format-link footer.entry-meta, article.format-status footer.entry-meta { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; } /* Form fields, general styles first */ button, input, select, textarea { border: 1px solid #ccc; border-radius: 3px; font-family: inherit; padding: 6px; padding: 0.428571429rem; } button, input { line-height: normal; } textarea { font-size: 100%; overflow: auto; vertical-align: top; } /* Reset non-text input types */ input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] { border: 0; border-radius: 0; padding: 0; } /* Buttons */ .menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span { padding: 6px 10px; padding: 0.428571429rem 0.714285714rem; font-size: 11px; font-size: 0.785714286rem; line-height: 1.428571429; font-weight: normal; color: #7c7c7c; background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(top, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); } .menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; } button[disabled], input[disabled] { cursor: default; } .menu-toggle:hover, .menu-toggle:focus, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover { color: #5e5e5e; background-color: #ebebeb; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); background-image: linear-gradient(top, #f9f9f9, #ebebeb); } .menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { color: #757575; background-color: #e1e1e1; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); background-image: linear-gradient(top, #ebebeb, #e1e1e1); box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4; border-color: transparent; } .bypostauthor cite span { color: #fff; background-color: #21759b; background-image: none; border: 1px solid #1f6f93; border-radius: 2px; box-shadow: none; padding: 0; } /* Responsive images */ .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } /* Make sure videos and embeds fit their containers */ embed, iframe, object, video { max-width: 100%; } .entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ } /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ border-radius: 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .entry-content dl.gallery-item { margin: 0; } .gallery-item a, .gallery-caption { width: 90%; } .gallery-item a { display: block; } .gallery-caption a { display: inline; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; } .gallery-columns-1 .gallery-icon img { padding: 3%; } /* Navigation */ .site-content nav { clear: both; line-height: 2; overflow: hidden; } #nav-above { padding: 24px 0; padding: 1.714285714rem 0; } #nav-above { display: none; } .paged #nav-above { display: block; } .nav-previous, .previous-image { float: left; width: 50%; } .nav-next, .next-image { float: right; text-align: right; width: 50%; } .nav-single + .comments-area, #comment-nav-above { margin: 48px 0; margin: 3.428571429rem 0; } /* Author profiles */ .author .archive-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .author-info { border-top: 1px solid #ededed; margin: 24px 0; margin: 1.714285714rem 0; padding-top: 24px; padding-top: 1.714285714rem; overflow: hidden; } .author-description p { color: #757575; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } .author.archive .author-info { border-top: 0; margin: 0 0 48px; margin: 0 0 3.428571429rem; } .author.archive .author-avatar { margin-top: 0; } /* =Basic structure -------------------------------------------------------------- */ /* Body, links, basics */ html { font-size: 87.5%; } body { font-size: 14px; font-size: 1rem; font-family: Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; color: #444; } body.custom-font-enabled { font-family: "Open Sans", Helvetica, Arial, sans-serif; } a { outline: none; color: #21759b; } a:hover { color: #0f3647; } /* Assistive text */ .assistive-text, .site .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; } .main-navigation .assistive-text:focus, .site .screen-reader-text:hover, .site .screen-reader-text:active, .site .screen-reader-text:focus { background: #fff; border: 2px solid #333; border-radius: 3px; clip: auto !important; color: #000; display: block; font-size: 12px; height: auto; padding: 12px; position: absolute; top: 5px; left: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Page structure */ .site { padding: 0 24px; padding: 0 1.714285714rem; background-color: #fff; } .site-content { margin: 24px 0 0; margin: 1.714285714rem 0 0; } .widget-area { margin: 24px 0 0; margin: 1.714285714rem 0 0; } /* Header */ .site-header { padding: 24px 0; padding: 1.714285714rem 0; } .site-header h1, .site-header h2 { text-align: center; } .site-header h1 a, .site-header h2 a { color: #515151; display: inline-block; text-decoration: none; } .site-header h1 a:hover, .site-header h2 a:hover { color: #21759b; } .site-header h1 { font-size: 24px; font-size: 1.714285714rem; line-height: 1.285714286; margin-bottom: 14px; margin-bottom: 1rem; } .site-header h2 { font-weight: normal; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; } .header-image { margin-top: 24px; margin-top: 1.714285714rem; } /* Navigation Menu */ .main-navigation { margin-top: 24px; margin-top: 1.714285714rem; text-align: center; } .main-navigation li { margin-top: 24px; margin-top: 1.714285714rem; font-size: 12px; font-size: 0.857142857rem; line-height: 1.42857143; } .main-navigation a { color: #5e5e5e; } .main-navigation a:hover, .main-navigation a:focus { color: #21759b; } .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { //display: none; } .main-navigation ul.nav-menu.toggled-on, .menu-toggle { display: inline-block; } /* Banner */ section[role="banner"] { margin-bottom: 48px; margin-bottom: 3.428571429rem; } /* Sidebar */ .widget-area .widget { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 48px; margin-bottom: 3.428571429rem; word-wrap: break-word; } .widget-area .widget h3 { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } .widget-area .widget p { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .widget-area .textwidget ul { list-style: disc outside; margin: 0 0 24px; margin: 0 0 1.714285714rem; } .widget-area .textwidget li { margin-left: 36px; margin-left: 2.571428571rem; } .widget-area .widget a { color: #757575; } .widget-area .widget a:hover { color: #21759b; } .widget-area .widget a:visited { color: #9f9f9f; } .widget-area #s { width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */ } /* Footer */ footer[role="contentinfo"] { border-top: 1px solid #ededed; clear: both; font-size: 12px; font-size: 0.857142857rem; line-height: 2; max-width: 960px; max-width: 68.571428571rem; margin-top: 24px; margin-top: 1.714285714rem; margin-left: auto; margin-right: auto; padding: 24px 0; padding: 1.714285714rem 0; } footer[role="contentinfo"] a { color: #686868; } footer[role="contentinfo"] a:hover { color: #21759b; } /* =Main content and comment content -------------------------------------------------------------- */ .entry-meta { clear: both; } .entry-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry-header img.wp-post-image { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry-header .entry-title { font-size: 20px; font-size: 1.428571429rem; line-height: 1.2; font-weight: normal; } .entry-header .entry-title a { text-decoration: none; } .entry-header .entry-format { margin-top: 24px; margin-top: 1.714285714rem; font-weight: normal; } .entry-header .comments-link { margin-top: 24px; margin-top: 1.714285714rem; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; } .comments-link a, .entry-meta a { color: #757575; } .comments-link a:hover, .entry-meta a:hover { color: #21759b; } article.sticky .featured-post { border-top: 4px double #ededed; border-bottom: 4px double #ededed; color: #757575; font-size: 13px; font-size: 0.928571429rem; line-height: 3.692307692; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-align: center; } .entry-content, .entry-summary, .mu_register { line-height: 1.714285714; } .entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 { margin: 24px 0; margin: 1.714285714rem 0; line-height: 1.714285714; } .entry-content h1, .comment-content h1 { font-size: 21px; font-size: 1.5rem; line-height: 1.5; } .entry-content h2, .comment-content h2, .mu_register h2 { font-size: 18px; font-size: 1.285714286rem; line-height: 1.6; } .entry-content h3, .comment-content h3 { font-size: 16px; font-size: 1.142857143rem; line-height: 1.846153846; } .entry-content h4, .comment-content h4 { font-size: 14px; font-size: 1rem; line-height: 1.846153846; } .entry-content h5, .comment-content h5 { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } .entry-content h6, .comment-content h6 { font-size: 12px; font-size: 0.857142857rem; line-height: 1.846153846; } .entry-content p, .entry-summary p, .comment-content p, .mu_register p { margin: 0 0 24px; margin: 0 0 1.714285714rem; line-height: 1.714285714; } .entry-content a:visited, .comment-content a:visited { color: #9f9f9f; } .entry-content .more-link { white-space: nowrap; } .entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul { margin: 0 0 24px; margin: 0 0 1.714285714rem; line-height: 1.714285714; } .entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul { margin-bottom: 0; } .entry-content ul, .comment-content ul, .mu_register ul { list-style: disc outside; } .entry-content ol, .comment-content ol { list-style: decimal outside; } .entry-content li, .comment-content li, .mu_register li { margin: 0 0 0 36px; margin: 0 0 0 2.571428571rem; } .entry-content blockquote, .comment-content blockquote { margin-bottom: 24px; margin-bottom: 1.714285714rem; padding: 24px; padding: 1.714285714rem; font-style: italic; } .entry-content blockquote p:last-child, .comment-content blockquote p:last-child { margin-bottom: 0; } .entry-content code, .comment-content code { font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 2; } .entry-content pre, .comment-content pre { border: 1px solid #ededed; color: #666; font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; margin: 24px 0; margin: 1.714285714rem 0; overflow: auto; padding: 24px; padding: 1.714285714rem; } .entry-content pre code, .comment-content pre code { display: block; } .entry-content abbr, .comment-content abbr, .entry-content dfn, .comment-content dfn, .entry-content acronym, .comment-content acronym { border-bottom: 1px dotted #666; cursor: help; } .entry-content address, .comment-content address { display: block; line-height: 1.714285714; margin: 0 0 24px; margin: 0 0 1.714285714rem; } img.alignleft, .wp-caption.alignleft { margin: 12px 24px 12px 0; margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; } img.alignright, .wp-caption.alignright { margin: 12px 0 12px 24px; margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; } img.aligncenter, .wp-caption.aligncenter { clear: both; margin-top: 12px; margin-top: 0.857142857rem; margin-bottom: 12px; margin-bottom: 0.857142857rem; } .entry-content embed, .entry-content iframe, .entry-content object, .entry-content video { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry-content dl, .comment-content dl { margin: 0 24px; margin: 0 1.714285714rem; } .entry-content dt, .comment-content dt { font-weight: bold; line-height: 1.714285714; } .entry-content dd, .comment-content dd { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry-content table, .comment-content table { border-bottom: 1px solid #ededed; color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin: 0 0 24px; margin: 0 0 1.714285714rem; width: 100%; } .entry-content table caption, .comment-content table caption { font-size: 16px; font-size: 1.142857143rem; margin: 24px 0; margin: 1.714285714rem 0; } .entry-content td, .comment-content td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; } .site-content article { border-bottom: 4px double #ededed; margin-bottom: 72px; margin-bottom: 5.142857143rem; padding-bottom: 24px; padding-bottom: 1.714285714rem; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .page-links { clear: both; line-height: 1.714285714; } footer.entry-meta { margin-top: 24px; margin-top: 1.714285714rem; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; } .single-author .entry-meta .by-author { display: none; } .mu_register h2 { color: #757575; font-weight: normal; } /* =Archives -------------------------------------------------------------- */ .archive-header, .page-header { margin-bottom: 48px; margin-bottom: 3.428571429rem; padding-bottom: 22px; padding-bottom: 1.571428571rem; border-bottom: 1px solid #ededed; } .archive-meta { color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin-top: 22px; margin-top: 1.571428571rem; } /* =Single audio/video attachment view -------------------------------------------------------------- */ .attachment .entry-content .mejs-audio { max-width: 400px; } .attachment .entry-content .mejs-container { margin-bottom: 24px; } /* =Single image attachment view -------------------------------------------------------------- */ .article.attachment { overflow: hidden; } .image-attachment div.attachment { text-align: center; } .image-attachment div.attachment p { text-align: center; } .image-attachment div.attachment img { display: block; height: auto; margin: 0 auto; max-width: 100%; } .image-attachment .entry-caption { margin-top: 8px; margin-top: 0.571428571rem; } /* =Aside post format -------------------------------------------------------------- */ article.format-aside h1 { margin-bottom: 24px; margin-bottom: 1.714285714rem; } article.format-aside h1 a { text-decoration: none; color: #4d525a; } article.format-aside h1 a:hover { color: #2e3542; } article.format-aside .aside { padding: 24px 24px 0; padding: 1.714285714rem; background: #d2e0f9; border-left: 22px solid #a8bfe8; } article.format-aside p { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #4a5466; } article.format-aside blockquote:last-child, article.format-aside p:last-child { margin-bottom: 0; } /* =Post formats -------------------------------------------------------------- */ /* Image posts */ article.format-image footer h1 { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; font-weight: normal; } article.format-image footer h2 { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; } article.format-image footer a h2 { font-weight: normal; } /* Link posts */ article.format-link header { padding: 0 10px; padding: 0 0.714285714rem; float: right; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; font-weight: bold; font-style: italic; text-transform: uppercase; color: #848484; background-color: #ebebeb; border-radius: 3px; } article.format-link .entry-content { max-width: 80%; float: left; } article.format-link .entry-content a { font-size: 22px; font-size: 1.571428571rem; line-height: 1.090909091; text-decoration: none; } /* Quote posts */ article.format-quote .entry-content p { margin: 0; padding-bottom: 24px; padding-bottom: 1.714285714rem; } article.format-quote .entry-content blockquote { display: block; padding: 24px 24px 0; padding: 1.714285714rem 1.714285714rem 0; font-size: 15px; font-size: 1.071428571rem; line-height: 1.6; font-style: normal; color: #6a6a6a; background: #efefef; } /* Status posts */ .format-status .entry-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .format-status .entry-header header { display: inline-block; } .format-status .entry-header h1 { font-size: 15px; font-size: 1.071428571rem; font-weight: normal; line-height: 1.6; margin: 0; } .format-status .entry-header h2 { font-size: 12px; font-size: 0.857142857rem; font-weight: normal; line-height: 2; margin: 0; } .format-status .entry-header header a { color: #757575; } .format-status .entry-header header a:hover { color: #21759b; } .format-status .entry-header img { float: left; margin-right: 21px; margin-right: 1.5rem; } /* =Comments -------------------------------------------------------------- */ .comments-title { margin-bottom: 48px; margin-bottom: 3.428571429rem; font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; font-weight: normal; } .comments-area article { margin: 24px 0; margin: 1.714285714rem 0; } .comments-area article header { margin: 0 0 48px; margin: 0 0 3.428571429rem; overflow: hidden; position: relative; } .comments-area article header img { float: left; padding: 0; line-height: 0; } .comments-area article header cite, .comments-area article header time { display: block; margin-left: 85px; margin-left: 6.071428571rem; } .comments-area article header cite { font-style: normal; font-size: 15px; font-size: 1.071428571rem; line-height: 1.42857143; } .comments-area cite b { font-weight: normal; } .comments-area article header time { line-height: 1.714285714; text-decoration: none; font-size: 12px; font-size: 0.857142857rem; color: #5e5e5e; } .comments-area article header a { text-decoration: none; color: #5e5e5e; } .comments-area article header a:hover { color: #21759b; } .comments-area article header cite a { color: #444; } .comments-area article header cite a:hover { text-decoration: underline; } .comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; padding: 0.428571429rem 0.857142857rem; font-size: 12px; font-size: 0.857142857rem; font-weight: normal; color: #fff; background-color: #0088d0; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #009cee, #0088d0); background-image: -ms-linear-gradient(top, #009cee, #0088d0); background-image: -webkit-linear-gradient(top, #009cee, #0088d0); background-image: -o-linear-gradient(top, #009cee, #0088d0); background-image: linear-gradient(top, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; } .comments-area .bypostauthor cite span { position: absolute; margin-left: 5px; margin-left: 0.357142857rem; padding: 2px 5px; padding: 0.142857143rem 0.357142857rem; font-size: 10px; font-size: 0.714285714rem; } .comments-area .bypostauthor cite b { font-weight: bold; } a.comment-reply-link, a.comment-edit-link { color: #686868; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } a.comment-reply-link:hover, a.comment-edit-link:hover { color: #21759b; } .commentlist .pingback { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } /* Comment form */ #respond { margin-top: 48px; margin-top: 3.428571429rem; } #respond h3#reply-title { font-size: 16px; font-size: 1.142857143rem; line-height: 1.5; } #respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: 0.714285714rem; font-weight: normal; font-size: 12px; font-size: 0.857142857rem; } #respond form { margin: 24px 0; margin: 1.714285714rem 0; } #respond form p { margin: 11px 0; margin: 0.785714286rem 0; } #respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.714285714rem; } #respond form label { display: block; line-height: 1.714285714; } #respond form input[type="text"], #respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; padding: 10px; padding: 0.714285714rem; width: 100%; } #respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #5e5e5e; } .required { color: red; } /* =Front page template -------------------------------------------------------------- */ .entry-page-image { margin-bottom: 14px; margin-bottom: 1rem; } .template-front-page .site-content article { border: 0; margin-bottom: 0; } .template-front-page .widget-area { clear: both; float: none; width: auto; padding-top: 24px; padding-top: 1.714285714rem; border-top: 1px solid #ededed; } .template-front-page .widget-area .widget li { margin: 8px 0 0; margin: 0.571428571rem 0 0; font-size: 13px; font-size: 0.928571429rem; line-height: 1.714285714; list-style-type: square; list-style-position: inside; } .template-front-page .widget-area .widget li a { color: #757575; } .template-front-page .widget-area .widget li a:hover { color: #21759b; } .template-front-page .widget-area .widget_text img { float: left; margin: 8px 24px 8px 0; margin: 0.571428571rem 1.714285714rem 0.571428571rem 0; } /* =Widgets -------------------------------------------------------------- */ .widget-area .widget ul ul { margin-left: 12px; margin-left: 0.857142857rem; } .widget_rss li { margin: 12px 0; margin: 0.857142857rem 0; } .widget_recent_entries .post-date, .widget_rss .rss-date { color: #aaa; font-size: 11px; font-size: 0.785714286rem; margin-left: 12px; margin-left: 0.857142857rem; } #wp-calendar { margin: 0; width: 100%; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #686868; } #wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; } #wp-calendar #next { padding-right: 24px; padding-right: 1.714285714rem; text-align: right; } .widget_search label { display: block; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } .widget_twitter li { list-style-type: none; } .widget_twitter .timesince { display: block; text-align: right; } /* =Plugins ----------------------------------------------- */ img#wpstats { display: block; margin: 0 auto 24px; margin: 0 auto 1.714285714rem; } /* =Media queries -------------------------------------------------------------- */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See https://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } /* Minimum width of 600 pixels. */ @media screen and (min-width: 600px) { .author-avatar { float: left; margin-top: 8px; margin-top: 0.571428571rem; } .author-description { float: right; width: 80%; } .site { margin: 0 auto; overflow: hidden; width: 100%; } .site-content { float: left; width: 65.104166667%; } body.template-front-page .site-content, body.attachment .site-content, body.full-width .site-content { width: 100%; } .widget-area { float: right; width: 26.041666667%; } .site-header h1, .site-header h2 { text-align: left; } .site-header h1 { font-size: 26px; font-size: 1.857142857rem; line-height: 1.846153846; margin-bottom: 0; } .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; display: inline-block !important; text-align: left; width: 100%; } .main-navigation ul { margin: 0; text-indent: 0; } .main-navigation li a, .main-navigation li { display: inline-block; text-decoration: none; } .main-navigation li a { border-bottom: 0; color: #6a6a6a; line-height: 3.692307692; text-transform: uppercase; white-space: nowrap; } .main-navigation li a:hover, .main-navigation li a:focus { color: #000; } .main-navigation li { margin: 0 40px 0 0; margin: 0 2.857142857rem 0 0; position: relative; } .main-navigation li ul { margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .main-navigation li ul ul { top: 0; left: 100%; } .main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul, .main-navigation .focus > ul { border-left: 0; clip: inherit; overflow: inherit; height: inherit; width: inherit; } .main-navigation li ul li a { background: #efefef; border-bottom: 1px solid #ededed; display: block; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; padding: 8px 10px; padding: 0.571428571rem 0.714285714rem; width: 180px; width: 12.85714286rem; white-space: normal; } .main-navigation li ul li a:hover, .main-navigation li ul li a:focus { background: #e3e3e3; color: #444; } .main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a { color: #636363; font-weight: bold; } .menu-toggle { display: none; } .entry-header .entry-title { font-size: 22px; font-size: 1.571428571rem; } #respond form input[type="text"] { width: 46.333333333%; } #respond form textarea.blog-textarea { width: 79.666666667%; } .template-front-page .site-content, .template-front-page article { overflow: hidden; } .template-front-page.has-post-thumbnail article { float: left; width: 47.916666667%; } .entry-page-image { float: right; margin-bottom: 0; width: 47.916666667%; } .template-front-page .widget-area .widget, .template-front-page.two-sidebars .widget-area .front-widgets { float: left; width: 51.875%; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .template-front-page .widget-area .widget:nth-child(odd) { clear: right; } .template-front-page .widget-area .widget:nth-child(even), .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets { float: right; width: 39.0625%; margin: 0 0 24px; margin: 0 0 1.714285714rem; } .template-front-page.two-sidebars .widget, .template-front-page.two-sidebars .widget:nth-child(even) { float: none; width: auto; } .commentlist .children { margin-left: 48px; margin-left: 3.428571429rem; } } /* Minimum width of 960 pixels. */ @media screen and (min-width: 960px) { body { background-color: #e6e6e6; } body .site { padding: 0 40px; padding: 0 2.857142857rem; margin-top: 48px; margin-top: 3.428571429rem; margin-bottom: 48px; margin-bottom: 3.428571429rem; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); } body.custom-background-empty { background-color: #fff; } body.custom-background-empty .site, body.custom-background-white .site { padding: 0; margin-top: 0; margin-bottom: 0; box-shadow: none; } } /* =Print ----------------------------------------------- */ @media print { body { background: none !important; color: #000; font-size: 10pt; } footer a[rel=bookmark]:link:after, footer a[rel=bookmark]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ } a { text-decoration: none; } .entry-content img, .comment-content img, .author-avatar img, img.wp-post-image { border-radius: 0; box-shadow: none; } .site { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; } .site-header { margin-bottom: 72px; margin-bottom: 5.142857143rem; text-align: left; } .site-header h1 { font-size: 21pt; line-height: 1; text-align: left; } .site-header h2 { color: #000; font-size: 10pt; text-align: left; } .site-header h1 a, .site-header h2 a { color: #000; } .author-avatar, #colophon, #respond, .commentlist .comment-edit-link, .commentlist .reply, .entry-header .comments-link, .entry-meta .edit-link a, .page-link, .site-content nav, .widget-area, img.header-image, .main-navigation { display: none; } .wrapper { border-top: none; box-shadow: none; } .site-content { margin: 0; width: auto; } .entry-header .entry-title, .entry-title { font-size: 21pt; } footer.entry-meta, footer.entry-meta a { color: #444; font-size: 10pt; } .author-description { float: none; width: auto; } /* Comments */ .commentlist > li.comment { background: none; position: relative; width: auto; } .commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px; } .comments-area article header cite, .comments-area article header time { margin-left: 50px; margin-left: 3.57142857rem; } } /* ====================================================================== Additional Styles ====================================================================== */ ul.my-list { list-style: disc; margin: 10px 0; padding-left: 30px; } .site-title, .site-description, .entry-header, .entry-meta, .site-header { display: none; } body { background: #fff !important; font-family: 'Work Sans', sans-serif; } .clear { clear: both; display: block; } #page { margin: 0 auto; padding-top: 30px; border: none; box-shadow: none; padding-left: 0px; padding-right: 0px; } .my-container { max-width: 1180px; display: block; margin: 0 auto; padding: 0; } #my-menu .my-container{ background:none; } #sign-up-sec { background: #f7f6f2; } #sign-up-sec .my-container{ background: #f7f6f2; } #sign-up-sec .sign-up-cont { float: right; width: 33%; position: relative; z-index: 99; } #sign-up-sec .sign-up-cont .sign-up-left-cont { display: inline-block; vertical-align: middle; } #sign-up-sec .sign-up-cont .sign-up-left-cont a { vertical-align: bottom; padding-right: 40px; background-image: url('/wp-content/uploads/2017/04/before-img-sign-up.png'); background-repeat: no-repeat; background-position: 0% 3px; padding-left: 25px; line-height: 15px; color: #666; } #sign-up-sec .sign-up-cont .social-icn-cont { display: inline-block; vertical-align: middle; } #sign-up-sec .sign-up-cont .social-icn-cont { display: inline-block; vertical-align: middle; } #sign-up-sec .sign-up-left-cont p { color: #d2d1ca; font-size: 17px; line-height: 20px; position: relative; margin-left: 25px; text-transform: uppercase; } #sign-up-sec .sign-up-cont .social-icn-cont ul { margin: 0; padding: 0; list-style: none; } #sign-up-sec .sign-up-cont .social-icn-cont ul li { display: inline-block; vertical-align: middle; margin: 0 -6px 0 0; padding: 0; } #site-navigation { margin: 0 !important; } .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { text-align: center !important; border: none !important; } header { width: 100%; position: fixed; z-index: 999; top: 0; background: #fff; height: 190px; } .admin-bar header { top: 32px; } #menu-my-menu li a { padding: 10px 37px; font-family: 'Oswald', sans-serif; font-weight: 700; font-size: 15px; line-height: 30px; border-right: 1px solid #e6e6e6; display:block; position: relative; } #menu-item-29 a, #menu-item-27 a, #menu-item-26 a{ border: none !important; } #menu-my-menu li.bg-img-home a { font-size: 0; background-image: url('images/mundella-logo.png'); width: 240px; background-repeat: no-repeat; display: block !important; height: 164px; padding: 0; background-position: top center; top: -24px; background-size: cover; } .main-navigation li a { line-height: 28px; } .main-navigation li { line-height: 0; } .main-navigation li a, .main-navigation li { display: inline-block; text-decoration: none; vertical-align: bottom; } #my-footer-widget #nav_menu-6 .menu-item-1093 .menu-image-title-after br { display: none; } /* #menu-my-menu li a.menu-image-title-after{ border-bottom: 3px solid transparent !important; } */ #menu-my-menu li .menu-image-title-after:after { content: ''; position: absolute; bottom: -20px; left: -2.5%; width: 102.5%; height: 6px; background: #00AB4F; opacity: 0; -webkit-transition: height .3s,opacity .3s,-webkit-transform .3s; -moz-transition: height .3s,opacity .3s,-moz-transform .3s; transition: height .3s,opacity .3s,transform .3s; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); transform: translateY(10px); z-index: 99; } #menu-my-menu li ul li .menu-image-title-after:after{ bottom: 0px; } #menu-my-menu li .menu-image-title-after:hover:after{ opacity: 1 !important; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } #menu-my-menu .menu-item-27 a.menu-image-title-after{ border-bottom: none !important; top: 0; } #menu-my-menu .menu-item-27 a:hover:after{ display: none; } #menu-my-menu .menu-item-27 a.menu-image-title-after:hover{ border: none !important; } #menu-my-menu li ul li .menu-image-title-after:after{ display: none; } #menu-my-menu li ul li .menu-image-title-after;hover{ border-bottom: 5px solid #00AB4F; } #my-menu .my-container .innerContainer { max-width: 1180px; display: block; margin: 0 auto; padding: 0; } #my-menu { position: relative; top: -31px; min-height: 120px; } /*#my-menu { position: relative; top: -34px; }*/ .site-content article { border-bottom: 0px !important; } #my-menu ul li { padding-bottom:15px; } #my-menu ul li.no-border, #my-menu ul li.bg-img-home { border-right: 0; } #menu-item-25 .sub-menu { top: 100% !important; } #hp-sec3 .col-md-4 { text-align: center; font-family: 'Roboto', sans-serif; min-height: 410px; } #hp-sec3 .col-md-4 a{ color: #fff; text-decoration: none; } .rp4wp-related-posts ul li { vertical-align: top !important; } #hp-sec3 .col-md-4 h1{ font-size: 50px; line-height: 104px; margin: 0; } #hp-sec3 .col-md-4 h3 { font-size: 26px; line-height: 32px; margin: 0 auto; width: 80%; } #hp-sec3 .col-md-4 p { font-weight: bold; margin-top: 20px; } #hp-sec3 .col-md-4 .inner-cont { // color: #fff; // padding: 23px; // width: 84%; // margin: 0 auto; } #hp-sec4 .col-md-6.first-col01 p { margin: 20px auto 30px; line-height: 22px; } #hp-sec3 .col-md-4 .inner-cont { color: #fff; padding: 23px; width: 100%; margin: 0 auto; min-height: 410px; box-sizing: border-box; } #hp-sec3 .first-col .inner-cont{ background: #0077BE; } #hp-sec3 .col-md-4 .inner-cont .btn-cont { margin-top: 30px; } /*#hp-sec3 .col-md-4:hover h3, #hp-sec3 .col-md-4:hover p, #hp-sec3 .col-md-4:hover .btn-cont { display: block; } #hp-sec3 .first-col:hover .inner-cont{ background: rgba(0, 119, 190, .9); } #hp-sec3 .second-col:hover .inner-cont{ background: rgba(0, 171, 79, .9); } #hp-sec3 .third-col:hover .inner-cont{ background: rgba(255, 205, 52, .9); }*/ #hp-sec3 .button01 { background: #fff; padding: 10px 35px; border-radius: 7px; color: #0077BE !important; } #hp-sec3 a.button01 { text-decoration: none; font-size: 22px; line-height: 46px; font-weight: bold; } #hp-sec3 .button01:hover { background-color: #00ab4f !important; color: #fff !important; } .button01:hover, .button02:hover { background-color: #00ab4f !important; color: #fff !important; } #hp-sec3 .col-md-4.second-col{ background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/hp-sec-2-news-img-1.jpg') no-repeat; background-size: cover; min-height: 410px; } #hp-sec3 .col-md-4.third-col{ background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/hp-sec-2-news-img-2.jpg') no-repeat; background-size: cover; min-height: 410px; } #hp-sec3 .col-md-4 img { display: none; } #hp-sec3 .col-md-4 { width: 31%; margin: 0 10px; } #hp-sec3 .second-col .btn-cont, #hp-sec3 .third-col .btn-cont { display: none; } #hp-sec4 { padding-top: 50px; background: #fff; } #hp-sec4 .col-md-6.first-col01{ background: #0077B8; min-height: 600px; } #hp-sec4 .col-md-6.second-col01 { background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/hp-sec-3-img-WA.jpg') no-repeat; background-size: cover; min-height: 600px; } #hp-sec4 .left-content { color: #fff; padding-top: 105px; padding-left: 371px; padding-right: 71px; } #hp-sec4 h1 { font-size: 40px; line-height: 50px; width: 84%; font-weight: 700; } #hp-sec4 .button02 { background: #fff; padding: 10px 35px; border-radius: 7px; } #hp-sec4 a.button02 { text-decoration: none; font-size: 22px; line-height: 46px; font-weight: bold; } #my-footer-widget .widget-title { font-size: 20px; color: #0077B8; margin: 0; line-height: 32px; margin: 0px 0px 10px !important; } #my-footer-widget #secondary { width: 90%; margin: 0 auto; } #my-footer-widget #menu-sidebar-menu .menu-item { position: relative; padding: 0; } #my-footer-widget .col-xs-3 { width: 23%; } #my-footer-widget { clear: both; margin: 0 auto; padding-top: 100px; } #my-footer-widget #col4 ul li { list-style: none; display: inline-block; margin: -3px; } #my-footer-widget #col1 ul li, #my-footer-widget #col2 ul li, #my-footer-widget #col3 ul li { list-style: none; margin: 0 !important; font-size: 14px; line-height: 26px; font-weight: 700; } #my-footer-widget .col-xs-3.footer-col1, #my-footer-widget .col-xs-3.footer-col3 { width: 30%; } #my-footer-widget .col-xs-3.footer-col2 { width: 24%; } #my-footer-widget .col-xs-3.footer-col4{ width: 14%; } #my-footer-widget ul li i { color: #0077B8; font-size: 20px; font-weight: 700; } #colophon{ border: none; width: 100%; max-width: 1121px; background: url(''); } #colophon .col-md-6.footer-left{ text-align: left; } #colophon .col-md-6.footer-right{ text-align: right; } #colophon .col-md-6.footer-left ul li { display: inline-block; border-right: 1px solid #ccc; margin-right: 6px; } #colophon .col-md-6.footer-left ul li:last-child { border-right: 0; margin-right: 0; } #colophon .col-md-6.footer-left ul li a{ margin-right: 6px; text-decoration: none; } .bottom-logo{ text-align:center; display:block; background: #00ab4f; width: 100%; height: 20px; } .footer-logo{ background: #00ab4f; position: relative; width: 165px; margin: 0 auto; } .bottom-logo .footer-logo img{ position: absolute; top: -81px; left: 0; width: 100%; border-bottom: 1px solid #00ab4f; } #hp-sec2 .prevButton_ .bx-prev{ left: -126px; } #hp-sec2 .nextButton_ .bx-next{ right: -69px; } .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image{ box-shadow: none; } .mycaption_title { padding: 15px; border-radius: 20px; background: #0077BE; } .Captionlink { color: #fff !important; font-weight: 700; font-size: 23px; line-height: 30px; text-decoration: none; } .bx-viewport_{ height: 300px !important; } #hp-sec2 { padding: 60px 0 0; background: #fff; } #wonderplugincarousel-container-1 { background: #fff; } /***********About Page Styles************/ #about-sec{ background: #F7F7F7; } #ap-sec1 .banner01{ background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/silder-about.jpg') no-repeat; background-size: cover; min-height: 270px; } #ap-sec2 .col-md-3 .first-box { background: #fff; min-height: 200px; } #ap-sec2 .col-md-3 .first-box ul li{ list-style: none; font-size: 17px; font-weight: 600; line-height: 39px; } #ap-sec2 .col-md-3 .first-box ul li i{ color: #0077B8; font-size: 15px; font-weight: 700; line-height: 20px; } #ap-sec2 .col-md-3 .first-box ul li a{ text-decoration: none; color: #000; } #ap-sec2 .col-md-3 .first-box ul li.active-page a { color: #0077B8 !important; } #ap-sec2 .product-img{ background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/about-img-the-company.jpg') no-repeat; background-size: cover; min-height: 520px; } #ap-sec2 .col-md-3.left-side { width: 24%; margin-right: 19px; } #ap-sec2 .col-md-3.left-side ul { padding: 68px 20px; } #ap-sec2 .right-side { width: 85%; padding: 24px 60px; } #ap-sec2 .col-md-9 { background: #fff; } #ap-sec3 .col-md-4.first-col { text-align: center; font-family: 'Roboto', sans-serif; background: #0077BE; min-height: 410px; } #ap-sec3 .col-md-4.first-col h1{ font-size: 50px; line-height: 104px; margin: 0; } #ap-sec3 .col-md-4.first-col h3 { font-size: 26px; line-height: 32px; margin: 0 auto; width: 80%; } #ap-sec3 .col-md-4.first-col p { font-weight: bold; } #ap-sec3 .col-md-4.first-col .inner-cont { color: #fff; padding: 0px; width: 84%; margin: 0 auto; font-family: 'Work Sans', sans-serif; } #ap-sec3 .button01 { background: #fff; padding: 10px 35px; border-radius: 7px; } #ap-sec3 a.button01 { text-decoration: none; font-size: 22px; line-height: 46px; font-weight: bold; } #ap-sec3 .col-md-4.second-col{ margin: 0px 40px; background-image: url('/wp-content/uploads/2017/04/awards-green-bg-img.jpg'); background-size: cover; } #ap-sec3 .col-md-4.third-col{ background-image: url('/wp-content/uploads/2017/04/hp-sec-2-news-img-2.jpg'); background-size: cover; } #ap-sec3 .col-md-4 img { display: none; } #ap-sec3 .col-md-4 { width: 31%; margin-right: 0px; min-height: 410px; } /*********Product Page Styles*********/ #product-page{ background: #F7F7F7; } #pp-sec1 .banner02{ background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/product-top-banner-1.png') no-repeat; background-size: cover; min-height: 270px; } #pp-sec2 .col-md-4 .product01{ background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/mundella-prod02.png') no-repeat; background-size: cover; min-height: 300px; background-position: center center; } #pp-sec2 .col-md-4 .product02{ background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/mundella-prod04.png') no-repeat; background-size: cover; min-height: 300px; background-position: center center; } #pp-sec2 .col-md-4 .product03{ background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/mundella-prod03.png') no-repeat; background-size: cover; min-height: 300px; background-position: center center; } #pp-sec2 .col-md-4 .product07, #pp-sec2 .col-md-4 .product04{ background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/mundella-prod01.png') no-repeat; background-size: cover; min-height: 300px; background-position: center center; } #pp-sec2 .col-md-4 .product08 { background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/05/feta-cheese-1.png') no-repeat; background-size: cover; min-height: 300px; background-position: center center; } #pp-sec2 .col-md-4 .product09 { background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/05/ricotta-cheese-1.png') no-repeat; background-size: cover; min-height: 300px; background-position: center center; } #pp-sec2 .col-md-4 .product10 { background: url('/wp-content/uploads/2017/05/cottage-cheese-2.png') no-repeat; background-size: cover; min-height: 300px; background-position: center center; } #pp-sec2 .col-md-4 .product05{ background: url('/wp-content/uploads/2017/04/mundella-prod02.png') no-repeat; background-size: cover; min-height: 300px; background-position: center center; } #pp-sec2 .col-md-4 .product06{ background: url('/wp-content/uploads/2017/05/little-greek-one-1.png') no-repeat; background-size: cover; min-height: 300px; background-position: center center; } #pp-sec2 .col-md-4 { background: #fff; width: 30%; margin-right: 36px; } #pp-sec2 .prod-desc p { text-align: center; background: #0177BF; width: 73%; margin: 0px auto 40px; color: #fff; font-weight: 700; padding: 16px; border-radius: 50px; font-size: 22px; display: inline-block; margin-bottom: 30px; box-sizing: border-box; } #pp-sec2 { padding: 55px; } /*********Recipe Page Styles*********/ #recipe-page{ background: #F7F7F7; } #rp-sec1 .banner03{ background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/recipe-top-banner.png') no-repeat; background-size: cover; min-height: 270px; } #rp-sec2 { margin-top: 40px; } #rp-sec2 .recipe-info ul.rcp-time li { list-style: none; display: inline-block; margin-left: -3px; border: 1px solid #ccc; text-align: center; padding: 10px 21px; margin-top: 20px; font-size: 17px; line-height: 22px; font-weight: 700; } #rp-sec2 .recipe-info ul.rcp-time li.right-border{ border-right: none; } #rp-sec2 .recipe-img{ background-size: cover; min-height: 340px; } #rp-sec2 .recipe-img img { max-width: 100%; width: 366px; } #rp-sec2 ul.share-list li { list-style: none; display: inline-block; vertical-align: middle; margin-left: -6px; margin-bottom: 0; } #rp-sec2 ul.share-list h2 { margin-right: 26px !important; margin-top: 0; margin-bottom: 0; } #rp-sec2 .rp-text { font-weight: 700; font-size: 17px; } #rp-sec2 .rp-text a { text-decoration: none; color: #715f5f; } #rp-sec3 .col-md-4.rcp-01{ background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/recipe01.jpg') no-repeat; background-size: cover; min-height: 320px; } #rp-sec3 .col-md-4.rcp-02{ background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/recipe02.jpg') no-repeat; background-size: cover; min-height: 320px; } #rp-sec3 .col-md-4.rcp-03{ background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/recipe03.jpg') no-repeat; background-size: cover; min-height: 320px; } #rp-sec3 h1 { font-size: 40px; text-align: center; color: #0077BE; line-height: 50px; } #rp-sec2 ul li { list-style: none; margin-left: 0; font-size: 16px; line-height: 21px; margin-bottom: 10px; font-weight: 500; } #rp-sec3 { padding-bottom: 55px; } #rp-sec2 h1 { color: #0077B8; font-size: 37px; width: 71%; line-height: 41px; margin: 85px 0 0; font-weight: 800; } #hp-sec3 .third-col{position: relative;} #hp-sec3 .third-col::before { display: block; content: ''; background: url(images/recipe-cup-of-berries.png) no-repeat; background-size: 100% 100%; width: 303px; height: 299px; position: absolute; bottom: -17px; right: -29px; } /*********Contact Page Styles*********/ #contact-page{ background: #f7f7f7; } #cp-sec1 .banner05{ background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/contact_banner.jpg') no-repeat; background-size: cover; min-height: 270px; margin-top:40px; } #cp-sec1 .banner05 h3{ text-align: center; padding: 60px 0; font-family: wo; font-family: 'Work Sans', sans-serif; font-weight: 800; font-size: 65px; color: #ffffff; } #cp-sec1 .my-container{ background:none; overflow:hidden; } #cp-sec2{ margin-top:40px; } #cp-sec2 .three-col { background: #fff; text-align: center; padding-bottom: 0px; } #cp-sec2 .three-col .col-md-4 { text-align: center; } #cp-sec2 .cp-sec2-r2 p { margin-bottom: 10px; } #cp-sec3 { clear: both; margin: 40px 0 0; } #cp-sec-4 { padding-top: 40px; } .loc-icon { padding-top: 20px; } #cp-sec3 .banner06{ background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/map_img.jpg') no-repeat; background-size: cover; min-height: 470px; display: none; } #cp-sec2 .my-container .col-md-12{ text-align:center; padding-bottom: 30px; } #cp-sec2 .my-container .col-md-12 h2{ font-size: 32px; line-height: 37px; font-weight: 800; color: #0077be; } #cp-sec2 .col-md-4.three-col ul li { text-align: center !important; list-style: none !important; margin-left: 0 !important; } .my-container .my-contact-form { max-width: 100%; display: block; margin: 0 auto; padding: 0; text-align: center; background: #e0e0e0; } .my-container .my-contact-form h1{ font-size: 36px; line-height: 40px; font-weight: 800; color: #0077be; text-align: center; } #my-menu .my-container{ overflow:hidden; } .my-container .my-contact-form input, .my-container .my-contact-form textarea{ font-size: 14px; font-family: 'Work Sans', sans-serif; line-height: 25px; color: #b2b2b2; padding-left: 22px; margin: 0 18px 20px 0px; border-radius: 0px; } .my-container .my-contact-form textarea{ width: 100%; } .my-container .my-contact-form .form-submit{ text-align:center; } .my-container .my-contact-form .submit-form{ font-size: 22px; padding: 5px 40px; font-weight: bold; color: #eaf1f7; line-height: 60px; background: #0077be; border-radius: 50px; border: none; margin-bottom: 0px !important; } .entry-content, .site-content{ background: #f7f7f7; } #ap-sec3{ padding-top:1px; } /* ------------news-----------------*/ #np-sec2{ text-align:center; padding-bottom: 75px; } #np-sec2 .my-container{ background:#f7f7f7; } #np-sec1 .my-container{ margin-top: 40px; } #np-sec1 .my-container .banner04{ background: url(/wp-content/uploads/2017/04/news_banner.jpg); display: block; background-position: 100%; background-size: cover; padding: 65px 100px; } #np-sec1 .my-container .banner04 .banner-content{ max-width: 485px; hyphens: none; } #np-sec1 .my-container .banner04 h3{ font-size: 36px; line-height: 17px; font-weight: 800; color: #0077be; } #np-sec1 .my-container .banner04 p{ font-size: 16px; line-height: 25px; color: #747474; font-weight: 500; } #np-sec1 .my-container ul{ } #np-sec2 .my-container ul li{ list-style: outside none; //max-width: 378px; max-width: 270px; display: inline-block; border-bottom: 5px solid #e6e6e6; margin: 40px 0px 5px 12px; background:#ffffff; min-height: 434px; } #np-sec2 .my-container ul li .img-cont{ position: relative; padding: 20px 20px 0px; box-sizing: border-box; } #np-sec2 .my-container ul li .img-cont img.iga { position: absolute; bottom: 10px; right: 20%; width: auto; } #np-sec2 .my-container ul li .img-cont img { max-width: 100%; height: auto; width: 300px; } #np-sec2 .my-container ul li .img-fill img { max-width: 100%; height: auto; width: 380px; } #np-sec2 .my-container ul li .img-fill{ position: relative; padding: 0px; box-sizing: border-box; } #np-sec2 .my-container ul li .li-content a{ text-decoration:none; } #np-sec2 .my-container ul li .li-content .li-content-below{ padding: 15px 30px 45px; hyphens: none; margin: 0 auto; position:relative; min-width: 270px; box-sizing: border-box; } #np-sec2 .my-container ul li .li-content .li-content-below h3 { font-size: 20px; line-height: 24px; font-weight: 600; color: #0077be; } #np-sec2 .my-container ul li .li-content .li-content-below .n-date { margin-top: 20px; color: #999; } #np-sec2 .my-container ul li .li-content .li-content-below p{ font-size: 17px; line-height: 25px; text-align: center; color: #91918e; } #np-sec2 .my-container ul li .li-content .li-content-below::after{ content: ""; background: url('/wp-content/uploads/2017/04/icon_np.jpg'); height: 40px; width: 40px; position: absolute; top: 14px; right: 0; display: none; } #np-sec2 .my-container .load_more{ text-decoration: none; font-size: 22px; background: #0077be; padding: 18px 40px; color: #ffffff; border-radius: 50px; font-weight: bold; } .site-content { float:none; width:100%; } /*----------greek honey product-------*/ #gh_page{ } #gh_page .gh_sec1 .my-container{ background:#fff; padding-bottom: 70px; } .cont-tables h3, #gh_page .gh_sec1 .row-wrapper h3{ font-size: 40px; line-height: 40px; color: #0077be; margin-bottom:40px; } #gh_page .gh_sec1 .row-wrapper p{ font-size: 16px; line-height: 25px; color: #666666; } #gh_page .gh_sec1 .row-wrapper{ padding-left: 80px; hyphens: none; padding-right: 10px; } #gh_page #rp-sec3{ margin-top: 0px; } #gh_page .gh_sec1 .row{ overflow:hidden; } #gh_page .gh_sec1 .size{ } #gh_page .gh_sec1 .size h2{ font-weight: bold; font-size: 16px; line-height: 25px; } #gh_page .gh_sec1 .size p{ font-size: 18px; font-weight: bold; line-height: 25px; } #gh_page .gh_sec1 .size .col-md-2{ border: 1px solid #e6e6e6; padding: 28px 29px 9px 21px; text-align: center; margin-right: 20px; border-radius: 7px; } #gh_page .gh_sec1 .left h3{ font-size: 24px !important; line-height: 25px !important; color: #666666 !important; font-weight: bold !important; text-transform: none; font-family: 'Work Sans', sans-serif; background:none !important; margin-bottom: -19px; border-top: 1px solid #e6e6e6; padding-top: 36px; } #gh_page .gh_sec1 .left li{ list-style-type:none; margin: 0px !important; padding: 10px 3px 10px 30px !important; } #gh_page .gh_sec1 ul li:nth-child(odd){ background:#f7f6f2; } #gh_page .gh_sec1 .left h4{ font-size: 16px; line-height: 25px; color: #666666; font-weight: 500; } #gh_page .gh_sec1 .left h2{ text-align: center; font-size: 32px; line-height: 25px; font-weight: bold; color: #666; margin-bottom: 65px; } #gh_page .gh_sec1 .left button{ background: none; border: none; font-size: 24px; line-height: 25px; font-weight: bold; color: #0077be; margin-top: 15px; } #gh_page .gh_sec1 .left button:hover{ background:none !important; } #gh_page .gh_sec1 .left br{ display:none; } .otw-sc-toggle{ padding-right: 53px; } .otw-sc-toggle .toggle-trigger span{ margin-top:5px; margin-right: -24px; background: url(/wp-content/uploads/2017/04/minus.png) !important; background-repeat: no-repeat !important; } .otw-sc-toggle .toggle-trigger.closed span{ background: url(/wp-content/uploads/2017/04/plus.png) !important; background-repeat: no-repeat !important; } .otw-sc-toggle .toggle-content p{ color: #666666; margin: 0px !important; } .otw-sc-toggle .toggle-content{ box-shadow: 0px 0px 0px 0px !important; border: 0px !important; } #gh_page .gh_sec1 .left .odd{ background:#f7f6f2; } #gh_page .last{ margin-top: 21px; } button.alm-load-more-btn{ text-decoration: none !important; font-size: 22px !important; background: #0077be !important; padding: 7px 40px !important; color: #ffffff !important; border-radius: 50px !important; font-weight: bold !important; font-family: 'Work Sans', sans-serif !important; height: 63px; } .alm-listing li{ padding:0px !important; } .alm-listing li img{ position: unset !important; } .alm-listing li p { margin: 0; font-size: 17px; line-height: 25px; text-align: center; color: #91918e; } .li-content-below { padding: 45px 48px; hyphens: none; margin-top: -31px; position:relative; } .li-content-below h3{ //font-size: 26px; //line-height: 30px; //font-weight: 800; //color: #0077be; font-size: 20px; line-height: 24px; font-weight: 600; color: #0077be; } .li-content-below::after{ content: ""; background: url('/wp-content/uploads/2017/04/icon_np.jpg'); height: 40px; width: 40px; position: absolute; top: 14px; right: 0; display: none; } .li-content-below a{ text-decoration:none; } #load-more:before{ display:none !important; } #hp-sec2 .amazingcarousel-image div a { width: 0 !important; height: 0 !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; background-transparent !important; opacity: 0 !important; } #hp-sec2 #wonderplugincarousel-1 img { height: auto; width: auto; margin: 0 auto !important; } #hp-sec2 #wonderplugincarousel-1 .amazingcarousel-image{ background-color: transparent !important; box-shadow: none !important; } #hp-sec2 #wonderplugincarousel-1 .amazingcarousel-nav{ display: none; } /*#hp-sec2 #wonderplugincarousel-1 .amazingcarousel-title { font-family: 'Work Sans', sans-serif; font-size: 29px; overflow: unset; background: #1080C2; line-height: 60px; color: #fff; font-weight: 700; padding: 0 10px; border-radius: 20px; } #hp-sec2 #wonderplugincarousel-1 .amazingcarousel-title a { color: #fff; text-decoration: none; font-size: 24px; line-height: 27px; }*/ #hp-sec2 #wonderplugincarousel-1 .amazingcarousel-title { font-family: 'Work Sans', sans-serif; font-size: 22px; overflow: unset; background: #1080C2; line-height: 27px; color: #fff; font-weight: 700; padding: 10px; } #hp-sec2 #wonderplugincarousel-1 .amazingcarousel-title a { color: #fff; text-decoration: none; font-size: 22px; font-weight: 600; line-height: 27px; } #hp-sec2 #wonderplugincarousel-container-1 .amazingcarousel-list-wrapper { width: 1120px; background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/05/slider-bg.png'); background-size: contain; background-repeat: no-repeat; background-position: center bottom; } #menu-item-25 .sub-menu li a{ font-size: 14px; line-height: 19px; font-weight: normal; letter-spacing: 0; text-transform: unset; } .home #hp-sec3 { padding: 70px 0 50px; text-align: center; background: #fff; } #hp-sec3 { padding: 70px 0 50px; text-align: center; background: #f7f7f7; } /*********Social Share STYLE**********/ .product-page-temp .li-content, .alm-reveal li { position: relative; overflow: hidden; background-image: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/05/products-bg.png') !important; background-repeat: no-repeat !important; background-position: top center !important; box-sizing: border-box; } #sfsi_holder { height: 0 !important; } .sfsiplus_norm_row.sfsi_plus_wDiv { width: 100% !important; position: relative !important; z-index: 999999; } .li-content .img-cont .social-share { opacity: 0; bottom: 0px; position: absolute; right: 0; display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -z-transition: all 0.5s ease; transition: all 0.5s ease; display: none; } .li-content:hover .img-cont .social-share { opacity: 1; bottom: 0; } /*********Addition Content About STYLE**********/ .mundella-photos-sec ul { list-style: none; margin: 0; padding: 0; display: block; } .mundella-photos-sec ul li { width: 31%; display: inline-block; margin: 0; padding: 0px 10px 10px 0; } .mundella-photos-sec ul li img { max-width: 100%; display: block; width: 100%; } .feat-prod { background-image: url('/wp-content/uploads/2017/05/prod-bg.png'); background-size: cover; background-position: top center; text-align: center; max-width: 1180px; margin: 0 auto; } .feat-prod img { position: relative; top: 75px; } #gh_page { padding-top: 30px; } /* Contact Page Additional Styles */ #cp-sec2 h1 { font-size: 32px; line-height: 37px; font-weight: 800; color: #0077be; margin: 0; } #cp-sec2 .my-container { background-color: #fff; padding: 20px; box-sizing: border-box; } #cp-sec2 .cp-sec2-r2 img { max-width: 61px; width: 100%; } #cp-sec2 .s2-icon { min-height: 88px; margin-bottom: 15px; text-align: center; vertical-align: top; } #cp-sec-4 .my-container { box-sizing: border-box; background-color: #fff; padding: 20px; } #cp-sec-4 h1 { font-size: 32px; line-height: 37px; font-weight: 800; color: #0077be; margin: 0; text-align: center; } #my-cp-form { max-width: 800px; margin: 0 auto; padding: 20px 0 0; } #my-cp-form .my-row .col { width: 50%; display: inline-block; margin: 0 -2px; padding: 10px 0; box-sizing: border-box; } #my-cp-form .txt-field { width: 100%; box-sizing: border-box; padding: 10px 15px; font-size: 15px; color: #8A8787; font-weight: 600; } #my-cp-form .full-col { padding: 10px 0; box-sizing: border-box; text-align: center; } #my-cp-form .full-col .txt-area { box-sizing: border-box; width: 100%; padding: 10px 15px; font-size: 15px; color: #8A8787; font-weight: 600; } #my-cp-form .my-row .left-col { padding-right: 7px; } #my-cp-form .my-row .right-col { padding-left: 7px; } #my-cp-form .full-col .cp-btn { background: #1080C2 !important; color: #fff !important; font-weight: 800 !important; font-size: 25px !important; max-width: 300px; width: 100%; padding: 15px !important; border: none !important; border-radius: 50px !important; } /* ============================================ MY MENU STYLES =========================================== */ #my-menu .sub-menu li { top: 0; } #my-menu .menu-my-menu-container{ position: absolute; margin-left: 3%; } #my-menu ul .wide-menu { } #my-menu ul .wide-menu .sub-menu { } #my-menu ul .wide-menu .sub-menu li { } #my-menu ul .wide-menu .sub-menu li a { } #my-menu ul .wide-menu .sub-menu .sub-menu { top: 100%; left: 0; } #my-menu ul .wide-menu .sub-menu .sub-menu li { } #my-menu ul .wide-menu .sub-menu .sub-menu li a { } #my-signup-pop { width: 100%; height: 100%; position: fixed; top: 0; left: 0; align-content: center; align-items: center; z-index: 999999999; } #my-signup-pop.hide-pop { width: 0; opacity: 0; display: none; } #my-signup-pop.show-pop { width: 100%; opacity: 1; display: flex; } #my-signup-pop .signup-pop-close { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; display: block; } #my-signup-pop .my-signup-pop-inner { max-width: 600px; margin: 0 auto; padding: 30px; border-radius: 10px; display: block; clear: both; background: #fff; z-index: 9999; box-shadow: 0px 0px 8px #ccc; } #my-signup-pop .my-signup-pop-inner h3 { font-size: 26px; line-height: 32px; color: #0077BE; margin: 0 0 15px; } #my-signup-pop .my-signup-pop-cont { } /* ============================================ MY MENU STYLES - END =========================================== */ /* ========================= MY ADDITIONAL STYLES ======================= */ #my-page { max-width: 1180px; display: block; margin: 0 auto; padding: 0; padding: 40px 0 0; } #my-page .my-sidebar { float: left; width: 22%; margin-right: 2%; } #my-page .my-content { float: right; width: 75%; } #my-page .my-page-banner { min-height: 250px; text-align: center; color: #ffff; box-sizing: border-box; margin: 0; padding: 100px 0; background-size: cover; background-position: center center; } #my-page .my-page-banner h1 { font-size: 65px; box-sizing: border-box; color: #fff; text-shadow: -0.7px 0.7px 21px rgba(0, 0, 0, 0.33); } #my-page #secondary { float: none; width: 100%; margin-top: 40px; } #my-page #secondary .menu-item a { text-decoration: none; font-size: 18px; color: #666666; font-weight: 500; line-height: 20px; } #my-page .my-content h2 { margin-top: 0; font-size: 30px; color: #0077BE; line-height: 35px; } .my-sidebar .menu-sidebar-menu-container { background: #fff; padding: 50px 30px; } #menu-sidebar-menu .menu-item { position: relative; padding: 10px 25px 10px 20px; padding-bottom: 20px; border-bottom: 2px solid transparent; } #menu-sidebar-menu .menu-item:before { content: "\f054"; width: 20px; height: 20px; position: absolute; top: 5px; left: 0; font-size: 17px; color: #0077BE; font-family: FontAwesome; text-align: center; } #my-page #secondary .menu-item a:hover{ color: #0077BE; } .my-content .entry-content { background: #fff; padding: 50px; box-sizing: border-box; margin-top: 40px; } .my-content .entry-content h1 { margin-top: 0px; color: #0077BE; font-size: 32px; font-weight: 800; } #my-page #my-fp { background: #fff; padding: 50px; margin-top: 40px; } #my-page #my-fp .desc { margin-bottom: 20px; } #my-page #my-fp ul li { border-bottom: 2px solid #e4e4e4; margin-bottom: 15px; } #my-page #my-fp p { line-height: 22px; font-size: 14px; margin-bottom: 10px; } #my-page #my-fp h4 { line-height: 25px; font-size: 16px; margin-bottom: 0px; } #my-page #my-fp .my-q { cursor: pointer; padding: 10px 30px; border-bottom: 2px solid transparent; position: relative; } #my-page #my-fp ul li:hover { cursor: pointer; background: #F2F8F9; border-color: #0077BE; } #my-page #my-fp .my-a{ display: none; padding: 0 20px; } #my-page #my-fp .my-q::before { position: absolute; content: "\f0dd"; font-family: FontAwesome; top: 9px; left: 10px; width: 15px; height: 15px; color: #0077BE; font-size: 20px; } .social-media-page #my-page .my-content{width: 100%; float: none; margin-bottom: 50px} .social-feeds{margin: 30px 0 0} .social-feeds .feed { margin-bottom:30px; } .social-feeds .description { width: 21%; min-height: 250px; padding: 30px 2%; background: #fff; text-align: center; float: left; color: #999999; line-height: 1.2; } .social-feeds .description img { width:100%; height:auto; margin-bottom:20px; } .social-feeds .description a.link { text-transform:uppercase; border:1px solid #169ac5; padding:10px 35px; margin-top:20px; display:inline-block; text-decoration: none;} .social-feeds .image { width:23%; min-height:310px; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:transparent; float:left; margin-right:3%; position:relative; overflow:hidden; cursor:pointer; } .social-feeds .image.last-column { margin-right:0; } .social-feeds .image img { width:100%; height:auto; display:none; } /* .social-feeds .image .overlay { width:33px; height:100%; background:url('../images/white-arrow-right.png') no-repeat; background-position:100%; position:absolute; left:0; top:0; } */ .social-feeds .image .info-container { width:100%; height:100%; background:rgba(0, 0, 0, 0); position:absolute; left: 50%; top: 50%; z-index:-1;color:rgba(242, 242, 242, 0); -webkit-transform: translate(-100%,-50%); -ms-transform: translate(-100%,-50%); -o-transform: translate(-100%,-50%); transform: translate(-100%,-50%); -webkit-transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; -o-transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1) 200ms; } .social-feeds .image:hover .info-container {background:rgba(0, 0, 0, 0.7); color:#fff; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index:3; } .social-feeds .image .info-container .info { width:90%; height:auto; position:absolute; bottom:0; left:0; padding:5%; } .social-feeds .image .info-container .info a.like, .social-feeds .image .info-container .info a.comment { font-size:30px; color:#fff; text-decoration: none;} .social-feeds .image .info-container .info a.comment { margin-left:15px; } .social-feeds .image .info-container .info .caption { margin-top:20px; line-height: 1.3;} @media only screen and (max-width : 768px) { .social-feeds .description { width:46%; height:250px; margin-bottom:30px; } .social-feeds .image { width:47%; height:310px; margin-bottom:30px } } @media only screen and (max-width : 480px) { .social-feeds .description { width:94%; height:auto; margin-bottom:30px; } .social-feeds .image { width:100%; height:310px; margin-bottom:30px; margin-right:0 } } .fa { display: inline-block; font-family: FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-comment-o:before { content: "\f0e5"; } /* ========================= MY ADDITIONAL STYLES - END ======================= */ /* ========================= MY NEWS STYLES ======================= */ #my-news{ background: #f7f7f7; padding: 40px 0px 0px; box-sizing: border-box; } #my-news .my-n-sidebar{ float: left; box-sizing: border-box; } /*#my-news .my-n-content { float: right; box-sizing: border-box; padding-left: 25px; }*/ #my-news .my-n-content { float: none; box-sizing: border-box; padding-left: 0; } #my-news .my-n-content .my-feat { text-align: center; } #my-news .my-n-content .inner{ background: #fff; } #my-news .my-n-content .inner .my-np-cont { padding: 30px 50px 50px; } #my-news .my-n-content .inner .my-np-cont h2 { color: #0077BE; font-size: 25px; line-height: 30px; margin: 15px 0; } #my-news .my-n-content .inner .my-np-cont .my-date { color: #999; font-size: 12px; margin: 10px 0; } #my-news .my-n-content .inner .my-np-cont .np-desc { font-size: 15px; color: #666; line-height: 20px; margin-top: 20px; } #my-news .my-n-content .inner .my-np-cont .np-desc .social-sharing { margin-top: 40px; } #my-news .my-n-sidebar #newsside { width: 100%; margin: 0; } #my-news .my-n-sidebar #newsside .menu-item a { text-decoration: none; font-size: 16px; color: #666666; font-weight: 500; line-height: 20px; } #newsside .menu-item { position: relative; padding: 10px 20px 18px 20px; border-bottom: 2px solid #fff; } #newsside .menu-item::before { content: "\f054"; width: 20px; height: 20px; position: absolute; top: 9px; left: 0; font-size: 15px; color: #0077BE; font-family: FontAwesome; text-align: center; } #newsside .menu-item:hover a { color: #0077BE !important; } #newsside .widget-title { margin: 0; font-size: 16px; line-height: 20px; } #newsside { background: #fff; padding: 50px 30px; box-sizing: border-box; min-height: 250px; } #newsside .widget-area #s { width: 60%; } .widget-area #searchsubmit { background: #0077BE; border: 1px solid #0077BE; color: #fff; font-size: 11px; letter-spacing: 2px; box-sizing: border-box; border-radius: 0; padding: 9px 10px; width: 32%; display: inline-block; vertical-align: top; text-align: center; } .widget-area #s { width: 65%; padding: 9px; box-sizing: border-box; border: 2px solid #C1D1DB; background: #F0F6FB; border-radius: 0; display: inline-block; vertical-align: top; } #newsside #searchform{ box-shadow: none; border: 0; } #my-news .my-n-content .my-feat img{ //max-width: 860px; max-width: 1180px; width: 100%; } #my-news .my-n-content p { margin-bottom: 15px; font-size: 15px; line-height: 20px; } #my-news #text-7 { margin: 0; } #my-news .my-n-sidebar #newsside, #my-news .my-n-content .inner{ min-height: 870px; } #newsside .menu-item:hover { color: #0077BE; background: rgba(0, 119, 140, .05); border-bottom: 2px solid #0077BE; } /******************/ #my-cat #searchform { box-shadow: none; border: 0; } #my-cat #searchform #s { padding: 15px 20px; box-sizing: border-box; border: 2px solid #C1D1DB; background: #F0F6FB; border-radius: 0; font-size: 15px; width: 85%; } #my-cat #searchform #searchsubmit { background: #0077BE; border-color: #0077BE; border-radius: 0; font-size: 20px; color: #fff; width: 14%; display: inline-block; padding: 10px 15px 12px; } /* ========================= MY NEWS STYLES - END ======================= */ /* ========================= MY CATEGORY STYLES ======================= */ #my-cat { padding: 40px 0 50px; } #my-cat .my-cat-col { width: 32%; display: inline-block; vertical-align: top; position: relative; padding: 0px 10px; box-sizing: border-box; margin-bottom: 25px; } #my-cat .my-cat-col .li-content { background: #fff; min-height: 410px; position: relative; } #my-cat .my-cat-col .li-content .img-cont { position: relative; overflow: hidden; background-image: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/05/prod-bg.png') !important; background-repeat: no-repeat !important; background-position: top center !important; min-height: 265px; } #my-cat .my-cat-col .li-content .li-content-below { box-sizing: border-box; padding: 20px 30px; margin-top: 0; } #my-cat .my-cat-col .li-content .li-content-below a h3 { font-size: 20px; font-weight: 600; line-height: 24px; text-align: center; } #my-cat .my-cat-col .li-content .li-content-below .n-date { font-size: 14px; color: #999; text-align: center; margin-top: 20px; } .archive-title, .page-title { font-size: 18px !important; color: #21759b; } #mobile-subHead{ display:none !important; } #social-icon-sec { max-width: 1180px; width: 100%; text-align: right; margin: 0 auto; position: relative; } /* ========================= MY CATEGORY STYLES - END ======================= */ .page-template-template-news #banner { padding: 40px 0 0 !important; display: none; } .page-template-template-news #my-page .my-page-banner{ background-position: center 35% !important; } .page-template-template-awards #np-sec2 .my-container ul li .img-fill { padding-top: 20px; } .page-template-template-awards #np-sec2 .my-container ul li .img-fill img { max-width: 100%; height: auto; width: 250px; } .page-template-template-awards #np-sec2 .my-container ul li { min-height: 393px; box-sizing: border-box; } .page-template-template-awards #np-sec2 .my-container ul li .li-content .li-content-below { box-sizing: border-box; min-width: 270px; } .page-template-template-awards #my-page h2 { margin-top: 0; font-size: 30px; color: #0077BE; line-height: 35px; } /* ========================================================================= Enter Your Custom CSS Here =============================================================================== */ #page{ padding-top: 0px; margin: -36px 0; } html { overflow-x: hidden !important; } .site-content{ margin: 0 !important; } .site-content article{ margin: 0 !important; padding: 0 !important; } .limit-char p, .li-content-below p { display: none; } #main .nav-single { display: none; } #my-menu ul .full-wmenu .sub-menu:after, #my-menu ul .full-wmenu .sub-menu:before { content: ""; width: 5000px; height: 100%; display: block; background: #efefef; position: absolute; top: 0; right: 100%; } #my-menu ul .full-wmenu .sub-menu{background: #efefef !important;} #my-menu ul .full-wmenu .sub-menu:after { right: auto; left: 100%; } #my-menu ul .full-wmenu .sub-menu ul:after, #my-menu ul .full-wmenu .sub-menu ul:before { display: none; } #my-menu ul .full-wmenu .sub-menu li a{ border-bottom: 2px solid #fff; } #my-menu ul .full-wmenu .sub-menu ul { padding: 0; } #my-menu ul .full-wmenu .menu-item:after { //border-left: 1px solid #eee !important; //border-right: 1px solid #eee !important; //min-height: 490px; } #my-menu ul .full-wmenu .menu-item .sub-menu li:after{ //border: none !important; //min-height: auto; display: none; } #my-menu ul .full-wmenu .sub-menu li a:hover{ //background: #0077BE; //color: #fff; } #my-menu ul .full-wmenu .sub-menu .sub-menu li a { color: #666; width: 100%; } #my-menu ul .full-wmenu .sub-menu .sub-menu li a { border-bottom: 2px solid transparent !important; } #my-menu ul .full-wmenu .sub-menu .sub-menu li a:hover { color: #0077BE; background: rgba(0, 119, 140, .05); border-bottom: 2px solid #0077BE !important; } #my-menu ul .full-wmenu .sub-menu .sub-menu li:hover a { color: #0077BE !important; } #my-menu ul li{ margin-right: 18px; top: -20px; } #my-menu ul li.bg-img-home{ top: 0; } #my-menu ul .full-wmenu a:hover .sub-menu{ height: 0px; } /* ================== About Menu ================== */ #my-menu .my-about-menu .sub-menu { background: #fff; clear: both; /*box-shadow: 0px 5px 5px #cccccc;*/ top: 50px; left: -23px; } #my-menu .my-about-menu .sub-menu li { margin: 0; top: 0; padding: 0; } #my-menu .my-about-menu .sub-menu li a{ background: #fff; border-bottom: 2px solid #fff; } #my-menu .my-about-menu .sub-menu li a:hover{ color: #0077BE; background: rgba(0, 119, 140, .05); border-bottom: 2px solid #0077BE; } /* ================== About Menu - END ================== */ #product-page, #about-sec, #news-page, #recipe-page, #contact-page{ padding: 60px 0 0 !important; } #recipe-page{ padding: 10px 0 0 !important; } #np-sec1 .my-container, #cp-sec1 .banner05{ margin-top: 0 !important; } #menu-my-menu li a, #hp-sec3 .col-md-4.first-col, #hp-sec4, .Captionlink{ font-family: 'Work Sans', sans-serif !important; } #recipe-page .my-container { background: transparent; } #hp-sec2 .prevButton_ .bx-prev { left: -126px; background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/prev-slide-btn.png'); background-repeat: no-repeat; background-size: cover; height: 49px; width: 44px; } #hp-sec2 .nextButton_ .bx-next{ right: -69px; background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/next-slide-btn.png'); background-repeat: no-repeat; background-size: cover; height: 49px; width: 44px; } #hp-sec2 .my-container { background: #f7f7f7; } #hp-sec3 .col-md-4.first-col h3{ width: 87%; } #hp-sec4 .left-content{ background: #0077B8; } #hp-sec2 .bx-wrapper_ { background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/back-shadow.png'); background-repeat: repeat-x; background-position: center center; min-height: 390px; background-size: 100% auto; } #pp-sec1 .banner02 h3, #ap-sec1 .banner01 h3, #rp-sec1 .banner03 h3{ text-align: center; padding: 60px; font-family: wo; font-family: 'Work Sans', sans-serif; font-weight: 800; font-size: 65px; color: #ffffff; } #pp-sec2 .prod-desc p a { text-align: center; width: 73%; margin: 0px auto 40px; color: #fff; font-weight: 700; padding: 16px; border-radius: 50px; font-size: 22px; text-decoration: none; } #pp-sec2 .prod-desc p:hover { background: #0088DB; } #pp-sec2 .prod-desc{ text-align: center; margin: 0 auto; } #cp-sec3 .my-contact-form { background: #fff; } #rp-sec2 .recipe-desc{ padding-left: 35px; } #rp-sec2 p { margin: 15px 0 0; font-size: 16px; line-height: 27px; font-weight: 500; color: #666666; } #rp-sec2 .inner-content{ padding: 40px; box-sizing: border-box; background: #ffffff; } #rp-sec2 h2 { font-size: 25px; line-height: 30px; color: #666666; display: inline-block; vertical-align: middle; margin: 0 20px 0 0; } #rp-sec2 ul.share-list{ display: inline-block; } #rp-sec2 .rp-text a { text-decoration: none; color: #715f5f; background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/rcp-arrow.png'); background-repeat: no-repeat; padding-left: 35px; background-position: left center; margin-bottom: 30px; display: block; } #hp-sec2 .myCaption { margin-top: 25px; } #ap-sec2 .col-md-9 { width: 74% !important; } #ap-sec2 .col-md-9 h1 { font-size: 35px; color: #0077BE; font-weight: 900; font-family: 'Work Sans', sans-serif; line-height: 34px; } #ap-sec2 .col-md-9 p { font-weight: 500; font-size: 15px; line-height: 23px; color: #ababab; } #ap-sec3 { padding: 25px 0 70px; } #cp-sec3 .employment { background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/05/green-pattern-bg.jpg'); padding: 20px; text-align: center; background-size: cover; } #cp-sec3 .employment h2 { color: #fff !important; font-size: 38px; line-height: 22px; } #cp-sec3 .employment p { color: #fff !important; font-size: 18px !important; line-height: 5px; } #cp-sec3 .employment a { color: #fff !important; font-size: 16px !important; line-height: 10px !important; text-decoration: none; } #cp-sec3 .employment a:hover{ text-decoration: underline !important; } .page-id-8 #np-sec2 .li-content-below h3{ background-color: #0077be !important; display: block; color: #fff !important; padding: 12px 10px !important; border-radius: 50px !important; margin-bottom: 20px !important; font-size: 21px !important; line-height: 25px !important; } .page-id-8 #np-sec2 .li-content-below h3 a { background-color: #0077be !important; display: block; color: #fff !important; padding: 2px 10px !important; border-radius: 50px !important; margin-bottom: 0px !important; font-size: 21px !important; line-height: 25px !important; text-decoration: none !important; } /********BANNER SLIDER STYLE*********/ #rev_slider_1_1 .hesperiden.tparrows:hover { background: transparent; } #rev_slider_1_1 .hesperiden.tparrows.tp-leftarrow::before { content: ""; background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/prev-slide-icn.png'); height: 55px; width: 43px; } #rev_slider_1_1 .hesperiden.tparrows.tp-rightarrow::before { content: ""; background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/next-slide-icn.png'); height: 55px; width: 47px; } #rev_slider_1_1 .hesperiden.tparrows{ background: transparent !important; } #hp-sec2 .circle-img::after { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f4f4+0,ffffff+100 */ background: #f4f4f4; /* Old browsers */ background: -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f4f4f4 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f4f4f4 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ height: 55px; width: 100%; content: ""; position: absolute; bottom: 0; left: 0; right: 0; z-index: -9; } #slide-1-layer-4 { background: #0077BE !important; border-radius: 10px; padding: 20px 50px !important; } #hp-sec2 .circle-img img { margin: 0 auto; min-height: 224px; display: block; } #hp-sec2 .bx-wrapper_ { background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/slide-bg-pattern.png'); background-repeat: repeat-x; background-position: center center; min-height: 390px; } .bx-wrapper_ .bx-viewport_{ height: 330px !important; } #hp-sec1 .rev_slider h1.tp-caption { font-size: 60px !important; min-width: 624px !important; } /********WIDGETS STYLE*********/ #col4 .tri-nav a { text-decoration: none; color: #0077BE; font-family: 'Work Sans', sans-serif !important; font-weight: 800; } #col4 .tri-nav p { font-size: 27px; line-height: 23px; font-family: 'Work Sans', sans-serif !important; margin-bottom: 19px; } #my-footer-widget .widget-title { text-transform: none; font-size: 25px; line-height: 30px; font-weight: 800; } #colophon .col-md-6.footer-left ul li a { color: #666666 !important; } #colophon .col-md-6.footer-left ul li { border-right: 1px solid #e5e5e5; } #colophon .col-md-6.footer-left p, #colophon .col-md-6.footer-right p{ color: #666666 !important; } #my-footer-widget{ padding-top: 50px; } #my-footer-widget #col4 ul li{ list-style: none; display: inline-block; margin-right: -5px; border-radius: 0; } #my-footer-widget #col4 ul li img{ border-radius: 0; } #col1 .yoghurt-sec ul li a, #col2 .cheese-sec ul li a, #col3 .about-sec ul li a{ text-decoration: none; color: #666666; font-size: 14px; line-height: 22px; font-weight: 500; } #sign-up-sec .sign-up-cont { float: right; width: 42%; } /********Contact Form Style*********/ #wpcf7-f167-p14-o1 .wpcf7-form { width: 100%; padding: 0px 20px 15px; display: block; box-sizing: border-box; } #cp-sec-4 .real-time-map { text-align: center; } #cp-sec2 .first-row, #cp-sec2 .second-row { display: block; } #cp-sec2 .first-row span, #cp-sec2 .second-row span { display: inline-block; vertical-align: top; width: 100%; padding-right: 0px; box-sizing: border-box; } #cp-sec2 .first-row span:last-child, #cp-sec2 .second-row span:last-child{ padding-right: 0px; } #cp-sec2 .my-container .my-contact-form input, #cp-sec2 .my-container .my-contact-form textarea { width: 100%; box-sizing: border-box; margin-right: 0px !important; } .form-submit .wpcf7-form-control.wpcf7-submit.submit-form { max-width: 350px; } #np-sec2 li { vertical-align: top; } .cont-tables table tr td b.blue { color: #0077BE; } .cont-tables table tr td p, .cont-tables table tr td b { font-size: 18px !important; line-height: 36px !important; margin-bottom: 0; } .cont-tables table tr td b { background-color: #FFF !important; padding: 15px 10px; display: block; } .cont-tables br { display: none; } #rp-sec3 .otw-sc-toggle { padding-right: 0; } #rp-sec3 .otw-sc-toggle .toggle-trigger span { margin-right: 0; } /* ========================= MY SINGLE PRODUCT STYLES ======================= */ #my-prod-banner { background-image: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/05/prod-banner-bg.png'); background-size: cover; background-position: center; text-align: center; margin: 0 auto; min-height: 300px; position: relative; } #my-prod-banner .banner-feat { position: absolute; top: 30px; left: 0; right: 0; margin: 0 auto; } #my-prod-banner .banner-feat img { max-width: 500px; width: 100%; } #my-prod-banner .banner-feat img.iga { position: absolute; bottom: 10%; left: 55%; width: auto; } #my-prod-content .left-col h1 { font-size: 40px; line-height: 40px; color: #0077be; margin-bottom: 40px; } #my-prod-content .my-desc p { font-size: 16px; line-height: 25px; color: #666666; } #my-prod-content .my-size .size-box { display: inline-block; max-width: 120px; width: 100%; border: 1px solid #e6e6e6; padding: 30px; text-align: center; margin-right: 20px; border-radius: 7px; box-sizing: border-box; margin-bottom: 15px; vertical-align: top; } #my-prod-content .my-size, #my-prod-content .my-avail { margin-top: 30px; } #my-prod-content .my-title { font-weight: bold; font-size: 16px; line-height: 25px; } #my-prod-content .my-size ul{ margin-top: 30px; } #my-prod-content .my-size .size-box p{ font-size: 18px; font-weight: bold; line-height: 25px; } #my-prod-content .my-avail ul li { max-width: 23% !important; display: inline-block; padding: 10px 10px 0 0 !important; box-sizing: border-box; vertical-align: middle; } #my-prod-content .my-avail ul li img{ max-width: 250px; width: 100%; } #my-prod-content .my-nutri h2 { font-size: 24px !important; line-height: 25px !important; color: #666666 !important; font-weight: bold !important; font-family: 'Work Sans', sans-serif; background: none !important; border-top: 1px solid #e6e6e6; padding-top: 36px; cursor: pointer; } #my-prod-content .my-nutri .my-desc{ margin: 10px 0; } #my-prod-content .my-nutri .my-cont .my-col { width: 49%; display: inline-block; vertical-align: top; color: #666666; } #my-prod-content .my-nutri .my-cont li{ padding: 15px 10px; box-sizing: border-box; } #my-prod-content .my-nutri .my-cont li:nth-child(odd) { background-color: #F7F6F2; } #my-products { background: #F7F7F7; padding-top: 40px; padding-bottom: 40px; } #my-prod-content { padding: 20px 40px 40px; background: #fff; padding-top: 230px; } #my-prod-content .left-col { padding-right: 15px; box-sizing: border-box; } #my-prod-content .right-col { padding-left: 15px; box-sizing: border-box; } #my-prod-award h3 { font-family: "Open Sans", sans-serif; text-shadow: 1px 1px 0 white; padding: 18px 20px; margin: 0; font-size: 16px; cursor: pointer; text-transform: uppercase; background: url(http://mundella-v1.beta.adzoo.com.au/wp-content/plugins/toggles-shortcode-and-widget//include/otw_components/otw_shortcode/images/pattern-1.png) repeat scroll 0 0 transparent; } #my-prod-award .left-col p { color: #0077BE; text-align: center; font-size: 18px; font-weight: 700; } #my-prod-award .left-col { background-color: #FFF !important; padding: 15px 10px; box-sizing: border-box; } #my-prod-award ul { padding: 30px; margin: 0; } #my-prod-award ul li { border-top: 1px solid #ededed; padding: 6px; } #my-prod-award ul .right-col h4 { background-color: #FFF !important; padding: 15px 10px; box-sizing: border-box; font-size: 18px; color: #757575; } #my-prod-award .right-col { padding-left: 10px; box-sizing: border-box; } #my-prod-award .my-award-desc { font-size: 16px; line-height: 25px; color: #666666; margin-top: 10px; padding: 0 10px 10px; } #my-prod-content .my-nutri .my-cont .my-nurti-row { padding: 15px 10px; box-sizing: border-box; } #my-prod-content .my-nutri .my-cont .my-nurti-row .my-label{ font-weight: 600; } #my-prod-content .my-nutri .my-cont .sub-row { margin-left: 0px; } #my-prod-content .my-nutri .my-cont .my-nutri-bg{ background-color: #F7F6F2; } /* ======================== MY SINGLE PRODUCT STYLES - END ======================= */ /* ======================== MY FOOTER STYLES ======================== */ #my-footer-widget .menu-image-title-after { text-decoration: none; color: #666666 !important; font-size: 14px; line-height: 22px; font-weight: 500; padding-left: 20px; box-sizing: border-box; position: relative; display: block; padding: 5px 20px; border-bottom: 2px solid #fff; } #my-footer-widget #menu-sidebar-menu .menu-item:before{ display: none; } #my-footer-widget .menu-image-title-after::before { content: "\f054"; width: 15px; height: 15px; font-family: FontAwesome; top: 6px; left: 0; position: absolute; color: #0077BE; } #my-footer-widget .menu-image-title-after:hover{ color: #0077BE; background: rgba(0, 119, 140, .05); border-bottom: 2px solid #0077BE; } /* ======================== MY FOOTER STYLES - END ======================== */ /* ======================== New styles ======================= */ .menu-item a.menu-image-title-after.menu-image-not-hovered img { padding-right: 5px; min-width: 30px !important; max-width: 30px !important; } .full-wmenu .sub-menu li { padding: 0 5px; box-sizing: border-box; } .full-wmenu .sub-menu .menu-image-title { font-size: 20px; font-family: 'Work Sans', sans-serif !important; letter-spacing: 0px; line-height: 20px; min-height: 20px; display: block; max-width: 100%; font-weight: 600; text-align: left; } #menu-item-1109 .sub-menu .sub-menu .menu-image-title{ display: inline-block; max-width: 84%; vertical-align: top; width: 100%; font-size: 14px; line-height: 19px; font-weight: normal; min-height: 100%; letter-spacing: 0; text-align: left; } #my-menu ul .full-wmenu .sub-menu li { width: 49.5%; display: inline-block; vertical-align: top; margin: 0; border: 0; padding: 40px 20px; box-sizing: border-box; } #my-menu #menu-item-1109 { width: 64% !important; } #my-menu #menu-item-1199 { width: 35% !important; } #my-menu ul .full-wmenu .sub-menu li .sub-menu li { padding: 0px 10px; } #my-menu .sub-menu #menu-item-1109 .sub-menu li { padding: 0px 10px; display: inline-block; box-sizing: border-box; width: 49.5%; } #my-menu .sub-menu #menu-item-1111 .sub-menu li { padding: 0px 10px; display: block; box-sizing: border-box; width: 100%; } .full-wmenu .sub-menu .sub-menu .menu-image-title { display: inline-block; max-width: 84%; vertical-align: top; width: 100%; font-size: 14px; line-height: 19px; font-weight: normal; min-height: 100%; letter-spacing: 0; text-align: left; } .full-wmenu .sub-menu .sub-menu li { padding: 0; } li.full-wmenu:hover .sub-menu { top: 115px; /*box-shadow: 0px 5px 5px #cccccc;*/ width: 1180px; left: -57px !important; background: #fff !important; } li.full-wmenu:hover .sub-menu .sub-menu { box-shadow: none; padding: 0; width: auto; left: 0 !important; } /* ========================= MY SINGLE RECIPE STYLES ======================= */ #my-recipe { padding: 50px 0; background: #F7F7F7; } #my-recipe .banner03 { background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/recipe-top-banner.png') no-repeat; background-size: cover; min-height: 270px; box-sizing: border-box; } #my-recipe .banner03 h1 { text-align: center; padding: 90px 60px; font-family: 'Work Sans', sans-serif; font-weight: 800; font-size: 65px; color: #ffffff; box-sizing: border-box; } #my-recipe .my-recipe-content { padding: 40px; background: #fff; margin-top: 40px; } #my-recipe .back-btn { margin-bottom: 30px; } #my-recipe .recipe-img img { max-width: 450px; width: 100%; border-radius: 7px; } #my-recipe .recipe-time { margin-top: 30px; } #my-recipe .recipe-time .col-md-4 { border: 1px solid #ccc; text-align: center; padding: 15px 10px; box-sizing: border-box; font-size: 17px; line-height: 22px; font-weight: 700; margin: 10px 0; } #my-recipe .back-btn a { color: #715f5f; text-decoration: none; font-size: 17px; font-weight: 700; } #my-recipe .back-btn .icon { color: #0077B8; margin-right: 2%; } #my-recipe .right-col { box-sizing: border-box; padding-left: 40px; } #my-recipe .my-recipe-content .right-col h2 { color: #0077B8; font-size: 37px; width: 71%; line-height: 41px; font-weight: 800; } #my-recipe .my-recipe-content .right-col .recipe-desc { margin: 15px 0 0; font-size: 16px; line-height: 27px; font-weight: 500; color: #666666; } #my-recipe .my-recipe-content .right-col .my-recipe-ing{ margin-top: 30px; } #my-recipe .my-recipe-content .right-col h3 { font-size: 25px; line-height: 30px; color: #666666; display: inline-block; vertical-align: middle; margin: 0 20px 0 0; margin-bottom: 10px; } #my-recipe .my-recipe-content .right-col .ing-content { font-size: 16px; line-height: 21px; font-weight: 500; color: #666666; } #my-recipe .my-recipe-content .right-col .recipe-meth{ font-size: 16px; line-height: 21px; font-weight: 500; color: #666; margin-top: 20px; } #my-recipe .my-recipe-content .right-col .my-recipe-ing ul li{ padding: 7px 0; } #my-related { background: #F7F7F7; padding-bottom: 50px; padding-top: 50px; display: none; } #my-related h2 { text-align: center; font-size: 38px; font-weight: 800; color: #0077B8; margin-bottom: 30px; margin-top: 0; } #my-related .first-col { box-sizing: border-box; background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/recipe01.jpg'); background-repeat: no-repeat; background-size: cover; min-height: 350px; } #my-related .sec-col{ box-sizing: border-box; background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/recipe02.jpg'); background-repeat: no-repeat; background-size: cover; min-height: 350px; } #my-related .third-col{ box-sizing: border-box; background: url('http://mundella-v1.beta.adzoo.com.au/wp-content/uploads/2017/04/recipe03.jpg'); background-repeat: no-repeat; background-size: cover; min-height: 350px; } #my-related { background: #F7F7F7; padding-bottom: 50px; } /* ========================= MY SINGLE RECIPE STYLES ======================= */ /* ========================= Pop Up ========================= */ #my-nl .row{ margin-bottom: 15px; } #my-nl .row .col-md-6 { box-sizing: border-box; vertical-align: top; } #my-nl .row .wpcf7-form-control-wrap{ box-sizing: border-box; } #my-nl .row .txt-field { width: 100%; box-sizing: border-box; } #my-nl .row .left-col{ padding-right: 10px; } #my-nl .row .right-col{ padding-left: 10px; } #my-nl .row .txt-field { width: 100%; box-sizing: border-box; font-size: 16px; font-weight: 500; padding: 12px 15px; } #my-nl div.wpcf7 .ajax-loader{ display: none; } #my-nl .my-btn .btn-field { width: 100%; background: #0077BE; border: 1px solid #0077BE; padding: 12px; font-size: 20px; text-transform: uppercase; color: #fff; font-weight: 800; letter-spacing: 3px; } #sign-up-sec .sign-up-left-cont a{ text-decoration: none; } /******** ========================================================== CLOSE BUTTON ========================================================== *********/ #my-signup-pop .signuppop-close { position: absolute; top: 10px; right: 15px; width: 15px; height: 15px; display: block; border-radius: 50%; border: 1px solid #ccc; text-align: center; font-size: 20px; line-height: 11px; text-decoration: none; padding: 5px 5px 5px 7px; background-color: #ccc; color: #fff; font-weight: 500; } #my-signup-pop .my-signup-pop-inner { position: relative; } #my-signup-pop .signuppop-close:hover { color: #0f3647; } #hp-sec1-mobile { display: none; } #load-more:hover, #my-cp-form .full-col .cp-btn:hover { background-color: #00ab4f !important; } #colophon .col-md-6.footer-left ul li a:hover { color: #0077BE!important; } #nav_menu-2 #menu-sidebar-menu .menu-item:hover { background: rgba(0, 119, 140, .05); border-bottom: 2px solid #0077BE; } /**** Mobile Menu ****/ #sign-up-sec #mob-btn { display: none; } #my-menu #my-mob-menu.hide-menu{ display: none; } #my-mob-menu #site-navigation-mobile { position: absolute; top: 0; width: 100%; display: block; background: #fff; z-index: 999; margin: 0; } /**** Mobile Menu - END ****/ #my-recipe{ padding-bottom: 40px; } #np-sec2 .my-container ul li:hover h3 { background-color: #00AB4F !important; } .page-template-template-awards #np-sec2 .my-container ul li:hover h3, .page-template-template-news #np-sec2 .my-container ul li:hover h3, .page-template-template-recipe #np-sec2 .my-container ul li:hover h3{ background: transparent !important; } .page-template-template-recipe #np-sec2 .my-container ul { //padding-bottom: 120px; } #np-sec2 .my-container ul li:hover{ border-color: #00AB4F; } /* =========================== FOR SAFARI STYLES ========================== */ _::-moz-svg-foreign-content, :root #my-menu ul .full-wmenu .sub-menu { padding: 0px; } _::-moz-svg-foreign-content, :root #my-menu ul .full-wmenu { position: static; } _::-moz-svg-foreign-content, :root #np-sec2 .my-container ul li .img-cont img{ position: relative; } /* =========================== FOR SAFARI STYLES - END ========================== */ /* =========================== FOR RECIPE ADDITIONAL ========================== */ .page-template-template-recipe #np-sec2 .my-container ul li .li-content .li-content-below, .page-template-template-recipe #ajax-load-more .li-content-below { padding: 15px 30px 80px; hyphens: none; margin: 0 auto; position: relative; min-height: 230px; box-sizing: border-box; } .page-template-template-news #np-sec2 .my-container ul li .li-content .li-content-below, .page-template-template-news #ajax-load-more .li-content-below { hyphens: none; margin: 0 auto; position: relative; min-height: 280px; box-sizing: border-box; } .page-template-template-recipe #np-sec2 .my-container ul li .li-content .li-content-below .btn01, .page-template-template-recipe #ajax-load-more .li-content-below .btn01, .page-template-template-news #np-sec2 .my-container ul li .li-content .li-content-below .btn01, .page-template-template-news #ajax-load-more .li-content-below .btn01{ background-color: #0077be !important; display: block; color: #fff !important; padding: 12px 10px !important; border-radius: 50px !important; font-size: 21px !important; line-height: 25px !important; position: absolute; left: 0; width: 75%; border: 0; margin: 0 auto; right: 0; bottom: 30px; } .page-template-template-recipe #np-sec2 .my-container ul li .li-content .li-content-below:hover .btn01, .page-template-template-recipe #ajax-load-more .li-content-below:hover .btn01, .page-template-template-news #np-sec2 .my-container ul li .li-content .li-content-below:hover .btn01, .page-template-template-news #ajax-load-more .li-content-below:hover .btn01{ background-color: #00AB4F !important; } #my-page .bcrumbs-cont h1, .single .bcrumbs-cont h1{ margin-top: 0; font-size: 25px; color: #0077BE; line-height: 35px; } #my-page .bcrumbs-cont .bcrumbs, .single .bcrumbs-cont .bcrumbs{ font-size: 15px; font-weight: 600; color: #888; } #my-page .bcrumbs-cont .bcrumbs a, .single .bcrumbs-cont .bcrumbs a { text-decoration: none; color: #888; } #my-page .bcrumbs-cont .bcrumbs a:hover, .single .bcrumbs-cont .bcrumbs a:hover { color: #00AB4F; } .page-template-template-recipe #np-sec2 .my-container ul{ //padding-right: 12px; } .page-template-template-recipe #my-page .bcrumbs-cont { //padding: 5px 45px; } #my-page .bcrumbs-cont, .single .bcrumbs-cont { padding: 5px 0px; } .page-template-template-recipe #np-sec2 .my-container ul li .li-content .li-content-below, .page-template-template-news #np-sec2 .my-container ul li .li-content .li-content-below { max-width: 100%; width: 270px; box-sizing: border-box; } /* =========================== FOR RECIPE ADDITIONAL - END ========================== */ /* =========================== FOR NEWSLETTER ADDITIONAL ========================== */ #my-signup-pop .gfield { padding: 0 !important; } #my-signup-pop .gfield.gf_left_half { padding: 0 !important; padding-right: 10px !important; } #my-signup-pop .gfield.gf_right_half { padding: 0 !important; padding-left: 10px !important; } #my-signup-pop .gfield .gfield_label { display: none !important; } #my-signup-pop .gfield .ginput_container{ margin: 0; } #my-signup-pop .gfield .ginput_container input { padding: 10px; font-size: 15px; font-weight: 500; } #my-signup-pop .gform_footer { padding: 0; } #my-signup-pop .gform_footer input { padding: 10px 15px; text-align: center; background: #0077BE; color: #fff; border-color: #0077BE; font-size: 20px; text-transform: uppercase; font-weight: 700; width: 100%; } /* =========================== FOR NEWSLETTER ADDITIONAL - END ========================== */ /* =========================== FOR NEWS ADDITIONAL ========================== */ #my-news .my-n-content .inner .my-np-cont .np-desc a{ text-decoration: none; color: #0077BE; box-sizing: border-box; display: inline-block; font-size: 16px; line-height: 20px; font-weight: 600; margin: 20px 0; } #my-news .my-n-content .inner .my-np-cont .np-desc a:hover { color: #00AB4F; } #my-news .my-n-content .inner .my-np-cont .dl-btn a { text-decoration: none; background-color: #0077BE; color: #fff; padding: 15px 25px; box-sizing: border-box; display: inline-block; border-radius: 50px; font-size: 16px; line-height: 20px; font-weight: 600; margin: 20px 0; } #my-news .my-n-content .inner .my-np-cont .dl-btn a:hover { background-color: #00AB4F; } #my-news .my-n-content .np-desc .lsr-container .lsr-title h3 { color: #0077BE; font-size: 20px; line-height: 25px; margin: 15px 0; } #my-news .my-n-content .np-desc .lsr-container .lsr-list .lsr-list-col-right { display: inline-block; width: 30%; vertical-align: top; font-size: 16px; line-height: 20px; text-align: right; float: right; } #my-news .my-n-content .np-desc .lsr-container .lsr-list .lsr-list-col-left { display: inline-block; width: 69%; vertical-align: top; font-weight: 600; font-size: 16px; line-height: 20px; float: left; } #my-news .my-n-content .np-desc .lsr-container .lsr-list .lsr-list-row { background-color: #fff; padding: 10px; } #my-news .my-n-content .np-desc .lsr-container .lsr-list .lsr-list-row.row-1 { background-color: #E1F4FD; } #my-news .my-n-content .np-desc .lsr-container .lsr-col-right img { width: 580px; max-width: 100%; } #my-news .my-n-content .np-desc .lsr-container .lsr-col-right { width: 39%; vertical-align: top; display: inline-block; text-align: center; float: right; } #my-news .my-n-content .np-desc .lsr-container .lsr-col-left { width: 60%; vertical-align: top; display: inline-block; float: left; } #my-news .my-n-content .np-desc .lsr-container .lsr-row { margin-top: 30px; padding-bottom: 10px; border-bottom: 1px solid #ddd; } #my-news .my-n-content .np-desc .lsr-container .lsr-awards { margin-top: 30px; } #my-news .my-n-content .np-desc .lsr-container .lsr-awards .lsr-list-col-left { display: inline-block; width: 15%; vertical-align: top; font-weight: 600; font-size: 20px; text-align: center; } #my-news .my-n-content .np-desc .lsr-container .lsr-awards .lsr-list-row .lsr-list-col-right { display: inline-block; width: 74%; vertical-align: top; font-size: 16px; text-align: left; } #my-news .my-n-content .np-desc .lsr-container .lsr-awards .lsr-list-row { background-color: #fff; padding-top: 15px; border-bottom: 1px solid #eee; padding-bottom: 0; } #my-news .my-n-content .np-desc .lsr-container .lsr-awards .lsr-list-row .lsr-list-col-right .desc { margin-bottom: 10px; } #my-news .my-n-content .np-desc .lsr-container .lsr-awards .lsr-list-row .lsr-list-col-right .award-title { font-weight: 600; } /* =========================== FOR NEWS ADDITIONAL - END ========================== */ /*============================ FOR PRODUCT PAGE ADDITIONAL =========================*/ #my-prod-content .nutri-info-tab li { padding: 0 !important; } #my-prod-content .my-nutri .my-cont .my-nurti-row.sub-row .my-label { padding-left: 30px !important; box-sizing: border-box !important; } #page { padding-top: 0px; margin: 187px 0 0 0; } /*======= LITTLE GREEK ONES STYLES - ADDITIONAL =======*/ .postid-1969 #my-products h1{ font-size: 40px; line-height: 40px; color: #0077be; margin-bottom: 40px; } .postid-1969 #my-products .sub-product { margin: 20px 0 !important; } .postid-1969 #my-products .sub-product h2.my-sub-title { margin: 10px 0 0; font-size: 24px; line-height: 30px; color: #666666; font-family: 'Work Sans', sans-serif; cursor: pointer; } .postid-1969 #my-products .sub-product p.my-sub-text { font-size: 16px; line-height: 25px; color: #666666; } .postid-1969 #my-products .sub-product .one-line { display: inline-block; width: 46%; padding: 15px 10px; } .postid-1969 #my-products .sub-product ul li:nth-child(even) { background: #F7F6F2; } .postid-1969 #my-products .sub-product ul li:nth-child(even) ul li{ background: #F7F6F2; } .postid-1969 #my-products .sub-product .label { font-size: 15px; line-height: 18px; font-weight: 600; } .postid-1969 #my-products .sub-product .content{ font-size: 15px; line-height: 18px; } .postid-1969 #my-products .sub-product ul { padding: 20px 0; } .postid-1969 #my-products .sub-product .product-image { margin: 130px auto; text-align: center; } .postid-1969 #my-products .sub-product .product-image img { margin: 0 auto; width: 100%; max-width: 300px; vertical-align: middle; } .postid-1969 #my-products .sub-product li.sub-item { padding: 0 25px; } /******** ========================================================== Responsive Style ========================================================== *********/ @media screen and (max-width: 1280px) { #hp-sec4 .left-content { padding-top: 90px; padding-left: 60px; padding-right: 71px; } #hp-sec4 .col-md-6.second-col01 { background-position: 100%; } } @media screen and (max-width: 1170px) { #ap-sec3 .col-md-4.second-col { margin: 0px 20px; } #sign-up-sec .sign-up-cont { float: right; width: 39%; } } @media screen and (max-width: 1160px){ #hp-sec3 .third-col::before{display: none;} } @media screen and (max-width: 1098px) { #sign-up-sec .sign-up-cont { float: right; width: 41%; } } @media screen and (max-width: 1080px) { #sign-up-sec .sign-up-cont { width: 43% !important; } #my-footer-widget #secondary { width: 67%; } #my-footer-widget .col-xs-3.footer-col2 { width: 20%; } #my-footer-widget .col-xs-3.footer-col3 { width: 26%; } #my-footer-widget .col-xs-3.footer-col4 { width: 21%; } #menu-my-menu li.bg-img-home a { width: 228px; background-repeat: no-repeat; } #menu-my-menu li a { padding: 10px 12px; } #hp-sec3 .col-md-4.first-col .inner-cont { padding: 0px; } #hp-sec2 .prevButton_ .bx-prev { left: -8px; } #hp-sec2 .nextButton_ .bx-next { right: -8px; } } @media screen and (max-width: 997px) { #sign-up-sec .sign-up-cont .sign-up-left-cont { padding-right: 35px; } #my-news .my-n-content .np-desc .lsr-container .lsr-col-right img { width: 380px; } } @media screen and (max-width: 991px) { #hp-sec3 .col-md-4 { width: 38%; margin: 0 auto; } #hp-sec3 .col-md-4.second-col, #hp-sec3 .col-md-4.third-col { min-height: 410px; background-size: contain; background-position: 56%; margin-top: 20px; } #hp-sec3 .col-md-4.first-col .inner-cont { padding: 20px; } #hp-sec4 .col-md-6.first-col01 { min-height: 0px; } #hp-sec4 .left-content { padding-bottom: 30px; } #my-footer-widget .col-xs-3.footer-col1, #my-footer-widget .col-xs-3.footer-col3 { width: 26%; } .tp-mask-wrap { padding-left: 34px; } .tp-bgimg.defaultimg { background-position: 75% !important; } #ap-sec3 .col-md-4 { width: 100%; margin-right: 0 ; } #ap-sec2 .col-md-3.left-side { width: 100%; margin-right: 0; } #ap-sec2 .col-md-3 .first-box { background: #fff; min-height: 420px; float: left; width: 66%; } #ap-sec2 .second-box { min-height: 420px; float: right; width: 34%; } #ap-sec2 .col-md-9 { width: 100% !important; display: block; clear: both; } #ap-sec2 .col-md-3.left-side ul { padding: 97px 0 97px 158px; margin-bottom: 0; } .col-md-8.real-time-map iframe { width: 90% !important; } .col-md-8.real-time-map { width: 100%; text-align: center; } #my-news .my-n-content { float: none; box-sizing: border-box; padding-left: 0; display: block; } #my-news .my-n-sidebar { float: none; box-sizing: border-box; display: block; margin-top: 30px; clear: both; } #my-news .my-n-sidebar #newsside, #my-news .my-n-content .inner { min-height: auto; } .widget-area #searchsubmit { width: auto; display: inline-block; vertical-align: top; } #cp-sec2 .my-container .col-md-12 .col-md-4 { margin-top: 25px; margin-bottom: 50px; } #my-recipe .my-recipe-content .recipe-img { text-align: center; } #my-recipe .recipe-time .col-md-4 { width: 32%; display: inline-block; vertical-align: top; } } @media screen and (max-width: 986px) { #sign-up-sec .sign-up-cont .sign-up-left-cont { padding-right: 20px; } } @media screen and (max-width: 960px) { #my-menu { //display: none; } #sign-up-sec .sign-up-cont { width: 100% !important; padding: 10px 0; text-align: center; } #hp-sec2 .prevButton_ .bx-prev { left: 0px; } #hp-sec2 .nextButton_ .bx-next { right: 0px; } .limargin { width: 240px !important; } #about-sec { padding: 0 !important; } #ap-sec1 h3 { margin: 0; } #responsive-menu-item-27 { display: none; } #my-nl .row .col-md-6 { padding: 0 !important; margin-top: 20px; } #my-page { padding: 40px 20px 0px; } #my-page .my-content { float: none; width: 100%; } #my-related h2 { font-size: 30px; } #my-page .my-sidebar { float: none; width: 100%; margin-right: 0; } #nav_menu-2 { width: 68%; display: inline-block; margin-right: 2%; } #nav_menu-2 .menu-sidebar-menu-container { background: #fff; padding: 15px; } #text-6 { width: 30%; display: inline-flex; vertical-align: top; min-height: 422px; } #hp-sec3 .col-md-4.second-col, #hp-sec3 .col-md-4.third-col, #hp-sec3 .col-md-4.first-col { width: 32% !important; display: inline-block; vertical-align: top; margin: 0 !important; background-size: cover !important; } #hp-sec3 .row a{ text-decoration: none; } #hp-sec3 .col-md-4 h3 { font-size: 20px; line-height: 23px; } #hp-sec3 a.button01 { font-size: 17px; } #nav_menu-2 .menu-sidebar-menu-container br, .menu-image-title br{ display: none; } #responsive-menu-container li.responsive-menu-item.responsive-menu-item-has-children > a:after { content: '\f13a'; display: block; color: #fff; float: right; font-family: FontAwesome; } #responsive-menu-container li.responsive-menu-item.responsive-menu-item-has-children > a.selected:after { content: '\f139'; } #my-related { padding-top: 20px !important; } #my-recipe { padding: 40px 20px 40px !important; } #my-recipe .right-col { padding-left: 0; } } @media screen and (max-width: 934px) { #my-firstn, #my-lastn, #my-email, #my-number { width: 726px; } .my-container .my-contact-form { padding: 40px; } } @media screen and (max-width: 890px) { #ap-sec2 .col-md-3 .first-box { width: 60%; } #ap-sec2 .second-box { width: 40%; } #cp-sec2 .three-col{ padding: 55px 0; } #cp-sec2 .my-container .col-md-12{ padding: 0; } .my-container .my-contact-form { padding: 20px 0 !important; } } @media screen and (max-width: 800px) { #sign-up-sec .sign-up-cont { width: 50%; } .limargin { width: 265px !important; } #hp-sec3 .col-md-4 { width: 48%; margin: 0 auto; } #ap-sec2 .col-md-3 .first-box { width: 50%; } #ap-sec2 .second-box { width: 50%; } .my-container .my-contact-form textarea, #my-firstn, #my-lastn, #my-email, #my-number{ width: 90%; margin-right: 0px !important; } #ap-sec2 .col-md-3.left-side ul { padding: 97px 0 97px 10%; } #my-footer-widget .footer-col1, #my-footer-widget .footer-col2, #my-footer-widget .footer-col3 { width: 32% !important; float: left; min-height: 300px; } #my-footer-widget #secondary { width: 80% !important; } #my-footer-widget .footer-col4 #secondary { width: 97% !important; } #my-footer-widget .col-xs-3.footer-col4 { width: 100% !important; } #my-footer-widget .footer-col4 #secondary .tri-nav { width: 70% !important; display: inline-block; vertical-align: top; } #my-footer-widget .footer-col4 #secondary .tri-nav p { width: 32%; display: inline-block; text-align: center; border-right: 1px solid #ccc; padding: 10px 0; } #my-footer-widget .footer-col4 #secondary ul { width: 29% !important; display: inline-block; vertical-align: top; padding-left: 30px; box-sizing: border-box; margin-top: 5px; } #np-sec2 .my-container ul li { //min-height: 0; } } @media screen and (max-width: 696px) { #my-footer-widget #secondary { width: 100%; } #my-footer-widget .col-xs-3.footer-col1, #my-footer-widget .col-xs-3.footer-col3 { width: 100%; } #my-footer-widget .col-xs-3.footer-col2 { width: 100%; } #my-footer-widget .col-xs-3.footer-col4 { width: 100%; } #colophon { margin: 0; } #my-footer-widget { padding-top: 40px; padding-left: 20px !important; } .widget-area .textwidget ul { margin: 0 !important; } .widget-area .widget { margin-bottom: 0 !important; } #hp-sec4 .left-content { padding-top: 50px; padding-left: 40px; padding-right: 40px; } #wonderplugincarousel-1 .amazingcarousel-prev{ margin-left: -30px !important; } #wonderplugincarousel-1 .amazingcarousel-next{ margin-right: -30px !important; } .widget-area .widget { margin-bottom: 30px !important; } } @media screen and (max-width: 640px) { #sign-up-sec .sign-up-cont { width: 62%; } .limargin { width: 317px !important; } #hp-sec4 .col-md-6.first-col01 { min-height: 400px; } #hp-sec4 .left-content { padding-top: 25px; padding-left: 40px; padding-right: 40px; text-align: center; } #my-footer-widget .col-xs-3.footer-col4, #my-footer-widget .col-xs-3.footer-col2, #my-footer-widget .col-xs-3.footer-col1, #my-footer-widget .col-xs-3.footer-col3 { margin-top: 20px; } #np-sec1 .my-container .banner04{ background-position: left top; padding: 15px 28px !important; } #colophon .col-md-6.footer-left p, #colophon .col-md-6.footer-right p { color: #666666; text-align: center; } #colophon .col-md-6.footer-left ul li { border-right: 1px solid #e5e5e5; width: 100%; text-align: center; } #colophon { margin-bottom: 70px; } .slotholder { top: 0px !important; } #hp-sec4 h1 { width: 100%; } } @media screen and (max-width: 600px) { #sign-up-sec { background: #f7f6f2; min-height: 104px !important; } #sign-up-sec .sign-up-cont { width: 65%; } .limargin { width: 301px !important; } #hp-sec4 .col-md-6.first-col01 { min-height: 0px; } #hp-sec4 .left-content { padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } #hp-sec4 .col-md-6.first-col01 { min-height: 0px; } #hp-sec4 .left-content { padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } #wonderplugincarousel-1 .amazingcarousel-next { margin-right: 0px !important; } #wonderplugincarousel-1 .amazingcarousel-prev { margin-left: 0px !important; } #my-footer-widget .footer-col1, #my-footer-widget .footer-col2 { width: 50% !important; min-height: 220px; } #my-footer-widget .footer-col3 { width: 100% !important; min-height: 220px; } #sign-up-sec .sign-up-cont .social-icn-cont { text-align: center; } } @media screen and (max-width: 560px) { #sign-up-sec .sign-up-cont { width: 69%; } #slide-1-layer-1 { font-size: 40px !important; line-height: 45px !important; } .limargin { width: 279px !important; } #hp-sec4 h1 { font-size: 32px; line-height: 39px; width: 100%; font-weight: 700; margin: 10px 0; } #hp-sec4 .col-md-6.second-col01 { background-position: 75%; } #my-footer-widget .widget-title { font-size: 25px; } #sign-up-sec .sign-up-cont { width: 73%; } #ap-sec2 .second-box { width: 77%; } #ap-sec2 .col-md-3 .first-box { width: 78%; } #my-cp-form .my-row .left-col { padding-right: 0 !important; margin: 0 !important; } #my-cp-form .my-row .right-col { padding-left: 0 !important; } #my-cp-form .my-row .col { width: 100% !important; } #my-footer-widget .col-xs-3 { width: 100% !important; float: none; min-height: auto; } #my-footer-widget #secondary { width: 90% !important; } #my-footer-widget .footer-col4 #secondary .tri-nav p { width: 100%; display: block; text-align: left; border-right: oldlace; padding: 10px 20px 0; box-sizing: border-box; } #my-footer-widget .footer-col4 #secondary .tri-nav { width: 100% !important; display: block; } #my-footer-widget .footer-col4 #secondary ul { width: 100% !important; display: block; padding-left: 23px; margin-top: 15px !important; } .rp4wp-related-posts ul > li { width: 100% !important; display: block !important; margin-top: 20px !important; } #sign-up-sec .social-icn-cont img:hover, #my-footer-widget #col4 ul li img:hover { opacity: .75; } .my-content .entry-content { padding: 50px 30px !important; } #my-page #my-fp { padding: 50px 30px; } #np-sec2 { padding: 0 0px 70px !important; } #my-news .my-n-content .inner .my-np-cont { padding: 30px 30px 50px; } #my-recipe .my-recipe-content { padding: 40px 30px !important; } } @media screen and (max-width: 530px) { #hp-sec3 .col-md-4.first-col h1 { font-size: 42px; line-height: 69px; } #sign-up-sec .sign-up-cont { width: 73%; } #hp-sec3 .col-md-4.first-col h3 { width: 100%; margin-bottom: 10px; } #hp-sec3 .col-md-4.first-col { min-height: 0px; } #hp-sec4 { margin-top: 15px; } #hp-sec3 .col-md-4 { width: 100%; margin: 0 auto; } #ap-sec2 .right-side{ padding: 24px 32px; } } @media screen and (max-width: 498px) { #sign-up-sec .sign-up-cont { width: 77%; } .limargin { width: 246px !important; } #hp-sec4 { margin-top: 0; } #sign-up-sec .sign-up-cont { width: 100%; float: none; text-align: center; } #sign-up-sec .sign-up-cont .sign-up-left-cont { padding-right: 20px; } #ap-sec2 .second-box { width: 59%; min-height: 420px; } #ap-sec2 .col-md-3 .first-box { width: 59%; } #ap-sec2 .product-img{ background-position: center center; } #sign-up-sec .sign-up-cont .sign-up-left-cont { width: 100%; margin-bottom: 10px; background: none; } #sign-up-sec .sign-up-cont .sign-up-left-cont { background-position: 23%; } #sign-up-sec .sign-up-cont .social-icn-cont { padding-bottom: 40px; } } @media screen and (max-width: 470px) { .tp-mask-wrap { padding-left: 0px; } .limargin { width: 234px !important; } #ap-sec2 .second-box { width: 90%; min-height: 492px; } #ap-sec2 .col-md-3 .first-box { width: 91%; } #cp-sec3 .my-container .my-contact-form h1 { font-size: 29px; line-height: 34px; } #cp-sec3 .my-container .my-contact-form{ padding: 0; } .my-container .my-contact-form textarea, #my-firstn, #my-lastn, #my-email, #my-number{ width: 84%; } #sign-up-sec .sign-up-cont .sign-up-left-cont p::before { left: 60px; } h1#slide-4-layer-1 { font-size: 34px !important; margin: 0 auto !important; line-height: 25px !important; text-align: center !important; } #slide-4-layer-2 { font-size: 13px !important; } button#responsive-menu-button { top: 40px !important; } } @media screen and (max-width: 440px) { #sign-up-sec .sign-up-cont .sign-up-left-cont p::before { left: 50px; } } @media screen and (max-width: 420px) { #slide-1-layer-1, #slide-1-layer-2 { max-width: 100% !important; width: 100% !important; min-width: 340px !important; min-height: 100% !important; max-height: 100% !important; } #slide-1-layer-1 { font-size: 30px !important; line-height: 36px !important; } #slide-1-layer-2 { font-size: 14px !important; top: -6px; } #slide-1-layer-4 { font-size: 16px !important; top: -8px; } .limargin { width: 419px !important; } .tp-mask-wrap { padding-left: 0px; } #pp-sec1 .banner02 h3, #ap-sec1 .banner01 h3, #rp-sec1 .banner03 h3 { font-size: 50px; line-height: 130px; text-shadow: 3px 0px 5px #000; } #sign-up-sec .sign-up-cont .sign-up-left-cont p::before { left: 35px; } .page-template-template-awards #np-sec2 .my-container ul li .li-content .li-content-below { min-width: 300px !important; } } @media screen and (max-width: 380px) { .tp-mask-wrap { padding-left: 5px; } #hp-sec3 .col-md-4.first-col h3 { font-size: 22px; line-height: 30px; } #hp-sec3 a.button01, #hp-sec4 a.button02 { font-size: 18px; line-height: 24px; } #hp-sec4 h1 { font-size: 28px; line-height: 34px; } #my-footer-widget { padding-top: 25px; } #sign-up-sec .sign-up-cont .sign-up-left-cont { padding-right: 0px; } #sign-up-sec .sign-up-cont .sign-up-left-cont p { font-size: 14px; line-height: 20px; } #ap-sec3 .col-md-4.second-col{ margin: 0; } #ap-sec3 .col-md-4.second-col, #ap-sec3 .col-md-4.third-col{ margin-top: 0; } #ap-sec3{ padding-bottom: 0; } #hp-sec4 h1 { font-size: 24px; line-height: 29px; } } @media screen and (max-width: 360px) { #sign-up-sec .sign-up-cont .sign-up-left-cont p::before { left: 25px; } .page-template-template-awards #np-sec2 .my-container ul li .li-content .li-content-below { min-width: 275px !important; } #my-page .my-content h2 { font-size: 25px !important; line-height: 29px !important; } } @media screen and (max-width: 330px) { #sign-up-sec .sign-up-cont .sign-up-left-cont p::before { left: 15px; } } @media screen and (max-width: 300px) { #sign-up-sec .sign-up-cont .sign-up-left-cont p::before { left: 0; } } /********* ============================================================ RESPONSIVE STYLE ======================================================================= **********/ @media screen and (max-width: 1500px){ #hp-sec4 .left-content { padding-left: 140px; } } @media screen and (max-width:1190px) { #pp-sec2 .col-md-4 { width: 33%; margin-right: 0; } #cp-sec2 .first-row span, #cp-sec2 .second-row span { max-width: 370px !important; width: 49.6% !important; } } @media screen and (max-width:1180px){ #my-news { padding: 40px 15px; } .widget-area #s { width: 60%; display: inline-block; } #my-page .my-page-banner h1 { font-size: 60px; } } @media screen and (max-width:1172px) { .rcp-time { text-align: center !important; } #rp-sec2 .recipe-info ul.rcp-time li { padding: 10px 15px; } } @media screen and (max-width:1080px){ #pp-sec2 .prod-desc p a { padding: 0px !important; } #rp-sec2 .recipe-info ul.rcp-time li { font-size: 16px; line-height: 21px; padding: 10px 10px; } } @media screen and (max-width:991px){ #pp-sec2 .col-md-4 { width: 100%; margin-bottom: 30px; } #pp-sec2 .col-md-4 .product01, #pp-sec2 .col-md-4 .product05 { background-size: contain !important; background-position: 53%; } #pp-sec2 .col-md-4 .product02, #pp-sec2 .col-md-4 .product03, #pp-sec2 .col-md-4 .product04 { background-size: contain !important; } #pp-sec2 .prod-desc { text-align: center; margin: 20px auto 0 !important; } #pp-sec2 .prod-desc p { width: 300px; } #pp-sec2 { padding: 35px; } #product-page { padding: 0px !important; } #rp-sec2 .recipe-img { background-size: contain !important; background-position: center } .share-icon { text-align: center; } #rp-sec2 h1 { width: 100%; margin: 55px 0 0 0; } #rp-sec2 .recipe-desc { padding-left: 0 !important; } #rp-sec3 .col-md-4.rcp-01, #rp-sec3 .col-md-4.rcp-02, #rp-sec3 .col-md-4.rcp-03 { background-size: contain; background-position: center center; margin-bottom: 20px; } #rp-sec3 .col-md-4.rcp-03 { margin-bottom: 0px !important; } #rp-sec3 { padding-bottom: 35px !important; } #cp-sec2 .three-col { padding: 60px 0; } #cp-sec2 .first-row span, #cp-sec2 .second-row span { max-width: 100% !important; } .my-container .my-contact-form { padding: 40px 0; } #ap-sec3 .col-md-4, #ap-sec3 .col-md-4.second-col { width: 380px !important; margin: 20px auto !important; } #cp-sec-4 { padding-top: 0; } /* #hp-sec3 .col-md-4.second-col, #hp-sec3 .col-md-4.third-col,#hp-sec3 .col-md-4.first-col { max-width: 380px !important; width: 100% !important; } */ #ap-sec2 .second-box { text-align: center; } #ap-sec2 .col-md-3.left-side { margin-bottom: 15px !important; } #gh_page .gh_sec1 .row-wrapper, .otw-sc-toggle { padding: 0 35px; } #gh_page .gh_sec1 .row-wrapper .row { text-align: center; } #hp-sec2 #wonderplugincarousel-1 .amazingcarousel-title { font-size: 25px; } #my-page .my-page-banner h1 { font-size: 55px; } } @media screen and (max-width:960px){ header { position: static; } #mobile-subHead{ display:block!important; } #mobile-subHead .my-mobile-logo .ml-bottom { text-align: center; border-top: 20px solid #00AB4F; margin-top: -2px; } #mobile-subHead { position: relative; background: #F7F6F2; z-index: 5; } #mobile-subHead .my-mobile-logo { position: relative; z-index: 5; width: 100%; text-align: center; top: 0; left: 0; margin: 0; } #mobile-subHead .my-mobile-logo img{ max-width: 240px; width: 100%; } #sign-up-sec .sign-up-cont { padding: 0; } #hp-sec2 #wonderplugincarousel-container-1 .amazingcarousel-list-wrapper{ background-position: center; } #sign-up-sec .sign-up-cont .social-icn-cont { box-sizing: border-box !important; width: 49%; display: inline-block; float: left; vertical-align: top; } #sign-up-sec #mob-btn { width: 49%; display: inline-block; float: left; vertical-align: top; box-sizing: border-box; padding-left: 50px; } #sign-up-sec #mob-btn .inner-icon { font-size: 35px; color: #595856; text-align: left; padding-left: 30px; cursor: pointer; z-index: 999; } #sign-up-sec #mob-btn .inner-icon a { color: #595856; } #my-menu .desk-menu{ display: none; } #my-menu { position: relative; top: 0; min-height: 0; } #my-mob-menu ul li { margin-right: 0px !important; top: 0 !important; display: block; position: relative; float: none; margin: 0; } #my-menu #my-mob-menu.show-menu{ display: block; } #my-mob-menu ul li .menu-image-title-after { text-transform: none; font-size: 20px; font-weight: 700; background: transparent; border: 0; padding: 0; width: 100%; padding: 10px 10px; border-bottom: 1px solid #E6E6E6; text-align: left; box-sizing: border-box; } #my-mob-menu #menu-mobile-menu { padding: 10px 20px 20px; box-sizing: border-box; } #my-mob-menu ul li .sub-menu { display: block; position: relative; top: 0; left: 0; padding: 0 20px; } #my-mob-menu ul li a:hover{ background: #F2F8F9; border-color: #0077BE; color: #0077BE; } #my-mob-menu .menu-item-has-children:after{ position: absolute; content: "\f078"; font-family: FontAwesome; font-size: 15px; top: 25px; right: 30px; color: #0077BE; } #my-menu .sub-menu li{ background: #F2F8F9; } #my-menu .sub-menu li a:hover { color: #fff !important; background: #45A2DA !important } #sign-up-sec .sign-up-cont .social-icn-cont ul { padding: 0 40px !important; } #my-menu .sub-menu li a { font-size: 17px !important; } #my-recipe .my-recipe-content .right-col h2 { font-size: 30px; width: 100%; } } @media screen and (max-width:800px){ #hp-sec3 .col-md-4 { width: 48%; margin: 0 auto; } #pp-sec1 .banner02 { background-position: 64%; min-height: 227px; } #pp-sec1 .banner02 h3 { padding: 40px !important; } #product-page { padding-top: 0 !important; } } @media screen and (max-width:767px){ #my-prod-award .right-col { padding: 0 !important; text-align: center; } #my-prod-content .left-col h1 { font-size: 25px !important; margin-bottom: 20px !important; line-height: 30px !important; } #nav_menu-2 { width: 100%; display: inline-block; margin-right: 0; } #text-6 { width: 100%; display: block; vertical-align: top; min-height: auto; text-align: center; } #hp-sec3 .col-md-4.second-col, #hp-sec3 .col-md-4.third-col, #hp-sec3 .col-md-4.first-col { width: 100% !important; display: block; vertical-align: top; margin: 0 auto !important; background-size: cover !important; margin-top: 20px !important; max-width: 400px; } #hp-sec3 { padding-top: 0px; } #my-page .my-page-banner h1 { font-size: 50px; } #my-footer-widget .footer-col1, #my-footer-widget .footer-col2, #my-footer-widget .footer-col3 { width: 100% !important; float: unset; min-height: auto; } #my-footer-widget #secondary { float: none; } #my-footer-widget #nav_menu-4 ul li, #my-footer-widget #nav_menu-6 ul li { width: 49%; display: inline-block; vertical-align: top; } #my-footer-widget .footer-col4 #secondary .tri-nav p { width: 100%; display: block; text-align: left; border-right: none; padding: 0; } #my-footer-widget .footer-col4 #secondary .tri-nav { width: 50% !important; } #my-footer-widget #text-5 .nrc-sec { width: 80%; margin: 0 auto; } #my-footer-widget .footer-col4 #secondary ul { width: 55% !important; padding-left: 0;; } #my-footer-widget { padding-left: 20px !important; padding-right: 20px !important; } .home #hp-sec3 { padding: 30px 0 30px; } #hp-sec4 { padding-top: 30px; } #hp-sec4 .left-content { padding: 30px 50px !important; } #colophon .col-md-6.footer-right { text-align: center; width: 50%; } #colophon .col-md-6.footer-left { text-align: center; width: 50% !important; } #my-news .my-n-content .np-desc .lsr-container .lsr-col-right { width: 100%; vertical-align: top; display: block; text-align: center; float: none; } #my-news .my-n-content .np-desc .lsr-container .lsr-col-left { width: 100%; vertical-align: top; display: block; float: none; } .home #hp-mob-slide{margin-top: 32px;} } @media screen and (max-width:640px){ #pp-sec1 .banner02 { background-position: 83%; } #rp-sec2 h1 { margin: 45px 0 0 0; } #rp-sec2 h1 { font-size: 32px; line-height: 37px; } #rp-sec2 .inner-content { padding: 20px !important; } #cp-sec2 .first-row span, #cp-sec2 .second-row span { max-width: 100% !important; width: 100% !important; padding: 0 !important; } .my-container .my-contact-form .submit-form { font-size: 20px; padding: 5px 40px; font-weight: bold; color: #eaf1f7; line-height: 50px; } .form-submit .wpcf7-form-control.wpcf7-submit.submit-form { max-width: 300px !important; } #cp-sec-4 .real-time-map iframe { height: 400px; margin-bottom: 0; } #ap-sec2 .col-md-3 .first-box { width: 100% !important; float: none !important; margin-bottom: 20px !important; } #ap-sec2 .col-md-3.left-side ul { padding: 50px 0 50px 10% !important; } #ap-sec2 .col-md-3 .first-box { min-height: 100% !important; } #ap-sec2 .second-box { width: 100% !important; float: none !important; margin-bottom: 20px !important; } #ap-sec2 .col-md-3.left-side { margin-bottom: 0px !important; } #np-sec2 .my-container ul li { margin: 20px 0; } #np-sec2 { padding: 0 28px 70px; } #my-prod-banner { background-color: #fff; } #my-page .my-page-banner h1 { font-size: 45px; } #my-footer-widget #secondary, #my-footer-widget #text-5 .nrc-sec, #my-footer-widget .footer-col4 #secondary { width: 100% !important; } #mob-btn .inner-icon { padding: 0 !important; } #sign-up-sec .sign-up-cont .social-icn-cont{ width: 100%; display: block; float: none; } #sign-up-sec #mob-btn{ padding-left: 5%; } #colophon .col-md-6.footer-left { text-align: center; width: 50% !important; float: left !important; } #colophon .col-md-6.footer-right { text-align: center; width: 50%; float: right !important; } #my-signup-pop .gfield.gf_right_half, #my-signup-pop .gfield.gf_left_half { padding: 0 !important; } } @media screen and (max-width:599px){ #my-mob-menu ul { display: block; } body #my-mob-menu ul li .sub-menu { display: none; } body #my-mob-menu ul li:hover .sub-menu { display: block; } #sign-up-sec .sign-up-cont .social-icn-cont ul { padding: 0 30px !important; } #sign-up-sec .sign-up-cont .social-icn-cont { width: 100%; } #my-recipe .recipe-time .col-md-4 { width: 100%; display: block; } } @media screen and (max-width:440px){ #pp-sec1 .banner02 { min-height: 196px; } #pp-sec2 .col-md-4 .product01, #pp-sec2 .col-md-4 .product05 { background-size: contain !important; background-position: 100%; } #pp-sec2 .prod-desc p { width: 100% !important; display: block; } #rp-sec2 h1 { margin: 35px 0 0 0; } #rp-sec2 h1 { font-size: 28px; line-height: 34px; } #rp-sec3 h1 { font-size: 34px; line-height: 40px; } #cp-sec2 .my-container .col-md-12 h2 { font-size: 30px; line-height: 34px; } .my-container .my-contact-form h1 { font-size: 30px; line-height: 34px; } .my-container .my-contact-form .submit-form { font-size: 18px; line-height: 40px; } .form-submit .wpcf7-form-control.wpcf7-submit.submit-form { max-width: 250px !important; } #ap-sec3 .col-md-4.first-col h3 { font-size: 22px; line-height: 28px; } #ap-sec3 a.button01 { font-size: 20px; line-height: 44px; } #ap-sec2 .col-md-3.left-side ul { padding: 10% !important; } #pp-sec2 .prod-desc p { width: 80% !important; display: block !important; padding: 10px !important; margin-bottom: 0 !important; } #pp-sec2 .prod-desc { padding-bottom: 20px !important; } #pp-sec2 .prod-desc p a { width: 100% !important; font-size: 20px !important; } #hp-sec2 #wonderplugincarousel-1 .amazingcarousel-title { font-size: 23px; } #np-sec2 .my-container ul li .li-content .li-content-below h3 { font-size: 23px; line-height: 27px; } #np-sec2 .my-container ul li .li-content .li-content-below p { font-size: 16px; line-height: 24px; } #my-page .my-page-banner h1 { font-size: 40px; } #my-footer-widget #nav_menu-4 ul li, #my-footer-widget #nav_menu-6 ul li { width: 100%; display: block; vertical-align: top; } #colophon .col-md-6.footer-left, #colophon .col-md-6.footer-right { text-align: center; width: 100% !important; float: none !important; border: 0; } } @media screen and (max-width:380px){ #pp-sec2 .prod-desc p { font-size: 18px !important; } #rp-sec2 h1 { font-size: 26px; line-height: 32px; } #rp-sec3 h1 { font-size: 32px; line-height: 38px; } #ap-sec3 .col-md-4, #ap-sec3 .col-md-4.second-col { width: 100% !important; } #hp-sec3 .col-md-4.second-col, #hp-sec3 .col-md-4.third-col, #ap-sec3 .col-md-4, #ap-sec3 .col-md-4.second-col, #ap-sec3 .col-md-4.third-col { background-image: unset; min-height: 100% !important; } #hp-sec3 .col-md-4 img, #ap-sec3 .col-md-4 img { display: block; } #ap-sec3 a.button01 { line-height: 25px; display: inline-block; margin: 0 0 40px; } #pp-sec2 .prod-desc p a { font-size: 17px !important; } #hp-sec2 #wonderplugincarousel-1 .amazingcarousel-title { font-size: 20px; } #my-news .my-n-content .np-desc .lsr-container .lsr-list .lsr-list-col-left { display: block; width: 100%; float: none; text-align: center; } #my-news .my-n-content .np-desc .lsr-container .lsr-list .lsr-list-col-right { display: block; width: 100%; text-align: center; float: none; margin-top: 5px; } #my-news .my-n-content .np-desc .lsr-container .lsr-awards .lsr-list-row .lsr-list-col-right { display: block; width: 100%; text-align: center; margin-top: 20px; } } @media screen and (max-width:300px){ #rp-sec2 .recipe-info ul.rcp-time li.right-border, #rp-sec2 .recipe-info ul.rcp-time li { border: 1px solid #ccc !important; display: block; margin: 0 0 -1px 0px; } #rp-sec2 h2 { margin: 0 0 20px; } #np-sec2 .my-container ul li .li-content .li-content-below { padding: 15px; } #np-sec2 .my-container ul li .li-content .li-content-below h3 { font-size: 22px; line-height: 26px; } #np-sec2 .my-container ul li { min-height: auto !important; } #my-page .my-page-banner h1 { font-size: 35px; } } .a_top_banner{ max-width:100% !important; } @media only screen and (max-width: 500px) { .a_top_banner{ margin-top:50px; } }