/* Theme Name: Edstein Creative Stone Theme URI: http://www.edstein.com.au Version: 1.1 Description: Heavily modified Lucid theme to suit Edstein Creative Stone and it's requirements. Author: Golden Age Media Enterprises Author URI: http://www.goldenagemedia.com.au/web-design/ */ /*-----------------[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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } article, aside, footer, header, hgroup, nav, section { display: block; } /*-----------------[CUSTOM FONT]------------------*/ @font-face { font-family: Boxed; src: url(fonts/boxed.otf); } @font-face { font-family: Boxed; src: url(fonts/boxed-medium.otf); font-weight: 700; } @font-face { font-family: Boxed; src: url(fonts/boxed-bold.otf); font-weight: bold; } /*-----------------[BASIC STYLES]-----------------*/ html { -webkit-font-smoothing: antialiased; } body { font-family: "Boxed", "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 16px; font-weight: normal; color: #555; /*background: #484643 url(images/bg-wallpaper.jpg) fixed; */ background-color:#ccc; line-height: 1.4em; } .page-id-99, .page-id-245, .page-id-66, .page-id-101, .page-id-103, .page-id-105, .page-id-107, .page-id-391 { } .page-id-68, .page-id-965, .page-id-977, .page-id-966, .page-id-967, .page-id-978 { } #logo-container { position: absolute; top: 367px; width: 100%; height: 90px; background: url(images/bg-featured-logo.png); } #black-dropshadow { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(data:image/svg+xml;base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMSUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMiIvPgogIDwvcmFkaWFsR3JhZGllbnQ+CiAgPHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.2) 100%); background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(1%, rgba(0,0,0,0)), color-stop(70%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.2))); background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.2) 100%); background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.2) 100%); background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.2) 100%); background: radial-gradient(ellipse at center, rgba(0,0,0,0) 1%, rgba(0,0,0,0) 70%, rgba(0,0,0,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000', GradientType=1 );} a { text-decoration: none; color: #00869E; } a:hover { text-decoration: underline; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0; padding: 0; } h1, h2, h3, h4, h5, h6 { padding-bottom: 20px; color: #00869E; line-height: 1em; font-weight: normal; font-family: "Boxed", "Helvetica Neue", Helvetica, Arial, "sans-serif"; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #00869E; } h1 { font-size: 28px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 16px; } h6 { font-size: 14px; } .post_content_home h1 { font-size: 32px !important; padding-bottom: 10px; } p { padding-bottom: 22px; line-height: 24px; } strong { font-weight: bold; } cite, em, i { font-style: italic; } pre, code { font-family: Courier New, monospace; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em; } blockquote { margin: 1.5em; padding: 1em; color: #666666; background: #e6e6e6; font-style: italic; border: 1px solid #dcdcdc; } blockquote p { padding-bottom: 0; } input[type=text], input.text, input.title, textarea, select { background-color: #fff; border: 1px solid #bbb; padding: 6px; color: #4e4e4e; } input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; } input[type=text], input.text, input.title, textarea, select { margin:0; } textarea { padding: 6px; } img#about-image { float: left; margin: 3px 8px 8px 0; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix{ zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ #woo-container { background: #FFF; border: 1px solid #666; float: left; margin-right: 20px; margin-bottom: 30px; padding: 30px; width: 578px; box-shadow: 0 0 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2); } .entry-content ul { list-style: disc outside none; margin: 0 0 0 30px; } .entry-content ul li { padding-left: 10px; line-height: 24px; } .woocommerce table.cart td.actions .button.alt, .woocommerce #content table.cart td.actions .button.alt, .woocommerce-page table.cart td.actions .button.alt{ float: right; margin-left: 0.25em; margin-top: 0 !important; } /*---------------[MAIN LAYOUT INFO]---------------*/ #main-header { background-color: #0089A1; position: relative;} #main-header:before { content: ''; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow.png) no-repeat top center; width: 100%; } .container { text-align: left; margin: 0 auto; width: 960px; position: relative; } #top-menu { border-right: 0 solid #e5e5e5; padding: 0; float: left; width: 100%; text-align: center; } #top-menu a { font-size: 14px; color: #fff; text-decoration: none; padding: 22px 15px 23px; display: block; } #top-menu > ul > li > a { -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all .5s; transition: all 0.5s; } #top-menu > ul > li > a:hover { color: #fff; background-color: #33A1B3; } #top-menu li.sfHover > a { color: #fff; text-shadow: none; } #top-menu ul > li.current-menu-item > a { font-weight: bold; } #top-menu .main_text { color: #fff; } #top-menu ul > li#menu-item-3074 { float: right; background: #83bacf; text-transform: uppercase; } #main-header ul.mobile-online-quote { display: none; float: right; position: absolute; right: 0; z-index: 111; } #main-header ul.mobile-online-quote li a { font-size: 16px; color: #fff; text-decoration: none; padding: 1em; display: block; background: #83bacf; } } #social-icons { float:left; border-left: 1px solid #fff; border-right: 1px solid #e5e5e5; padding: 23px 32px 19px; } #social-icons a { padding-left: 4px; float: left; } #search { float: right; border-left: 1px solid #fff; padding: 11px 0 0 0; } #search-form { height: 35px; border: 1px solid #e5e5e5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 1px 1px 0 #fff; -moz-box-shadow: 1px 1px 0 #fff; box-shadow: 1px 1px 0 #fff; } #search-form #searchinput { background: none; border: none; float: left; margin: 3px 14px 0 7px; width: 108px; padding-left: 6px; font-size: 12px; color: #4b4b4b; font-weight: lighter; } #search-form #searchsubmit { margin-top: 12px; margin-right: 12px; } #logo-secondary-pages { width: 100%; background: #fff; padding: 30px 0; box-shadow: 0 0 6px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3); } #logo-e-mcmurtrie { position: relative; float:right; border: 0 none; display: none; } #facebook-logo { position: relative; border: 0 none; padding-bottom: 3px; padding-left: 20px; } #facebook-logo-2 { display: inline; padding-left: 20px; border: 0 none; } #image-menu { position: relative; width: 960px; background: #FFF; float: left; margin-bottom: 20px; } #image-menu .image-menu-object { position: relative; max-width: 180px; float: left; margin: 10px 5px; } #image-menu .image-menu-object.first { margin-left: 10px; } .image-menu-overlay { position: absolute; bottom: 0px; left: 0; width: 100%; height: 30px; line-height: 30px; overflow: hidden; padding: 0;color: #fff; text-align: center; font-family: 'Oswald', arial, sans-serif; font-size: 14px; text-transform: uppercase; background: rgb(0, 134, 158); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .image-menu-object a:hover .image-menu-overlay { bottom: 0; height: 40px; line-height: 40px; } #secondary-menu { background: none repeat scroll 0 0 #FFF; border: 1px solid #CCCCCC; float: left; margin-bottom: 20px; position: relative; width: 960px; } #secondary-menu:before { content:''; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow.png) no-repeat top center; width: 100%; z-index: 1; } .container #secondary-menu { text-align: center; } #secondary-menu a { font-size: 14px; color: #333; text-decoration: none; text-shadow: 1px 1px 0 #fff; display: block; line-height: 50px; font-weight: normal; padding: 0 20px; } #secondary-menu ul li { float: left; } #secondary-menu ul li a { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #secondary-menu ul li a:hover { color: #fff; background-color: #00869E; text-shadow: -1px -1px 0 #005C6A; -moz-box-shadow: inset 0 0 10px rgba(0, 90, 100, 0.7); -webkit-box-shadow: inset 0 0 10px rgba(0, 90, 100, 0.7); box-shadow: inset 0 0 10px rgba(0, 90, 100, 0.7); } #secondary-menu li.sfHover > a { color: #fff; text-shadow: none; } #secondary-menu .main_text { color: #4b4b4b; } #secondary-menu ul li.current-menu-item a { font-weight: bold; } #covid-notice { position: relative; background: #f47b20; color: #fff; padding: 10px 0px; text-align: center; } #covid-notice span { position: relative; display: inline-block; vertical-align: middle; border: 1px solid #fff; padding: 2px 10px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; font-style: normal; font-size: 20px; margin-right: 10px; } #covid-notice a { display: inline-block; vertical-align: middle; color: #fff; } #covid-notice a:hover { text-decoration: none; } #covid-notice a.covid-close { position: absolute; right: 1%; top: 28%; font-size: 20px; } #main-area {padding-bottom: 30px; } #home-pictures { clear: both; float: left; margin: 20px 0; } a.home-pic { position: relative; max-width: 300px; /*max-height: 170px;*/ overflow: hidden; float: left; margin-right: 30px; } .home-pic-overlay { position: absolute; bottom: 0px; left: 0; width: 300px; height: auto; line-height: 50px; overflow: hidden; padding: 0; color: #fff; text-align: center; font-family: 'Oswald', arial, sans-serif; font-size: 18px; text-transform: uppercase; background-color:rgb(0,137,161); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .home-pic-overlay span { display: block; margin-top: -25px; font-family: 'Cabin', Arial, sans-serif; font-size: 10px; text-transform: uppercase; letter-spacing: 10px; font-weight: bold; } a:hover.home-pic .home-pic-overlay { height: auto; line-height: 60px; } #logo-mcmurtrie { position: absolute; bottom: 0; left: 0; } .caroufredsel_wrapper { height: 152px !important; } #foo2 { height: 152px !important; } #foo2 img { width: 300px !important; height: 152px !important; } #featured_section { margin: 0; } #featured { position:relative; } #switcher { border: 1px solid #e5e5e5; border-top: none; position: relative; background-color: #fff; } #switcher:before { content:''; position: absolute; height: 7px; top: -8px; left: 0; background: url(images/top-shadow.png) no-repeat top center; width: 100%; } #switcher-container { position: relative; } #switcher-container:after { content: ''; position: absolute; height: 7px; bottom: -6px; left: 0; background: url(images/shadow.png) no-repeat top center; width: 100%; } #switcher li { float: left; width: 318px; border-right: 1px solid #eeeeee; cursor: pointer; } #switcher .last { border-right: none; width: 320px; } #featured_section .active-slide .switcher-content, #featured_section .switcher_hover { background-color: #f9f9f9; -moz-box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; } #featured_section .switcher_hover, #featured_section .switcher_hover .post-meta, .et_tab_link_hover .post-meta { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .switcher-content { padding: 41px 29px 24px 93px; position: relative; } span.post-meta { position: absolute; left: 29px; top: 34px; display: block; background: #4c4c4c; color: #fff; font-size: 11px; text-transform: uppercase; text-align: center; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; width: 45px; height: 45px; line-height: 36px; font-weight: lighter; font-size: 10px; text-transform: uppercase; } span.post-meta span { display: block; margin-top: -24px; font-weight: bold; font-size: 12px; } #switcher h2 { font-weight: lighter; font-size: 20px; } #switcher .meta-info, .article .meta-info { font-family:'Cabin Condensed', Arial, sans-serif; font-size: 16px; color: #b8b8b8; margin-top: -5px; } #switcher .meta-info a, .article .meta-info a { color: #b8b8b8; text-decoration: none; } .article .meta-info a:hover { color: #949494; } .recent-category_widget { margin-bottom: 53px; } .recent-category { float: left; width: 300px; margin-right: 30px; position: relative; } #recent-categories .last { margin-right: 0; } h3.main-title { font-family: 'Cabin Condensed', Arial, sans-serif; display: inline-block; font-size: 16px; text-transform: uppercase; color: #fff; text-shadow: -1px -1px 0 rgba(0,0,0,0.2); margin-bottom: -1px; padding: 8px 11px; } a.more { position: absolute; font-family: 'Cabin Condensed', Arial, sans-serif; text-transform: uppercase; color: #bababa; font-size: 16px; text-shadow: 1px 1px 0 #fff; background: url(images/more-arrow.png) no-repeat right 4px; text-decoration: none; top: 2px; right: 0;padding-right: 14px; } a.more:hover { color: #111; } .category-box { border: 1px solid #e5e5e5; position: relative; } .category-box:after { content: ''; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow2.png) no-repeat top center; width: 100%; } .category-box li { background-color: #f9f9f9; border: 1px solid #fff; border-bottom: 1px solid #e5e5e5; padding: 10px 10px 0; } .category-box .last { border-bottom: none; } .category-box .thumb { float: left; margin: 0 17px 5px 0; position: relative; line-height: 0; } .category-box .thumb:after { position: absolute; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.6); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.6); box-shadow: inset 0 0 10px rgba(0,0,0,0.6); content: ''; left: 0; top: 0; width: 100%; height: 100%; } .category-box h3 { font-size: 16px; text-shadow: 1px 1px 0 #fff; } .category-box h3 a { text-decoration: none; color: #4c4c4c; } .category-box h3 a:hover { color: #111; } .category-box p.meta-info { font-weight: lighter; font-size: 14px; color: #b1b0b0; text-shadow: 1px 1px 0 #fff; margin-top: -5px; padding-bottom: 8px; } .category-box p.meta-info a { text-decoration: none; color: #b1b0b0; } .category-box p.meta-info a:hover { color: #111; } #left-area { float: left; width: 630px; margin-right: 30px; } #content-area-home { background: url(images/bg-content-area.png) repeat; margin-bottom: 30px; } .divider { display: block; width: 100%; height: 10px; background: #83CCD7 /*url(images/bg-divider.png) repeat-x*/; margin: 20px 0; } #homepage-carousel { margin: 30px 0; text-align: center; } #homepage-carousel h2 { font-size: 36px; padding-bottom: 30px; color: #fff; text-shadow: 1px 1px 0 #434343; } #homepage-blog { background: url(images/bg-content-area.png) repeat; margin: 30px 0; text-align: left; padding: 30px; } #secondary-slider { width: 960px; margin: 0 auto; } #recent-videos { position: relative; margin-bottom: 56px; } #video-slider-section { position: relative; border: 1px solid #e5e5e5; } #video-slider-section:before { content: ''; position: absolute; height: 8px; bottom: -8px; left: 0; background: url(images/middle-shadow.png) no-repeat top center; width: 100%; } .video-slide { background-color: #fff; padding: 9px; line-height: 0; } #recent-articles { position: relative; margin-bottom: 30px; } #articles-content { border: 1px solid #e5e5e5; background-color: #fff; } #articles-content:before { content: ''; position: absolute; height: 8px; bottom: -7px; left: 0; background: url(images/middle-shadow.png) no-repeat top center; width: 100%; } .article { border-bottom: 1px solid #f7f7f7; padding: 10px; } .article .last { border-bottom: none; } .article .thumb { float: left; margin-right: 28px; position: relative; line-height: 0; } .article .thumb .overlay { position: absolute; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); box-shadow: inset 0 0 10px rgba(0,0,0,0.3); left: 0; top: 0; width: 100%; height: 100%; } .article h4 { padding-top: 20px; font-size: 24px; font-weight: lighter; } .article h4 a { text-decoration: none; color: #4c4c4c; } .article h4 a:hover, #tab-controls li a:hover, .widget li a:hover, .footer-widget li a:hover, #bottom-menu a:hover, .post h2.title a:hover { color: #b8b8b8; } .article p { margin-top: -7px; } #main-area { padding-top: 30px; } .entry { background-color: #fff; position: relative; margin-bottom: 30px; } .entry:before { content: ''; position: absolute; height: 8px; bottom: -8px; left: 0; background: url(images/middle-shadow.png) no-repeat top center; width: 100%; } .entry .meta-info { background-color: #f9f9f9; border: 1px solid #fff; border-bottom: none; font-size: 16px; color: #b8b8b8; text-shadow: 1px 1px 0 #fff; font-weight: lighter; padding: 19px 28px; } .entry .meta-info a { text-decoration: none; color: #888888; } .entry .post-thumbnail { position: relative; line-height: 0; } .entry .post-thumbnail .overlay { position: absolute; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.3); box-shadow: inset 0 0 10px rgba(0,0,0,0.3); left: 0; top: 0; width: 100%; height: 100%; } .entry h2.title, h1.title { font-size: 30px; font-weight: lighter; color: #4c4c4c; margin-bottom: 20px; } .entry h2.title a { text-decoration: none; color: #4c4c4c; } .entry h2.title a:hover { color: #111; } .post_content { padding: 30px; } .post_content a.more { position: relative; top: 0; padding-right: 14px; float: right; } .category-box .recent_even { background: #fff; } #video-slider-section { background: #fff; padding: 9px; } #video-content .flex-control-nav { display: none; } article.post ul, .comment-content ul, article.page ul { list-style-type: disc; padding: 0 0 30px 0; margin-left: 30px; line-height: 26px; } article.post ul li, .comment-content ul li, article.page ul li { list-style-type: disc; padding: 0 0 0 0; line-height: 26px; } article.post ul.tick, .comment-content ul.tick, article.page ul.tick { list-style-type: none; padding: 0 0 30px 0; margin: 0px; line-height: 26px; } article.post ul.tick li, .comment-content ul.tick li, article.page ul.tick li { list-style-type: none; padding: 0 0 0 30px; line-height: 26px; background: url(images/icon-list-item.png) no-repeat 0 8px; } article.post ol, .comment-content ol, article.page ol { list-style-type: decimal; list-style-position: inside; padding: 0 0 23px 16px; line-height: 26px; } .post ul li ul, .post ul li ol, .comment-content ul li ul, .comment-content ul li ol, article.page ul li ul, article.page ul li ol { padding: 2px 0 2px 20px; } .post ol li ul, .post ol li ol, .comment-content ol li ul, .comment-content ol li ol, article.page ol li ul, article.page ol li ol { padding: 2px 0 2px 35px; } article.post p, .comment-content p, article.page p { padding-bottom: 17px; } #breadcrumbs { background: #fff; border: 1px solid #ccc; -moz-box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; position: relative; margin-bottom: 27px; font-size: 13px; padding: 11px 1px; } #breadcrumbs a { display: inline-block; padding: 11px 6px 13px 12px; background: #f9f9f9; color: #4c4c4c; text-shadow: 1px 1px 0 #fff; } #breadcrumbs a:hover { color: #111; text-decoration: none; } #breadcrumbs a, span.raquo { float: left; margin: -11px 0; } span.raquo { background: url(images/breadcrumbs_arrow_gray.png) no-repeat; display: inline-block; text-indent: -9999px; width: 11px; height: 38px; }span.raquo:last-child { background-image: url(images/breadcrumbs_arrow.png); margin-right: 10px; } #breadcrumbs .breadcrumbs_home { background-image: url(images/breadcrumbs_home.png); background-repeat: no-repeat; background-position: 18px 11px; padding-left: 40px; } .table { width: 100%; border: 0 none; } .table td { padding: 10px; text-align: center; border-right: 1px solid #fff; border-bottom: 1px solid #fff; } .table tr.top-row { background: #D1DFE1 !important; text-shadow: 1px 1px 0 #fff; } .table tr:nth-child(even) { background: #E2EAEC; } .table tr:nth-child(odd) { background: #E6F0F2; } .location { float: left; clear: both; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px dashed #ccc; } .location a { font-size: 13px; } .location .left { float: left; margin-right: 20px; width: 220px; line-height: 22px; } .location .right { float: left; margin-right: 0; width: auto; text-align: right; } .location .right iframe { width: 100%; height: 220px; } /*------------------------------------------------*/ /*---------------[DROPDOWN MENU]------------------*/ /*------------------------------------------------*/ ul.nav li ul { width: 260px !important; background: #eee; top: 59px !important; left: 0 !important; -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.1); box-shadow: 2px 2px 3px rgba(0,0,0,0.1); z-index: 9999; display: none; } ul.nav ul li { margin: 0 !important; padding: 0 !important; } #top-menu ul ul li a, #second-menu ul ul li a { padding: 20px 20px 20px 20px !important; width: 260px; color: #555; text-align: left; border-top: 1px solid #e3e3e3; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #top-menu ul ul li:first-child a, #second-menu ul ul li:first-child a { border-top: none !important; } #top-menu ul ul li a:hover, #second-menu ul ul li a:hover { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background-color: #33A1B3; color: #fff !important; padding-left: 25px !important; } ul.nav ul li a:hover { color: #c6c6c6 !important; } ul.nav li:hover ul ul, ul.nav li.sfHover ul ul { top: -1px !important; left: 260px !important; border-top: 1px solid #f0f0f0; } #second-menu ul.nav li ul { top: 58px !important; text-align: left; } #second-menu ul.nav li:hover ul ul, #second-menu ul.nav li.sfHover ul ul { top: -1px !important; } ul.nav > li > a { overflow: hidden; height: 54px; } #top-menu a { padding: 0 0 5px; } span.menu_slide, span.main_text { display: block; padding: 18px 15px 17px; position: relative; } span.menu_slide { display: none; } #second-menu > ul.nav { float: left; } .js #top-menu > ul.nav, .js #second-menu > ul.nav { visibility: hidden; } .children { padding-left: 0 !important; } .mobile_nav { display: none; position: relative; padding: 1em; text-align: right; } .mobile_nav:hover { color: #eee; text-decoration: none; } .mobile_nav:after { content: "\f078"; font-family: "Font Awesome 5 Free"; font-weight: 900; padding-left: 1em; float: padding right; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .et_mobile_menu { position: absolute; top:4em !important; left: 0; z-index: 1000; display: none; text-align: center; background:#fdfdfd; } #mobile_menu { width: 100% !important; } .et_mobile_menu li { padding-left: 0 !important; } .et_mobile_menu ul { display: block !important; visibility: visible !important; } .et_mobile_menu li.current-menu-item > a, .et_mobile_menu a:hover { color: #FFF; background:#777; text-decoration: none; } .et_mobile_menu a { display: block; padding-left: 9px !important; background-position: 0 17px; color: #4c4c4c; width: auto; border-top: 1px solid #fff; border-bottom: 1px solid #e5e5e5; } .et_mobile_menu li a { padding: 0.8em 1em !important; background-repeat: no-repeat; background-position: 23px 17px; } .mobile_nav li ul { position: relative; top: 0; width: auto; display: block !important; visibility: visible !important; } #second-menu .mobile_nav, #category_mobile_menu li a { color: #48423f; text-shadow: 1px 1px 0 #fff; } #category_mobile_menu li a:hover, #category_mobile_menu li.current-menu-item > a { color: #919e9e; } #category_mobile_menu { top: 46px !important; left: -56px; } #category_mobile_menu li a { float: left; } #second-menu .mobile_nav:before, #second-menu .mobile_nav:after { background-image: url(../images/secondary-menu-bg.png); } .et_mobile_menu span.main_text { padding: 0; } /*------------------------------------------------*/ /*--------------[FEATURED SLIDER]-----------------*/ /*------------------------------------------------*/ .flex-container a:active, .flexslider a:active { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } #featured-logo { bottom: 20px; left: 0; z-index: 10; width: 100%; margin: 0 auto; padding: 20px 0; background: url(images/bg-featured-logo.png); } #featured-logo img { padding-left: 20px; } #featured-contact { float: right; padding: 12px 20px 0 0; text-align: right; font-family: "Boxed", "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #A1A5AC; font-size: 18px; } #featured-contact span { font-size: 30px; display: inline-block; padding-bottom: 10px; } #featured-contact span img { vertical-align: middle; display: inline !important; margin-bottom: 5px; } /* FlexSlider Necessary Styles *********************************/ .flexslider { width: 100%; margin: 0; padding: 0; } .flexslider .slides > li { display: none; } img { max-width: 100%; height: auto; width: auto; } .flexslider img { display: inline-block; width: auto; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { position: relative; zoom: 1; } .flexslider .slides { zoom: 1; } .flexslider .slides > li { position: relative; } /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */ .flex-container { zoom: 1; position: relative; } #featured .flex-direction-nav a, #video-slider-section .flex-direction-nav a { position: absolute; text-indent:-9999px; top:50%; margin-top: -30px; width: 60px;height: 60px; display: block; -webkit-border-radius:60px; -moz-border-radius: 60px; border-radius: 60px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); display: none; -moz-transition: all 0.2s;-webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #featured .flex-direction-nav a.flex-prev, #video-slider-section .flex-direction-nav a.flex-prev { left: 0; background: #fff url(images/left-arrow.png) no-repeat 21px center; } #featured .flex-direction-nav a.flex-next, #video-slider-section .flex-direction-nav a.flex-next { right: 0; background: #fff url(images/right-arrow.png) no-repeat 25px center; } #featured .flex-direction-nav a:hover, #video-slider-section .flex-direction-nav a:hover{ -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform:scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); } #featured .flex-direction-nav a.flex-prev:hover, #video-slider-section .flex-direction-nav a.flex-prev:hover { background-image: url(images/left-arrow_hover.png); background-color: #00869F; } #featured .flex-direction-nav a.flex-next:hover, #video-slider-section .flex-direction-nav a.flex-next:hover { background-image: url(images/right-arrow_hover.png); background-color: #00869F; } #featured .flex-control-nav { display: none; } #featured .overlay { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #video-switcher { background: #f9f9f9; margin: 10px -9px -9px; border-top: 1px solid #e5e5e5; -moz-box-shadow: inset 1px 1px 0 #fff; -webkit-box-shadow: inset 1px 1px 0 #fff; box-shadow: inset 1px 1px 0 #fff; } #video-switcher li { float: left; padding: 9px; cursor: pointer; border-left: 1px solid transparent; border-right: 1px solid transparent; } #video-switcher img { display: block; } .video_image { position: relative; } .video_image:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.7); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.7); box-shadow: inset 0 0 3px rgba(0,0,0,0.7); } #video-switcher .active_video { background: #fff; margin-top: -1px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; padding-top: 10px; } #video-switcher li.active_video:first-child { border-left: 1px solid transparent; } #video-switcher li.active_video:last-child { border-right: 1px solid transparent; padding-right: 13px; } .et_video_play { position: absolute; top: 50%; left: 50%; margin-top: -19px; margin-left: -18px; width: 36px; height: 36px; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1); box-shadow: 0 0 5px rgba(0,0,0,0.1); background-image: url(images/video_play_arrow.png); background-repeat: no-repeat; background-position: center; display: none; } /*------------------------------------------------*/ /*-------------------[COMMENTS]-------------------*/ /*------------------------------------------------*/ #comment-wrap { padding-top: 20px; } #comments, #reply-title { padding-top: 0; padding-bottom: 30px; font-weight: lighter; } #reply-title { padding-top: 22px; font-size: 30px; } .comment-body { margin-bottom: 30px; border: 1px solid #e5e5e5; background-color: #fff; } .comment_postinfo { background-color: #f9f9f9; border: 1px solid white; border-bottom: 1px solid #e5e5e5; font-size: 16px; color: #b8b8b8; text-shadow: 1px 1px 0 white; font-weight: lighter; padding-top: 25px; position: relative; overflow: hidden; } .comment_avatar { float: left; margin: -10px 18px 10px 10px; position: relative; line-height: 0; } .comment_avatar:before { position: absolute; -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.3); box-shadow: inset 0 0 7px rgba(0,0,0,0.3); top: 0; left: 0; width: 100%; height: 100%; content: ''; } .fn, .fn a { color: #898989; font-weight: lighter; } .fn a:hover { color: #111; text-decoration: none; } .comment_date, .comment-edit-link { color: #b8b8b8; } .comment_date { margin-left: 3px; } .comment_area { padding: 32px 35px; } .comment-reply-link { font-family: 'Cabin Condensed', Arial, sans-serif; text-transform: uppercase; color: #bababa; font-size: 16px; text-shadow: 1px 1px 0 #fff;background: url(images/more-arrow.png) no-repeat 42px 4px; text-decoration: none; position: relative; top: 0; padding-right: 16px; float: right; } .comment-reply-link:hover { text-decoration: none; color: #111; } .children { padding-left: 60px; } .form-submit { text-align: right; } #commentform input[type="text"] { width: 40%; } #commentform textarea { width: 94%; } #commentform textarea, #commentform input[type="text"] { border: 1px solid #e5e5e5; padding: 12px; color: #4c4c4c; font-size: 16px; background: #fff; -moz-box-shadow: 0 0 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.1); box-shadow: 0 0 2px rgba(0,0,0,0.1); } #commentform #submit { font-family: 'Cabin Condensed', Arial, sans-serif; text-transform: uppercase; color: #bababa; font-size: 16px; text-shadow: 1px 1px 0 #fff; background: url(images/more-arrow.png) no-repeat center right; text-decoration: none; padding-right: 16px; border: none !important; } #reply-title small { display: block; font-size: 12px; padding-top: 5px; font-weight: bold; } .comment #respond { margin: -20px 0 15px; } /*------------------------------------------------*/ /*---------------------[FOOTER]-------------------*/ /*------------------------------------------------*/ #main-footer { /*border-bottom: 1px solid #eeeeee; margin-bottom: 30px;*/ position: relative; } #main-footer:before { content: ''; position: absolute; /*height: 7px; bottom: -7px;*/ left: 0; /*background: url(images/shadow.png) no-repeat top center;*/ width: 100%; } #footer-divider { border-top: 0 solid #eeeeee; position: absolute; top: 62px; width: 100%; left: 0; } #footer-divider:before { background: url(images/shadow.png) no-repeat top center; position: absolute; top: -1px; left: 0; width: 100%; height: 7px; content: ''; } .footer-widget { float: left; border-left: 1px solid #f3f3f3; padding: 24px 20px 27px 40px; width: 258px; } .footer-widget.last { border-right: 1px solid #f3f3f3; } .footer-widget h4.widgettitle { text-shadow: 1px 1px 0 #fff; color: #4c4c4c; font-size: 16px; padding-bottom: 53px; } .footer-widget li { padding: 0 40px 28px 12px; font-size: 16px; } .footer-widget li a { text-decoration: none; color: #4c4c4c; } .footer-widget p { line-height: 28px; } #bottom-advertisment { border-top: 1px solid #eee; } #bottom-advertisment .container { text-align: center; margin-bottom: 60px; padding-top: 58px; } #bottom-menu { float: left } #bottom-menu li { display: inline-block; } #bottom-menu a { font-size: 14px; color: #4b4b4b; text-decoration: none; padding: 0 15px; display: block; } #bottom-menu .active { font-weight: bold; } #footer-bottom { width: 100%; background: #333; padding: 20px 0; } #footer-bottom .container-footer { width: 960px; margin: 0 auto; } #copyright { float: left; font-size: 12px; color:#eee; } #copyright a { color: #fff; } #copyright img { border: 0 none; margin-bottom: 10px; } #developed { float: right; font-size: 13px; color: #777; text-align: right; } #developed a { color: #777; } #developed a:hover { color: #ccc; } #developed img { float: right; margin-left: 20px; margin-bottom: 30px; } #back-top { bottom: 0; margin-left: -150px; position: fixed; right: 20px; padding-bottom: 0; } #back-top a { -moz-transition: all 1s ease 0s; display: block; width: 57px; color: #BBBBBB; font: 11px/100% Arial, Helvetica, sans-serif; text-align: center; text-decoration: none; text-transform: uppercase; } #back-top span { background: url("images/up-arrow.png") no-repeat scroll center center; display: block; width: 57px; height: 44px; margin-bottom: 0; } /*------------------------------------------------*/ /*--------------------[SIDEBAR]-------------------*/ /*------------------------------------------------*/ #sidebar { float: left; width: 300px; } .widget { border: 1px solid #666; background-color: #fff; position: relative; margin-bottom: 18px; padding: 20px 24px; line-height: 20px; font-size: 14px; box-shadow: 0 0 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2); } .widget:after { content: ''; position: absolute; height: 7px; bottom: -7px; left: 0; background: url(images/shadow2.png) no-repeat top center; width: 100%; } .widget:last-child { margin-bottom: 0px; } #tab-controls { border: 1px solid #fff; border-bottom: none; background-color: #f9f9f9; margin: -24px -24px 0; } #tab-controls li { float: left; width: 97px; text-shadow: 1px 1px 0 #fff; text-align: center; border-right: 1px solid #e5e5e5; border-left: 1px solid #fff; border-bottom: 1px solid #e5e5e5; padding: 0; background: none; margin-bottom: -1px; } #tab-controls a { padding: 21px 0; } #tab-controls .first { border-left: none; } #tab-controls .last { border-right: none; } #tab-controls .active { background-color: #fff !important; border-bottom: none; } #tab-controls li a { text-decoration: none; color: #4c4c4c; display: block; } #all-tabs li { position: relative; border-bottom: 1px solid #f7f7f7; margin: 0 -24px; } #all-tabs .last { border-bottom: none; } #all-tabs span.post-meta { left: 23px; top: 13px; font-size: 10px; text-transform: uppercase; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; width: 35px; height: 35px; line-height: 26px; } #all-tabs span.post-meta span { margin-top: -16px; } #all-tabs h4 { color: #4c4c4c; font-size: 16px; padding: 16px 20px 0 70px; } #all-tabs p.meta-info { padding: 0 0 6px 70px; font-size: 12px; color: #b1b0b0; margin-top: -3px; } #all-tabs p.meta-info a { color: #b1b0b0; text-decoration: none; } #all-tabs p.meta-info a:hover { color: #949494; } .widget h4.widgettitle { text-shadow: 1px 1px 0 #fff; color: #00869E; font-size: 16px; background-color: #f9f9f9; margin: -24px -24px 18px -24px; padding: 16px 20px; border: 1px solid #fff; border-bottom: 1px solid #e5e5e5; } .widget > ul { margin: 0 -24px; } .widget li { border-bottom: 1px solid #f7f7f7; font-size: 16px;-moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .widget p { padding-bottom: 11px; } #tabbed li { -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; } .widget li a { text-decoration: none; color: #4c4c4c; padding: 10px 20px; display: block; } .widget li:hover { background-color: #eee; -moz-box-shadow: inset 0 0 4px #ccc; -webkit-box-shadow: inset 0 0 4px #ccc; box-shadow: inset 0 0 4px #ccc; } #tabbed li:hover { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .widget li:hover a { color: #4c4c4c; } #all-tabs ul { margin: 0; } #all-tabs li { padding: 0; } #all-tabs a { display: inline; padding: 0; } #video-content .slides li { width: auto; } body.home #sidebar { padding-top: 33px; } .screen-reader-text { display: none; } /*------------------------------------------------*/ /*------------[CAPTIONS AND ALIGNMENTS]-----------*/ /*------------------------------------------------*/ div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin-bottom: 16px; max-width: 96%; padding: 8px; } .wp-caption.alignleft { margin: 0 10px 10px 0; } .wp-caption.alignright { margin: 0 0 10px 10px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 13px; line-height: 17px; padding: 10px 4px 0; margin: 0; } .alignright { float: right; } .alignleft { float: left; } img.alignleft { display: inline; float: left; margin-right: 15px; } img.alignright { display: inline; float: right; margin-left: 15px; } /*------------------------------------------------*/ /*---------------[DEFAULT DROPDOWN SETTINGS]---*/ /*------------------------------------------------*/ .nav ul { position: absolute; top: -999em; z-index: 9999; } .nav li { position: relative; float: left; } .nav ul li { float: left; } .nav ul a { display: block; float: left; } .nav li:hover ul, ul.nav li.sfHover ul { left: 0; top: 0; } .nav li:hover li ul, .nav li.sfHover li ul, .nav li:hover ul, .nav li li:hover ul { top: -999em; } .nav li li { display: block; padding: 0; float: left; height: auto !important; } .nav li ul { width: 150px; z-index: 1000; } .nav li li a:link, .nav li li a:visited { display: block; height: auto; float: left; } .nav li:hover { visibility: inherit; } .nav li li:hover ul, ul.nav li li.sfHover ul { left: 0; top: 20px; } /*------------------------------------------------*/ /*-----------------[WP CALENDAR]-----------------*/ /*------------------------------------------------*/ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; } #wp-calendar a { display: block; text-decoration: none; font-weight: bold; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { text-decoration: none; font: bold 13px Arial, Sans-Serif; } #wp-calendar td { padding: 3px 5px; color: #9f9f9f; } #wp-calendar td#today { color: #fff; } #wp-calendar th { font-style: normal; text-transform: capitalize; padding: 3px 5px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /*------------------------------------------------*/ /*-------------------[PAGE NAVI]------------------*/ /*------------------------------------------------*/ .pagination { overflow: hidden; padding: 20px 0; } #left-area .wp-pagenavi { text-align: right; text-shadow: 1px 1px 0 #fff; font-size: 13px; color: #4c4c4c; padding-top: 7px; } #left-area .wp-pagenavi span, #left-area .wp-pagenavi a { border-color: #e5e5e5; background: #f9f9f9; color: #4c4c4c; -moz-box-shadow: inset 0 0 0 1px #fff; -webkit-box-shadow: inset 0 0 0 1px #fff; box-shadow: inset 0 0 0 1px #fff; padding: 11px 14px; display: inline-block; } #left-area .wp-pagenavi .current, #left-area .wp-pagenavi a:hover { background: #fff; } #left-area .wp-pagenavi .pages { border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding-left: 0; background: none; } a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a {text-decoration: none; } .foursixeight { margin: 0 0 15px 84px; } body.et_left_sidebar #left-area { float: right; margin-left: 30px; margin-right: 0; } #all-tabs > div { display: none; } #all-tabs > div:first-child { display: block; } .container .header_banner { text-align: left !important; } .container .header_banner #logo { float: left; } .container .header_banner #top_banner { float: right; margin-top: 20px; } .f_widget { margin-bottom: 15px; } .fullwidth .post_content { padding-right: 40px; } .fullwidth .post_content_home { padding: 40px 20px; } .fullwidth #left-area { width: auto !important; margin-right: 0 !important; margin-left: 0 !important; float: none !important; } .sitemap-col ul { list-style: none outside none !important; padding-left: 0 !important; } .et_embedded_videos { display: none; } #et_pt_gallery { margin-right: -29px !important; } .et_pt_gallery_entry { margin-left: 18px !important; } #et_pt_portfolio_gallery { margin-right: -20px !important; } .et_pt_portfolio_item { margin-left: 49px !important; } .et_portfolio_small .et_pt_portfolio_item { margin-left: 34px !important; } .et_portfolio_large .et_pt_portfolio_item { margin-left: 53px !important; width: 430px !important; } #sidebar .widget_recent_comments li { padding: 15px 20px; background: none !important; } .adwrap { margin-left: -12px; } .adwrap img { margin: 20px 2px; } html#ie7 ul.nav li a:hover span.main_text { color: #fff !important; } html#ie7 #main-header, html#ie7 #secondary-menu { z-index: 2; } html#ie7 #main-area, html#ie7 #main-area .container { z-index: 1; } @media only screen and ( max-width: 960px ) { #et-search, p#et-search-title, p#et-search-title span { background: none !important; } #et-search { width: auto !important; height: auto !important; } #et-search-inner { padding: 0 !important; } #et-search-right { float: none !important; clear: both; text-align: left !important; } #et_search_submit { background: #BBB8B8 !important; color: #111 !important; } p#et-search-title { margin-bottom: 2px !important; } p#et-search-title span { padding: 0 !important; text-shadow: none !important; } #et-searchinput { width: auto !important; } p#et_choose_posts, p#et_choose_pages, p#et_choose_date, p#et_choose_cat { float: none !important; } #et-search-left { float: none !important; width: 100% !important; } } .ngg-gallery-thumbnail-code { background: #00869E; color: #fff; padding: 10px; margin-bottom: 20px; } .ngg-gallery-thumbnail-box { display: inline-block; float: left; margin-right: 30px !important; width: 410px; min-height: 470px; } .gallery img { max-width: 98% !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #woocommerce-area { background: none repeat scroll 0 0 #FFF; padding: 30px; } .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { min-height: 40px; } .woocommerce ul.products li.product .price .from, .woocommerce-page ul.products li.product .price .from { color: #B3B3B3 !important; } .woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl, .woocommerce-page ul.cart_list li dl, .woocommerce-page ul.product_list_widget li dl { background: none repeat scroll 0 0 #F0F8FF; width: 92%; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li { border-bottom: 1px solid #D3D3D3; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a { color: #008080; padding-left: 4px !important; } .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity { padding-left: 6px; } .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a { font-size: 14px !important; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button { margin: 0 0 0 4px !important; } .checkout-button.button.alt { margin-top: 0 !important; } .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { width: 60% !important; } .cart-subtotal > td {width:214px;} .woocommerce #payment, .woocommerce-page #payment { background: none repeat scroll 0 0 #F0F0F0 !important;border: 1px solid #DFDBDF; } .woocommerce .col2-set, .woocommerce-page .col2-set { margin-bottom: 24px; } .woocommerce .related ul.products h3, .woocommerce .related ul, .woocommerce-page .related ul.products, .woocommerce-page .related ul { min-height: 100% !important; } .woocommerce .related ul.products li.product img, .woocommerce .related ul li.product img, .woocommerce-page .related ul.products li.product img, .woocommerce-page .related ul li.product img { width: 150px !important; } .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .button { background: #00869E; border: 0px none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; color: #fff; cursor: pointer; display: inline-block; font-family: inherit; font-size: 100%; font-weight: normal; left: auto; line-height: 1em; margin: 0; overflow: visible; padding: 30px 40px; position: relative; } .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type="submit"]:hover, .button:hover { background: #006b7e; color: #fff; text-decoration: none; } .enquiry-form li.gfield { padding-bottom: 10px; } .enquiry-form input[type=text], .enquiry-form textarea { box-shadow: 0 0 4px 0 rgba(0,0,0,0.3) inset; background: none; border: 1px solid #00a5c2; font-size: 14px !important; padding: 6px !important; margin: 0 0 0 0 !important; color: #CED9E4; } .enquiry-form input[type=text]:focus, .enquiry-form textarea:focus { background: none repeat scroll 0 0 #f8fbfb; border: 1px solid #69d0e2; color: #555555 !important; } ul.foot_block_intouch, ul.loc-block { margin: 0; padding: 0; } .foot_block_intouch li { padding-bottom: 12px !important; } .foot_block_intouch li p, .foot_block_intouch a { line-height: 19px; padding: 0 0 0 32px; margin: 0; } ul.foot_block_intouch { list-style-type: none !important; padding: 0 0 20px !important; } .loc-block li { padding-bottom:11px !important; } .loc-block li p, .loc-block a { line-height: 19px; padding: 0 0 0 32px; margin: 0; } ul.loc-block { list-style-type: none !important; padding: 0 0 20px !important; } .foot_block_intouch li a:hover, .loc-block li a:hover { color: #343434; text-decoration: none; } .foot_block_intouch li.touch_phone p, .loc-block li.touch_phone p { background: url(images/contact_icon.png) no-repeat 0 0; } .foot_block_intouch li.touch_mobile p, .loc-block li.touch_mobile p { background: url(images/contact_icon.png) no-repeat 0 -411px; } .foot_block_intouch li.touch_clock p, .loc-block li.touch_clock p { background: url(images/contact_icon.png) no-repeat 0 -78px; } .foot_block_intouch li.touch_mail p, .loc-block li.touch_mail p { background: url(images/contact_icon.png) no-repeat 0 -155px; } .foot_block_intouch li.touch_site p, .loc-block li.touch_site p { background: url(images/contact_icon.png) no-repeat 0 -242px; display: block; height: 20px; } .foot_block_intouch li.touch_adress p, .loc-block li.touch_adress p { background: url(images/contact_icon.png) no-repeat 0 -322px; } .foot_block_intouch li.facebook a, .loc-block li.facebook a { background: url(images/contact_icon.png) no-repeat 0 -413px; display: block; height: 15px; } .foot_block_intouch li.fax p, .loc-block li.fax p { background: url(images/contact_icon.png) no-repeat 0 -489px; display: block; height: 21px; } .fb-social-plugin.fb-like-box.fb_iframe_widget iframe { width: 258px !important; } ._s0._rw.img { height: 44px !important; width: 44px !important; } /*** arrows (for all except IE7) **/ .sf-arrows .sf-with-ul { padding-right: 2.5em; *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */ } /* styling for both css and generated arrows .sf-arrows { border: solid white; border-width: 0 3px 3px 0; display: inline-block; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } */ /* Stone Selectors Custom Post Type */ .stone-selectors { position: relative; } .stone-selectors .stone-type { position: relative; /*border-bottom: 2px dashed #eee;*/ padding-bottom: 30px; margin-bottom: 30px; } .stone-selectors .stone-type-image { display: inline-block; width: 420px; vertical-align: top; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .stone-selectors .stone-type-image img { border: 10px solid #cecece; width: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .stone-selectors .stone-type h4 { font-size: 2.3em; color: #00869e; padding-bottom: 0px; } .stone-selectors .stone-type-column { position: relative; display: inline-block; width: 330px; min-height: 285px; vertical-align: top; border-left: 2px solid #ccc; padding-left: 40px; } .stone-selectors .stone-type p { position: relative; padding-bottom: 5px; } .stone-selectors .stone-type p.stone-enquiry { position: absolute; /*bottom: 0px;*/ display: inline-block; padding-bottom: 0px; padding-right: 40px; padding-left: 15px; line-height: 1.2em; background: url(images/icon-stone-types-enquiry.png) no-repeat 0px 3px; } #stone-types-search { position: relative; border: 1px solid #ccc; border-width: 1px 0px; padding: 10px 0px; } .search-left { display: inline-block; vertical-align: top; line-height: 14px; width: 32%; } .search-left p { padding-bottom: 0px; } .search-right { display: inline-block; width: 67%; } /********************** [ ONLINE QUOTE FORM STYLES ] ***************************/ form.quote-form { } form.quote-form li.gfield { padding: 0 0 !important; margin: 0 0 !important; } form.quote-form h3 { padding-bottom: 0px; padding-top: 10px; } form.quote-form h4 { border-bottom: 1px solid #666; color: #666; padding-bottom: 5px !important; margin: 30px 0 20px !important; } /* What type of quote buttons */ form.quote-form ul.gfield_radio li.gchoice_4_8_0, form.quote-form ul.gfield_radio li.gchoice_4_8_1 { border: 1px solid #ccc; background: #f9f9f9 !important; padding: 20px 40px !important; text-align: center; margin-right: 10px !important; width: 48% !important; } /* End */ form.quote-form label.gfield_label { padding-top: 20px; } form.quote-form .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container) { margin-top: 0px !important; } form.quote-form input[type=text], form.quote-form select { padding: 10px !important; margin: 0 0 !important; } form.quote-form .gfield_checkbox li label, form.quote-form .gfield_radio li label { font-size: 16px !important; } /* Stone Colour Field -> */ form.quote-form #field_4_17, form.quote-form #field_4_33 { margin-top: 10px !important; } form.quote-form .ginput_container_fileupload { border: 2px solid #eee; padding: 10px 40px; text-align: center; } /* Form Radio Button Images */ form.quote-form ul { position: relative; } /* Thickness */ form.quote-form ul li.gchoice_4_18_0 { padding-left: 70px !important; min-height: 40px; background: url(images/online-quote-20mm-icon.png) no-repeat 0 6px; } form.quote-form ul li.gchoice_4_18_1 { padding-left: 70px !important; min-height: 40px; background: url(images/online-quote-40mm-icon.png) no-repeat 0 4px; } form.quote-form ul li.gchoice_4_18_2 { padding-left: 70px !important; min-height: 40px; background: url(images/online-quote-other-icon.png) no-repeat 0 5px; } /* Edge Finish */ form.quote-form ul li.gchoice_4_19_0 { padding-left: 70px !important; min-height: 40px; background: url(images/online-quote-edge-double-pencil.png) no-repeat 0 6px; } form.quote-form ul li.gchoice_4_19_1 { padding-left: 70px !important; min-height: 40px; background: url(images/online-quote-edge-square.png) no-repeat 0 6px; } form.quote-form ul li.gchoice_4_19_2 { padding-left: 70px !important; min-height: 40px; background: url(images/online-quote-edge-provincial.png) no-repeat 0 6px; } form.quote-form ul li.gchoice_4_19_3 { padding-left: 70px !important; min-height: 40px; background: url(images/online-quote-edge-bevel.png) no-repeat 0 6px; } form.quote-form ul li.gchoice_4_19_4 { padding-left: 70px !important; min-height: 40px; background: url(images/online-quote-edge-shark-nose.png) no-repeat 0 6px; } form.quote-form ul li.gchoice_4_19_5 { padding-left: 70px !important; min-height: 40px; background: url(images/online-quote-edge-bullnose.png) no-repeat 0 6px; } form.quote-form ul li.gchoice_4_19_6 { padding-left: 70px !important; min-height: 40px; background: url(images/online-quote-edge-full-bullnose.png) no-repeat 0 0; } form.quote-form ul li.gchoice_4_19_7 { padding-left: 70px !important; min-height: 40px; background: url(images/online-quote-edge-french-provincial.png) no-repeat 0 2px; } /* Left Half and Right Third Styles */ form.quote-form .top_label li.gfield.gf_left_half, form.quote-form .top_label li.gfield.gf_right_half { width: 90% !important; } form.quote-form .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) { width: 10% !important; } form.quote-form .top_label li.gfield.gf_right_third i { margin: 9px 0 0 10px; font-size: 24px; color: #666; } /* Required Style */ form.quote-form .gfield_required { color: #e40000 !important; font-size: 17px !important; font-weight: normal !important; } /* Error Message Styles */ .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half { max-width: inherit !important; } /* Popup Boxes */ #tooltip-stone-type { width: 600px; height: auto; padding: 20px; background: #fff; } #tooltip-stone-colour { width: 600px; height: auto; padding: 20px; background: #fff; } #tooltip-sink-style { width: 440px; height: auto; padding: 20px; background: #fff; } #tooltip-stone-type .button, #tooltip-stone-colour .button, #tooltip-sink-style .button { margin-right: 5px; } /******************** [ END ONLINE QUOTE FORM STYLES ] *************************/ /********************** [ RESPONSIVE @MEDIA QUERIES ] ***************************/ @media only screen and ( min-width: 768px ) and ( max-width: 960px ) { a.home-pic { max-width: 222px; } .home-pic-overlay { bottom: 0; width: 222px; } a:hover.home-pic .home-pic-overlay { bottom: 0%; line-height: 60px; } a:hover.home-pic .home-pic-overlay span { margin-top: -25px; } #top-menu { display: none; } span.menu_slide, span.main_text { padding: 22px 10px 23px; } #image-menu { display: none; } .container, #footer-bottom .container-footer, #secondary-menu, #secondary-slider { width: 730px; } #search, .category-box p.meta-info, #all-tabs p.meta-info { display: none; } #switcher-container:after, .category-box:after, #video-slider-section:before, #articles-content:before, .widget:after, .post:before { background-size: contain; } .switcher-content { padding-right: 20px; } #switcher li { width: 241px !important; } .switcher-content { padding: 32px 22px 22px 87px; } span.post-meta { left: 22px; } .stone-selectors .stone-type-image { width: 280px; } .stone-selectors .stone-type-column { width: 330px; padding-left: 20px; margin-left: 20px; } .stone-selectors .stone-type h4 { font-size: 2.1em; letter-spacing: -1px; } .recent-category { width: 222px; } h3.main-title { font-size: 14px; } .category-box .thumb { margin-bottom: 11px; } .category-box h3 { font-size: 14px; } #left-area { width: 476px; } #video-switcher li { width: 98px; } .article h4 { padding-top: 5px; } .article p { margin-top: -10px; } .post .meta-info { font-size: 13px; } #sidebar { width: 222px; } #tab-controls li { width: 71px; } #tab-controls li a { font-size: 12px; } #all-tabs h4 { font-size: 14px; padding-bottom: 16px; } .widget li a { padding-right: 30px; } #footer-bottom .container-footer { text-align: center; } #copyright { float: none; text-align: center; margin: 30px 0; } #developed { float: none; text-align: center; margin: 30px 0; } #developed img { float: none; text-align: center; } .mobile_nav { display: block; } #main-header .mobile_nav { position: relative; padding:1em; font-family: 'Oswald', serif; font-size: 16px; color: #fff; text-transform: uppercase; z-index: 100; background: transparent; float: left; text-align: left; width: 50%; } #main-header ul.mobile-online-quote { display: inline-block; } #main-header #mobile_menu li:first-child a { border-top: none; } #secondary-menu .container { text-align: center; } #secondary-menu .mobile_nav { display: inline-block; padding: 22px 28px 22px 0; color: #4b4b4b; font-size: 14px; } #secondary-menu .mobile_nav > span { top: 25px; right: 2px; } #category_mobile_menu { background-color: #fff; top: 58px !important; left: -73px; } #mobile_menu li.menu-item-has-children ul.sub-menu,#mobile_menu li.menu-item-has-children ul ul.sub-menu,#mobile_menu li.menu-item-has-children:hover ul ul.sub-menu,#mobile_menu li.menu-item-has-children:focus ul ul.sub-menu,#mobile_menu li.menu-item-has-children:active ul ul.sub-menu { display: none !important; } #mobile_menu li.menu-item-has-children:hover ul.sub-menu,#mobile_menu li.menu-item-has-children:focus ul.sub-menu,#mobile_menu li.menu-item-has-children:active ul.sub-menu,#mobile_menu ul li.menu-item-has-children:hover ul.sub-menu,#mobile_menu ul li.menu-item-has-children:focus ul.sub-menu,#mobile_menu ul li.menu-item-has-children:active ul.sub-menu { display: block !important; } } @media only screen and ( max-width: 767px ) { #home-pictures { float: none; } a.home-pic { position: relative; max-width: 460px; max-height: inherit; float: none; margin: 0 auto 20px; display: block; text-align: center;} .home-pic-overlay { position: absolute; bottom: 0; left: 16%; width: 300px; height: auto; z-index: 10; } a.home-pic img { margin: 0 auto; text-align: center; } #logo-mcmurtrie { right: 17%; } #facebook-logo { display: none; } #image-menu { padding: 10px 20px; width: 400px; } #image-menu .image-menu-object.first { margin-left: inherit; margin-top: inherit; } #image-menu .image-menu-object { margin: 10px 10px !important; } #featured-contact { display: none; } .flex-direction-nav { display: none; } #secondary-slider { width: auto; } .container, #footer-bottom .container-footer, #secondary-menu { width: 440px; } #top-menu, #second-menu, span.post-meta, #switcher .meta-info, #sidebar, #bottom-menu, #main-footer { display: none; } #social-icons { float: right; } #search { border-left: none; float: left; border-right: 1px solid #e5e5e5; padding: 11px 15px 11px 0; } #featured_section { margin-bottom: 30px; } #switcher-container:after, .category-box:after, #video-slider-section:before, #articles-content:before, .widget:after, .post:before { background-size:contain} #switcher li { width: 145px !important; } .switcher-content { padding: 25px 20px 24px 28px; } #switcher h2, .category-box h3 { font-size: 14px; } .stone-selectors .stone-type { margin-bottom: 0px; padding-bottom: 20px; } .stone-selectors .stone-type-image { display: block; width: auto; } .stone-selectors .stone-type-column { display: block; width: auto; min-height: inherit; padding-left: 0px; margin-left: 0px; border-left: 0; } .stone-selectors .stone-type h4 { font-size: 2.1em; letter-spacing: -1px; } .stone-selectors .stone-type p { line-height: 18px; padding-bottom: 0px; } .stone-selectors .stone-type p.stone-enquiry { position: relative; margin-top: 10px; } #recent-categories, #recent-videos, .recent-category { margin-bottom: 30px; } .recent-category { float: none; margin-right: 0; width: 440px; } .category-box:after { background: url(images/shadow3.png) no-repeat center top; } h3.main-title, .article .meta-info, .article p { font-size: 14px; } .category-box p.meta-info { font-size: 12px; } #left-area { width: 440px; margin-right: 0px; float: none; } #video-switcher li { width: 89px; } .article h4 { padding-top: 5px; font-size: 20px; } .article p { margin-top: -10px; } .post .meta-info { font-size: 13px; } #footer-bottom .container-footer { text-align: center; } #copyright { float: none; text-align: center; margin: 30px 0; } #developed { float: none; text-align: center; margin: 30px 0; } #developed img { float: none; text-align: center; } .mobile_nav { display: block; } #main-header .mobile_nav { position: relative; padding:1em; font-family: 'Oswald', serif; font-size: 16px; color: #fff; text-transform: uppercase; z-index: 100; background: transparent; float: left; text-align: left; width: 100%; } #main-header ul.mobile-online-quote { display: inline-block; } #main-header #mobile_menu li:first-child a { border-top: none; } #secondary-menu .container { text-align: center; } #secondary-menu .mobile_nav { display: inline-block; padding: 22px 28px 22px 0; color: #4b4b4b; font-size: 14px; } #secondary-menu .mobile_nav > span { top: 25px; right: 2px; } #category_mobile_menu { background-color: #fff; top: 58px !important; left: -73px; } #mobile_menu li.menu-item-has-children ul.sub-menu,#mobile_menu li.menu-item-has-children ul ul.sub-menu,#mobile_menu li.menu-item-has-children:hover ul ul.sub-menu,#mobile_menu li.menu-item-has-children:focus ul ul.sub-menu,#mobile_menu li.menu-item-has-children:active ul ul.sub-menu { display: none !important; } #mobile_menu li.menu-item-has-children:hover ul.sub-menu,#mobile_menu li.menu-item-has-children:focus ul.sub-menu,#mobile_menu li.menu-item-has-children:active ul.sub-menu,#mobile_menu ul li.menu-item-has-children:hover ul.sub-menu,#mobile_menu ul li.menu-item-has-children:focus ul.sub-menu,#mobile_menu ul li.menu-item-has-children:active ul.sub-menu { display: block !important; } #video-switcher li.active_video:last-child { padding-right: 11px; } form.quote-form ul.gfield_radio li.gchoice_4_8_0, form.quote-form ul.gfield_radio li.gchoice_4_8_1 { width: 100% !important; margin-bottom: 10px !important; } #et_pt_gallery { margin-left: -44px !important; margin-right: -40px !important; } .et_pt_gallery_entry { margin-left: 4px !important; } #et_contact_right { width: 50% !important; margin-left: 0 !important; float: none !important; } .sitemap-col { float: none !important; width: auto !important; } } @media only screen and ( max-width: 479px ) { #logo-e-mcmurtrie { display: none !important; } #home-pictures { float: none; } a.home-pic { position: relative; width: auto; max-height: inherit; float: none; margin: 0 auto 20px; display: block; text-align: center; background: #4c4c4c; } .home-pic-overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; z-index: 10; } a.home-pic img { width: 100%; margin: 0 auto; text-align: center; } #logo-mcmurtrie { right: 17%; } #facebook-logo, #facebook-logo-2 { display: none; } #covid-notice { font-size: 14px; } #covid-notice a.covid-close { right: 5%; } #image-menu { display: none; } #featured-logo { bottom: 0; position: relative; } #featured-logo img { width: 80%; } div.et_pt_thumb { width: 120px !important; height: 120px !important; } #featured_section { margin-bottom: 20px; } .fullwidth .post_content_home { padding: 10px 10px; } .container, #footer-bottom .container-footer, #secondary-menu { width: auto; margin: 0 10px; } .container { text-align: center; } #secondary-menu ul li { float: none; } #secondary-menu a { padding: 0 0; width: 100%; } #top-menu, #second-menu, span.post-meta, #switcher .meta-info, #sidebar, #bottom-menu, #main-footer, #social-icons, #search, #switcher-container, #video-switcher, .article .thumb, .post .meta-info { display: none; } #featured_section { margin-bottom: 30px; } .category-box:after, #video-slider-section:before, #articles-content:before, .widget:after, .post:before { background-size: contain; } #recent-categories, #recent-videos, .recent-category { margin-bottom: 30px; } .recent-category { float: none; margin-right: 0; width: 300px; } h3.main-title { font-size: 14px; } .category-box p.meta-info { font-size: 12px; } .stone-selectors .stone-type { margin-bottom: 0px; padding-bottom: 20px; } .stone-selectors .stone-type-image { display: block; width: auto; } .stone-selectors .stone-type-column { display: block; width: auto; min-height: inherit; padding-left: 0px; margin-left: 0px; border-left: 0; } .stone-selectors .stone-type h4 { font-size: 1.5em; letter-spacing: -1px; } .stone-selectors .stone-type p { line-height: 18px; padding-bottom: 0px; } .stone-selectors .stone-type p.stone-enquiry { position: relative; margin-top: 10px; } #left-area { width: auto; margin-right: 0px; float: none; } .article { padding: 22px 22px 22px 32px; } .article h4 { padding-top: 5px; font-size: 20px; padding-bottom: 20px; } .article p, .article .meta-info { font-size: 16px; } .article p { margin-top: -10px; } .post_content { padding: 20px; } .post h2.title { font-size: 24px; } .post_content_home h1, #homepage-carousel h2 { font-size: 26px !important; } #copyright { float: none; text-align: center; margin: 30px 0; } .children { padding-left: 0; } #main-header .container { text-align: center; } #main-header .mobile_nav { position: relative; padding:1em; font-family: 'Oswald', serif; font-size: 16px; color: #fff; text-transform: uppercase; z-index: 100; background: transparent; float: left; text-align: left; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #main-header ul.mobile-online-quote { display: inline-block; } .et_mobile_menu { left: 0; } #category_mobile_menu { left: -70px; } #mobile_menu li.menu-item-has-children ul.sub-menu,#mobile_menu li.menu-item-has-children ul ul.sub-menu,#mobile_menu li.menu-item-has-children:hover ul ul.sub-menu,#mobile_menu li.menu-item-has-children:focus ul ul.sub-menu,#mobile_menu li.menu-item-has-children:active ul ul.sub-menu { display: none !important; } #mobile_menu li.menu-item-has-children:hover ul.sub-menu,#mobile_menu li.menu-item-has-children:focus ul.sub-menu,#mobile_menu li.menu-item-has-children:active ul.sub-menu,#mobile_menu ul li.menu-item-has-children:hover ul.sub-menu,#mobile_menu ul li.menu-item-has-children:focus ul.sub-menu,#mobile_menu ul li.menu-item-has-children:active ul.sub-menu { display: block !important; } /* Online Quote Fields */ form.quote-form ul.gfield_radio li.gchoice_4_8_0, form.quote-form ul.gfield_radio li.gchoice_4_8_1 { width: 100% !important; margin-bottom: 10px !important; } form.quote-form .top_label li.gfield.gf_left_half, form.quote-form .top_label li.gfield.gf_right_half { width: 82% !important; float: left; clear: none !important; } form.quote-form .top_label li.gfield.gf_right_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) { float: left; width: 16% !important; clear: none !important; } li#field_4_22 { padding-top: 5px !important; } #tooltip-stone-type, #tooltip-stone-colour, #tooltip-sink-style { max-width: 90% !important; } /* End */ p.et-registration { margin-top: 35px !important; } .et-protected-form { padding: 0 !important; background: none !important; } .et-protected { width: auto !important; } } /********************** [ END RESPONSIVE @MEDIA QUERIES ] ***************************/