/* Theme Name: Unicon Child Theme Theme URI: http://themeforest.net/user/minti Description: Unicon Child Theme for your Customizations. Author: minti Author URI: http://mintithemes.com Template: unicon Version: 1.1 */ /* ------------------------------------------------------------------------ */ /* Google Fonts /* ------------------------------------------------------------------------ */ /* bebas-neue-regular - latin */ @font-face { font-family: 'Bebas Neue'; font-style: normal; font-weight: 400; src: url('fonts/bebas-neue-v2-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Bebas Neue Regular'), local('BebasNeue-Regular'), url('fonts/bebas-neue-v2-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/bebas-neue-v2-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/bebas-neue-v2-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/bebas-neue-v2-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/bebas-neue-v2-latin-regular.svg#BebasNeue') format('svg'); /* Legacy iOS */ } /* lato-100 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 100; src: url('fonts/lato-v17-latin-100.eot'); /* IE9 Compat Modes */ src: local('Lato Hairline'), local('Lato-Hairline'), url('fonts/lato-v17-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v17-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v17-latin-100.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v17-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v17-latin-100.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-300 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: url('fonts/lato-v17-latin-300.eot'); /* IE9 Compat Modes */ src: local('Lato Light'), local('Lato-Light'), url('fonts/lato-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v17-latin-300.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v17-latin-300.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-300italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 300; src: url('fonts/lato-v17-latin-300italic.eot'); /* IE9 Compat Modes */ src: local('Lato Light Italic'), local('Lato-LightItalic'), url('fonts/lato-v17-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v17-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v17-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v17-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v17-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-100italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 100; src: url('fonts/lato-v17-latin-100italic.eot'); /* IE9 Compat Modes */ src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'), url('fonts/lato-v17-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v17-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v17-latin-100italic.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v17-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v17-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-regular - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url('fonts/lato-v17-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Lato Regular'), local('Lato-Regular'), url('fonts/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v17-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: url('fonts/lato-v17-latin-italic.eot'); /* IE9 Compat Modes */ src: local('Lato Italic'), local('Lato-Italic'), url('fonts/lato-v17-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v17-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v17-latin-italic.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v17-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v17-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-700italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: url('fonts/lato-v17-latin-700italic.eot'); /* IE9 Compat Modes */ src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url('fonts/lato-v17-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v17-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v17-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v17-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v17-latin-700italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-700 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url('fonts/lato-v17-latin-700.eot'); /* IE9 Compat Modes */ src: local('Lato Bold'), local('Lato-Bold'), url('fonts/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v17-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v17-latin-700.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-900 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; src: url('fonts/lato-v17-latin-900.eot'); /* IE9 Compat Modes */ src: local('Lato Black'), local('Lato-Black'), url('fonts/lato-v17-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v17-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v17-latin-900.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v17-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v17-latin-900.svg#Lato') format('svg'); /* Legacy iOS */ } /* lato-900italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 900; src: url('fonts/lato-v17-latin-900italic.eot'); /* IE9 Compat Modes */ src: local('Lato Black Italic'), local('Lato-BlackItalic'), url('fonts/lato-v17-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/lato-v17-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/lato-v17-latin-900italic.woff') format('woff'), /* Modern Browsers */ url('fonts/lato-v17-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/lato-v17-latin-900italic.svg#Lato') format('svg'); /* Legacy iOS */ } /* noto-serif-regular - latin */ @font-face { font-family: 'Noto Serif'; font-style: normal; font-weight: 400; src: url('fonts/noto-serif-v9-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/noto-serif-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-serif-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/noto-serif-v9-latin-regular.woff') format('woff'), /* Modern Browsers */ url('fonts/noto-serif-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/noto-serif-v9-latin-regular.svg#NotoSerif') format('svg'); /* Legacy iOS */ } /* noto-serif-700 - latin */ @font-face { font-family: 'Noto Serif'; font-style: normal; font-weight: 700; src: url('fonts/noto-serif-v9-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/noto-serif-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-serif-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/noto-serif-v9-latin-700.woff') format('woff'), /* Modern Browsers */ url('fonts/noto-serif-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/noto-serif-v9-latin-700.svg#NotoSerif') format('svg'); /* Legacy iOS */ } /* noto-serif-italic - latin */ @font-face { font-family: 'Noto Serif'; font-style: italic; font-weight: 400; src: url('fonts/noto-serif-v9-latin-italic.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/noto-serif-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-serif-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/noto-serif-v9-latin-italic.woff') format('woff'), /* Modern Browsers */ url('fonts/noto-serif-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/noto-serif-v9-latin-italic.svg#NotoSerif') format('svg'); /* Legacy iOS */ } /* noto-serif-700italic - latin */ @font-face { font-family: 'Noto Serif'; font-style: italic; font-weight: 700; src: url('fonts/noto-serif-v9-latin-700italic.eot'); /* IE9 Compat Modes */ src: local(''), url('fonts/noto-serif-v9-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/noto-serif-v9-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('fonts/noto-serif-v9-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('fonts/noto-serif-v9-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('fonts/noto-serif-v9-latin-700italic.svg#NotoSerif') format('svg'); /* Legacy iOS */ } /* ------------------------------------------------------------------------ */ /* General Styles /* ------------------------------------------------------------------------ */ html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-weight: 400; } body { font-family: 'Lato', Helvetica, Arial, sans-serif !important; font-size: 13px; line-height: 1.7; color: #777777; -webkit-font-smoothing: antialiased; } .wrapall{ margin: 0; padding: 0; background: #ffffff; min-width: 1200px; } html { overflow-y: scroll; /*overflow-x: hidden;*/ } img.scale-with-grid { max-width: 100%; height: auto; } /* Automatically Resize Images */ img{ max-width: 100%; height: auto; } /* Theme Error Message */ .minti-error{ text-align: center; background: #FFF5F5; color: #990000; font-weight: 600; font-size: 16px; display: block; padding: 20px; } /* Blank Page Centering */ html, body, .page-template-page-blank-php #content, .page-template-page-blank-php #page-wrap{ height:100%; } .page-template-page-blank-php #page-wrap{ overflow: visible !important; } .table-outer{ display:table; height: 100%; width: 100%; } .table-inner{ display:table-cell; vertical-align:middle; } .vertical-center{ opacity: 0; } .no-margin { margin-bottom: 0px !important; } /* Grow */ .hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.05); transform: scale(1.05); } span.small { font-size: 14px !important; display: none !important; } /* ------------------------------------------------------------------------ */ /* Toggle /* ------------------------------------------------------------------------ */ .toggle { text-align: left !important; } .toggle .toggle-title { padding: 3px 15px !important; color: #333333 !important; font-weight: 600 !important; font-size: 17px !important; border-radius: 0px 0px 0px 0px !important; background: #ffffff !important; border-left: 5px solid #c41619 !important; border-radius: 4px !important; box-shadow: 0px 0px 39px rgba(0, 0, 0, 0.03); } .toggle .toggle-title:hover { background: #f9f5f1 !important; } .toggle .toggle-title.active { color: #ffffff !important; border-radius: 4px 4px 0px 0px !important; background: #c41619 !important; border-left: 0px solid #7aa42b !important; } .toggle .toggle-title:before { font-family: "FontAwesome"; content: "\f107"; padding-right: 10px; color: #c41619 !important; font-size: 20px !important; font-weight: 400 !important; } .toggle .toggle-title.active:before { font-family: "FontAwesome"; content: "\f106"; padding-right: 10px; color: #ffffff !important; font-size: 20px !important; font-weight: 400 !important; } .toggle .toggle-inner { box-shadow: 0 2px 0 0 rgba(0,0,0,0.0) !important; border-radius: 0px 0px 4px 4px !important; color: #000000 !important; background: #ffffff !important; border: none !important; } .toggle .toggle-inner p { color: #000000 !important; } .toggle .toggle-inner a { -webkit-transition: all 0.2s !important; -moz-transition: all 0.2s !important; -ms-transition: all 0.2s !important; -o-transition: all 0.2s !important; transition: all 0.2s !important; } /* ------------------------------------------------------------------------ */ /* Blockquote /* ------------------------------------------------------------------------ */ blockquote { color: #262626 !important; } blockquote p { border: none !important; padding: 0px !important; } .square-brackets-quote { display: inline-block !important; font-family: 'Lato', Helvetica, Arial, sans-serif !important; margin: 20px !important; max-width: 20em !important; } .square-brackets-quote blockquote { border: solid 10px #c41619 !important; display: inline-block !important; margin: 0 !important; padding: 20px !important; position: relative !important; } .square-brackets-quote blockquote:before { content: "„" !important; font-family: 'Bebas Neue', Helvetica, Arial, sans-serif !important; font-size: 180px !important; color: #c41619 !important; position: absolute !important; left: 0 !important; right: 0 !important; top: -235px !important; margin-left: auto !important; margin-right: auto !important; width: 100px !important;/* Need a specific value to work */ z-index: 1 !important; } .square-brackets-quote blockquote:after { background-color: #ffffff !important; bottom: -20px !important; content: "" !important; left: 40px !important; position: absolute !important; right: 40px !important; top: -20px !important; } .square-brackets-quote blockquote cite { color: #c41619 !important; display: block !important; font-size: small !important; font-style: normal !important; text-align: right !important; text-transform: uppercase !important; } .square-brackets-quote blockquote > * { position: relative !important; z-index: 1 !important; } /* ------------------------------------------------------------------------ */ /* Serif Typography /* ------------------------------------------------------------------------ */ blockquote p > span.serif { font-family: 'Noto Serif', Helvetica, Arial, sans-serif !important; font-style: italic !important; font-size: 120% !important; margin: 0px 10px 20px 10px !important; letter-spacing: initial !important; display: inline-block !important; line-height: 1.5 !important; } h2 > span.serif { font-family: 'Noto Serif', Helvetica, Arial, sans-serif !important; font-style: italic !important; font-size: 120% !important; margin: 0px 10px 0px 10px !important; letter-spacing: initial !important; letter-spacing: -2px !important; background-image: linear-gradient(20deg, rgba(229,38,40,1) 0%, rgba(229,38,40,1) 60%) !important; background-repeat: no-repeat !important; background-size: 100% 0px !important; background-position: 0 88% !important; transition: background-size 0.25s ease-in !important; } h2.serif { font-family: 'Noto Serif', Helvetica, Arial, sans-serif !important; font-style: italic !important; margin: 0px 10px 20px 10px !important; letter-spacing: initial !important; letter-spacing: -2px !important; background-image: linear-gradient(20deg, rgba(229,38,40,1) 0%, rgba(229,38,40,1) 60%) !important; background-repeat: no-repeat !important; background-size: 100% 0px !important; background-position: 0 88% !important; transition: background-size 0.25s ease-in !important; } /* ------------------------------------------------------------------------ */ /* Imagebox /* ------------------------------------------------------------------------ */ .imagebox { text-align: left !important; background: #f7f7f7 !important; color: #262626 !important; display: block !important; border-radius: 2px !important; padding: 20px !important; border: none !important; box-shadow: none !important; margin-bottom: 40px !important; } /* ------------------------------------------------------------------------ */ /* Buttons /* ------------------------------------------------------------------------ */ .button { font-family: 'Lato', Helvetica, Arial, sans-serif !important; text-transform: none !important; font-weight: 400 !important; border-radius: 4px !important; font-size: 17px !important; padding: 10px 15px !important; letter-spacing: normal !important; background: #c41619 !important; border: none !important; } .button:hover { background: #333333 !important; border: none !important; } .cta-button > a { font-family: 'Lato', Helvetica, Arial, sans-serif !important; text-transform: none !important; font-weight: 400 !important; border-radius: 0px !important; font-size: 17px !important; padding: 10px 20px !important; border-radius: 20px !important; background: #c41619 !important; background: linear-gradient(20deg, rgba(120,23,14,1) 0%, rgba(229,38,40,1) 60%) !important; color: #ffffff !important; } .cta-button > a:hover { } .box.style-3 { color: #333333 !important; background: #ffffff !important; box-shadow: 0px 0px 39px rgba(0, 0, 0, 0.03) !important; border-radius: 0px !important; } /* ------------------------------------------------------------------------ */ /* Borlabs Cookie /* ------------------------------------------------------------------------ */ #BorlabsCookieBox ._brlbs-box { box-shadow: none !important; } #BorlabsCookieBox ._brlbs-h3 { font-family: 'Bebas Neue', Helvetica, Arial, sans-serif !important; font-size: 30px !important; } /* ------------------------------------------------------------------------ */ /* Typography /* ------------------------------------------------------------------------ */ h1, h2, h3, h4, h5, h6 { font-family: 'Bebas Neue', Helvetica, Arial, sans-serif !important; color: #444444; font-weight: 400; margin: 0 0 20px 0; padding: 0; line-height: 1 !important; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit } h1 { font-size: 28px; } h2 { font-size: 22px; } h3 { font-size: 26px; } h4 { font-size: 16px; font-weight: 400; color: #444444; } h5 { font-size: 14px; font-weight: 600; } h6 { font-size: 12px; } .highlight { color: #44bdbd; } p { margin: 0 0 20px 0 } p img { margin: 0 } em { font-style: italic } b, strong { font-weight: 700 } p strong{ font-weight: 700; } p b{ font-weight: 600; } small { font-size: 80% } hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } pre { height: auto; font-family: Consolas, monospace; border: 1px solid #e2e2e2; background: #f9f9f9; padding: 20px 20px; border-radius: 3px; margin: 0 0 20px 0; overflow-x:auto; box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.05); } .hidden { display: none !important } abbr { } address, cite, em, i { font-style: italic } dfn { border-bottom: 1px dashed; font-style: italic; } small, sub, sup { position: relative; font-size: 11px; vertical-align: baseline; } sub { top: 3px } sup { bottom: 3px } mark{ display: inline; padding: 2px 4px; background-color: #f6f2d6; color:#7c6d08; border-radius: 3px; } mark.dark{ background-color: #333; color: #ffffff; } ::selection { background: #333333; color: #ffffff; } ::-moz-selection { background: #333333; color: #ffffff; } /* Links /--------------------------------------------------------- */ a{ color: #44bdbd; text-decoration: none; outline: 0; } a i.fa{ /*font-size: inherit;*/ font-weight: 400 !important; } a strong{ color: inherit; } /* Transisiton for Links */ .post .entry-quote a, a.button, .post a, .widget_tag_cloud a, #related-posts ul li a, button, input[type=submit], #back-to-top a, .portfolio-item a, #filters a, .widget_product_tag_cloud a, #footer li a, .entry-meta a, .social-icon a, #footer .widget ul li:after, #footer .widget a, #copyright a, #bbpress-forums a, .portfolio a, .portfolio-filters a, .entry-quote a .quote-source, .sharebox ul li a, #cancel-comment-reply-link, .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a, .product_meta a, .widget a, .wpb_text_column p a, .latest-blog .blog-item h4 a, .wpb_content_element a, .product-remove a, .woocommerce a, #mobile-navigation-btn, #mobile-shopping-btn, #topbar a, .minti_button, .minti_button i, .iconbox p a, #breadcrumbs a, .portfolio-detail-attributes ul li a{ -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } a:hover { color: #666666 } p a{ line-height: inherit } /* Lists /--------------------------------------------------------- */ ul, ol { margin-bottom: 20px } ul { list-style: none outside } ol, ul { margin-left: 30px } ol { list-style: decimal } ul { list-style: square outside } ul li ul, ol li ul, ol li ul, ol li ol { margin-bottom: 0 } /* ------------------------------------------------------------------------ */ /* Forms /* ------------------------------------------------------------------------ */ form, fieldset { } /* Reset iPad / iPhone Button Styling */ button, input[type=submit] { -webkit-appearance: none; /*Safari/Chrome*/ -webkit-border-radius: 2px; } input[type="text"], input[type="password"], input[type="email"], textarea{ -webkit-appearance: none; /*Safari/Chrome*/ } input, textarea{ -webkit-border-radius: 2px; } input::-ms-clear { width : 0; height: 0; } input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="date"], textarea{ /*-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;*/ padding: 10px 12px; outline: none !important; border-radius: 4px; font-family: 'Lato', Helvetica, Arial, sans-serif !important; -webkit-font-smoothing: antialiased; font-size: 13px; margin: 0 0 20px 0; width: 200px; max-width: 100%; display: block; color: #999; line-height: 1.6; border: 2px solid #f0f0f0; background: #ffffff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus { color: #666666; background: #ffffff; outline: none !important; border-color: #e7e7e7; } textarea { min-height: 60px } /*select { display: block; padding: 10px 12px; outline: none !important; border-radius: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.6; color: #666; margin: 0; max-width: 100%; color: #999; border: 1px solid #dddddd; background: #ffffff !important; }*/ select{ color: #666666; /* needed */ -webkit-appearance: none; -moz-appearance: none; appearance: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding: 8px 2rem 8px 12px; outline: none !important; /* SVG background image */ background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23666666%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A); background-position: right 10px center; background-repeat: no-repeat; background-size: auto 40%; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 2px; font-family: inherit; font-size: inherit; line-height: inherit; font-weight: normal; transition: all 0.2s; cursor: pointer; } select:focus{ border-color: #999999; } select::-ms-expand { display: none; } label, legend { cursor: pointer; display: block; } label span, legend span { font-weight: 600 } button, input[type="submit"], input[type="reset"], input[type="button"]{ cursor: pointer; outline: none !important; -webkit-font-smoothing: antialiased; } /* ------------------------------------------------------------------------ */ /* Boxed Layout /* ------------------------------------------------------------------------ */ .boxed-layout { width: 1240px; padding: 0; margin: 0px auto !important; background: #ffffff; box-shadow: 0px 0px 10px rgba(0,0,0,0.15); overflow: hidden; } /* Left - Right Shadow Shine fix for Boxed Layout Mode */ .boxed-layout #header { width: 1240px; box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.15); } /* ------------------------------------------------------------------------ */ /* Topbar /* ------------------------------------------------------------------------ */ #topbar{ position: relative; z-index: 99999; background: #f9f9f9; color: #777777; min-height: 40px; line-height: 40px; } #topbar .topbar-col1{ float: left; margin: 0; padding: 0; } #topbar .topbar-col2{ float: right; margin: 0; padding: 0; } #topbar ul.menu{ margin: 0; padding: 0; list-style: none; } #topbar ul.menu li{ list-style: none; display: inline-block; line-height: 1; margin: 0 20px 0 0; } #topbar ul.menu li a{ display: inline-block; } #topbar .topbar-col2 ul.menu li{ margin: 0 0 0 20px; } #topbar a{ color: #999999; } #topbar a:hover{ color: #333333; } /* ------------------------------------------------------------------------ */ /* Navigation Basic /* ------------------------------------------------------------------------ */ #navigation ul { margin: 0; list-style: none; } #navigation ul li { margin: 0; padding: 0; display: block; float: left; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #navigation ul li a { padding: 0; margin: 0; display: block; font-size: 13px; line-height: 1.3; color: #555555; text-align: center; -webkit-transition: color 0.1s; -moz-transition: color 0.1s; -ms-transition: color 0.1s; -o-transition: color 0.1s; transition: color 0.1s; } #navigation > ul > li > a { font-weight: 700; font-family: 'Lato', Helvetica, Arial, sans-serif !important; } #navigation ul > li:hover > a, #navigation ul li a:hover { color: #44bdbd; } /* Active Status */ #navigation li.current-menu-item > a, #navigation li.current-menu-item > a:hover, #navigation li.current-page-ancestor > a, #navigation li.current-page-ancestor > a:hover, #navigation li.current-menu-ancestor > a, #navigation li.current-menu-ancestor > a:hover, #navigation li.current-menu-parent > a, #navigation li.current-menu-parent > a:hover, #navigation li.current_page_ancestor > a, #navigation li.current_page_ancestor > a:hover, #navigation > ul > li.sfHover > a { color: #44bdbd; } #navigation ul li ul li.sfHover > a{ color: #ffffff; } /* Submenu /--------------------------------------------------------- */ #navigation .sub-menu{ width:200px; padding:0; margin: 0; position: absolute; left: 0px; background: #666666; border:none; z-index: 200; border-radius: 0px 0px 2px 2px; /* box-shadow:1px 1px 3px 0px rgba(0, 0, 0, 0.1);*/ display: none; } #navigation .sub-menu li{ float: none; border: none; margin: 0px 10px; padding: 0; height: auto; position: relative; } #navigation .sub-menu li a{ display: block; text-align: left; color: #bbbbbb; text-transform: none; padding:10px 6px; margin:0; border: none; border-bottom:1px solid #757575; } #navigation .sub-menu > li:last-child > a{ border: none !important; } #navigation .sub-menu li:hover{ border: none; } #navigation .sub-menu li a:hover{ color: #ffffff; } #navigation .sub-menu li.current-menu-item > a, #navigation .sub-menu li.current-menu-item > a:hover, #navigation .sub-menu li.current-page-ancestor > a, #navigation .sub-menu li.current-page-ancestor > a:hover, #navigation .sub-menu li.current-menu-ancestor > a, #navigation .sub-menu li.current-menu-ancestor > a:hover, #navigation .sub-menu li.current-menu-parent > a, #navigation .sub-menu li.current-menu-parent > a:hover, #navigation .sub-menu li.current_page_ancestor > a, #navigation .sub-menu li.current_page_ancestor > a:hover{ color: #ffffff; } /* Submenu - 2nd Level /--------------------------------------------------------- */ #navigation .sub-menu ul{ position: absolute; left: 202px; margin: 0 0 0 -10px; top: 0; border-radius: 2px; } #navigation .sub-menu ul li a{ display: block; text-align: left; color: #bbbbbb; text-transform: none; padding:10px 6px; margin:0; border: none; border-bottom:1px solid rgba(255, 255, 255, 0.1) !important; } #navigation ul li ul li.current-menu-item > a{ color: #44bdbd; } /* Megamenu /--------------------------------------------------------- */ #navigation ul li.megamenu{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #navigation > ul > li.megamenu { position: inherit !important; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #navigation > ul > li.megamenu > ul.sub-menu { width: 1160px; left: 0px; right: 0px; padding: 20px 0px 20px 0; margin: 0 20px 0 20px; background-color: #666666; } #navigation > ul > li.megamenu > ul > li { float: left !important; padding: 0px 0px; width: 25%; margin: 0; } #navigation > ul > li.megamenu > ul > li:last-child { border-right: none !important; } #navigation ul > li.megamenu.columns-2 > ul > li { width: 50%; } #navigation ul > li.megamenu.columns-3 > ul > li { width: 33.33%; } #navigation ul > li.megamenu.columns-4 > ul > li { width: 25%; } #navigation ul > li.megamenu.columns-5 > ul > li { width: 20%; } #navigation ul > li.megamenu.columns-6 > ul > li { width: 16.66%; } .megamenu li.hiddentitle > a{ display: none !important; } #navigation > ul > li.megamenu > ul > li ul { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block !important; top: 0px !important; left: 0px !important; margin: 0; width: 100%; opacity: 1 !important; position: relative !important; border: none; border-radius: none; box-shadow: none; } #navigation > ul > li.megamenu > ul > li { border-right: 1px solid rgba(255, 255, 255, 0.1) !important; } #navigation > ul > li.megamenu ul li a { border-bottom: none!important; padding: 8px 40px; color: #ffffff; -webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } #navigation > ul > li.megamenu > ul > li > a { text-transform: uppercase; margin-bottom: 10px; font-weight: 700; color:#ffffff; cursor: default; } #navigation > ul > li.megamenu > ul ul li a:hover, #navigation > ul > li.megamenu > ul ul li.current-menu-item a { color: #ffffff !important; background-color: #555555 !important; border: none !important; } #navigation > ul > li.megamenu > ul > li > a:hover, #navigation > ul > li.megamenu > ul > li.sfHover > a { background-color: transparent !important; } #navigation ul li.megamenu ul li ul li{ margin: 0; padding: 0; } /* Sub-Menu Arrows /--------------------------------------------------------- */ .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; right: 10px; font-size: 10px; margin-top:-7px; content: '\f054'; font-family: 'FontAwesome'; } #navigation .megamenu .sf-with-ul:after, #navigation > ul > li > a.sf-with-ul:after{ display: none !important; } #navigation > ul > li > a.sf-with-ul:after{ content: ''; position: absolute; top: 50%; margin-top: -5px; right: 6px; font-size: 11px; content: '\f107'; font-family: 'FontAwesome'; display: none !important; } /* ------------------------------------------------------------------------ */ /* Header Basic /* ------------------------------------------------------------------------ */ #header { position: relative; background-color: #ffffff; width: 100%; z-index:8000; box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.0); -webkit-transition: background 0.2s; -moz-transition: background 0.2s; -ms-transition: background 0.2s; -o-transition: background 0.2s; transition: background 0.2s; } .logo{ font-size: 24px; line-height: 20px; font-weight: 600; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .logo img { max-width: 100%; height: auto; } #slogan{ float: right; margin-top: 20px; } /* ------------------------------------------------------------------------ */ /* Header V1 /* ------------------------------------------------------------------------ */ .header-v1 #header { height: 90px; } .header-v1 .logo { float: left; margin-top:33px; margin-bottom: 0; } .header-v1 #navigation{ float: right; } .header-v1 #navigation > ul { float: right; margin: 0 5px 0 0; } .header-v1 #navigation > ul > li{ height:90px; padding-top: 35px; } .header-v1 #navigation > ul > li > a { padding-left: 15px; padding-right: 15px; } .header-v1 #navigation .sub-menu{ top: 90px; } .header-v1 #shopping-btn{ float: right; line-height: 90px; margin: 0 0 0 20px; width: 21px; } .header-v1 #search-btn{ float: right; line-height: 90px; margin: 0 0 0 20px; width: 23px; } /* ------------------------------------------------------------------------ */ /* Header V3 /* ------------------------------------------------------------------------ */ .header-v3 .logo { float: left; margin-top:30px; margin-bottom: 30px; } .header-v3 #navigation > ul { margin: 0 5px 0 0; } .header-v3 #navigation > ul > li > a { padding: 20px 30px 20px 0; } .header-v3 .navigation-wrap{ position: relative; background: #ffffff; border-top: 1px solid #efefef; } .header-v3 #navigation{ float: left; } .header-v3 #shopping-btn{ float: right; margin: 21px 0 0 0; padding-right: 3px; line-height: 1; } .header-v3 #search-btn{ float: right; margin: 11px 0 0 20px; } /* ------------------------------------------------------------------------ */ /* Header V4 /* ------------------------------------------------------------------------ */ .header-v4 .logo { float: none; text-align: center; margin-top:30px; margin-bottom: 30px; } .header-v4 #navigation{ float: none; display: inline; text-align: center; } .header-v4 #navigation > ul { margin: 0; } .header-v4 #navigation > ul > li { float: none; display: inline-block; text-align: center; } .header-v4 #navigation > ul > li > a { padding: 20px 15px 20px 15px; } .header-v4 .navigation-wrap{ background: #ffffff; border-top: 1px solid #efefef; } /* ------------------------------------------------------------------------ */ /* Header V5 /* ------------------------------------------------------------------------ */ .header-wide-container{ padding: 0 40px; } .header-wide-container #navigation > ul > li.megamenu > ul.sub-menu { width: 97%; margin: 0 1.5%; } /* ------------------------------------------------------------------------ */ /* Mobile Navigation /* ------------------------------------------------------------------------ */ #mobile-header{ display: none; position: relative; background-color: #ffffff; height: 90px; width: 100%; z-index:8000; box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.0); -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #mobile-header .logo{ margin-top:33px; margin-bottom: 0; float: left; } #mobile-navigation-btn{ float: right; font-size: 21px; line-height: 90px; margin-top: 0px; color: #262626 !important; } #mobile-navigation-btn:hover{ color: #999999; } #mobile-shopping-btn{ float: right; line-height: 90px; margin: 2px 20px -3px 0; font-size: 17px; width: 21px; color: #999999; } #mobile-shopping-btn:hover{ color: #555555; } #mobile-navigation{ background: #666666; padding: 0px 0; position: relative; margin: 0; z-index: 1001; display: none; } #mobile-navigation .container ul{ list-style: none; margin: 16px 0 30px 0; } #mobile-navigation .container ul li ul{ margin: 0 0 0 30px; display: none; } #mobile-navigation .container > ul > li:last-child a{ border-bottom: 0px; } #mobile-navigation ul li a{ border-bottom:1px solid rgba(255, 255, 255, 0.1) !important; color: #bbbbbb; display: block; position: relative; padding: 12px 0 !important; } #mobile-navigation ul li a:hover, #mobile-navigation ul li a:hover [class^="fa-"], #mobile-navigation li.open > a, #mobile-navigation ul li.current-menu-item > a, #mobile-navigation ul li.current-menu-ancestor > a{ color: #ffffff; } body #mobile-navigation li.open > a [class^="fa-"]{ color: #ffffff; } #mobile-navigation ul li i{ display: block; padding: 10px 6px 10px 40px; float: right; margin: -7px 0 0 0; font-size: 14px; } /* Mobile Search /--------------------------------------------------------- */ #mobile-navigation form{ position: relative; background: #444444; padding: 0px 12px 0px 37px; margin: 0 0 32px 0; border: none; border-radius: 2px 2px 2px 2px; } #mobile-navigation form input{ width: 100%; padding: 12px 0; margin: 0; background: #444444; border: none; border-radius: none; box-shadow: none; color: #cccccc; -webkit-font-smoothing: antialiased; } #mobile-navigation form:before{ position: absolute; top: 7px; left: 12px; font-size: 16px; color: #999999; content: '\f002'; font-family: 'FontAwesome'; } /* Header Buttons & Header Search /--------------------------------------------------------- */ .header-icons{ float: right; } .header-icons-divider{ height: 30px; line-height: 90px; width: 1px; float: left; background: #efefef; position: absolute; top: 50%; margin-top: -17px; display: block; } #search-btn{ font-size: 23px; color: #bbbbbb; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #search-btn:hover{ color: #999999; } #shopping-btn{ position: relative; font-size: 17px; color: #999999; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #shopping-btn:hover{ color: #555555; } #shopping-btn span{ display: block; position: absolute; top: 50%; margin-top:-18px; right: -7px; height: 16px; width: 16px; line-height: 16px; font-size: 11px; font-weight: 700; text-align: center; border-radius: 50%; background: #44bdbd; color: #ffffff; } #search-top{ position: absolute; top: 0; left: 0; height: 90px; width: 1160px; margin: 0 20px; padding: 0; display: none; } .header-wide-container #search-top{ width: 100%; margin: 0; padding: 0 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #search-top input{ float: left; margin: 0px; width: 96%; height: 90px; padding: 0px; border: 0; background: transparent; color: #666666; font-size: 38px; font-family: Arial, Helvetica, sans-serif; font-weight: 300; border-radius: none; box-shadow: none; -webkit-font-smoothing: antialiased; } #search-top input::-webkit-input-placeholder{ color: #666666; opacity: 0.6; } #search-top input:-moz-placeholder{ color: #666666; opacity: 0.6; } #search-top input::-moz-placeholder{ color: #666666; opacity: 0.6; } #search-top input:-ms-input-placeholder{color: #666666; opacity: 0.6; } #search-top input:focus{ outline: none; } #close-search-btn{ float: right; line-height: 90px; margin: 0; padding: 0; font-size: 21px; color: #bbbbbb; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } #close-search-btn i{ line-height: 1; } #close-search-btn:hover{ color:#999999; } /* ------------------------------------------------------------------------ */ /* Header Transparent /* ------------------------------------------------------------------------ */ #header.header-transparent.header-v1{ background: #ffffff !important; background-position: top center !important; box-shadow:inset 0 -1px 0 0 rgba(255,255,255,0.0) !important; } #header.header-transparent.header-v1 #navigation > ul > li > a{ color: rgba(255,255,255,0.8); -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } #header.header-transparent.header-v1 #navigation > ul > li:hover > a, #header.header-transparent.header-v1 #navigation > ul > li > a:hover { color: rgba(255,255,255,1); } #header.header-transparent.header-v1 #search-btn, #header.header-transparent.header-v1 #shopping-btn, #header.header-transparent.header-v1 #close-search-btn, #header.header-transparent.header-v1 #mobile-navigation-btn, #header.header-transparent.header-v1 #mobile-cart-btn { color: rgba(255,255,255,0.8); } #header.header-transparent.header-v1 #search-btn:hover, #header.header-transparent.header-v1 #shopping-btn:hover, #header.header-transparent.header-v1 #close-search-btn:hover, #header.header-transparent.header-v1 #mobile-navigation-btn:hover, #header.header-transparent.header-v1 #mobile-cart-btn:hover { color: rgba(255,255,255,1); } #header.header-transparent.header-v1 .header-icons-divider{ background: rgba(255,255,255,0.2); } #header.header-transparent.header-v1 #search-top input{ color: #ffffff; } #header.header-transparent.header-v1 #search-top input::-webkit-input-placeholder{ color: rgba(255,255,255,0.8); } #header.header-transparent.header-v1 #search-top input:-moz-placeholder{ color: rgba(255,255,255,0.8); } #header.header-transparent.header-v1 #search-top input::-moz-placeholder{ color: rgba(255,255,255,0.8); } #header.header-transparent.header-v1 #search-top input:-ms-input-placeholder{color: rgba(255,255,255,0.8); } /*#header.header-transparent.header-v1 #navigation > ul > li.current-menu-item > a, #header.header-transparent.header-v1 #navigation > ul > li.current-menu-item > a:hover, #header.header-transparent.header-v1 #navigation > ul > li.current-page-ancestor > a, #header.header-transparent.header-v1 #navigation > ul > li.current-page-ancestor > a:hover, #header.header-transparent.header-v1 #navigation > ul > li.current-menu-ancestor > a, #header.header-transparent.header-v1 #navigation > ul > li.current-menu-ancestor > a:hover, #header.header-transparent.header-v1 #navigation > ul > li.current-menu-parent > a, #header.header-transparent.header-v1 #navigation > ul > li.current-menu-parent > a:hover, #header.header-transparent.header-v1 #navigation > ul > li.current_page_ancestor > a, #header.header-transparent.header-v1 #navigation > ul > li.current_page_ancestor > a:hover, #header.header-transparent.header-v1 #navigation > ul > li.sfHover > a { color: rgba(255,255,255,1) !important; }*/ /* Negative margin on Page Wrap */ #header.header-transparent, .header-is-transparent #mobile-header{ position: absolute; } .header-is-transparent #mobile-navigation{ top: 90px; } /* Negative margin on Page Wrap */ #page-wrap{ position: relative; clear: both; float: none; } /* Dark Header Class --------------- */ #header.header-transparent.darkheader.header-v1{ background: transparent !important; background-position: top center !important; box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.07) !important; } #header.header-transparent.darkheader.header-v1 #navigation > ul > li > a{ color: rgba(0,0,0,0.5); -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } #header.header-transparent.darkheader.header-v1 #navigation > ul > li:hover > a, #header.header-transparent.darkheader.header-v1 #navigation > ul > li > a:hover { color: rgba(0,0,0,0.8); } #header.header-transparent.darkheader.header-v1 #search-btn, #header.header-transparent.darkheader.header-v1 #shopping-btn, #header.header-transparent.darkheader.header-v1 #close-search-btn, #header.header-transparent.darkheader.header-v1 #mobile-navigation-btn, #header.header-transparent.darkheader.header-v1 #mobile-cart-btn { color: rgba(0,0,0,0.4); } #header.header-transparent.darkheader.header-v1 #search-btn:hover, #header.header-transparent.darkheader.header-v1 #shopping-btn:hover, #header.header-transparent.darkheader.header-v1 #close-search-btn:hover, #header.header-transparent.darkheader.header-v1 #mobile-navigation-btn:hover, #header.header-transparent.darkheader.header-v1 #mobile-cart-btn:hover { color: rgba(0,0,0,0.8); } #header.header-transparent.darkheader.header-v1 .header-icons-divider{ background: rgba(0,0,0,0.1); } #header.header-transparent.darkheader.header-v1 #search-top input{ color: rgba(0,0,0,0.8); } #header.header-transparent.darkheader.header-v1 #search-top input::-webkit-input-placeholder{ color: #111111; opacity: 0.5; } #header.header-transparent.darkheader.header-v1 #search-top input:-moz-placeholder{ color: #111111; opacity: 0.5; } #header.header-transparent.darkheader.header-v1 #search-top input::-moz-placeholder{ color: #111111; opacity: 0.5; } #header.header-transparent.darkheader.header-v1 #search-top input:-ms-input-placeholder{color: #111111; opacity: 0.5; } /*#header.header-transparent.darkheader.header-v1 #navigation > ul > li.current-menu-item > a, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current-menu-item > a:hover, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current-page-ancestor > a, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current-page-ancestor > a:hover, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current-menu-ancestor > a, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current-menu-ancestor > a:hover, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current-menu-parent > a, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current-menu-parent > a:hover, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current_page_ancestor > a, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.current_page_ancestor > a:hover, #header.header-transparent.darkheader.header-v1 #navigation > ul > li.sfHover > a { color: rgba(0,0,0,0.8) !important; }*/ /* ------------------------------------------------------------------------ */ /* Logo Retina /* ------------------------------------------------------------------------ */ /* Standard Logos */ .logo_standard{display:inherit} .logo_retina{display:none} .header-transparent .logo_standard{display:none} .header-transparent .logo_retina{display:none} .logo_transparent{display:none} .logo_retina_transparent{display:none} .header-transparent .logo_transparent{display:inherit} .header-transparent .logo_retina_transparent{display:none} /* Dark Header */ .header-transparent.darkheader .logo_standard{display:inherit} .header-transparent.darkheader .logo_transparent{display:none} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { /* Standard Logos */ .logo_standard{display:none} .logo_retina{display:inherit} .header-transparent .logo_standard{display:none} .header-transparent .logo_retina{display:none} /* Transparent Logos */ .logo_transparent{display:none} .logo_retina_transparent{display:none} .header-transparent .logo_transparent{display:none} .header-transparent .logo_retina_transparent{display:inherit} /* Dark Header */ .header-transparent.darkheader .logo_standard{display:none} .header-transparent.darkheader .logo_retina{display:inherit} .header-transparent.darkheader .logo_transparent{display:none} .header-transparent.darkheader .logo_retina_transparent{display:none} } /* ------------------------------------------------------------------------ */ /* Titlebar /* ------------------------------------------------------------------------ */ #title{ } /* Standard Title /--------------------------------------------------------- */ .titlebar h1, .title-h1{ margin:0; padding: 0; font-size:18px; font-weight:400; color:#777777; } /* Full: Title /--------------------------------------------------------- */ #fulltitle{ background: #f9f9f9; border-bottom:1px solid #efefef; padding: 24px 0; } /* Full: Image Center /--------------------------------------------------------- */ #fullimagecenter{ background-position: center center; background-size: cover; text-align: center; } #fullimagecenter h1, #fullimagecenter .title-h1{ text-align: center; display: block; color: #ffffff; padding: 140px 0; margin:0; font-size: 32px; } /* Transparent Image /--------------------------------------------------------- */ #transparentimage{ position: relative; padding: 90px 0 0 0; background-position: center center; background-size: cover; } #transparentimage h1, #transparentimage .title-h1{ text-align: center; display: block; color: #ffffff; padding: 140px 0; margin:0; font-size: 32px; position: relative; z-index: 1; } /* Small: Title /--------------------------------------------------------- */ #smalltitle .sixteen{ border-top:1px solid #efefef; border-bottom:1px solid #efefef; } #smalltitle h1{ display: inline-block; border-bottom:3px solid #cccccc; padding-bottom:20px; margin-bottom:-1px; } /* Small: Image /--------------------------------------------------------- */ #smallimage .sixteen{ background-position: center center; border-radius: 2px; background-size: cover; } #smallimage h1{ display: inline-block; background: #ffffff; padding: 5px 14px; margin:50px 0 50px 30px; border-radius: 2px; } #smallimage #breadcrumbs{ margin-top:60px; } #smallimage #breadcrumbs span{ margin-right: 30px; } /* No Titlebar /--------------------------------------------------------- */ #notitlebar{ } /* Breadcrumbs /--------------------------------------------------------- */ #breadcrumbs{ color: #aaaaaa; text-align: right; font-size:11px; margin-top:4px; } #breadcrumbs a{ color: #aaaaaa; } #breadcrumbs a:hover{ color: #666666; } /* ------------------------------------------------------------------------ */ /* Content /* ------------------------------------------------------------------------ */ #page-wrap { } /* Fix for iPad Portrait */ .on-mobile #page-wrap { overflow: hidden; } #content{ padding-top: 60px; padding-bottom: 40px; } #sidebar-widgets{ padding-top: 60px; padding-bottom: 60px; } #content.nopadding{ padding:0; margin: 0; } #content.sidebar-left { float: right; } /* ------------------------------------------------------------------------ */ /* Blog Standard - Overview /* ------------------------------------------------------------------------ */ .blog-page:after{ content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .blog-page .post{ margin: 0 0 60px 0; padding: 0 0 53px 0; border-bottom: 1px solid #efefef; } .blog-page .post.sticky{ position: relative; border:1px solid #efefef; padding: 40px; } .blog-page.blog-masonry .post.sticky{ border: none; padding: 0; } .blog-page .post.format-quote{ padding: 0 0 60px 0; } .blog-page .post .button i{ margin: 0; } .blog-page .post h1, .blog-page .post h2{ font-size: 24px; font-weight: 600; margin: 0 0 20px 0; padding: 0; line-height: 1; } .blog-page .post h1 a, .blog-page .post h2 a{ color: #444444; } .blog-page .post h1 a:hover, .blog-page .post h2 a:hover{ color: #44bdbd; } .blog-page .post h1 i, .blog-page .post h2 i{ margin: 0 0 0 5px; } .post-time{ width: 42px; border-right: 1px solid #efefef; float: left; padding: 0 20px 0 0; margin: 0 20px 0 0; text-align: center; color: #999999; } .post-time .month{ font-size: 19px; display: block; text-transform: uppercase; margin: 0; padding: 0; line-height: 1; font-weight: 400; } .post-time .day{ font-size: 30px; display: block; margin: 0; padding: 0; line-height: 1; font-weight: 700; } .blog-page article{ overflow: hidden; /* float article left with overflow */ } /* Post Format Specific /--------------------------------------------------------- */ .entry-video, .entry-audio, .entry-gallery, .entry-image{ margin: 0 0 30px 0; } .entry-video iframe, .entry-audio iframe{ max-width: 100%; } .entry-audio iframe{ max-width: 100%; } .entry-audio iframe{ max-width: 100%; width: 100%; margin: 0 0 -8px 0 !important; } .entry-gallery{ border-radius: 2px; position: relative; } .entry-gallery img{ border-radius: 2px; } .entry-image{ border-radius: 2px; overflow: hidden; position: relative; } .entry-image img{ width: 100%; max-width: 100%; height: auto; display: block; } .entry-image .entry-overlay{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; border-radius: 2px; } .entry-image .entry-overlay i{ display: block; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; font-size: 24px; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #ffffff; } .entry-quote a{ text-align: center; display: block; background: #f9f9f9; color: #666666; padding: 40px; font-size: 20px; line-height: 1.6; font-weight: 600; border-radius: 3px; position: relative; margin: 0; } .entry-quote a .quote-source{ display: block; font-size: 14px; color: #666666; opacity: 0.6; margin: 10px 0 0 0; } .entry-quote a:hover .quote-source{ color: #ffffff; } .entry-quote a:hover{ background: #666666; color: #ffffff; } .entry-link{ margin-bottom: 7px; } .entry-link a, .entry-link a:active{ display: block; background: #666666; border-radius: 2px; padding: 20px; font-size: 20px; line-height: 1; font-weight: 600; color: #ffffff !important; } .entry-link a span{ font-size: 14px; display: block; margin-top: 10px; font-weight: 400; opacity: 0.6; } .entry-link a:hover{ background: #333333; color: #ffffff; } /* Entry Meta Data /--------------------------------------------------------- */ .entry-meta{ margin: 20px 0 0px 0; } /* Single Meta-Tags */ .blog-single .entry-meta{ margin: 0px 0 20px 0; } .entry-meta{ font-weight: 700; font-size: 13px; text-transform: uppercase; } .entry-meta ul{ list-style: none; margin: 0; padding: 0; color: #999999; } .entry-meta ul li{ display: inline; } .entry-meta ul li:after{ content: ' | '; margin: 0 6px; color: #efefef; } .entry-meta ul li:last-child:after{ content: ''; margin: 0; } .entry-meta a{ color: #999999; } .entry-meta a:hover{ color: #666666; } /* Read More Link */ .blog-page .read-more-link{ } /* Blog Medium /--------------------------------------------------------- */ .blog-medium .post h1, .blog-medium .post h2{ font-size: 22px; } .blog-medium .post-time{ display: none; } .blog-medium .entry-image, .blog-medium .entry-gallery, .blog-medium .entry-video, .blog-medium .entry-audio{ float: left; width: 310px; margin: 0 40px 7px 0; } .blog-medium .entry-audio iframe{ max-width: 100%; width: 100%; height: 116px; } .blog-medium .entry-wrap{ overflow: hidden; } .blog-medium .entry-meta .meta-author, .blog-medium .entry-meta .meta-edit, .blog-medium .entry-meta .meta-category:after{ display: none; } /* Blog Center /--------------------------------------------------------- */ .blog-center .blog-wrap{ width: 920px; margin: 0 auto; } /* Blog Masonry /--------------------------------------------------------- */ .blog-masonry .blog-wrap{ opacity: 0; width: 100% !important; margin: 0; overflow: hidden; /* RETHINK THIS */ } .blog-masonry .post{ width: 360px; overflow: hidden; float: left; margin: 0 20px 60px 20px; padding: 0; display: inline-block; border: none; overflow: hidden; } .blog-masonry .post h2{ font-size: 20px; } .blog-masonry .post .entry-meta{ font-weight: 700; font-size: 13px; text-transform: uppercase; } .blog-masonry .post .entry-meta .meta-author, .blog-masonry .post .entry-meta .meta-author, .blog-masonry .post .entry-meta .meta-comment, .blog-masonry .post .entry-meta .meta-edit, .blog-masonry .post .entry-meta .meta-comment:after { display: none; } .blog-masonry .post.format-quote{ padding: 0; } .blog-masonry .entry-quote{ position: relative; z-index: 2; margin: 0 0 10px 0; } .blog-masonry .entry-link{ margin: 0 0 10px 0; } .blog-masonry .entry-audio iframe{ max-width: 100%; width: 100%; height: 116px; margin: 0 0 -8px 0 !important; } .blog-masonry .read-more-link{ display: none; } /* Blog Single /--------------------------------------------------------- */ .blog-single .post{ margin: 0 0 40px 0; padding: 0; border: none; } .blog-single .post h1{ line-height: 1.6!important; } .blog-single .post h1 a{ color: #444444; } .blog-single .post-time{ display: none; } .blog-single .post .entry-quote{ margin: 0 0 30px 0; } .blog-single .post.format-quote{ padding: 0; } .blog-single .post .entry-link{ margin-bottom: 30px; } .entry-tags a { color: inherit; } /* Alternative Entry-Tag Style --> .blog-single .entry-tags{ margin: 10px 0 0 0; } .entry-tags a { display: inline-block; font-size: 13px !important; border: 1px solid #efefef; border-radius: 30px; padding: 1px 20px; text-transform: uppercase; font-weight: 700; color: #999999; margin: 0 4px 10px 0; } .entry-tags a:hover { background: #44bdbd; border-color: #44bdbd; color: #ffffff !important; }*/ /* Author Information /--------------------------------------------------------- */ #author-info { margin: 0 0 60px 0; display: block; padding: 60px 0 0 0; border-top: 1px solid #efefef; } #author-info p{ margin: 0; } #author-info .author-image { float: left; width: 80px; height: 80px; border-radius: 4px; overflow: hidden; margin: 2px 30px 0 0; } #author-info .author-image img { display: block; width: 80px; height: 80px; } #author-info .author-bio { overflow: hidden; } #author-info .author-bio h4 { text-transform: uppercase; font-weight: 700; margin: 0; padding: 0 0 10px 0; font-size: 14px; letter-spacing: 1px; color: #666666; } .author-archive #author-info{ padding: 0 0 60px 0; margin: 0 0 60px 0; background: #f9f9f9; padding: 30px; border: none; border-radius: 2px; } /* Sharebox /--------------------------------------------------------- */ .sharebox { display: block; padding: 0; margin: -20px 0 60px 0; } .sharebox ul{ list-style: none; margin: 0; padding: 0; } .sharebox ul li{ float: left; padding: 0; margin: 0 22px 0 0; line-height: 1 !important; } .sharebox ul li a{ display: block; float: left; color: inherit; padding: 10px 0; margin: 0; } .sharebox ul li i{ display: inline-block; font-size: 16px; margin: 0 3px 0 0; line-height: 1; } /*.sharebox a.share-facebook{ color: #3b5998; } .sharebox a.share-twitter{ color: #00aced; } .sharebox a.share-tumblr{ color: #32506d; } .sharebox a.share-pinterest{ color: #cb2027; } .sharebox a.share-google{ color: #dd4b39; } .sharebox a.share-linkedin{ color: #007bb6; } .sharebox a.share-mail{ color: #666666; }*/ /* Related Posts /--------------------------------------------------------- */ #related-posts { margin: 0 0 60px 0; display: block; padding: 60px 0 0 0; border-top: 1px solid #efefef; } #related-posts ul li span{ margin-left: 10px; } /* Post Navigation /--------------------------------------------------------- */ #post-navigation .prev{ position: fixed; top: 50%; left: -25px; height: 60px; width: 80px; background: #444444; margin: -30px 0 0 0; color: #ffffff; border-radius: 0px 2px 2px 0px; opacity: 0.3; z-index: 1; cursor: pointer; } #post-navigation .next{ position: fixed; top: 50%; right: -25px; height:60px; width: 80px; background: #444444; margin: -30px 0 0 0; color: #ffffff; border-radius: 2px 0px 0px 2px; opacity: 0.3; z-index: 1; cursor: pointer; } #post-navigation .prev:before{ position: absolute; top:50%; right: 25px; margin: -7px 0 0 0; line-height: 1; content: "\f053"; font-size: 14px; color: #ffffff; font-family: 'FontAwesome'; } #post-navigation .next:before{ position: absolute; top:50%; left: 25px; margin: -7px 0 0 0; line-height: 1; content: "\f054"; font-size: 14px; color: #ffffff; font-family: 'FontAwesome'; } /* ------------------------------------------------------------------------ */ /* Portfolio - Single /* ------------------------------------------------------------------------ */ /* Fix Extended Portfolio Width */ .portfolio .entry{ width: 100%; } .portfolio-sidebyside, .portfolio-wide{ margin: 0 0 20px 0; } .portfolio-detail h1, .portfolio-detail-description h1 { font-size: 18px; margin: 0 0 20px 0; } .portfolio-noslider { text-align: center; } .portfolio-noslider img{ display: block; margin: 0 auto; max-width: 100%; height: auto; } .portfolio-noslider .noslide{ border-radius: 2px; overflow: hidden; display: inline-block; margin: 0 auto 30px 0; text-align: center; max-width: 100%; } #portfolio-embed{ margin-bottom: 40px; } #portfolio-embed iframe{ max-width: 100%; } .portfolio-detail-attributes ul { list-style: none; margin: 0; background: #f9f9f9; padding: 14px 24px; border-radius: 2px; } .portfolio-detail-attributes ul li { padding: 10px 0; border-bottom: 1px solid #f2f2f2; } .portfolio-detail-attributes ul li:last-child{ border: none; } .portfolio-detail-attributes ul li strong { float: left; display: block; width: 64px; font-weight: 700; } .portfolio-detail-attributes ul li span { display: block; overflow: hidden; } .portfolio-detail-attributes ul li a{ color: inherit; } .portfolio-detail-attributes ul li a:hover{ color: #44bdbd; } /* Layout Specific /--------------------------------------------------------- */ .portfolio-wide .flexslider, .portfolio-sidebyside .flexslider { margin: 0 0 40px; } .portfolio-sidebyside .portfolio-detail-description-text { margin-bottom:40px; } /* Related Portfolio Items /--------------------------------------------------------- */ #portfolio-related-post{ margin: 30px 0 0px 0; } /* ------------------------------------------------------------------------ */ /* Search Page /* ------------------------------------------------------------------------ */ .search-page .read-more-link{ display: none; } .search-page .post .entry-icon{ float: left; width: 40px; height: 40px; line-height: 40px; text-align: center; margin-right: 30px; margin-top: 1px; background: #efefef; border-radius: 3px; color: #999999; } .search-page .post .entry-icon i{ font-size: 14px; line-height: 1; } .search-page .post .entry-wrap{ overflow: hidden; } .search-page .post h3{ margin: 0 0 0px 0; font-size: 20px; } .search-page .post .entry-content{ margin: 10px 0 0 0; } .search-page .post .entry-type{ color: #adadad; font-weight: 700; text-transform: uppercase; } .search-page h3{ margin: 0 0 0 0; } .search-page #content #searchform input{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 20px 10px 0 0; width: 440px; max-width: 100%; display: inline-block; float: left; } .search-page #content #searchform input#searchsubmit{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 20px 0 0 0; width: auto; display: inline-block; float: left; } .search-page #content #searchform{ clear: both; margin-bottom: 0px; } /* ------------------------------------------------------------------------ */ /* Pagination /* ------------------------------------------------------------------------ */ #pagination{ position: relative; z-index: 1; clear: both; margin: 0 0 60px 0; text-align: center; } /* Custom Pagination Margins */ .blog-masonry #pagination{ margin: 0px 0 60px 0; } .blog-center #pagination{ margin: 0 0 20px 0; } .blog-fullwidth #pagination{ margin: 0 0 20px 0; } .blog-medium #pagination{ margin: 0 0 20px 0; } .woocommerce #pagination{ margin: 20px 0 20px 0; } .portfolio-nomargin #pagination{ margin: 60px 0 60px 0; } .pagination-nomargin, .pagination-masonry{ margin-top: 60px; } #pagination ul{ list-style: none; margin: 0; } #pagination ul li{ margin: 0; padding: 0; display: inline-block; } #pagination a{ display: inline-block; margin: 2px; width: 34px; height: 34px; line-height: 34px; text-align: center; background: #efefef; color: #999999; font-weight: 600; border-radius:50%; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } #pagination a:hover { color: #ffffff; background: #cccccc; } #pagination .current a { background: #44bdbd; color: #ffffff; font-weight: 600; } #pagination li span{ margin: 3px 5px 0 3px; color: #cccccc; } #pagination ul li a i{ font-size: 12px; } /* ------------------------------------------------------------------------ */ /* Comments - List /* ------------------------------------------------------------------------ */ .comments-list{ border-top:1px solid #efefef; padding: 60px 0 0 0; margin: 0 0 60px 0; } .commentlist { list-style: none; margin: 30px 0 0 0; } .commentlist li { margin: 0 0 40px 0; padding: 0; } .commentlist > li:last-child { margin: 0 0 0px 0; } .commentlist li ul { list-style: none; margin: 0 0 0 80px; } .commentlist li ul li { margin:40px 0 0 0; padding: 0 0 0 0; } .commentlist li .avatar { float: left; margin-right: 30px; width: 50px; height: 50px; border-radius: 4px; position: relative; } .commentlist li .avatar img { display: block; } .commentlist .comment-text { background: #f9f9f9; border-radius: 2px; padding: 20px 20px 0 20px; position: relative; overflow: hidden; } .commentlist li.bypostauthor .comment-text{ border-right: 4px solid #efefef; } .commentlist li .avatar:after{ display: block; content: ''; position: absolute; top: 15px; right: -30px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #f9f9f9 transparent transparent; } .commentlist li .author { margin-top: 0px; margin-bottom: 20px; line-height: 1.6; color: #444444; } .commentlist li .author a{ color: inherit; } .commentlist li .author span { display: inline; font-weight: 700; } .commentlist li .date { display: block; color: #999999; } .commentlist li .date a { color: #999999 } .commentlist li .date a:hover { color: #333333 } .commentlist li em { font-size: 11px; color: #cccccc; font-style: normal; margin-bottom: 20px; display: block; } /* ------------------------------------------------------------------------ */ /* Comments - Respond /* ------------------------------------------------------------------------ */ .comments-reply{ border-top:1px solid #efefef; padding: 60px 0 0 0; margin: 0; } #respond { } #respond form{ margin: 0; } #respond .required { color: #c82929; display: inline-block; margin: 3px 0 0 6px; font-size: 14px; font-weight: normal; } /*#respond p { clear: both }*/ #respond-inputs p{ width: 32%; margin-right:2%; float: left; } #respond-inputs p.last{ margin-right: 0; } #respond input[type=text] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; margin: 0; } #respond textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; } #respond p.comment-notes, #respond p.form-allowed-tags { display: none; } #cancel-comment-reply-link { display: inline-block; background: #cccccc; color: #ffffff; border-radius: 2px; text-transform: uppercase; padding: 2px 8px; font-weight: 700; float: right; } #cancel-comment-reply-link:hover{ background: #999999; } .comment-form-cookies-consent label{ display: inline-block; margin-left: 5px; } .commentlist .comment-respond{ margin-top: 40px; } /* Comment Styling for normal Pages */ .page-template #comments, .page-template-default #comments{ margin-top: 60px; } .single-portfolio #comments{ margin-top: 20px; margin-bottom: 60px; } .single-portfolio #comments .comments-list, .single-portfolio #comments .comments-reply{ padding:0; border: none; } /*.page-template #comments .comments-list, .page-template #comments .comments-reply, .page-template-default #comments .comments-list, .page-template-default #comments .comments-reply{ padding:0; border: none; }*/ /* ------------------------------------------------------------------------ */ /* 404 Page /* ------------------------------------------------------------------------ */ .page-404 .entry{ text-align: center; padding: 40px 0 80px 0; } .page-404 h2{ font-size: 100px; color: #666666; font-weight: 700; width: 300px; height: 300px; line-height: 300px; text-align: center; border: 10px solid #999999; color: #999999; border-radius: 50%; margin: 0 auto 60px auto; } .page-404 h3{ font-size: 52px; font-weight: 700; line-height: 1.2; margin: 0; color: #999999; text-transform: uppercase; } /* ------------------------------------------------------------------------ */ /* Footer /* ------------------------------------------------------------------------ */ #footer { padding: 60px 0 20px 0; background: #555555; color:#aaaaaa; } #footer a{ color:#aaaaaa; } #footer a:hover{ color:#ffffff; } /* ------------------------------------------------------------------------ */ /* Copyright /* ------------------------------------------------------------------------ */ #copyright { padding: 15px 0 13px 0; background: #333333; color:#777777; } #copyright .copyright-col1{ float: left; margin: 0; padding: 0; } #copyright .copyright-col2{ float: right; margin: 0; padding: 0; } #copyright a { color: #999999 } #copyright a:hover { color: #cccccc } #copyright .copyright-text {} #copyright .social-icons { float: right; margin: -7px 0; } #copyright .menu{ list-style: none; margin: 0; padding: 0; text-align: right; } #copyright .menu li{ display: inline-block; margin: 0 0 0 20px; padding: 0; } /* ------------------------------------------------------------------------ */ /* Back-To-Top Button /* ------------------------------------------------------------------------ */ #back-to-top { position: fixed; z-index: 1000; bottom: 20px; right: 20px; display: none; } #back-to-top a { position: relative; display: block; width: 40px; height: 40px; background: #000000; color: #ffffff; font-size: 14px; text-align: center; border-radius: 50% !important; opacity: 1; background: #c41619 !important; background: linear-gradient(20deg, rgba(120,23,14,1) 0%, rgba(229,38,40,1) 60%) !important; font-size: 15px !important; line-height: 36px !important; } #back-to-top a:hover { background-color: #44bdbd; opacity: 1 } /* ------------------------------------------------------------------------ */ /* Sidebar Widgets /* ------------------------------------------------------------------------ */ /* General Widgets /--------------------------------------------------------- */ .widget ul { margin: 0; padding: 0; list-style: none; } #sidebar .widget { margin-bottom: 40px; color: #888888; } #sidebar .widget:last-child { margin-bottom: 0; } #sidebar .widget h3 { font-size: 14px; font-weight: 700; margin:0 0 16px 0; color: #444444; } #sidebar .widget ul{ margin: -10px 0 0 0; } #sidebar .widget ul li{ position: relative; } #sidebar .widget > ul > li{ border-bottom: 1px solid #efefef; position: relative; padding: 10px 0; } #sidebar .widget > ul > li:last-child{ border: none; } #sidebar .widget > ul > li ul{ margin-top: 10px; margin-bottom: -10px; border-top: 1px solid #efefef; } #sidebar .widget > ul > li ul li{ background: #f9f9f9; padding: 10px 0 10px 14px; border-bottom: 1px dashed #efefef; } #sidebar .widget > ul > li ul li:last-child{ border-bottom: none; } #sidebar .widget > ul > li ul li a:before{ content: '+'; margin-right: 10px; } #sidebar .widget ul li:after{ font-family: "FontAwesome"; content: "\f105"; position: absolute; top: 10px; right: 0; font-size: 14px; color: #cccccc; } #sidebar .widget ul li a{ display: block; color: #777777; } #sidebar .widget ul li a:hover{ color: #44bdbd; } #sidebar .widget ul li:hover:after{ color: #44bdbd; } #sidebar .widget > ul > li.current_page_item, #sidebar .widget > ul > li.current-menu-item { font-weight: 600; } #sidebar .widget img{ margin-bottom: 0 !important; } /* Search Widget /--------------------------------------------------------- */ .widget_search input { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #e1e1e1; padding: 10px 12px 10px 36px; box-shadow: 0 2px 0 0 rgba(0,0,0,.03); border-radius: 2px; background: #ffffff; } .widget_search form{ position: relative; } .widget_search form:before{ position: absolute; top: 14px; left: 14px; font-size: 14px; font-family: 'FontAwesome'; content: '\f002'; -webkit-font-smoothing: antialiased; color: #999999; line-height: 1; } .widget_search input:focus { border-color: #d3d3d3; } .widget_search #searchsubmit{ display: none; } .widget_search:after{ content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; } /* Calendar Widget /--------------------------------------------------------- */ #wp-calendar { width: 100% } #wp-calendar caption { padding: 0 10px; text-align: right; font-weight: 600; margin: -5px 0 5px 0; } #wp-calendar thead { font-size: 10px } #wp-calendar thead th { padding: 5px 10px; font-weight: 600; border-top: 1px solid #f9f9f9; } #wp-calendar tbody { color: #aaa } #wp-calendar tbody td { background: #f9f9f9; border: 1px solid #fff; text-align: center; padding: 5px 8px; } #wp-calendar tbody td:hover { background: #fff } #wp-calendar tbody .pad { background: none } #wp-calendar tfoot #next { font-size: 11px; font-weight: 600; text-transform: uppercase; text-align: right; padding-top: 5px; } #wp-calendar tfoot #prev { font-size: 11px; font-weight: 600; text-transform: uppercase; padding-top: 5px; } /* Tag Cloud Widget /--------------------------------------------------------- */ .widget_tag_cloud a, .widget_product_tag_cloud a { display: inline-block; font-size: 13px !important; border: 1px solid #efefef; border-radius: 30px; padding: 1px 20px; text-transform: uppercase; font-weight: 700; color: #999999; margin: 0 4px 10px 0; } .widget_tag_cloud a:hover, .widget_product_tag_cloud a:hover { background: #44bdbd; border-color: #44bdbd; color: #ffffff !important; } /* Sponsor Widget /--------------------------------------------------------- */ .widget_sponsor .sponsors { margin-right: -20px; } .widget_sponsor a { display: block; float: left; margin: 0 20px 20px 0; } .widget_sponsor a img { vertical-align: top; } /* Flickr Widget /--------------------------------------------------------- */ /*.widget_flickr a{ float: left; display: block; width: 33%; height: auto; }*/ .widget_flickr a:hover img{ opacity: 0.6; } .widget_flickr img{ width: 100%; height: auto; float: left; vertical-align: top; } /* Portfolio Widget /--------------------------------------------------------- */ .widget_portfolio .portfolio-widget-item { float: left; padding: 0; margin: 0 10px 10px 0; } .widget_portfolio .portfolio-widget-item:nth-child(3n) { margin: 0 0 10px 0; } .widget_portfolio .portfolio-widget-item .portfolio-pic { display: block; overflow: hidden; padding: 0; margin: 0; position: relative; border-radius:2px; } .widget_portfolio .portfolio-widget-item .portfolio-pic img { width: 100%; height: auto; display: block; } .widget_portfolio .portfolio-widget-item .portfolio-overlay{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #44bdbd; text-align: center; opacity: 0; } .widget_portfolio .portfolio-widget-item .portfolio-overlay i{ font-size: 24px; line-height: 80px; color: #ffffff; } /* Contact Widget /--------------------------------------------------------- */ .widget_contact address{ font-style: normal; } .widget_contact address span{ display: block; margin-bottom: 6px; } .widget_contact address strong{ display: none; } .widget_contact address span i{ display: inline-block; width: 24px; float: left; margin: 5px 0 0px 0; } .widget_contact .adress-overflow{ overflow: hidden; } /* Custom Menu Widget /--------------------------------------------------------- */ #sidebar .widget_nav_menu{ margin-left:-41px; } #sidebar .widget_nav_menu h3{ margin-left: 40px; margin-bottom: 20px; } #sidebar .widget_nav_menu ul { margin-top: 20px; } #sidebar .widget_nav_menu ul li{ border: none; padding: 0; } #sidebar .widget_nav_menu ul li a{ display: block; color: #999999; padding: 7px 0 7px 41px; } #sidebar .widget_nav_menu ul li a:hover{ color: #44bdbd; } #sidebar .widget_nav_menu ul li.current_page_item a{ font-weight: 600; color: #444444; margin: -1px 0; border:1px solid #efefef; border-left: 1px solid #ffffff; } #sidebar .widget_nav_menu ul li:after{ display: none; } /* For the left Side */ #sidebar.sidebar-left .widget_nav_menu{ margin-left: 0; margin-right: -41px; } #sidebar.sidebar-left .widget_nav_menu h3{ margin-left: 0px; } #sidebar.sidebar-left .widget_nav_menu ul li a{ text-align: right; padding: 7px 41px 7px 0; } #sidebar.sidebar-left .widget_nav_menu ul li.current_page_item a{ font-weight: 600; color: #444444; margin: -1px 0; border:1px solid #efefef; border-right: 1px solid #ffffff; } /* ------------------------------------------------------------------------ */ /* Footer Widgets /* ------------------------------------------------------------------------ */ #footer .widget{ margin-bottom: 40px; } #footer .widget h3 { font-size: 26px !important; font-weight: 600; margin:0 0 20px 0; color: #ffffff; } #footer .widget ul{ margin: -10px 0 0 0; } #footer .widget ul li{ border-bottom: 1px solid #666666; position: relative; padding: 10px 10px 10px 0; } #footer .widget ul li .post-date{ opacity: 0.7; } #footer .widget ul li a{ display: block; } #footer .widget ul li:after{ font-family: "FontAwesome"; content: "\f105"; position: absolute; top: 10px; right: 0; font-size: 14px; color: #999999; } #footer .widget ul li:hover:after{ color: #ffffff; } #footer .widget_search input, #footer .widget_product_search input[type=text]{ color: #aaaaaa; background-color: #444444; box-shadow:none; border: 1px solid #444444; } #footer .widget_search input:focus{ color: #ffffff } #footer #wp-calendar thead th{ border-top: 1px solid #666666 } #footer #wp-calendar tbody{ color: #aaa } #footer #wp-calendar tbody td{ background: #666666; border: 1px solid #555555; } #footer #wp-calendar tbody td:hover{ background: #777777; color: #ffffff; } #footer #wp-calendar tbody .pad{ background: none } #footer .widget_tag_cloud a, #footer .widget_product_tag_cloud a{ border: none; background: #444444; color: #aaaaaa; box-shadow:none; } #footer .widget_tag_cloud a:hover, #footer .widget_product_tag_cloud a:hover{ background: #44bdbd; border-color: #44bdbd; color: #ffffff !important; } #footer .widget_twitter ul li:last-child{ margin: 0 } /* ------------------------------------------------------------------------ */ /* Social Icons /* ------------------------------------------------------------------------ */ .social-icons ul{ list-style: none; margin: 0; padding: 0; } .social-icons ul li{ list-style: none; display: block; width: 40px; height: 40px; float: left; } .social-icons ul li a{ -webkit-transition:all 0.2s ease 0s; -moz-transition:all 0.2s ease 0s; -o-transition:all 0.2s ease 0s; transition:all 0.2s ease 0s; display:block; float: left; width:40px; height:40px; line-height: 40px; font-size: 21px; text-align: center; opacity: 0.6; } .social-icons a:hover{ opacity: 1; } /* ------------------------------------------------------------------------ */ /* Basic WordPress WYSIWYG Editor Styles /* ------------------------------------------------------------------------ */ .alignleft { display: block; float: left; margin-top:5px; margin-right:20px !important; margin-bottom:12px; } .alignright { float: right; margin-left:20px !important; margin-bottom:12px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 0px; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { color: #888888; margin: 10px 0 10px 0 !important; } img.wp-smiley, .rsswidget img { } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; } blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; } .size-full {} .size-large {} .size-medium {} .size-thumbnail {} /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* ------------------------------------------------------------------------ */ /* Plugin - Contact Form 7 /* ------------------------------------------------------------------------ */ .wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form input[type="tel"],.wpcf7-form input[type="date"]{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%!important;max-width:100%;margin:5px 0 0;background:#ffffff;} .wpcf7-form textarea{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;margin:5px 0 0;} .wpcf7-form select{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:5px 0 0;width:100%;} .wpcf7-form .customSelect{margin:5px 0 0;padding:8px 10px;} .wpcf7-form{margin:0;padding:0;} .wpcf7-form .wpcf7-submit{background:#999999;color:#ffffff;border:none;font-weight:700;} .wpcf7-form input[type="checkbox"]{width:auto;} .wpcf7 form.wpcf7-form p{position:relative;font-weight:600;margin:0 0 20px!important;} .wpcf7-list-item{display:inline-block;margin:0 5px 0 0!important;} .wpcf7-list-item-label{font-weight:bold;} .wpcf7-response-output{display:none;} .wpcf7-form .invalid{color:#bf1515!important;} .wpcf7-not-valid{ border-color: #bf1515 !important;} /*.wpcf7 span.wpcf7-not-valid-tip{color:rgba(0,0,0,0.6);;margin-top:-1px;background:rgba(0,0,0,0.05);padding:4px 10px;border-radius:0 0 2px 2px;}*/ .wpcf7 span.wpcf7-not-valid-tip, .wpcf7-validation-errors{ display: none !important; } div.wpcf7-response-output{margin:0!important;padding:5px 10px!important;} div.wpcf7-mail-sent-ok,div.wpcf7-mail-sent-ng,div.wpcf7-spam-blocked,div.wpcf7-validation-errors{position:relative;display:block;text-align:center;border-radius:2px;font-weight:700;padding:12px 40px 12px 20px!important;/*border:1px solid #edbbbb !important;*/border:none!important;background-color:#44bdbd;color:#ffffff;margin:0 0 30px!important;} div.wpcf7-mail-sent-ok{color:#ffffff;} .one-line-form .wpcf7-submit{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:100%;margin:5px 0 0!important;padding:15px 16px;font-weight:700;} .wpcf7-form .simpleselect{margin:5px 0 0!important;} .minimalistic_form input[type="text"], .minimalistic_form input[type="password"], .minimalistic_form input[type="email"], .minimalistic_form input[type="tel"], .minimalistic_form textarea{ -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; width:100%!important; max-width:100%; margin:0; padding: 10px 2px; font-size: 18px !important; line-height: 1; background-color: transparent !important; border-top: transparent; border-right: transparent; border-left: transparent; border-bottom-width: 1px; border-radius: 0; } .minimalistic_form .simpleselect .placeholder{ border:1px solid #ddd; border-radius:2px; background-color: transparent !important; border-top: transparent; border-right: transparent; border-left: transparent; padding:0px 2px 10px 2px !important; margin: 0; cursor:pointer; font-size: 18px !important; border-radius: 0; } /* ------------------------------------------------------------------------ */ /* EOF /* ------------------------------------------------------------------------ */