/** * Theme Name: Supreme2 * Theme URI: //templatic.com/ecommerce-themes/supreme/ * Description: A powerful parent theme with bbPress, Jigoshop, and WooCommerce integrations. * Version: 2.0 * Author: Templatic * Author URI: //templatic.com * Tags: theme-options, threaded-comments, microformats, translation-ready, rtl-language-support, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, featured-images, full-width-template * License: GNU General Public License v2.0 * License URI: //www.gnu.org/licenses/gpl-2.0.html * */ /** * Content ************************************************/ /* :: IMPORTS :: GLOBAL RESET :: HEADER :: MEGA MENU :: CONTENT :: FOOTER :: SIDEBAR :: WIDGET :: BLOG LISTING :: BLOG DETAIL :: PAGES :: FORMS AND INPUTS :: BBPRESS COMPATIBLE CSS :: WOO COMMERCE COMPATIBLE CSS :: TABLET (Landscape) :: TABLET (Portrait) :: MOBILE (Landscape) :: MOBILE (Portrait) */ /** * Imports ************************************************/ /* Generated by Font Squirrel (//www.fontsquirrel.com)*/ @font-face { font-family: 'JustVector'; src: url('../fonts/justvectorv2-webfont.eot'); src: url('../fonts/justvectorv2-webfont.eot?#iefix') format('eot'), url('../fonts/justvectorv2-webfont.woff') format('woff'), url('../fonts/justvectorv2-webfont.ttf') format('truetype'), url('../fonts/justvectorv2-webfont.svg#webfontkw9J4lGf') format('svg'); font-weight: normal; font-style: normal; } /** * Global Reset ************************************************/ html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; vertical-align: baseline; outline: none; font-size: 100%; background: transparent; border: none; text-decoration: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } b, cite, em, i, hr, u, center, menu, layer, s, strike, strong, font, xmp { margin: 0; padding: 0; vertical-align: baseline; outline: none; font-size: 100%; font-weight: normal; font-style: normal; background: transparent; border: none; text-decoration: none; } body { background: #f6f6f6; font: 15px/24px Georgia, serif; color: #333; word-wrap: break-word; overflow-x: hidden !important; } a { color: #0066CC; cursor: pointer; text-decoration: none; } a:hover { color: #000; } a img { border: none; } ul li a, ol li a { color: #333; } ul li a:hover, ol li a:hover { color: #0066CC; } b, strong { font-weight: bold; } cite, i, em { font-style: italic; } h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; padding: 0 0 6px; } h1 { font-size: 36px; line-height: 48px; } h2 { font-size: 24px; line-height: 36px; } h3 { font-size: 20px; line-height: 30px; } h4 { font-size: 18px; line-height: 24px; } h5 { font-size: 16px; line-height: 21px; } h6 { font-size: 14px; line-height: 15px; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-top: 20px; } p { padding: 6px 0; } ol { list-style: decimal inside; margin: 6px 0; } ul { list-style: inside; margin: 6px 0; } li ul, li ol {padding-left: 16px} dl { margin: 6px 0; } dl dt { font-weight: bold; margin: 6px 0 0 0; } dl dd { font-weight: normal; margin: 0 0 0 40px; } abbr { cursor: help; } acronym { text-transform: uppercase; border-bottom: 1px dashed #ccc; cursor: help; } big { font-size: 120%; } small, sup, sub { font-size: 80%; } sup { vertical-align: baseline; position: relative; bottom: 0.3em; } sub { vertical-align: baseline; position: relative; top: 0.3em; } address { font-style: italic; margin: 12px 0; } li address, dd address { margin: 0; } blockquote { clear: both; background: rgba(0,0,0,.05) url(../images/bg_blockquote.png) 16px 23px no-repeat; background: #f2f2f2 url(../images/bg_blockquote.png) 16px 20px no-repeat\0/; border: 1px solid #e5e5e5; border-radius: 5px; margin: 20px 0; padding: 16px 14px 16px 50px; } blockquote cite { width: 100%; font-weight: normal; font-size: 13px; line-height: 20px; text-align: right; display: block; clear: both; margin-top: 10px; } blockquote p { padding: 0; margin-bottom: 0 !important; } blockquote blockquote { background: transparent; font-style: italic; font-weight: normal; font-size: 15px; line-height: 24px; } blockquote blockquote p { padding: 12px 0; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } audio, fig, iframe, img, object, param, video { border: none; } .attachment-image img { height: auto; width: auto; } img.size-full { height: auto !important; max-width: 100%; width: auto !important; } img.wp-smiley { background: transparent !important; border: 0 !important; margin: 0 !important; padding: 0 !important; } .entry-content audio, .entry-content iframe, .entry-content img, .entry-content object, .entry-content embed, .entry-content video, .comment-text audio, .comment-text iframe, .comment-text img, .comment-text object, .comment-text embed, .comment-text video, .textwidget audio, .textwidget iframe, .textwidget img, .textwidget object, .textwidget embed, .textwidget video { margin-top: 6px; margin-bottom: 6px; } .entry-content object embed, .comment-text object embed, .textwidget object embed { margin-top: 0; margin-bottom: 0; } .entry-content audio, .entry-content iframe, .entry-content img, .entry-content object, .entry-content embed, .entry-content video, .entry-content .wp-caption, .comment-text audio, .comment-text iframe, .comment-text img, .comment-text object, .comment-text embed, .comment-text video, .comment-text .wp-caption, .textwidget audio, .textwidget iframe, .textwidget img, .textwidget object, .textwidget embed, .textwidget video, .textwidget .wp-caption { max-width: 100%; } .alignleft { float: left; margin: 18px 20px 12px 0; } .alignright { float: right; margin: 18px 0 12px 20px; } .aligncenter { display: block; margin: 18px auto; } .alignnone { clear: both; margin: 18px 0; } img.alignleft, img.alignright, img.aligncenter, img.alignnone { margin-top: 8px; margin-bottom: 8px; } .entry-content .alignleft>:first-child, .entry-content .alignright>:first-child, .entry-content .aligncenter>:first-child, .entry-content .alignnone>:first-child, .comment-text .alignleft>:first-child, .comment-text .alignright>:first-child, .comment-text .aligncenter>:first-child, .comment-text .alignnone>:first-child, .textwidget .alignleft>:first-child, .textwidget .alignright>:first-child, .textwidget .aligncenter>:first-child, .textwidget .alignnone>:first-child { margin-top: 0; margin-bottom: 0; } .layout-3c-c .alignleft, .layout-3c-l .alignleft, .layout-3c-r .alignleft, .layout-hl-2c-l .alignleft, .layout-hl-2c-r .alignleft, .layout-hr-2c-l .alignleft, .layout-hr-2c-r .alignleft, .layout-3c-c .alignright, .layout-3c-l .alignright, .layout-3c-r .alignright, .layout-hl-2c-l .alignright, .layout-hl-2c-r .alignright, .layout-hr-2c-l .alignright, .layout-hr-2c-r .alignright { float: none; margin-left: 0; margin-right: 0; } pre, table pre, .entry-content pre, .entry-content table pre { background: #f2f2f2; color: #222; font-size: 12px; line-height: 24px; margin: 18px 0; overflow: scroll; padding: 12px 20px; } code { background: #ffa; color: #222; font-size: 15px; } pre code { background: transparent; font-size: 1em; } ins, dfn { font-style: italic; text-decoration: none; } del, s, strike { text-decoration: line-through; } mark { color: #e00; } object { margin: 18px 0; } label { cursor: pointer; display: inline-block; margin: 0 0 5px; padding: 0; } .comment-form-comment label{display: block;} input[type="checkbox"], input[type="radio"] { margin: -3px 0 0; vertical-align: middle; } input[type="search"]::-webkit-search-decoration { display: none; } input[type="file"]:focus, input[type="file"]:active, input[type="radio"]:focus, input[type="radio"]:active, input[type="checkbox"]:focus, input[type="checkbox"]:active { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input.input-text, input[type="time"], input[type="url"], input[type="week"], select, textarea { width: 100%; max-width: 370px; background-color: #ffffff; border: 1px solid #e5e5e5; border-radius: 4px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Georgia, serif; font-size: 14px; color: #333; text-align: left; outline: 0; padding: 10px 12px 8px; margin: 0; } .hasDatepicker { display: block !important; float: left; clear: both !important; max-width: 330px !important; margin-bottom: 10px !important; } .ui-datepicker-trigger { display: inline-block !important; float: left; margin-top: 10px; } .ui-datepicker-trigger:hover { border: none; } button, input[type="reset"], input[type="submit"], input[type="button"], a.button, .button { display: inline-block; *display: inline; zoom: 1; height: auto; background-color: #0066CC; border: 1px solid #0066CC; border-radius: 4px; box-shadow: 0 1px 0 rgba(255,255,255,.4) inset; font-family: Georgia, serif; font-size: 15px; color: #ffffff; line-height: normal; cursor: pointer; outline: 0; overflow: visible; vertical-align: top; padding: 8px 12px; margin: 6px 0; } button:active, input[type="reset"]:active, input[type="submit"]:active, input[type="button"]:active, a.button:active, .button:active { position: relative; top: 1px; box-shadow: none; } button:hover, input[type="reset"]:hover, input[type="submit"]:hover, input[type="button"]:hover, a.button:hover, .button:hover { background-color: #333; border: 1px solid #333; color: #fff; } button:focus, input:focus, select:focus, textarea:focus { z-index: 1; } textarea, select[size], select[multiple] { height: auto; } textarea { width: 100%; max-width: 450px; min-height: 198px; overflow: auto; line-height: 24px; resize: vertical; } optgroup { font-style: normal; font-weight: normal; font-family: Georgia, serif; } input:invalid, button:invalid, select:invalid, textarea:invalid { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; } input::-moz-focus-inner, button::-moz-focus-inner, select::-moz-focus-inner, textarea::-moz-focus-inner { border: 0; padding: 0; } .woocommerce td.product-name dl.variation dt { margin: 5px 4px 0 0 !important; } .woocommerce td.product-name dl.variation dd { margin: 0 0 0 35px !important; } .widget .product_list_widget li .variation dt { margin: 5px 11px 0 0 !important; } table { border-collapse: collapse; border-spacing: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-left: 1px solid rgba(0, 0, 0, 0.1); border-top: 1px solid #ddd\0/; border-left: 1px solid #ddd\0/; margin: 18px 0; width: 100%; /*display: inline-block;*/ overflow-x: auto !important; } #house_room table { overflow-x: inherit !important; width: auto; } table caption { background: #f8f8f8; border: 1px solid rgba(0,0,0,0.1); border-bottom: 0; padding: 12px 20px; text-align: center; } tr.alt { background: #fcfcfc; } th, td { border-bottom: 1px solid rgba(0,0,0,0.1); border-right: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid #ccc\0/; border-right: 1px solid #ccc\0/; padding: 12px 20px; text-align: left; vertical-align: top; } /* Table Head and Cell Variations */ .layout-3c-c th, .layout-3c-c td, .layout-3c-l th, .layout-3c-l td, .layout-3c-r th, .layout-3c-r td, .layout-hl-2c-l th, .layout-hl-2c-l td, .layout-hl-2c-r th, .layout-hl-2c-r td, .layout-hr-2c-l th, .layout-hr-2c-l td, .layout-hr-2c-r th, .layout-hr-2c-r td { padding: 10px; } th { background: #f8f8f8; }hr { background: #f8f8f8; height: 1px; margin-bottom: 24px; } .left { float: left; } .right { float: right; } .clear { clear: both; } .clearfix { clear:both; } .clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } blockquote.alignleft, blockquote.alignright { margin-top: 0; width: 33%; } .layout-3c-c blockquote.alignleft, .layout-3c-c blockquote.alignright, .layout-3c-l blockquote.alignleft, .layout-3c-l blockquote.alignright, .layout-3c-r blockquote.alignleft, .layout-3c-r blockquote.alignright, .layout-hl-2c-l blockquote.alignleft, .layout-hl-2c-l blockquote.alignright, .layout-hl-2c-r blockquote.alignleft, .layout-hl-2c-r blockquote.alignright, .layout-hr-2c-l blockquote.alignleft, .layout-hr-2c-l blockquote.alignright, .layout-hr-2c-r blockquote.alignleft, .layout-hr-2c-r blockquote.alignright { float: none; margin: 0; width: auto; } .error_msg { color: #ff2727; } /** * Header ************************************************/ .templatic_header_image { max-width: 100%; } .home_page_banner { clear: both; } .supreme_wrapper {position: relative; width: 100%; overflow: hidden;} /** * Containers ************************************************/ div#menu-primary, #header, div#menu-secondary, div#menu-secondary1, div#menu-secondary1, .sidebar-after-header, #main, .sidebar-subsidiary, div#menu-subsidiary, body .nav_bg .widget-nav-menu, .home_page_banner, #footer, .mega-menu { margin: 0 auto; width: 1200px; } div#menu-primary .wrap, .header-wrap, div#menu-secondary .wrap, div#menu-secondary1 .wrap, div#menu-secondary1 .wrap, #main .wrap, #content, .hfeed, div#menu-subsidiary .wrap, .sidebar-wrap, .footer-wrap { clear: both; float: left; margin: 0; padding: 0; width: 100%; } #content { clear: none; width: 65%; padding-bottom: 40px; } .layout-1c #content { clear: both; width: 100%; } .layout-3c-c #content, .layout-3c-l #content, .layout-3c-r #content, .layout-hl-2c-l #content, .layout-hl-2c-r #content, .layout-hr-2c-l #content, .layout-hr-2c-r #content { width: 360px; } .layout-1c #main .wrap { background-image: none; } .layout-2c-r #main .wrap { background-position: 319px 0; } .layout-2c-r #content { float: right; } .layout-3c-c #main .wrap { background-position: 0 0; } .layout-3c-c #content { left: 320px; position: relative; } .layout-3c-l #main .wrap { background-position: 0 0; } .layout-3c-r #main .wrap { background-position: 0 0; } .layout-3c-r #content { float: right; } /* More Container Variations Specifically for Header Left/Right Layouts */ .layout-hl-1c #container, .layout-hl-2c-l #container, .layout-hl-2c-r #container, .layout-hr-1c #container, .layout-hr-2c-l #container, .layout-hr-2c-r #container { margin: 0 auto; width: 1000px; } .layout-hl-1c .container-wrap, .layout-hl-2c-l .container-wrap, .layout-hl-2c-r .container-wrap, .layout-hr-1c .container-wrap, .layout-hr-2c-l .container-wrap, .layout-hr-2c-r .container-wrap { background-color: #fff; background-position: left top; background-repeat: repeat-y; float: left; width: 100%; } .layout-hl-1c .container-wrap { background-image: url(../images/dot.png); background-position: 319px 0; } .layout-hr-1c .container-wrap { background-image: url(../images/dot.png); background-position: 680px 0; } .layout-hl-1c #header, .layout-hl-2c-l #header, .layout-hl-2c-r #header { background: transparent; clear: none; float: left; width: 320px; } .layout-hr-1c #header, .layout-hr-2c-l #header, .layout-hr-2c-r #header { background: transparent; clear: none; float: right; width: 320px; } .layout-hl-1c #header .header-wrap, .layout-hl-2c-l #header .header-wrap, .layout-hl-2c-r #header .header-wrap, .layout-hr-1c #header .header-wrap, .layout-hr-2c-l #header .header-wrap, .layout-hr-2c-r #header .header-wrap { background: transparent; margin: 0; width: 100%; } .layout-hl-1c #main, .layout-hl-2c-l #main, .layout-hl-2c-r #main, .layout-hr-1c #main, .layout-hr-2c-l #main, .layout-hr-2c-r #main { clear: none; float: left; margin: 0; width: 680px; } .layout-hl-1c #main .wrap, .layout-hl-2c-l #main .wrap, .layout-hl-2c-r #main .wrap, .layout-hr-1c #main .wrap, .layout-hr-2c-l #main .wrap, .layout-hr-2c-r #main .wrap { background: transparent; margin: 0; } .layout-hl-2c-r #content, .layout-hr-2c-r #content { float: right; } /** * Mobile Header ************************************************/ .supreme_wraper { overflow: hidden; position: relative; } .container-wrap { position: relative; right: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .mobile_container_open { right: 0; } .mobile_header_open .mobi-scroll { width: 100%; height: 100vh; overflow-y:auto; } .toggle_wrap { float: right; position: relative; top: 25px; left: -100%; background: rgba(0,0,0,.9); height: 0; border: none; border-right: none; box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ), inset 0 1px 0 rgba( 255,255,255,0.1 ), -3px -2px 4px rgba( 0,0,0,0.5 ); -moz-box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ), inset 0 1px 0 rgba( 255,255,255,0.1 ), -3px -2px 4px rgba( 0,0,0,0.5 ); -webkit-box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ), inset 0 1px 0 rgba( 255,255,255,0.1 ), -3px -2px 4px rgba( 0,0,0,0.5 ); } .toggle_mobile_header { display: none; float: right; content: ''; margin: 7px 0 0; min-width: 48px; height: 42px; cursor: pointer; background: rgba(0,0,0,.9) url(../images/menu.png) no-repeat 0px -2px; } /*.mobile_header .toggle_mobile_header{display: none;} */ /*.toggle_mobile_widget { height: 42px; background-color: rgba(0,0,0,.9); float: right; }*/ .mobile_header { display: none; position: fixed; top: 0; right: -300px; width: 300px; height: 41px; bottom: 0; height: 100%; background: none; z-index: 30; box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ); -webkit-box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ); -moz-box-shadow: inset 1px 0 0 rgba( 255,255,255,0.1 ); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; } .mobile_header_open { right: 0; } .mobile_header .widget { display: inline-block; *display: inline; zoom: 1; vertical-align: top; float: none; width: auto; padding: 0; margin: 0; } .mobile_header .widget-search form { margin: 0; } .mobile_header .widget-search input[type="text"] { width: 34px; max-width: 100%; background-image: url(../images/search.png); background-position: -10px -10px; background-color: transparent; border-color: transparent; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; transition:all ease-in-out .2s; color: #777; cursor: pointer; padding: 6px 4px 5px 30px; margin: 5px 0; } .mobile_header .widget-search input[type="text"]:focus { width: 140px; background-color: rgba(255,255,255,.2); border-color: rgba(255,255,255,.21); color: #fff; } .mobile_header .shoppingcart_box_bg .cart_items { text-align: left; } .mobile_header div#menu-mobi-primary, .mobile_header div#menu-mobi-secondary , .mobile_header div#menu-mobi-secondary1 { background: rgba(0,0,0,.9); width: 100%; padding-bottom: 40px; } .mobile_header div#menu-mobi-secondary .wrap, .mobile_header div#menu-mobi-secondary1 .wrap { border-bottom: 1px solid #333; padding: 0 15px; } body .mobile_header .widget-wrap h3.widget-title { display: none !important; } #container .header_container .header_strip .sticky_main { background: rgba(255, 255, 255, 0.8); display: none; box-shadow:0 2px 5px rgba(0, 0, 0, 0.4); float: left; padding: 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 999; } #container .header_container .header_strip .sticky_main #branding, #container .header_container .header_strip .sticky_main #branding1 { display: inline-block; *display: inline; zoom: 1; vertical-align: top; text-align: center; padding: 0 1%; } #container .header_container .header_strip .sticky_main #nav-secondary, #container .header_container .header_strip .sticky_main #nav-secondary1 { width: 84%; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } #container .header_container .header_strip .sticky_main #menu-secondary , #container .header_container .header_strip .sticky_main #menu-secondary1 , #container .header_container .header_strip .sticky_main #menu-secondary1 { width: 100%; } #container .header_container .header_strip .sticky_main #menu-secondary .wrap, #container .header_container .header_strip .sticky_main #menu-secondary1 .wrap, #container .header_container .header_strip .sticky_main #menu-secondary1 .wrap { margin: 0; } /*cart*/ .mobile_header .cart_total, .mobile_header .woo_cart_desc, .mobile_header .cart_checkout { display: none !important; } .mobile_header .shoppingcart_box { padding: 0; } /*mega menu*/ body #container .header_container .header_strip .sticky_main .dcjq-mega-menu ul.menu { width: 100% !important; margin-bottom: 0 !important; } /** * Global Menus ************************************************/ .menu ul, .menu ul li { background: transparent; list-style: none; line-height: 1.0; margin: 0; padding: 0; } .menu li, .nav_bg .widget-nav-menu li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; position: relative; } .menu li a, .nav_bg .widget-nav-menu li a { display: block; position: relative; } .menu li ul, .nav_bg .widget-nav-menu li ul { position: absolute; top: -9999em; } .menu li li, .nav_bg .widget-nav-menu li li { visibility: inherit; width: 100%; } .menu li:hover ul, .nav_bg .widget-nav-menu li:hover ul { left: 0; top: 100%; visibility: visible; z-index: 99; } .menu li:hover li ul, .nav_bg .widget-nav-menu li:hover li ul { top: -9999em; } .menu li li:hover ul, .nav_bg .widget-nav-menu li li:hover ul { left: 100% !important; top:0; } .menu li li:hover li ul, .nav_bg .widget-nav-menu li li:hover li ul { top: -9999em; } .menu li li li:hover ul, .nav_bg .widget-nav-menu li li li:hover ul { top: 0; } .menu li li li:hover li ul, .nav_bg .widget-nav-menu li li li:hover li ul { top: -9999em; } .menu li li li li:hover ul, .nav_bg .widget-nav-menu li li li li:hover ul { top: 0; } .menu li li li li:hover li ul, .nav_bg .widget-nav-menu li li li li:hover li ul { top: -9999em; } .menu li li li li li:hover ul, .nav_bg .widget-nav-menu li li li li li:hover ul { top: 0; } .menu li li li li li:hover li ul, .nav_bg .widget-nav-menu li li li li li:hover li ul { top: -9999em; } .menu li li li li li li:hover ul, .nav_bg .widget-nav-menu li li li li li li:hover ul { top: 0; } div#menu-primary-title, div#menu-secondary-title, div#menu-subsidiary-title, div#menu-header-horizontal-title, div#menu-header-primary-title, div#menu-header-secondary-title { cursor: pointer; padding: 10px 0; } div#menu-primary-title, div#menu-secondary-title, div#menu-subsidiary-title { padding: 10px 0; } div#menu-header-horizontal-title, div#menu-header-primary-title, div#menu-header-secondary-title { border-bottom: 1px dotted #f8f8f8; } div#menu-primary-title, div#menu-secondary-title, div#menu-subsidiary-title, div#menu-header-horizontal-title, div#menu-header-primary-title, div#menu-header-secondary-title { display: none; } /* Primary Menu #primary-menu */ div#menu-primary .wrap { border-bottom: 3px double rgba(0,0,0,0.1); float: left; width: 100%; } div#menu-primary .menu { float: left; } div#menu-primary .menu ul ul { width: 180px !important; } div#menu-primary .menu li a { color: #333; padding: 10px 20px; } div#menu-primary .menu li a.with-ul span.sub-indicator { display: none; } div#menu-primary .menu li li a.with-ul span.sub-indicator { background: url(../images/menu-sub-indicator.png) no-repeat; display: block; width: 3px; height: 5px; line-height: 1; position: absolute; top: 17px; right: 12px; text-indent: -999em; } div#menu-primary .menu li a:hover, div#menu-primary .menu li:hover > a, div#menu-primary .menu li.current-menu-item a { color: #999 } div#menu-primary .menu li.current-menu-item li a { color: #222 } /* Primary Dropdowns */ div#menu-primary .menu li li a { background-color: #E9E9E9; border: 0; border-bottom: 1px dotted #eee; } div#menu-primary .menu li li:hover > a, div#menu-primary .menu li li a:hover { background-color: #fcfcfc; } /* Secondary and Subsidiary Menus div#menu-secondary, div#menu-subsidiary */ div#menu-secondary .wrap, div#menu-secondary1 .wrap, div#menu-subsidiary .wrap, .nav_bg .widget-nav-menu nav { background: #e9e9e9; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; box-shadow: 0px 1px 1px #777, 0 1px 0 #fff inset; margin-bottom: 30px; } div#menu-secondary-title, div#menu-subsidiary-title { display: none; } div#menu-secondary .menu ul ul, div#menu-secondary1 .menu ul ul, div#menu-subsidiary .menu ul ul, .nav_bg .widget-nav-menu ul ul { width: 180px !important; } div#menu-secondary .menu li a, div#menu-secondary1 .menu li a, div#menu-subsidiary .menu li a, .nav_bg .widget-nav-menu li a { color: #333; text-shadow: 0 1px 0 rgba(255,255,255,.6); padding: 15px 20px; } div#menu-secondary .menu li a.with-ul span.sub-indicator, div#menu-secondary1 .menu li a.with-ul span.sub-indicator, div#menu-subsidiary .menu li a.with-ul span.sub-indicator { display: none; } div#menu-secondary .menu li li a.with-ul span.sub-indicator, div#menu-secondary1 .menu li li a.with-ul span.sub-indicator, div#menu-subsidiary .menu li li a.with-ul span.sub-indicator { background: url(../images/menu-sub-indicator.png) no-repeat; display: block; width: 3px; height: 5px; line-height: 1; position: absolute; top: 22px; right: 15px; text-indent: -9999em; } div#menu-secondary .menu li a:hover, div#menu-secondary1 .menu li a:hover, div#menu-secondary .menu li:hover > a, div#menu-secondary1 .menu li:hover > a, div#menu-secondary .menu li.current-menu-item > a, div#menu-secondary1 .menu li.current-menu-item > a, div#menu-subsidiary .menu li.current-menu-item > a { color: #0066CC; } div#menu-secondary .menu li.current-menu-item li a, div#menu-secondary1 .menu li.current-menu-item li a, div#menu-subsidiary .menu li.current-menu-item li a { font-weight: normal; } /* Secondary and Subsidiary Dropdowns */ div#menu-secondary .menu li li a, div#menu-secondary1 .menu li li a, div#menu-subsidiary .menu li li a, .nav_bg .widget-nav-menu li li a { background-color: #E9E9E9; border: 0; } div#menu-secondary .menu li li:hover > a, div#menu-secondary1 .menu li li:hover > a, div#menu-secondary .menu li li a:hover, div#menu-secondary1 .menu li li a:hover, div#menu-subsidiary .menu li li a:hover, .nav_bg .widget-nav-menu li li a:hover { background-color: #fcfcfc; } /* Subsidiary Dropdowns */ div#menu-subsidiary .menu li:hover ul { bottom: 100%; left: 0; top: auto; } div#menu-subsidiary .menu li:hover li ul { bottom: -9999em; } div#menu-subsidiary .menu li li:hover ul { bottom: 0; top: auto; } div#menu-subsidiary .menu li li:hover li ul { bottom: -9999em; top: auto; } div#menu-subsidiary .menu li li li:hover ul { bottom: 0; top: auto; } div#menu-subsidiary .menu li li li:hover li ul { bottom: -9999em; top: auto; } div#menu-subsidiary .menu li li li li:hover ul { bottom: 0; top: auto; } /* Header Primary and Secondary Menus */ div#menu-header-primary, div#menu-header-secondary { float: right; margin-right: 40px; width: 200px; } div#menu-header-primary .wrap, div#menu-header-secondary .wrap { float: left; font-family: Georgia, serif; padding: 20px 0 36px; width: 100%; } div#menu-header-primary .menu, div#menu-header-secondary .menu, div#menu-header-primary .menu ul, div#menu-header-secondary .menu ul { width: 100%; } div#menu-header-primary .menu ul ul, div#menu-header-secondary .menu ul ul { width: 200px !important; } div#menu-header-primary .menu li, div#menu-header-secondary .menu li { display: block; float: none; width: 100%; } div#menu-header-primary .menu li a, div#menu-header-secondary .menu li a { background: url(../images/dotted-every-3.png) left bottom repeat-x; font: 12px/21px Georgia, serif; padding: 10px 20px; } div#menu-header-primary .menu li:last-child a, div#menu-header-secondary .menu li:last-child a { background: none; } div#menu-header-primary .menu li a.sf-with ul, div#menu-header-secondary .menu li a.sf-with ul { padding-right: 45px; } div#menu-header-primary .menu li a.with-ul span.sub-indicator, div#menu-header-secondary .menu li a.with-ul span.sub-indicator { background: url(../images/menu-sub-indicator.png) no-repeat; display: block; height: 3px; line-height: 1; position: absolute; right: 20px; text-indent: -9999em; top: 20px; width: 5px; } div#menu-header-primary .menu li.current-menu-item a, div#menu-header-secondary .menu li.current-menu-item a { font-weight: bold; } div#menu-header-primary .menu li.current-menu-item li a, div#menu-header-secondary .menu li.current-menu-item li a { font-weight: normal; } /* Header Primary and Secondary Second Levels */ div#menu-header-primary .menu li li a, div#menu-header-secondary .menu li li a, div#menu-header-primary .menu li li:last-child a, div#menu-header-secondary .menu li li:last-child a { background: #f8f8f8 url(../images/dotted-every-3.png) left bottom repeat-x; } div#menu-header-primary .menu li li a:hover, div#menu-header-secondary .menu li li a:hover { background-color: #fcfcfc; } /* In Menu Search Form */ div#menu-header-primary form.search-form, div#menu-header-secondary form.search-form { background: #fdfdfd; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 1px 1px #f2f2f2; -moz-box-shadow: inset 0 1px 1px #f2f2f2; -o-box-shadow: inset 0 1px 1px #f2f2f2; -webkit-box-shadow: inset 0 1px 1px #f2f2f2; clear: both; display: block; float: left; height: 36px; margin: 18px 0 0; padding: 0 20px; vertical-align: middle; width: 100%; } div#menu-header-primary form.search-form input[type="text"], div#menu-header-secondary form.search-form input[type="text"] { background: transparent; box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; font-size: 11px; height: auto; line-height: 18px; margin: 0; padding: 5px 0 0; width: auto; } div#menu-header-primary form.search-form input[type="submit"], div#menu-header-secondary form.search-form input[type="submit"] { background: url(../images/icon-magnify.png) no-repeat; border: 0; box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; display: inline-block; float: right; height: 18px; margin-top: 9px; padding: 0; text-indent: -9999em; width: 18px; z-index: 2; } /* Header Primary and Secondary Menu Variations */ .layout-hl-1c div#menu-header-primary, .layout-hl-1c div#menu-header-secondary, .layout-hl-2c-l div#menu-header-primary, .layout-hl-2c-l div#menu-header-secondary, .layout-hl-2c-r div#menu-header-primary, .layout-hl-2c-r div#menu-header-secondary, .layout-hr-1c div#menu-header-primary, .layout-hr-1c div#menu-header-secondary, .layout-hr-2c-l div#menu-header-primary, .layout-hr-2c-l div#menu-header-secondary, .layout-hr-2c-r div#menu-header-primary, .layout-hr-2c-r div#menu-header-secondary { clear: both; float: none; margin: 0 0 18px; padding: 0 40px; width: auto; } .layout-hl-1c div#menu-header-primary .wrap, .layout-hl-1c div#menu-header-secondary .wrap, .layout-hl-2c-l div#menu-header-primary .wrap, .layout-hl-2c-l div#menu-header-secondary .wrap, .layout-hl-2c-r div#menu-header-primary .wrap, .layout-hl-2c-r div#menu-header-secondary .wrap, .layout-hr-1c div#menu-header-primary .wrap, .layout-hr-1c div#menu-header-secondary .wrap, .layout-hr-2c-l div#menu-header-primary .wrap, .layout-hr-2c-l div#menu-header-secondary .wrap, .layout-hr-2c-r div#menu-header-primary .wrap, .layout-hr-2c-r div#menu-header-secondary .wrap { padding: 0 0 36px; } .layout-hl-1c div#menu-header-primary .menu ul ul, .layout-hl-1c div#menu-header-secondary .menu ul ul, .layout-hl-2c-l div#menu-header-primary .menu ul ul, .layout-hl-2c-l div#menu-header-secondary .menu ul ul, .layout-hl-2c-r div#menu-header-primary .menu ul ul, .layout-hl-2c-r div#menu-header-secondary .menu ul ul, .layout-hr-1c div#menu-header-primary .menu ul ul, .layout-hr-1c div#menu-header-secondary .menu ul ul, .layout-hr-2c-l div#menu-header-primary .menu ul ul, .layout-hr-2c-l div#menu-header-secondary .menu ul ul, .layout-hr-2c-r div#menu-header-primary .menu ul ul, .layout-hr-2c-r div#menu-header-secondary .menu ul ul { width: 200px !important; } .layout-hr-1c div#menu-header-primary .menu ul ul ul, .layout-hr-1c div#menu-header-secondary .menu ul ul ul, .layout-hr-2c-l div#menu-header-primary .menu ul ul ul, .layout-hr-2c-l div#menu-header-secondary .menu ul ul ul, .layout-hr-2c-r div#menu-header-primary .menu ul ul ul, .layout-hr-2c-r div#menu-header-secondary .menu ul ul ul { left: auto !important; right: 100%; width: 100%; } .layout-hl-1c div#menu-header-primary .menu li a, .layout-hl-1c div#menu-header-secondary .menu li a, .layout-hl-2c-l div#menu-header-primary .menu li a, .layout-hl-2c-l div#menu-header-secondary .menu li a, .layout-hl-2c-r div#menu-header-primary .menu li a, .layout-hl-2c-r div#menu-header-secondary .menu li a, .layout-hr-1c div#menu-header-primary .menu li a, .layout-hr-1c div#menu-header-secondary .menu li a, .layout-hr-2c-l div#menu-header-primary .menu li a, .layout-hr-2c-l div#menu-header-secondary .menu li a, .layout-hr-2c-r div#menu-header-primary .menu li a, .layout-hr-2c-r div#menu-header-secondary .menu li a { padding: 10px 0; } .layout-hl-1c div#menu-header-primary .menu li a.with-ul, .layout-hl-1c div#menu-header-secondary .menu li a.with-ul, .layout-hl-2c-l div#menu-header-primary .menu li a.with-ul, .layout-hl-2c-l div#menu-header-secondary .menu li a.with-ul, .layout-hl-2c-r div#menu-header-primary .menu li a.with-ul, .layout-hl-2c-r div#menu-header-secondary .menu li a.with-ul, .layout-hr-1c div#menu-header-primary .menu li a.with-ul, .layout-hr-1c div#menu-header-secondary .menu li a.with-ul, .layout-hr-2c-l div#menu-header-primary .menu li a.with-ul, .layout-hr-2c-l div#menu-header-secondary .menu li a.with-ul, .layout-hr-2c-r div#menu-header-primary .menu li a.with-ul, .layout-hr-2c-r div#menu-header-secondary .menu li a.with-ul { padding-right: 25px; } .layout-hl-1c div#menu-header-primary .menu li a.with-ul span.sub-indicator, .layout-hl-1c div#menu-header-secondary .menu li a.with-ul span.sub-indicator, .layout-hl-2c-l div#menu-header-primary .menu li a.with-ul span.sub-indicator, .layout-hl-2c-l div#menu-header-secondary .menu li a.with-ul span.sub-indicator, .layout-hl-2c-r div#menu-header-primary .menu li a.with-ul span.sub-indicator, .layout-hl-2c-r div#menu-header-secondary .menu li a.with-ul span.sub-indicator, .layout-hr-1c div#menu-header-primary .menu li a.with-ul span.sub-indicator, .layout-hr-1c div#menu-header-secondary .menu li a.with-ul span.sub-indicator, .layout-hr-2c-l div#menu-header-primary .menu li a.with-ul span.sub-indicator, .layout-hr-2c-l div#menu-header-secondary .menu li a.with-ul span.sub-indicator, .layout-hr-2c-r div#menu-header-primary .menu li a.with-ul span.sub-indicator, .layout-hr-2c-r div#menu-header-secondary .menu li a.with-ul span.sub-indicator { right: 0; } /* Header Primary/Secondary Second Levels variations */ .layout-hl-1c div#menu-header-primary .menu li li a, .layout-hl-1c div#menu-header-secondary .menu li li a, .layout-hl-2c-l div#menu-header-primary .menu li li a, .layout-hl-2c-l div#menu-header-secondary .menu li li a, .layout-hl-2c-r div#menu-header-primary .menu li li a, .layout-hl-2c-r div#menu-header-secondary .menu li li a, .layout-hr-1c div#menu-header-primary .menu li li a, .layout-hr-1c div#menu-header-secondary .menu li li a, .layout-hr-2c-l div#menu-header-primary .menu li li a, .layout-hr-2c-l div#menu-header-secondary .menu li li a, .layout-hr-2c-r div#menu-header-primary .menu li li a, .layout-hr-2c-r div#menu-header-secondary .menu li li a { padding: 10px 20px; } .layout-hl-1c div#menu-header-primary .menu li li a.with-ul, .layout-hl-1c #menu-header-secondary .menu li li a.with-ul, .layout-hl-2c-l div#menu-header-primary .menu li li a.with-ul, .layout-hl-2c-l #menu-header-secondary .menu li li a.with-ul, .layout-hl-2c-r div#menu-header-primary .menu li li a.with-ul, .layout-hl-2c-r #menu-header-secondary .menu li li a.with-ul, .layout-hr-1c div#menu-header-primary .menu li li a.with-ul, .layout-hr-1c #menu-header-secondary .menu li li a.with-ul, .layout-hr-2c-l div#menu-header-primary .menu li li a.with-ul, .layout-hr-2c-l #menu-header-secondary .menu li li a.with-ul, .layout-hr-2c-r div#menu-header-primary .menu li li a.with-ul, .layout-hr-2c-r #menu-header-secondary .menu li li a.with-ul { padding-right: 45px; } .layout-hl-1c div#menu-header-primary .menu li li a.with-ul span.sub-indicator, .layout-hl-1c div#menu-header-secondary .menu li li a.with-ul span.sub-indicator, .layout-hl-2c-l div#menu-header-primary .menu li li a.with-ul span.sub-indicator, .layout-hl-2c-l div#menu-header-secondary .menu li li a.with-ul span.sub-indicator, .layout-hl-2c-r div#menu-header-primary .menu li li a.with-ul span.sub-indicator, .layout-hl-2c-r div#menu-header-secondary .menu li li a.with-ul span.sub-indicator, .layout-hr-1c div#menu-header-primary .menu li li a.with-ul span.sub-indicator, .layout-hr-1c div#menu-header-secondary .menu li li a.with-ul span.sub-indicator, .layout-hr-2c-l div#menu-header-primary .menu li li a.with-ul span.sub-indicator, .layout-hr-2c-l div#menu-header-secondary .menu li li a.with-ul span.sub-indicator, .layout-hr-2c-r div#menu-header-primary .menu li li a.with-ul span.sub-indicator, .layout-hr-2c-r div#menu-header-secondary .menu li li a.with-ul span.sub-indicator { right: 20px; } /* Header Horizontal Menu */ div#menu-header-horizontal { float: right; margin-right: 40px; width: 480px; } div#menu-header-horizontal .wrap { float: left; padding: 20px 0 36px; width: 100%; } div#menu-header-horizontal .menu ul ul { width: 200px !important; } div#menu-header-horizontal .menu li a { font: 12px/21px Georgia, serif; padding: 10px 20px; } div#menu-header-horizontal .menu li a.with-ul { padding-right: 45px; } div#menu-header-horizontal .menu li a.with-ul span.sub-indicator { background: url(../images/menu-sub-indicator.png) no-repeat; display: block; height: 3px; line-height: 1; position: absolute; right: 20px; text-indent: -9999em; top: 20px; width: 5px; } div#menu-header-horizontal .menu li.current-menu-item a { font-weight: bold; } div#menu-header-horizontal .menu li.current-menu-item li a { font-weight: normal; } /* Horizontal Menu Second Level */ div#menu-header-horizontal .menu li li a { background: #f8f8f8 url(../images/dotted-every-3.png) left bottom repeat-x; } div#menu-header-horizontal .menu li li a:hover { background-color: #fcfcfc; } /* Header Horizontal Menu Variations */ .layout-hl-1c div#menu-header-horizontal, .layout-hl-2c-l div#menu-header-horizontal, .layout-hl-2c-r div#menu-header-horizontal, .layout-hr-1c div#menu-header-horizontal, .layout-hr-2c-l div#menu-header-horizontal, .layout-hr-2c-r div#menu-header-horizontal { clear: both; float: none; margin: 0 0 18px; padding: 0 40px; width: auto; } .layout-hl-1c div#menu-header-horizontal .wrap, .layout-hl-2c-l div#menu-header-horizontal .wrap, .layout-hl-2c-r div#menu-header-horizontal .wrap, .layout-hr-1c div#menu-header-horizontal .wrap, .layout-hr-2c-l div#menu-header-horizontal .wrap, .layout-hr-2c-r div#menu-header-horizontal .wrap { padding: 0 0 36px; } .layout-hl-1c div#menu-header-horizontal .menu li, .layout-hl-2c-l div#menu-header-horizontal .menu li, .layout-hl-2c-r div#menu-header-horizontal .menu li, .layout-hr-1c div#menu-header-horizontal .menu li, .layout-hr-2c-l div#menu-header-horizontal .menu li, .layout-hr-2c-r div#menu-header-horizontal .menu li { float: none; width: 100%; } .layout-hr-1c div#menu-header-horizontal .menu ul ul ul, .layout-hr-2c-l div#menu-header-horizontal .menu ul ul ul, .layout-hr-2c-r div#menu-header-horizontal .menu ul ul ul { left: auto !important; right: 100%; width: 100%; } .layout-hl-1c div#menu-header-horizontal .menu li a, .layout-hl-2c-l div#menu-header-horizontal .menu li a, .layout-hl-2c-r div#menu-header-horizontal .menu li a, .layout-hr-1c div#menu-header-horizontal .menu li a, .layout-hr-2c-l div#menu-header-horizontal .menu li a, .layout-hr-2c-r div#menu-header-horizontal .menu li a { background: url(../images/dotted-every-3.png) left bottom repeat-x; padding: 10px 0; } .layout-hl-1c div#menu-header-horizontal .menu li a.with-ul, .layout-hl-2c-l div#menu-header-horizontal .menu li a.with-ul, .layout-hl-2c-r div#menu-header-horizontal .menu li a.with-ul, .layout-hr-1c div#menu-header-horizontal .menu li a.with-ul, .layout-hr-2c-l div#menu-header-horizontal .menu li a.with-ul, .layout-hr-2c-r div#menu-header-horizontal.menu li a.with-ul { padding-right: 25px; } .layout-hl-1c div#menu-header-horizontal .menu li a.with-ul span.sub-indicator, .layout-hl-2c-l div#menu-header-horizontal .menu li a.with-ul span.sub-indicator, .layout-hl-2c-r div#menu-header-horizontal .menu li a.with-ul span.sub-indicator, .layout-hr-1c div#menu-header-horizontal .menu li a.with-ul span.sub-indicator, .layout-hr-2c-l div#menu-header-horizontal .menu li a.with-ul span.sub-indicator, .layout-hr-2c-r div#menu-header-horizontal .menu li a.with-ul span.sub-indicator { right: 0; } /* Header Horizontal Second Levels variations */ .layout-hl-1c div#menu-header-horizontal .menu li li a, .layout-hl-2c-l div#menu-header-horizontal .menu li li a, .layout-hl-2c-r div#menu-header-horizontal .menu li li a, .layout-hr-1c div#menu-header-horizontal .menu li li a, .layout-hr-2c-l div#menu-header-horizontal .menu li li a, .layout-hr-2c-r div#menu-header-horizontal .menu li li a { background-color: #f8f8f8; padding: 10px 20px; } .layout-hl-1c div#menu-header-horizontal .menu li li a:hover, .layout-hl-2c-l div#menu-header-horizontal .menu li li a:hover, .layout-hl-2c-r div#menu-header-horizontal .menu li li a:hover, .layout-hr-1c div#menu-header-horizontal .menu li li a:hover, .layout-hr-2c-l div#menu-header-horizontal .menu li li a:hover, .layout-hr-2c-r div#menu-header-horizontal .menu li li a:hover { background-color: #fcfcfc; } .layout-hl-1c div#menu-header-horizontal .menu li li a.with-ul, .layout-hl-2c-l div#menu-header-horizontal .menu li li a.with-ul, .layout-hl-2c-r div#menu-header-horizontal .menu li li a.with-ul, .layout-hr-1c div#menu-header-horizontal .menu li li a.with-ul, .layout-hr-2c-l div#menu-header-horizontal .menu li li a.with-ul, .layout-hr-2c-r div#menu-header-horizontal.menu li li a.with-ul { padding-right: 45px; } .layout-hl-1c div#menu-header-horizontal .menu li li a.with-ul span.sub-indicator, .layout-hl-2c-l div#menu-header-horizontal .menu li li a.with-ul span.sub-indicator, .layout-hl-2c-r div#menu-header-horizontal .menu li li a.with-ul span.sub-indicator, .layout-hr-1c div#menu-header-horizontal .menu li li a.with-ul span.sub-indicator, .layout-hr-2c-l div#menu-header-horizontal .menu li li a.with-ul span.sub-indicator, .layout-hr-2c-r div#menu-header-horizontal .menu li li a.with-ul span.sub-indicator { right: 20px; } /* Footer Menu */ div#menu-footer { float: right; } div#menu-footer .wrap { tex-transform: uppercase; } div#menu-footer .menu { } div#menu-footer .menu ul { } div#menu-footer .menu ul ul { display: none; } div#menu-footer .menu li { margin-left: 20px; } div#menu-footer .menu li a { line-height: 15px; padding: 14px 0; } div#menu-footer .menu li a.with-ul span.sub-indicator { display: none; } /* Footer Menu Dropdowns */ div#menu-footer .menu li:hover ul, div#menu-footer .menu li:hover li ul, div#menu-footer .menu li li:hover ul, div#menu-footer .menu li li:hover li ul, div#menu-footer .menu li li li:hover ul { top: -9999em; } /* Custom Menu */ body .nav_bg .widget-nav-menu { clear: both; float: none; margin: 0 auto; } body .nav_bg .widget-nav-menu h3 { display: none; } body .nav_bg .widget-nav-menu li { border: none; padding: 0; } body .nav_bg .widget-nav-menu li a { line-height: normal; } body .nav_bg .widget-nav-menu ul ul { border: none; padding: 0; margin: 0; } /** * Header ************************************************/ #branding ,#branding1 { float: left; width: 38%; padding: 30px 0 } #site-title, #site-title1 { letter-spacing: -0.05em; line-height: 46px; padding: 0; } #site-title a, #site-title1 a { color: #222; } #site-title a:hover, #site-title1 a:hover { text-decoration: none; } #site-title img , #site-title1 img { display: block; } #site-description { padding: 5px 0 0; } .layout-hl-1c #branding,.layout-hl-1c #branding1, .layout-hl-2c-l #branding, .layout-hl-2c-l #branding1, .layout-hl-2c-r #branding, .layout-hl-2c-r #branding1, .layout-hr-1c #branding, .layout-hr-1c #branding1, .layout-hr-2c-l #branding, .layout-hr-2c-l #branding1, .layout-hr-2c-r #branding , .layout-hr-2c-r #branding1 { width: 100%; } /** * Content ************************************************/ /* Breadcrumb */ #breadcrumb, .breadcrumb, .bbp-breadcrumb { clear: both; float: left; width: 100%; margin-bottom: 20px; } .layout-hl-1c .breadcrumb, .layout-hl-2c-l .breadcrumb, .layout-hl-2c-r .breadcrumb, .layout-hr-1c .breadcrumb, .layout-hr-2c-l .breadcrumb, .layout-hr-2c-r .breadcrumb { border: 0; } #breadcrumb a, .breadcrumb a { color: #000; } /* Global Content */ .byline a:hover, .entry-meta a:hover { text-decoration: none; } .byline .post-edit-link, .entry-meta .post-edit-link, .byline abbr.published, .entry-meta abbr.published, .byline .comments-link, .entry-meta .comments-link { margin-right: 15px; } .byline .permalink, .entry-meta .permalink { margin-right: 15px; } .byline .permalink:hover, .entry-meta .permalink:hover { background-position: 0 -14px; } .byline .category, .entry-meta .category { margin-right: 20px; } /* Singular Content */ .hentry { clear: both; } article.post, article.hentry { border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 30px; margin-bottom: 25px; } .home .post, .home .hentry, .archive article.post, .archive article.hentry, #content article.hentry { float: left; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } .hfeed .post:last-child, .hfeed .hentry:last-child { border: none; margin-bottom: 0; } article.post img, article.hentry img { border: none; max-width: 100%; padding: 0; } .hfeed .post .entry-meta, .hfeed .hentry .entry-meta { padding-bottom: 0; } article.author-admin { border: none; } .post_fig { display: inline-block; float: left; width: 22.5%; margin: 0 2.5% 10px 0; } .entry-header { display: block; margin-bottom: 10px; } .entry-title { font-size: 24px; line-height: 30px; } .entry-meta { color: #999; font-size: 14px; line-height: 18px; padding: 15px 0; } .entry-author-meta { float: left; padding: 18px 0; width: 100%; } .entry-author-meta img.avatar { float: left; height: 50px; margin: 18px 20px 14px 0; width: 50px; } .entry-author-meta .author-name { font: bold 14px/21px Georgia, serif; margin: 15px 0 0 70px; padding: 0; } .entry-author-meta .author-description { font-size: 14px; line-height: 21px; margin-left: 70px; } .entry-content { clear: both; float: left; padding: 10px 0; width: 100%; } .success_msg { background-color: #DFF0D8; border: 1px solid #D6E9C6; border-radius: 4px; margin-bottom: 20px; color: #468847; padding: 10px 15px;} .cont_error_msg { background-color: #FFEBE8; border-radius: 4px; margin-bottom: 20px; color: #000; padding: 10px 15px; font-size:16px; padding-top:10px;} .entry-content .negative-margins { margin: 0 -40px; } .twp_search_cont { margin-bottom: 30px; } .twp_search_cont input[type="text"] { max-width: 370px; } .twp_search_cont input[type="submit"] { margin: 0; } /* Entry content captions */ .wp-caption { background: #e2e2e2; background-image: linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -o-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -ms-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f7f7f7) ); box-shadow:0 0 0 1px rgba(0,0,0,0.1), 0 2px 6px -3px rgba(0,0,0,0.6); -webkit-font-smoothing:subpixel-antialiased; font-smoothing:subpixel-antialiased; padding: 10px; } .wp-caption img { height: auto; margin: 0 } .gallery-caption, .wp-caption-text { border: 0; display: block; font: 14px/18px Georgia, serif; color: #333; text-align: center; margin: 0; padding: 0; } /* Entry content gallery */ .gallery { clear: both; margin: 0 -40px; } .gallery-row:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } .gallery-item, .gallery-icon, .gallery-caption { background: transparent; border: 0; margin: 0; padding: 0; } .gallery-item { display: block; float: left; text-align: center; } .gallery-icon { margin: 0; padding: 0; text-align: center; } .gallery-icon img { height: auto; max-width: 90%; padding: 5%; margin: 0; } .gallery-item a, .gallery-caption { display: block; width: 90%; } .gallery-caption { padding: 10px 20px 0; } .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } .gallery .col-0, .gallery .col-1 { width: 600px; } .gallery .col-2 { width: 280px; } .gallery .col-3 { width: 173px; } .gallery .col-4 { width: 120px; } .gallery .col-5 { width: 88px; } .gallery .col-6, .gallery .col-7, .gallery .col-8, .gallery .col-9 { width: 66px; } .gallery .col-5 .gallery-caption, .gallery .col-6 .gallery-caption, .gallery .col-7 .gallery-caption, .gallery .col-8 .gallery-caption, .gallery .col-9 .gallery-caption { display: none; } /* Gallery variations for full-width (layout-1c) layout */ .layout-1c .gallery .col-0, .layout-1c .gallery .col-1 { width: 920px; } .layout-1c .gallery .col-2 { width: 440px; } .layout-1c .gallery .col-3 { width: 280px; } .layout-1c .gallery .col-4 { width: 200px; } .layout-1c .gallery .col-5 { width: 152px; } .layout-1c .gallery .col-6 { width: 120px; } .layout-1c .gallery .col-7 { width: 97px; } .layout-1c .gallery .col-8 { width: 80px; } .layout-1c .gallery .col-9 { width: 66px; } /* Gallery variations for all narrow-width layouts */ layout-3c-c .gallery-item, .layout-3c-l .gallery-item, .layout-3c-r .gallery-item, .layout-hl-2c-l .gallery-item, .layout-hl-2c-r .gallery-item, .layout-hr-2c-l .gallery-item, .layout-hr-2c-r .gallery-item { width: 66px; } /* For narrow-width layouts, set all gallery items to 66px first, regardless of column setting or image size. */ .layout-3c-c .gallery-caption, .layout-3c-l .gallery-caption, .layout-3c-r .gallery-caption, .layout-hl-2c-l .gallery-caption, .layout-hl-2c-r .gallery-caption, .layout-hr-2c-l .gallery-caption, .layout-hr-2c-r .gallery-caption { display: none; } /* For narrow-width layouts, hide all gallery item captions by default. */ .layout-3c-c .gallery .col-0, .layout-3c-l .gallery .col-0, .layout-3c-r .gallery .col-0, .layout-hl-2c-l .gallery .col-0, .layout-hl-2c-r .gallery .col-0, .layout-hr-2c-l .gallery .col-0, .layout-hr-2c-r .gallery .col-0, .layout-3c-c .gallery .col-1, .layout-3c-l .gallery .col-1, .layout-3c-r .gallery .col-1, .layout-hl-2c-l .gallery .col-1, .layout-hl-2c-r .gallery .col-1, .layout-hr-2c-l .gallery .col-1, .layout-hr-2c-r .gallery .col-1 { width: 280px; } /* For single-column galleries in narrow-width layouts, set each item to 280px */ .layout-3c-c .gallery .col-2, .layout-3c-l .gallery .col-2, .layout-3c-r .gallery .col-2, .layout-hl-2c-l .gallery .col-2, .layout-hl-2c-r .gallery .col-2, .layout-hr-2c-l .gallery .col-2, .layout-hr-2c-r .gallery .col-2 { width: 120px; } /* For two-column galleries in narrow-width layouts, set each item to 120px */ .layout-3c-c .gallery .col-0 .gallery-caption, .layout-3c-l .gallery .col-0 .gallery-caption, .layout-3c-r .gallery .col-0 .gallery-caption, .layout-hl-2c-l .gallery .col-0 .gallery-caption, .layout-hl-2c-r .gallery .col-0 .gallery-caption, .layout-hr-2c-l .gallery .col-0 .gallery-caption, .layout-hr-2c-r .gallery .col-0 .gallery-caption, .layout-3c-c .gallery .col-1 .gallery-caption, .layout-3c-l .gallery .col-1 .gallery-caption, .layout-3c-r .gallery .col-1 .gallery-caption, .layout-hl-2c-l .gallery .col-1 .gallery-caption, .layout-hl-2c-r .gallery .col-1 .gallery-caption, .layout-hr-2c-l .gallery .col-1 .gallery-caption, .layout-hr-2c-r .gallery .col-1 .gallery-caption { display: block; } /* For single-column galleries in narrow-width layouts, display gallery item captions. */ /* Entry content page links */ .entry-content .page-links { clear: both; margin: 6px 0 18px; padding: 0; } .entry-content .page-links a { background: #fff; border: 1px solid #f2f2f2; border-radius: 18px; -moz-border-radius: 18px; -khtml-border-radius: 18px; -webkit-border-radius: 18px; display: inline-block; margin: 12px 5px 0 5px; padding: 0 10px 4px; } .entry-content .page-links a:hover { background: #f8f8f8; } /* Archives Content */ .loop-meta { /* Loop meta consists of miscellaneous elements like archive page title, category description, author archive avatar, author biography */ clear: both; padding: 0 0 20px; } .loop-title { /* Generic style for all archive page titles */ padding: 0 0 11px; } .loop-meta.vcard img.avatar { float: left; margin: 18px 20px 18px 0; } .loop-entries, .loop-entries li { /* .loop-entries is an un-ordered list, used when excerpt-view of entries are displayed. */ background: transparent; list-style: none; margin: 0; padding: 0; } .loop-entries li { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; display: block; float: left; padding: 15px 40px 20px; width: 100%; } .loop-entries li img { height: auto; max-width: 100%; width: auto; } .loop-entries li .featured-image-link { display: block; float: left; margin: 21px 40px 5px 0; padding: 0 0 10px; width: 280px; } .loop-entries li.format-gallery img.thumbnail, .loop-entries li.format-image img.thumbnail { height: auto; margin: 21px 0 5px; max-width: 100%; width: auto; } .loop-entries li .entry-title { /* Reset .entry-title rules from Global and Singular Content styles */ border: 0; clear: none; line-height: 30px; padding: 15px 0 6px; } .loop-entries li .byline, .loop-entries li .entry-meta { /* Reset byline and entry-meta rules from Global and Singular Content styles*/ background: transparent; border: 0; clear: none; font: bold 10px/21px Georgia, serif; padding: 6px 0 0; } .loop-entries li .entry-summary { clear: none; font-size: 14px; line-height: 24px; } .loop-entries li .entry-summary p { padding: 13px 0 11px; } /* Archive Content Variations - Adjusting excerpt view for other layouts */ .layout-2c-r .loop-entries li .featured-image-link, .layout-hl-1c .loop-entries li .featured-image-link { float: right; margin-left: 40px; margin-right: 0; } /* Comments Template -- #comments-template */ #comments-template { clear: both; } #comments-number, #reply-title { font-size: 24px; font-weight: normal; line-height: 36px; padding: 20px 0; } /* Comments -- #comments */ #comments p.comments-closed { border-bottom: 1px solid rgba(0,0,0,0.1); clear: both; color: #e00; padding: 30px 0; } #comments ol { clear: both; list-style: none; margin: 0; padding: 0; } /* Comments List */ #comments li { border-bottom: 1px solid rgba(0,0,0,0.1); clear: both; float: left; width: 100%; } #comments li li { border-bottom: 0; border-top: 1px solid rgba(0,0,0,0.1); } #comments li li .comment-wrap { margin-left: 40px; } #comments li li li .comment-wrap { margin-left: 80px; } #comments li li li li .comment-wrap { margin-left: 120px; } #comments li li li li li .comment-wrap { margin-left: 160px; } #comments li li li li li li .comment-wrap { margin-left: 200px; } #comments li li li li li li li .comment-wrap { margin-left: 240px; } #comments li li li li li li li li .comment-wrap { margin-left: 280px; } #comments li li li li li li li li li .comment-wrap { margin-left: 320px; } #comments li li li li li li li li li li .comment-wrap { margin-left: 360px; } /* Comments List Variations */ .layout-3c-c #comments li li, .layout-3c-l #comments li li, .layout-3c-r #comments li li, .layout-hl-2c-l #comments li li, .layout-hl-2c-r #comments li li, .layout-hr-2c-l #comments li li, .layout-hr-2c-r #comments li li { background: transparent; } .layout-3c-c #comments li li .comment-wrap, .layout-3c-l #comments li li .comment-wrap, .layout-3c-r #comments li li .comment-wrap, .layout-hl-2c-l #comments li li .comment-wrap, .layout-hl-2c-r #comments li li .comment-wrap, .layout-hr-2c-l #comments li li .comment-wrap, .layout-hr-2c-r #comments li li .comment-wrap { margin-left: 0 !important; } /* Comment Header */ .comment-header { padding: 20px 0 0; position: relative; } .comment-header img.avatar { border: 1px solid #ddd; border-radius: 3px; float: left; height: 36px; width: 36px; margin: 3px 20px 0 0; } .comment-meta { font-size: 14px; display: block; padding: 0 0 9px 56px; } .comment-meta a { color: #222; } .comment-author { color: #666; display: block; font-size: 12px; line-height: 22px; } .comment-author cite { font-size: 18px; font-weight: normal; font-style: normal; } .comment-meta abbr { border: 0; } .comment-reply-link, .comment-reply-login { background: #E9E9E9; border: 1px solid rgba(0,0,0,0.1); border-radius: 3px; text-align: center; position: static; width: 50px; height: auto; display: block; line-height: 1; overflow: hidden; padding: 8px 4px; margin-bottom: 20px; } .comment-reply-link:hover, .comment-reply-login:hover { background-color: #0066CC; border-color: #0066CC; color: #ffffff; text-decoration: none; } .comment-reply-link:active, .comment-reply-login:active { position: relative; top: 1px; } .comment-text { clear: both; padding: 0 0 18px; } .comment-text p a { text-decoration: underline; } .comment-text p a:hover { text-decoration: none; } #comments .comment-text ol, #comments .comment-text ul { background: transparent; border: 0; list-style: none; margin: 0; padding: 0; } #comments .comment-text ol li, #comments .comment-text ul li { background: transparent; border: 0; clear: none; float: none; margin: 0; padding: 0; width: auto; } #comments .comment-text ol, #comments .comment-text ul { margin: 12px 0 12px 20px; } #comments .comment-text ol { list-style: decimal; margin-left: 46px; } #comments .comment-text ol ol { list-style: upper-roman; } #comments .comment-text ol ol ol { list-style: lower-roman; } #comments .comment-text ol ol ol ol { list-style: upper-alpha; } #comments .comment-text ol ol ol ol ol { list-style: lower-alpha; } #comments .comment-text ul li { background: url(../images/disc.png) 0 8px no-repeat; padding: 0 0 0 26px; } .comment-text p.moderation { color: #e00; } #comments li li.comment-wrap .comment-text { background-position: 40px 0; margin-left: -40px; padding-left: 80px; } .comment-content .moderation { background: #FFD9C8; border: 1px solid #F0BAA2; border-radius: 4px; line-height: normal; padding: 8px 10px; } /* Comment form */ .form_row { padding: 0 0 20px; position: relative; } #respond { /*border-bottom: 1px solid rgba(0,0,0,0.1);*/ clear: both; } form#commentform { padding: 0 0 30px; } form#commentform p.log-in-out, form#commentform p.logged-in-as { padding: 3px 0; } form#commentform p.form-author, form#commentform p.form-email, form#commentform p.form-url, form#commentform p.form-textarea { padding: 3px 0; } form#commentform input[type="text"] { display: inline-block; *display: inline; zoom: 1; max-width: 370px; width: 100%; margin: 0; } form#commentform .form-submit { padding-top: 0; } form#commentform .form-submit input[type="submit"] { margin: 0; } form#commentform .required { color: #FF0000; margin-left: 2px; vertical-align: top; } #respond #cancel-comment-reply-link { font-size: 14px; color: #e00; padding: 0; } form#commentform p.log-in-out { padding: 0 0 12px; } #respond p.alert { color: #e00; padding: 30px 40px; } /* Comment form inside a comment */ #comments #respond { border-bottom: 0; } .view_counter b { color: #000; } .share_link { display: block; width: 100%; margin: 20px 0; } #facebook_share_button, .twitter-count-horizontal, .pinterest, .share_link > div { float: left !important; margin-right: 15px !important; } #facebook_share_button { background: url(../images/facebook_share.png) no-repeat left top; display: block; float: left; height: 20px; text-indent: -9999px; width: 60px; } .twitter-share-button { width: 90px !important; } /* Pagination */ .loop-nav, .pagination, .comment-pagination, .bbp-pagination { clear: both; text-align: center; padding: 15px 0; } .loop-nav span.previous, .loop-nav span.next, .pagination .page-numbers, .comment-pagination .page-numbers, .bbp-pagination .page-numbers { display: inline-block; margin-right: 15px; } .pagination .current, .comment-pagination .current, .bbp-pagination .current { color: #ccc; } .loop-nav .previous, .pagination .prev { background: url(../images/arrow-left.png) 0 4px no-repeat; padding: 0 0 0 16px; } .loop-nav .next, .pagination .next { background: url(../images/arrow-right.png) right 4px no-repeat; padding: 0 16px 0 0; } .loop-nav span.meta-nav, .pagination span.meta-nav, .comment-pagination span.meta-nav { display: none; } /** * Post Types ************************************************/ .format-aside, .format-audio, .format-gallery, .format-image, .format-link, .format-quote, .format-status, .format-video, .format-chat, .format-status { padding-left: 62px; } .format-aside { background: url(../images/post_type_aside.png) no-repeat left top; } .format-audio { background: url(../images/post_type_audio.png) no-repeat left top; } .format-gallery { background: url(../images/post_type_gallery.png) no-repeat left top; } .format-image { background: url(../images/post_type_image.png) no-repeat left 8px; } .format-link { background: url(../images/post_type_link.png) no-repeat left 8px; } .format-quote { background: url(../images/post_type_quote.png) no-repeat left top; } .format-status { background: url(../images/post_type_status.png) no-repeat left top; } .format-video { background: url(../images/post_type_video.png) no-repeat left top; } .format-chat { background: url(../images/post_type_chat.png) no-repeat left top; } .format-status { background: url(../images/post_type_status.png) no-repeat left top; } .widget .format-aside, .widget .format-audio, .widget .format-gallery, .widget .format-image, .widget .format-link, .widget .format-quote, .widget .format-status, .widget .format-video, .widget .format-chat, .widget .format-status { background: none; } /*video*/ body.taxonomy-post_format-video .hfeed { margin-left: -2%; width: auto; } body.taxonomy-post_format-video .loop-meta { margin-left: 2%; } body.taxonomy-post_format-video .format-video { display: inline-block; *display: inline; zoom: 1; vertical-align: top; float: none; width: 22.6%; background: none; border: none; padding: 0; margin-left: 2%; } body.taxonomy-post_format-video .format-video iframe { max-width: 100%;} body.taxonomy-post_format-video .format-video .entry-header { max-width: 100%; } body.taxonomy-post_format-video .format-video .byline { display: none; } article iframe { max-width: 100%; } /*image*/ body.taxonomy-post_format-image .hfeed { margin-left: -2%; } body.taxonomy-post_format-image .loop-meta { margin-left: 2%; } body.taxonomy-post_format-image .format-image { display: inline-block; *display: inline; zoom: 1; vertical-align: top; float: none; width: 22.6%; background: none; border: none; padding: 0; margin-left: 2%; } /*Audio body.taxonomy-post_format-audio .hfeed { margin-left: -2%; width: auto; } body.taxonomy-post_format-audio .loop-meta { margin-left: 2%; } body.taxonomy-post_format-audio .format-audio { display: inline-block; *display: inline; zoom: 1; vertical-align: top; float: none; width: 31%; background: none; border: none; padding: 0; margin-left: 2%; } body.taxonomy-post_format-audio .format-audio .entry-header { max-width: 100%; } */ .format-audio .entry-media { margin: 10px 0; } body.taxonomy-post_format-audio .format-audio .byline { display: none; } .image-list { display: block; } #slider_loading_img{ width:100%; text-align:center; min-height:300px; } /** * Widgets ************************************************/ .widget { clear: both; float: left; margin: 0 0 40px; width: 100%; } .sidebar-2c .widget, .sidebar-3c .widget, .sidebar-4c .widget, .sidebar-5c .widget { clear: none; float: left; width: 440px; margin-left: 40px; } .sidebar-3c .widget { width: 280px; } .sidebar-4c .widget { width: 200px; } .sidebar-5c .widget { width: 152px; } .sidebar-2c .widget-inside, .sidebar-3c .widget-inside, .sidebar-4c .widget-inside, .sidebar-5c .widget-inside { padding: 0; } .widget_rss a.rsswidget img { background: transparent; margin: 0; padding: 0; } .widget input, .widget select, .widget textarea { width: 100%; } .widget input[type="checkbox"], .widget input[type="radio"], .widget button, .widget input[type="button"], .widget input[type="reset"], .widget input[type="submit"] { width: auto; } .widget-title { font-size: 20px; padding: 0 0 12px; } .widget ul, .widget ul li { background: transparent; margin: 0; padding: 0; } .widget ul ul { border-left: 1px dotted #f2f2f2; margin: 6px 0 5px; padding-left: 20px; } .widget ul ul li { background: transparent; margin: 0; padding: 0; } /* Calendar Widget .widget-calendar */ .widget h3, .widget.title, .widget-title, .widget-search .widget-title { border-bottom: 3px double rgba(0,0,0,0.1); font-size: 20px; color: #0066CC; padding-bottom: 8px; } .widget ul li { border-bottom: 1px solid rgba(0,0,0,0.1); padding: 8px 0; } .widget ul li:last-child { padding-bottom: 0; border-bottom: none; } .widget ul li li { border-bottom: none; } .widget ul ul { border-left: 1px dotted #ddd; } .widget .calendar-wrap { margin: 12px 0 0; } .widget #wp-calendar { font-size: 12px; line-height: 18px; margin: 0; width: 100%; } .widget #wp-calendar caption { padding: 6px 20px; } .widget #wp-calendar th, .widget #wp-calendar td { padding: 6px 5px 5px; } .widget #wp-calendar th { font-weight: normal; } .sidebar-4c .widget #wp-calendar th, .sidebar-4c .widget #wp-calendar td, .sidebar-5c .widget #wp-calendar th, .sidebar-5c .widget #wp-calendar td { padding: 5px 0 5px 2px; } /* RSS Widget */ .widget_rss ul { } .widget-widget_rss ul li { } .widget_rss ul li a.rsswidget { font-weight: bold; } .widget-widget_rss ul li span.rss-date, .widget-widget_rss ul li cite { color: #999; display: block; font-weight: normal; font-style: normal; font-size: 14px; padding: 6px 0; } /* Search Widget */ .widget-search .widget-title { background: none; padding-bottom: 0; } .widget-search label { display: none; } .widget-search form { display: block; margin: 12px 0 0; position: relative; } .widget-search input[type="text"] { font-size: 11px; line-height: 18px; margin: 0; padding-top: 5px\9; vertical-align: middle; } .widget-search input.search-submit { background: url(../images/icon-magnify.png) no-repeat; border: 0; box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; display: block; height: 18px; padding: 0; position: absolute; right: 20px; text-indent: -9999em; top: 3px; width: 18px; z-index: 2; } /* Tags Widget .widget-tags */ .widget-tags { } /* Default style */ .widget-tags .post_tag-cloud, .widget-tags .term-cloud { padding: 12px 0; } /* List style */ .widget-tags .wp-tag-cloud li a { font-size: 15px !important; } /* Text Widget */ .widget .textwidget ul { border: 0; list-style: none; margin: 12px 0 12px 20px; padding: 0; } .widget .textwidget ul li { background: url(../images/disc.png) 0 7px no-repeat; border: 0; font-size: 15px; margin: 0; padding: 0 0 0 26px; } .widget .textwidget ul ul { margin: 12px 0 12px 20px; } .widget .textwidget ol { list-style: none; margin: 12px 0 12px 46px; padding: 0; } .widget .textwiget ol li { margin: 0; padding: 0; } .widget .textwidget ol { list-style: decimal; } .widget .textwidget ol ol { list-style: upper-roman; } .widget .textwidget ol ol ol { list-style: lower-roman; } .widget .textwidget ol ol ol ol { list-style: upper-alpha; } .widget .textwidget ol ol ol ol ol { list-style: lower-alpha; } /* Quick links or Navigation Widget */ .sidebar .menu li, .nav_bg .widget-nav-menu li, .menu-navigation-container li { display: block !important; } .sidebar .menu li ul, .nav_bg .widget-nav-menu li ul, #footer .menu li ul, .nav_bg .widget-nav-menu li ul { position: static; } .sidebar .menu li li, .nav_bg .widget-nav-menu li li, #footer .menu li li, .nav_bg .widget-nav-menu li li { display: block; padding: 5px 0 !important; } /* Custom menu Widget */ .menu-menu-container ul li { display: block; } /** * Sidebars ************************************************/ .sidebar { float: left; padding: 0 0 40px; width: 100%; } #sidebar-header { float: right; width: 60%; padding: 30px 0; } #sidebar-header .widget { margin: 0; } .layout-hl-1c #sidebar-header, .layout-hl-2c-l #sidebar-header, .layout-hl-2c-r #sidebar-header, .layout-hr-1c #sidebar-header, .layout-hr-2c-l #sidebar-header, .layout-hr-2c-r #sidebar-header { padding-top: 0; width: 100%; } #sidebar-primary, #sidebar-secondary, #sidebar-front_page, #sidebar-post-listing, #sidebar-post-detail, #sidebar-contact_page_sidebar, #sidebar-woo_page { clear: right; float: right; width: 30%; } .layout-2c-r #sidebar-front_page, .layout-2c-r #sidebar-primary, .layout-2c-r #sidebar-post-listing, .layout-2c-r #sidebar-post-detail, .layout-2c-r #sidebar-contact_page_sidebar, .layout-2c-r #sidebar-secondary, .layout-2c-r #sidebar-woo_page { clear: left; float: left; } .layout-3c-c #sidebar-front_page, .layout-3c-c #sidebar-primary, .layout-3c-c #sidebar-secondary, .layout-3c-l #sidebar-primary, .layout-3c-l #sidebar-post-listing, .layout-3c-l #sidebar-contact_page_sidebar, .layout-3c-l #sidebar-post-detail, .layout-3c-l #sidebar-secondary, .layout-3c-l #sidebar-woo_page { clear: none; } .layout-3c-c #sidebar-secondary { position: relative; right: 360px; } .layout-3c-r #sidebar-front_page, .layout-3c-r #sidebar-primary, .layout-3c-r #sidebar-post-listing, .layout-3c-r #sidebar-post-detail, .layout-3c-r #sidebar-secondary { clear: none; } .layout-hl-2c-r #sidebar-front_page, .layout-hl-2c-r #sidebar-secondary, .layout-hr-2c-r #sidebar-primary, .layout-hr-2c-r #sidebar-post-listing, .layout-hr-2c-r #sidebar-post-detail, .layout-hr-2c-r #sidebar-contact_page_sidebar, .layout-hr-2c-r #sidebar-secondary { clear: left; float: left; } .sidebar-inter-content, #sidebar-entry { border-bottom: 1px solid #f8f8f8; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; clear: both; width: 100%; } #sidebar-entry { border: 0; padding: 18px 0 0; } .sidebar-after-header, .sidebar-subsidiary { float: none; margin: 0 auto; padding: 0; width: 1200px; } .sidebar-wrap { padding: 18px 0; position: relative; } .sidebar-subsidiary .sidebar-wrap { float: none; clear: both; width: auto; height: auto !important; margin-left: -4%; } .sidebar-1c .widget, .sidebar-2c .widget, .sidebar-3c .widget, .sidebar-4c .widget, .sidebar-5c .widget { position: static !important; margin-left: 4%; } .sidebar-1c .widget { width: 96%; } .sidebar-2c .widget { width: 46%; } .sidebar-3c .widget { width: 29.3%; } /** * Footer ************************************************/ .footer_widget_wrap { margin-left: -3%; } .footer_widget_wrap .widget { display: inline-block; *display: inline; zoom: 1; vertical-align: top; clear: none; width: 30%; margin: 20px 0 20px 3%; } #footer { border-top: 3px double rgba(0,0,0,0.1); } .footer-wrap { float: left; border-top: 3px double rgba(0, 0, 0, 0.1); padding: 10px 0; } #footer p { display: inline-block; } /*----- Copyright Section -----*/ .copyright, .credit { line-height: 20px; padding: 12px 0; } .credit { float: right; } .credit img { position: relative; -webkit-transition:all ease-in-out .4s; -moz-transition:all ease-in-out .4s; -o-transition:all ease-in-out .4s; transition:all ease-in-out .4s; vertical-align: text-bottom; margin-left: 5px; } .credit img:hover { opacity: .7; } /*-----------------------*/ .map_category label { margin-right: 15px; } .map_category label img { margin-left: 4px; } /** * Textures CSS ************************************************/ .tts_texture1 { background-image: url(../images/texture/tts_texture1.png); } .tts_texture2 { background-image: url(../images/texture/tts_texture2.png); } .tts_texture3 { background-image: url(../images/texture/tts_texture3.png) } .tts_texture4 { background-image: url(../images/texture/tts_texture4.png); } .tts_texture5 { background-image: url(../images/texture/tts_texture5.png); } .tts_texture6 { background-image: url(../images/texture/tts_texture6.png); } .tts_texture7 { background-image: url(../images/texture/tts_texture7.png); } .tts_texture8 { background-image: url(../images/texture/tts_texture8.png); } .tts_texture9 { background-image: url(../images/texture/tts_texture9.png); } .tts_texture10 { background-image: url(../images/texture/tts_texture10.png); } .tts_texture11 { background-image: url(../images/texture/tts_texture11.png); } .tts_texture12 { background-image: url(../images/texture/tts_texture12.png); } .tts_texture13 { background-image: url(../images/texture/tts_texture13.png); } .tts_texture14 { background-image: url(../images/texture/tts_texture14.png); } .tts_texture15 { background-image: url(../images/texture/tts_texture15.png); } .tts_texture16 { background-image: url(../images/texture/tts_texture16.png); } /** * Widgets ************************************************/ /*----- Login widget -----*/ #loginwidgetform { margin: 0; } #loginwidgetform .form_row { padding-bottom: 10px; } #loginwidgetform input[type="text"], #loginwidgetform input[type="password"], #loginwidgetform input[type="submit"] { margin: 0; } #loginwidgetform .forgot_link { padding: 0; } #loginwidgetform .forgot_link a { margin-right: 15px; } /*----- Google map widget -----*/ .googlemap .wid_gmap { margin-top: 15px; } /*----- Calendar widget -----*/ .widget #wp-calendar caption { background-color: #0066CC; border-radius: 4px 4px 0 0; font-size: 18px; color: #ffffff; padding: 10px; } .widget #wp-calendar th { background-color: #333333; color: #ffffff; } .widget #wp-calendar th, .widget #wp-calendar td { text-align: center; } /*----- search widget -----*/ .mega-menu .widget .search-form { margin: 0; } .mega-menu .widget .search-form input { width: 35px; background-image: url(../images/small_icons.png); background-repeat: no-repeat; background-position: right -196px; -webkit-transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; transition:all ease-in-out .2s; padding: 6px 0px 6px 34px; margin: 0; } .mega-menu .widget .search-form input:focus { width: 150px; } /*----- Header Search widget -----*/ .nav_bg .widget { margin: 0; } .nav_bg .menu { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: auto; } .nav_bg .widget-search, .nav_bg .widget_shopping_cart { width: auto; float: right; clear: none; } .nav_bg .widget form { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; margin: 0 } .nav_bg .widget-search h3 { display: none;/*display: inline-block; *display: inline; zoom: 1; vertical-align: middle; border: none; font-size: 14px; line-height: normal; margin: 3px 0 0 10px;*/ } .widget-search input[type="text"], .mega-menu .widget .search-form input { background: #fff url(../images/small_icons.png) no-repeat right -194px; font-size: 14px; } .nav_bg .widget input[type="text"], .mega-menu .widget .search-form input { width: 130px; background-position: right -196px; border: 1px solid rgba(0,0,0,.2); -webkit-transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; transition:all ease-in-out .2s; color: #999; padding: 6px 30px 6px 6px; margin: 8px 7px 6px; } .nav_bg .widget input[type="text"]:focus, .mega-menu .widget .search-form input:focus { width: 150px; border-color: #0066CC; } /*----- shopping cart widget -----*/ .templatic_shooping { position: relative; width: auto !important; height: auto !important; padding: 0 7px; } .menu-container .templatic_shooping h3, .mobile_header .templatic_shooping h3, .mega-menu .templatic_shooping h3 { display: block; background: url(../images/cart.png) no-repeat center center; width: 32px; height: 32px; text-indent: -9999px; margin-top: 6px; } .widget_shopping_cart { width: auto; } .widget_shopping_cart p.cart_checkout { display: inline-block; *display: inline; zoom: 1; vertical-align: top; padding: 0; margin-left: 8px; } .widget_shopping_cart p.cart_checkout .amount { font-size: 16px; } .widget_shopping_cart #woo_shopping_cart { position: absolute; top: 42px; right: 0; z-index: 99; width: 220px; background: #ffffff; box-shadow: 0 0 4px #cccccc; } .widget_shopping_cart #woo_shopping_cart ul li { padding: 5px 10px; } .widget_shopping_cart #woo_shopping_cart .button { font-size: 12px; padding: 6px 10px 6px; margin-left: 10px; } .widget_shopping_cart #woo_shopping_cart .total { margin-left: 12px; } .sidebar .widget_shopping_cart .cart_items { text-align: left; } /*----- Advertisement widget -----*/ #header .advertisements img { margin-top: 0; } .advertisements img { max-width: 100%; height: auto; margin-top: 12px; } /*----- Subscribe news widget -----*/ .subscribe_cont p { padding: 10px 0 0; } .subscribe_cont form { margin: 0; } .subscribe_cont input { display: block; margin: 10px 0 0; } .subscribe_cont .newsletter_msg { display: block; color: #cc0000; } /*----- Contact us widget -----*/ .sidebar #contact_widget_frm .form_row { padding-bottom: 10px; } .sidebar #contact_widget_frm textarea { display: block; height: 100px; } .sidebar #contact_widget_frm { padding-top: 15px; } .sidebar #contact_widget_frm input[type="text"] { display: block; } #map-canvas img {max-width: none} /*----- Testimonial widget -----*/ .testimonials_wrap { margin-top: 15px; } .testimonials_wrap cite { font-weight: bold; } a.testimonial_external_link { float:right; } /*----- RSS feed widget -----*/ .widget-widget_rss ul li span.rss-date, .widget-widget_rss ul li cite { font-family: Georgia, serif; } /*----- Recent Reviews -----*/ .recent_comments li { position: relative; min-height: 46px; padding-left: 70px !important; list-style: none; } .recent_comments li span { display: block; position: absolute; top: 14px; left: 0; width: 50px; } .recent_comments li span a img { display: block; max-width: 100%; height: auto; border: 1px solid #ccc; -webkit-transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; transition:all ease-in-out .2s; color: #333333; padding: 1px; } .recent_comments li span a img:hover { border-color: #0066CC; opacity: .7; } .recent_comments li a.title { font-weight: bold; display: block; padding-bottom: 0; } .recent_comments li a.comment_excerpt { display: block; } /*----- Posts widget -----*/ .sidebar .category-blog { padding-top: 15px; } /*----- Browse by tag widget -----*/ .browse_by_tag ul li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; border: none !important; font-size: 12px; padding: 0; margin-right: 10px; } .browse_by_tag ul li a { display: inline; white-space: nowrap; } /*----- Social Media widget -----*/ ul.social_media_list li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 49%; line-height: 18px; border: none !important; } ul.social_media_list li a { line-height: 20px; } ul.social_media_list li a .social_icon { display: block; float: left; margin-right: 8px; } ul.social_media_list li a .social_icon img { width: 100%; box-shadow: none; margin-top: 2px; } ul.social_media_list li a abbr { font-family: 'JustVector'; display: none; } .social_media ul li a abbr { display: block; width: 100%; -webkit-transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; transition:all ease-in-out .2s; line-height: 22px; } .social_media ul li a abbr { background: #0066CC; font: normal 22px/30px 'JustVector'; border: medium none; border-radius: 4px 4px 4px 4px; color: #FFFFFF; cursor: pointer; display: block; float: left; width: 28px; height: 28px; padding: 0; text-align: center; margin-right: 8px; } .social_media ul li a:hover abbr { background: #333333; } .footer_col_cont .social_media ul li { width: auto; display: inline-block; *display: inline; zoom: 1; vertical-align: top; border: none; margin-right: 4px; } /*----- Twitter widget -----*/ .templatic_twitter_widget .twit_time { font-size: 14px; color: #999; } .widget .follow_us_twitter { color: #0066CC; line-height: 40px; } .widget .follow_us_twitter:hover { color: #333333; } /*----- Flickr widget -----*/ .Flicker .flickr_pics_wrap { margin: 12px 0 0 -5px; } .Flicker div.flickr_badge_image { display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 0 8px 10px; width: 58px; } .Flicker div.flickr_badge_image img { display: block; width: 54px; height: auto; -webkit-transition:all ease-in-out .2s; -moz-transition:all ease-in-out .2s; -o-transition:all ease-in-out .2s; transition:all ease-in-out .2s; } .Flicker div.flickr_badge_image img:hover { opacity: .5; } /*----- Popular Post -----*/ .postpagination { text-align: center; margin: 15px 0 0; } .postpagination a { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 20px; height: 20px; border-radius: 3px; background: rgba(0,0,0,.2); font-size: 12px; color: #fff; font-weight: normal; line-height: 22px; text-align: center; margin-right: 4px; } .postpagination a:hover, .postpagination a.active { background: rgba(0,0,0,.6); color: #ffffff; text-decoration: none; } .popular_post ul li a.link_img { float: left; width: 20%; margin-right: 4%; } .popular_post ul li .post_data { float: left; width: 75%; } .popular_post ul li a.link_img img { width: 100%; height: auto; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } .popular_post ul li .post_data h3 { border: none; font-size: 18px; line-height: 20px; } .popular_post ul li .post_data p .date, .popular_post ul li .post_data p .views { margin-right: 15px; } /*----- Listing Post -----*/ .listing_post .post { float: left; width: 100%; border-bottom: 1px solid #CCCCCC; padding: 25px 0; } .listing_post .post h2 { font-size: 16px; line-height: 24px; } .listing_post .post span { float: left; margin: 5px 20px 4px 0; } .listing_post .post { padding: 10px 0; } .listing_post .link_img { clear: both; float: left; margin: 20px 20px 20px 0; } .listing_post a.link_img img {box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;} /*----- Recent Comments -----*/ .widget_recent_comments li { line-height: 22px; } #recentcomments { line-height: 35px; } #recentcomments a { color: #0066CC; } #recentcomments a:hover { color: #000; } /** * Pages ************************************************/ /*----- Author Page -----*/ #hcard-admin { background: rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 4px; padding: 10px; margin-bottom: 40px; } #hcard-admin img.avatar { margin: 0 20px 0 0; } .agent_biodata span { display: inline-block; *display: inline; zoom: 1; vertical-align: top; text-indent: -9999px; margin-right: 10px; } .agent_biodata span a { display: block; } .agent_biodata span a:hover { opacity: .7; } .agent_biodata span.u_link a { width: 70px; height: 24px; background: url(../images/i_share.png) no-repeat left top; } .agent_biodata span.u_facebook a { width: 94px; height: 24px; background: url(../images/i_facebook.png) no-repeat left top; } .agent_biodata span.u_twitter a { width: 77px; height: 24px; background: url(../images/i_twitter.png) no-repeat left top; } /*----- 404 Page -----*/ .wrap404 { background: #fff; border: 1px solid rgba(0,0,0,0.1); border-radius: 4px; padding: 15px; margin: 20px 0 10px; } .display404 { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 100px; color: #f2f2f2; font-weight: bold; line-height: 70px; text-shadow: 0 1px 0 #bbb; margin-right: 20px; } .search404 { margin-top: 10px; } .search404 input { margin: 0; } .search404 input[type="text"] { max-width: 88%; } /*----- Archive Page -----*/ .arclist { clear: both; float: left; margin-top: 25px; width: 100%; } .arclist ul { padding: 0; margin: 0; } .arclist ul li { border-bottom: 1px solid rgba(0,0,0,0.1); font-size: 14px; color: #666; display: block; float: left; padding: 10px 0; width: 100%; } .arclist ul li:last-child { border: none; } .arclist h2 { color: #0066CC; padding: 0; } .arclist ul li a { font-size: 18px; color: #333; line-height: 20px; } .arclist ul li a:hover { color: #0066CC; text-decoration: none; } .arclist_date, .arclist_date a { font-size: 13px !important; } .arclist ul ul { margin-left: 20px; } .arclist ul ul li { border: none; padding-bottom: 0; } .arclist ul li span.arclist_comment { font-size: 14px; color: #999; float: right; } /*----- Contact us Page -----*/ .cont_wid_area { margin-top: 20px; } #contact_frm h2 { padding-bottom: 12px; } .form_row label { margin-bottom: 0; } .indicates { color: #ff0000; margin: 0 5px; } .recaptcha_claim span { color: #ff0000; } .error, .message_error { list-style: none; color: #ff0000; } /*----- Advance Search Page -----*/ #searchform .form_row label { display: block; max-width: 370px; width: 100%; } .form_front_style input[type="text"], .form_front_style select { display: block; } .form_front_style .adv_author { display: block; margin-top: 20px; } /** * Mega Menu ************************************************/ body .dcjq-mega-menu ul.menu { display: block !important; width: 1200px !important; margin: 0 auto 30px !important; } body .dcjq-mega-menu h3 { display: block !important; width: 1200px !important; margin: 0 auto 10px!important; } body .dcjq-mega-menu ul.full-width { width: 100% !important; } body #dc_jqmegamenu_widget-3-item ul.menu { margin-bottom: 0 !important; } body .dcjq-mega-menu ul li.mega-hover a, body .dcjq-mega-menu ul li a:hover { background-position: 100% -41px !important; } body .dcjq-mega-menu ul li { position: relative !important; height: auto !important; } body .dcjq-mega-menu ul li a { font-family: Georgia, serif !important; font-size: 15px !important; } body .dcjq-mega-menu ul li .sub-container { position: static; left: auto !important; width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; margin-left: 0 !important; } body .dcjq-mega-menu ul li .sub { background: #fff !important; box-shadow: 0 1px 2px #777777 !important; padding: 20px !important; } body .dcjq-mega-menu ul li .sub a { font-size: 14px !important; line-height: 18px; } body .dcjq-mega-menu ul li .sub-container.non-mega .sub { background: #fff !important; box-shadow: 0 1px 2px #777777 !important; padding: 20px !important; } body .dcjq-mega-menu ul li .sub-container.mega .sub { padding: 20px 10px 0 20px !important; } body .dcjq-mega-menu ul ul ul { position: static !important; } body .dcjq-mega-menu ul li .sub li.mega-hdr a.mega-hdr-a { height: auto !important; font-size: 15px !important; text-transform: none !important; padding: 7px 5px 7px 15px !important; } body .dcjq-mega-menu ul .sub li.mega-hdr li a { background-position: 5px 10px !important; font-size: 14px !important; padding: 6px 5px 6px 20px !important; } body .dcjq-mega-menu ul .sub li.mega-hdr li a:hover { background-position: 5px 10px !important; } /* -------------------------------------------------- :: IE -------------------------------------------------- */ #container .header_container .header_strip .sticky_main #branding , #container .header_container .header_strip .sticky_main #branding1 { width: 20%\0/; } #container .header_container .header_strip .sticky_main #nav-secondary, #container .header_container .header_strip .sticky_main #nav-secondary1 { width: 78%\0/; } #container .header_container .header_strip .sticky_main { background: url("images/dot_bg.png") repeat right top #eee\0/; } body #container .header_container .header_strip .sticky_main .dcjq-mega-menu ul.menu { width: 100%\0/ !important; margin: 0\0/ !important; } .home_page_content .Flicker .flickr_pics_wrap { *margin-left: 0; margin-left: 0\0; } .widget h3, .widget.title, .widget-title, .widget-search .widget-title { border-bottom: 3px double #ccc\0/; } #footer, .footer-wrap { border-top: 3px double #ccc\0/; } div#menu-primary .wrap { border-bottom: 3px double #ccc\0/; } .woocommerce-message, .woocommerce-error, .woocommerce-info { border: 1px solid #ccc\0/; } ul.payment_methods label { display: inline\0/; } .widget ul li { border-bottom: 1px solid #ccc\0/; } .flexslider .slides > li h2 { background-color: #333\0/; } .postpagination a { background-color: #ccc\0/; } .postpagination a:hover, .postpagination a.active { background-color: #666\0/; } #hcard-admin { background: #eee\0/; border-color: #ddd\0/; } /** * Sticky Header ************************************************/ @media only screen and (min-width: 1200px) { #container .header_container .header_strip .sticky_main #branding, #container .header_container .header_strip .sticky_main #branding1 { width: 14%; } .stickyheader .header_container { float: left; width: 100%; position: fixed; top: 0; z-index: 111; background: rgba(255,255,255,.8); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); padding: 2px 0; } .stickyheader .header_container #menu-primary, .stickyheader .header_container h2, .stickyheader .header_container #sidebar-header { display: none; } .stickyheader #header #branding, .stickyheader #header #branding1 { position: static; width: 100%; padding: 0; } .stickyheader #site-description { display: none; } .stickyheader #header { float: left; width: 200px; } .stickyheader .header_strip { width: 1200px; margin: 0 auto; } .stickyheader #nav-secondary, .stickyheader #nav-secondary1, .stickyheader #menu-secondary , .stickyheader #menu-secondary1 { width: 1000px; float: left; } .stickyheader div#menu-secondary .wrap, .stickyheader div#menu-secondary1 .wrap, .stickyheader .nav_bg .widget-nav-menu nav { background: none; border: none; border-radius: 0; box-shadow: none; margin-bottom: 0; } } /** * Big Screen ************************************************/ @media only screen and (max-width: 1200px) { #branding, #branding1 { position: static !important; } #container .header_container .header_strip .sticky_main #branding , #container .header_container .header_strip .sticky_main #branding1 { width: 20%; } #container .header_container .header_strip .sticky_main #nav-secondary, #container .header_container .header_strip .sticky_main #nav-secondary1 { width: 78%; } /*----- pages -----*/ .search404 input[type="text"] { max-width: 68%; } /** * Basic Reset ************************************************/ .layout-2c-l .alignleft, .layout-2c-l .alignright, .layout-2c-r .alignleft, .layout-2c-r .alignright, .layout-hl-1c .alignleft, .layout-hl-1c .alignright, .layout-hr-1c .alignleft, .layout-hr-1c .alignright { float: none; margin-left: 0; margin-right: 0; } .layout-2c-l blockquote.alignleft, .layout-2c-l blockquote.alignright, .layout-2c-r blockquote.alignleft, .layout-2c-r blockquote.alignright, .layout-hl-1c blockquote.alignleft, .layout-hl-1c blockquote.alignright, .layout-hr-1c blockquote.alignleft, .layout-hr-1c blockquote.alignright { float: none; margin: 0; width: auto; } .layout-2c-l th, .layout-2c-l td, .layout-2c-r th, .layout-2c-r td, .layout-hl-1c th, .layout-hl-1c td, .layout-hr-1c th, .layout-hr-1c td { padding: 10px; } /** * Containers Reset ************************************************/ div#menu-primary, #header, div#menu-secondary, div#menu-secondary1, .sidebar-after-header, #main, .sidebar-subsidiary, div#menu-subsidiary, .home_page_banner, #footer, .mega-menu { width: 96%; } .sidebar-after-header, .sidebar-subsidiary { width: 96% !important; } .layout-3c-c #content { left: auto; position: static; } .layout-3c-r #main .wrap { background-image: url(../images/dot.png); background-position: 319px 0; } /** * Content Reset ************************************************/ .gallery .col-0, .gallery .col-1 { width: 280px; } .gallery .col-2 { width: 120px; } .gallery .col-3, .gallery .col-4, .gallery .col-5, .gallery .col-6, .gallery .col-7, .gallery .col-8, .gallery .col-9 { width: 66px; } .gallery .col-3 .gallery-caption, .gallery .col-4 .gallery-caption { display: none; } /* Gallery Variations */ .layout-1c .gallery .col-0, .layout-1c .gallery .col-1 { width: 600px; } .layout-1c .gallery .col-2 { width: 280px; } .layout-1c .gallery .col-3 { width: 173px; } .layout-1c .gallery .col-4 { width: 120px; } .layout-1c .gallery .col-5 { width: 88px; } .layout-1c .gallery .col-6, .layout-1c .gallery .col-7, .layout-1c .gallery .col-8, .layout-1c .gallery .col-9 { width: 66px; } .layout-1c .col-3 .gallery-caption, .layout-1c .col-4 .gallery-caption { display: block; } /** * Comments Template Reset ************************************************/ #comments li li { background-image: none; } #comments li li .comment-wrap { margin-left: 0; } /** * Sidebars Reset ************************************************/ .layout-3c-c #sidebar-primary, .layout-3c-c #sidebar-secondary, .layout-3c-l #sidebar-primary, .layout-3c-l #sidebar-secondary { clear: right; } .layout-3c-c #sidebar-secondary { position: static; right: auto; } .layout-3c-r #sidebar-primary, .layout-3c-r #sidebar-secondary { clear: left; float: left; } .layout-hl-2c-l #sidebar-primary, .layout-hl-2c-l #sidebar-secondary, .layout-hl-2c-r #sidebar-primary, .layout-hl-2c-r #sidebar-secondary, .layout-hr-2c-l #sidebar-primary, .layout-hr-2c-l #sidebar-secondary, .layout-hr-2c-r #sidebar-primary, .layout-hr-2c-r #sidebar-secondary { clear: both; width: 100%; } /*Post Format*/ body.taxonomy-post_format-video .hfeed { width: 100%; } body.taxonomy-post_format-video .format-video { width: 47.4% } body.taxonomy-post_format-image .hfeed { width: 100%; } body.taxonomy-post_format-image .format-image { width: 47.4% } } /** * Desktops ************************************************/ @media only screen and (max-width: 1200px) { /*----- mobile header -----*/ .mobile_container_open { right: 300px; } .mobile_header { display: block; z-index: 99999; } .toggle_mobile_header { display: block; } body .widget_shopping_cart .cart_items .cart_in_navigation { background: url(../images/cart1.png) no-repeat -9px -3px; } #container .header_container .header_strip .sticky_main, #container .header_container .header_strip .mega-menu { display: none !important; } /*----- mega menu -----*/ body .dcjq-mega-menu ul.menu { width: 96% !important; } /*----- blog -----*/ .hentry .alignleft, .hentry .alignright, .hentry .aligncenter { display: block; float: none; margin-bottom: 20px; } form#commentform input[type="text"], form#commentform textarea { width: 95%; } #respond #cancel-comment-reply-link { display: block; float: none; } .twp_search_cont input[type="text"] { max-width: 68%; } /*----- Footer -----*/ .footer_widget_wrap { margin-left: 0; } .footer_widget_wrap .widget { width: 100%; margin-left: 0; } div#menu-footer .menu li a { padding: 5px 0; } /*----- widget - popular post -----*/ .popular_post ul li a.link_img { width: 12%; } .popular_post ul li .post_data { width: 78%; } /** * Containers Reset ************************************************/ #content { clear: both; width: 100%; } #sidebar-primary, #sidebar-secondary, #sidebar-front_page, #sidebar-post-listing, #sidebar-post-detail, #sidebar-contact_page_sidebar, #sidebar-woo_page { clear: both; width: 100%; padding: 0; } /** * Content Reset ************************************************/ .layout-1c .gallery .col-0, .layout-1c .gallery .col-1 { width: 280px; } .layout-1c .gallery .col-2 { width: 120px; } .layout-1c .gallery .col-3, .layout-1c .gallery .col-4, .layout-1c .gallery .col-5, .layout-1c .gallery .col-6, .layout-1c .gallery .col-7, .layout-1c .gallery .col-8, .layout-1c .gallery .col-9 { width: 66px; } .layout-1c .col-3 .gallery-caption, .layout-1c .col-4 .gallery-caption { display: none; } /** * Widgets Reset ************************************************/ .sidebar-2c .widget, .sidebar-3c .widget, .sidebar-4c .widget, .sidebar-5c .widget { margin-left: 0; width: 100%; } /** * Sidebars Reset ************************************************/ #sidebar-primary, #sidebar-secondary, .sidebar { clear: both; width: 100%; } #sidebar-header { padding-top: 0; width: 100%; } /*----- Header -----*/ .header_container { float: left; width: 100%; background: #E9E9E9; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4); margin-bottom: 25px; } #site-title a, #site-description { color: #000; } #header { float: left; width: 100%; margin-left: 2%; } #header #sidebar-header { display: none; } #branding , #branding1 { width: auto; padding: 10px 0; } #container #menu-primary, #container #menu-secondary , #container #menu-secondary1 { display:none; } div#menu-secondary .wrap, div#menu-secondary1 .wrap, div#menu-subsidiary .wrap, .nav_bg .widget-nav-menu nav { position: relative; background: none !important; border: none; box-shadow: none; margin-bottom: 12px; } div#menu-secondary-title, div#menu-subsidiary-title { background: url(../images/menu.png) no-repeat -15px -2px; min-width: 32px; height: 32px; float: left; color: #fff; line-height: 34px; padding: 6px 0 6px 30px; } div#menu-secondary .menu , div#menu-secondary1 .menu { position: absolute; top: 50px; left: 0; z-index: 10; width: auto !important; } /*----- mega menu -----*/ body .dcjq-mega-menu ul.menu { height: auto !important; } body .dcjq-mega-menu ul li { float: none !important; clear: both !important; width: 100% !important; height: auto !important; margin-right: 0 !important; } body .dcjq-mega-menu ul li a { float: none !important; clear: both !important; } body .dcjq-mega-menu ul li .sub-container.mega .sub { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } body .dcjq-mega-menu ul li .sub-container.non-mega .sub { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } body .dcjq-mega-menu ul li .sub-container.non-mega li { width: 100% !important; } body .dcjq-mega-menu ul li .sub .row { width: 100% !important; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } /*----- Primary & Secondary navigation -----*/ blockquote.alignleft, blockquote.alignright { width: 100%; margin-left: 0; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } /* Global Menus Reset */ div#menu-mobi-primary-title, div#menu-mobi-secondary-title, div#menu-mobi-secondary-title1, div#menu-subsidiary-title, div#menu-header-primary-title, div#menu-header-secondary-title, div#menu-header-horizontal-title { display: block; width: auto; color: #FFFFFF; font-size: 24px; padding: 10px 10px 10px 15px; } span.sub-indicator { display: none !important; } div#menu-mobi-primary .menu, div#menu-mobi-secondary .menu, div#menu-mobi-secondary1 .menu, div#menu-subsidiary .menu, div#menu-header-primary .menu, div#menu-header-secondary .menu, div#menu-header-horizontal .menu { display: block;/*mobile menu open by default*/ float: none; height: auto; min-height: none; padding: 0; width: 100%; } div#menu-mobi-primary .menu.visible, div#menu-mobi-secondary .menu.visible, div#menu-mobi-secondary1 .menu.visible, div#menu-subsidiary .menu.visible, div#menu-header-horizontal .menu.visible, div#menu-header-primary .menu.visible, div#menu-header-secondary .menu.visible { /* Works with supreme.js .toggleClass() */ display: block; } div#menu-mobi-primary .menu ul, div#menu-mobi-primary .menu li, div#menu-mobi-primary .menu ul ul, div#menu-mobi-secondary .menu ul, div#menu-mobi-secondary1 .menu ul, div#menu-mobi-secondary .menu li, div#menu-mobi-secondary1 .menu li, div#menu-mobi-secondary .menu ul ul, div#menu-mobi-secondary1 .menu ul ul, div#menu-subsidiary .menu ul, div#menu-subsidiary .menu li, div#menu-subsidiary .menu ul ul, div#menu-header-primary .menu ul, div#menu-header-primary .menu li, div#menu-header-primary .menu ul ul, div#menu-header-secondary .menu ul, div#menu-header-secondary .menu li, div#menu-header-secondary .menu ul ul, div#menu-header-horizontal .menu ul, div#menu-header-horizontal .menu li, div#menu-header-horizontal .menu ul ul { float: none; width: 100% !important; } div#menu-mobi-primary .menu ul ul, div#menu-mobi-secondary .menu ul ul, div#menu-mobi-secondary1 .menu ul ul, div#menu-subsidiary .menu ul ul, div#menu-header-primary .menu ul ul, div#menu-header-secondary .menu ul ul, div#menu-header-horizontal .menu ul ul, .layout-hl-1c div#menu-header-primary .menu ul ul, .layout-hl-1c div#menu-header-secondary .menu ul ul, .layout-hl-2c-l div#menu-header-primary .menu ul ul, .layout-hl-2c-l div#menu-header-secondary .menu ul ul, .layout-hl-2c-r div#menu-header-primary .menu ul ul, .layout-hl-2c-r div#menu-header-secondary .menu ul ul, .layout-hr-1c div#menu-header-primary .menu ul ul, .layout-hr-1c div#menu-header-secondary .menu ul ul, .layout-hr-2c-l div#menu-header-primary .menu ul ul, .layout-hr-2c-l div#menu-header-secondary .menu ul ul, .layout-hr-2c-r div#menu-header-primary .menu ul ul, .layout-hr-2c-r div#menu-header-secondary .menu ul ul, .layout-hl-1c div#menu-header-horizontal .menu ul ul, .layout-hl-2c-l div#menu-header-horizontal .menu ul ul, .layout-hl-2c-r div#menu-header-horizontal .menu ul ul, .layout-hr-1c div#menu-header-horizontal .menu ul ul, .layout-hr-2c-l div#menu-header-horizontal .menu ul ul, .layout-hr-2c-r div#menu-header-horizontal .menu ul ul { bottom: auto !important; display: block !important; left: auto !important; margin: 0 !important; position: static !important; top: auto !important; visibility: visible !important; width: 100% !important; } div#menu-mobi-primary .menu li li a, div#menu-mobi-secondary .menu li li a, div#menu-mobi-secondary1 .menu li li a, div#menu-subsidiary .menu li li a, div#menu-header-primary .menu li li a, div#menu-header-secondary .menu li li a, div#menu-header-horizontal .menu li li a { padding-left: 35px !important; } div#menu-mobi-primary .menu li li li a, div#menu-mobi-secondary .menu li li li a, div#menu-mobi-secondary1 .menu li li li a, div#menu-subsidiary .menu li li li a, div#menu-header-primary .menu li li li a, div#menu-header-secondary .menu li li li a, div#menu-header-horizontal .menu li li li a { padding-left: 50px !important; } div#menu-mobi-primary .menu li li li li a, div#menu-mobi-secondary .menu li li li li a, div#menu-mobi-secondary1 .menu li li li li a, div#menu-subsidiary .menu li li li li a, div#menu-header-primary .menu li li li li a, div#menu-header-secondary .menu li li li li a, div#menu-header-horizontal .menu li li li li a { padding-left: 70px !important; } div#menu-mobi-primary .menu li li li li li a, div#menu-mobi-secondary .menu li li li li li a, div#menu-mobi-secondary1 .menu li li li li li a, div#menu-subsidiary .menu li li li li li a, div#menu-header-primary .menu li li li li li a, div#menu-header-secondary .menu li li li li li a, div#menu-header-horizontal .menu li li li li li a { padding-left: 90px !important; } /* Primary Menu */ div#menu-mobi-primary .menu li a { background-color: none; border: 0; border-bottom: 1px solid #222; color: #999; } div#menu-mobi-primary .menu li a:hover { background-color: none; } div#menu-mobi-primary .menu li li a { background-image: url("../images/icons.png"); background-position: -4px -108px; background-repeat: no-repeat; background-color: none; border: none; } div#menu-mobi-primary .menu li a:hover, div#menu-mobi-primary .menu li:hover > a, div#menu-mobi-primary .menu li.current-menu-item a { color: #fff; } div#menu-mobi-primary .menu li li:hover > a, div#menu-mobi-primary .menu li li a:hover { background-color: none; } div#menu-mobi-primary .menu li li li a { background-position: 14px -108px; } div#menu-mobi-primary .menu li li li li a { background-position: 34px -108px; } div#menu-mobi-primary .menu li li li li li a { background-position: 54px -108px; } /* Secondary/Subsidiary Menus */ div#menu-mobi-secondary .menu li a, div#menu-mobi-secondary1 .menu li a, div#menu-subsidiary .menu li a { background-color: none; border-bottom: 1px solid #222; color: #999; text-shadow: none; padding-left: 15px; padding-right: 15px; } div#menu-mobi-secondary .menu li a:hover, div#menu-mobi-secondary1 .menu li a:hover, div#menu-subsidiary .menu li a:hover { background-color: #000; } div#menu-mobi-secondary .menu li li a, div#menu-mobi-secondary1 .menu li li a, div#menu-subsidiary .menu li li a { background-image: url(../images/icons.png); background-repeat: no-repeat; background-position: -4px -108px; background-color: none !important; border: none; padding: 10px 0; } div#menu-mobi-secondary .menu li li li a, div#menu-mobi-secondary1 .menu li li li a, div#menu-subsidiary .menu li li li a { background-position: 12px -108px; } div#menu-mobi-secondary .menu li li li li a, div#menu-mobi-secondary1 .menu li li li li a, div#menu-subsidiary .menu li li li li a { background-position: 34px -108px; } div#menu-mobi-secondary .menu li li li li li a, div#menu-mobi-secondary1 .menu li li li li li a, div#menu-subsidiary .menu li li li li li a { background-position: 54px -108px; } div#menu-mobi-secondary .menu li li:hover > a, div#menu-mobi-secondary1 .menu li li:hover > a, div#menu-mobi-secondary .menu li li a:hover, div#menu-mobi-secondary1 .menu li li a:hover, div#menu-subsidiary .menu li li a:hover, .nav_bg .widget-nav-menu li li a:hover { background-color: #000; } /* Header Primary/Secondary/Horizontal Menus */ div#menu-header-primary, div#menu-header-secondary, div#menu-header-horizontal { clear: both; float: none !important; margin: 0 !important; padding: 0 40px; width: auto !important; } div#menu-header-primary .wrap, div#menu-header-secondary .wrap, div#menu-header-horizontal .wrap { padding-top: 0; } div#menu-header-primary .menu li a, div#menu-header-secondary .menu li a, div#menu-header-horizontal .menu li a { background: #fff url(../images/disc.png) 0 17px no-repeat !important; border: 0; border-bottom: 1px dotted #f8f8f8; padding-left: 26px !important; padding-right: 0; } div#menu-header-primary .menu li li a, div#menu-header-secondary .menu li li a, div#menu-header-horizontal .menu li li a { background: #fff url(../images/disc.png) 26px 17px no-repeat !important; padding-left: 52px !important; padding-right: 0; } div#menu-header-primary .menu li li li a, div#menu-header-secondary .menu li li li a, div#menu-header-horizontal .menu li li li a { background-position: 52px 17px !important; padding-left: 78px !important; } div#menu-header-primary .menu li li li li a, div#menu-header-secondary .menu li li li li a, div#menu-header-horizontal .menu li li li li a { background-position: 78px 17px !important; padding-left: 104px !important; } div#menu-header-primary .menu li li li li li a, div#menu-header-secondary .menu li li li li li a, div#menu-header-horizontal .menu li li li li li a { background-position: 104px 17px !important; padding-left: 130px !important; } div#menu-footer { width: 100%; } div#menu-footer .menu li { margin-left: 0; margin-right: 40px; } .mobile_header div#menu-mobi-secondary .wrap, .mobile_header div#menu-mobi-secondary1 .wrap { padding: 0; } div#menu-mobi-primary .menu li a, div#menu-mobi-secondary .menu li a , div#menu-mobi-secondary1 .menu li a { padding: 10px 15px; } /*mega menu*/ body .mobile_header .mega-menu .nav_bg { background: none; border: none; box-shadow: none; } .mobile_header .mega-menu ul.mega li { clear: both; float: none; width: 100%; } .mega-menu ul.mega li a { float: none; } body .mobile_header .mega-menu ul.mega li a { border: none; } .mobile_header .mega-menu ul.mega li .sub-container { position: static; background: none; } .mobile_header .mega-menu ul.mega li .sub-container.mega .sub { display: block !important; } body .mobile_header .mega-menu ul.mega li ul.sub-menu { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } .mobile_header .mega-menu ul.mega li .sub li.mega-hdr { clear: both; width: 100%; } body .mobile_header .mega-menu ul.mega li a:hover, body .mobile_header .mega-menu ul.mega li:hover > a, body .mobile_header .mega-menu ul.mega li.current-menu-item > a, body .mobile_header .mega-menu ul.mega li.current-menu-ancestor > a { background: none; } body .mobile_header .mega-menu .nav_bg .widget { display: none; } /*Woocommerce*/ .sidebar .widget_shopping_cart .cart_items {cursor: default !important} } /** * Tablet (Portrait) ************************************************/ @media only screen and (max-width:720px) { select#set_room_house{ font-size: 12px; } } @media only screen and (max-width: 679px) { /*----- mobile header -----*/ .mobile_header_open { right: 0; } .sidebar-subsidiary .sidebar-wrap { margin-left: 0; } /*----- Pages -----*/ .arclist ul li span.arclist_comment { display: block; float: none; } } /** * Mobile (Landscape) ************************************************/ @media only screen and (max-width: 480px) { /*----- blog -----*/ .post_fig { width: auto; } .entry-header { width: 100%; max-width: 100%; } #comments li li .comment-wrap { margin-left: 0 !important; } /*----- Pages -----*/ .hasDatepicker { width: 84% !important; } /*----- widget - popular post -----*/ .popular_post ul li a.link_img { width: 18%; } .popular_post ul li .post_data { width: 77%; } /** * Content Reset ************************************************/ .gallery { margin: 0; } .gallery-item { margin-left: 0; width: 100% !important; } .gallery-caption { display: block !important; } .mejs-container, .mejs-embed, .mejs-embed body { width: 280px !important; } .mejs-controls div.mejs-time-rail { width: 94px !important; } /*Post Format*/ body.taxonomy-post_format-video .hfeed { width: 100%; } body.taxonomy-post_format-video .format-video { width: 47% } body.taxonomy-post_format-image .hfeed { width: 100%; } body.taxonomy-post_format-image .format-image { width: 47% } .wrap404 {text-align: center} .display404 {margin: 0 0 10px; width: 100%} } /** * Mobile (Portrait) ************************************************/ @media only screen and (max-width: 320px) { /*----- mobile header -----*/ .toggle_mobile_widget { height: auto; } .toggle_mobile_widget { float: none; clear:both; } .toggle_mobile_header { float: none; clear:both; } .mobile_container_open { right: 80%; } .mobile_header { width: 80%; right: -80%; } .mobile_header_open { right: 0; } .mobile_header .widget { margin: 0; } .mobile_header .widget-search input[type="text"] { margin: 6px; } .mobile_header .widget { display: block; } .mobile_header .shoppingcart_box_bg .cart_items { float: right; width: 48px; background-position: 0px; } body .widget_shopping_cart .cart_items .cart_in_navigation { background: url(../images/cart1.png) no-repeat 2px 0px; } /*----- blog -----*/ .hentry .featured-image-link { margin-bottom: 15px; } .hentry .featured-image-link img { max-width: 100%; } .hentry h2.entry-title { clear: both; } /*----- widgets -----*/ ul.social_media_list li { width: 100%; } #facebook_share_button, .twitter-count-horizontal, .pinterest, .share_link > div { padding-bottom: 10px !important; } /*Post Format*/ body.taxonomy-post_format-video .hfeed { width: 100%; } body.taxonomy-post_format-video .format-video { width: 100% } body.taxonomy-post_format-image .hfeed { width: 100%; } body.taxonomy-post_format-image .format-image { width: 100% } }