https://www.high-endrolex.com/28

/* * Main.less * Main Design for theme * This file contains information about the Structure of the theme. * * Index: * * • Pre Requisite/CSS * • Top Bar * • Top Menu * • Search Bar * • Social Icons * • Masthead a.k.a Header * • Slider * • Content * • Primary * • Secondary(if any) * • Footer * • Widget Area(if any) * • Colophon * • Other Responsive Codes (Responsive codes are present, below each section) */ /* ---------------Parametric Mixins ------------------------ */ /* --------------- Color Variables ------------------------- */ /* ---------------- Font Variables ------------------------- */ .site-title-font { font-family: 'Lato', Arial, sans-serif; } .body-font { font-family: "Lato", sans-serif; } /* ------------------- Pre Requisite/Reset ---------------- */ .container { margin: auto; } a:hover { text-decoration: none; } body { overflow-x: hidden; font-family: "Lato", sans-serif; color: #3a8cbb; background: #e2e2e1; } #content { background: #e2e2e1; clear: both; } a { color: #3a8cbb; transition: 0.4s all ease; } a:visited { color: #2193d3; } a:hover { color: #2193d3; } /* ----------------- Top Bar --------------------------- */ #top-bar { border-bottom: solid 1px #eee; margin-bottom: 0px; background: #ffffff; border-top: solid 4px #3a8cbb; } #top-bar .site-branding { float: left; display: inline-block; } #top-bar .site-branding .site-title { margin: 0; } #top-bar .site-branding .site-title a { font-size: 22px; display: inline-block; padding: 1px 4px 12px 0px; } #top-bar .top-right-search { float: right; padding-top: 8px; cursor: pointer; } #top-bar .top-navigation { padding-top: 17px; margin-left: 25px; display: inline-block; float: left; } #top-bar .top-navigation ul { margin-left: 0px; } #top-bar .top-navigation ul li { list-style: none; display: inline; } #top-bar .top-navigation ul li a { padding: 5px 10px; font-weight: light; text-transform: uppercase; color: #939393; font-size: 13px; } #top-bar .top-navigation ul li a:hover { color: #3a8cbb; } #top-bar .top-navigation ul ul { display: none; } @media screen and (max-width: 768px) { #top-bar .top-navigation { text-align: center; margin-bottom: 10px; margin-left: 0px; } } #top-bar #search-bar { position: relative; } #top-bar .search-form-top { float: left; padding-top: 7px; margin-right: 30px; position: absolute; right: -34px; top: -10px; } #top-bar .search-form-top input[type=text] { border-radius: 0px; padding: 10px; padding-right: 40px; outline: none; /* width: 240px; */ background: rgba(238, 238, 238, 0.95); box-shadow: -5px 0 15px #ffffff; border: none; font-weight: 300; transition: 0.4s ease; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -o-transition: 0.4s ease; -ms-transition: 0.4s ease; width: 0px; display: none; } #top-bar .search-form-top ::-webkit-input-placeholder { color: #509dc9; font-size: 14px; padding-top: 2px; font-weight: normal; } #top-bar .search-form-top ::-moz-input-placeholder { color: #509dc9; font-size: 14px; padding-top: 2px; font-weight: normal; } @media screen and (max-width: 991px) { #top-bar #social-icons, #top-bar .search-form-top { float: none; text-align: center; } #top-bar #social-icons a { float: none; text-align: center; } #top-bar .search-form-top { margin-right: 0px; } #top-bar .container .col-md-6 { text-align: center; } } /*------------------ Navigation -------------- */ #top-nav { background: #3a8cbb; margin-top: 0px; padding: 5px; } #top-nav #top-nav-wrapper { border: dashed 2px #2e6f94; } #top-nav #site-navigation { margin-bottom: 0px; text-align: center; font-size: 15px; font-weight: 400; padding-left: 0px; -webkit-backface-visibility: hidden; margin-top: 0px; /* border-right: dashed 2px darken(@accent,10%); border-left: dashed 2px darken(@accent,10%); */ } #top-nav #site-navigation a { color: #eee; padding: 10px 15px; font-family: "Lato", sans-serif; font-weight: 300; } #top-nav #site-navigation a:hover { color: #fff; } #top-nav #site-navigation a.dropdown:after { content: "\f107"; font-family: "FontAwesome"; display: inline; color: #3a3a3a; margin-left: 10px; font-size: 12px; } @media screen and (max-width: 600px) { #top-nav #site-navigation a.dropdown:after { content: none; display: none; } } #top-nav #site-navigation a.dropright:after { content: "\f105"; font-family: "FontAwesome"; display: inline; color: #3a3a3a; margin-left: 10px; margin-bottom: 1px; font-size: 12px; } #top-nav #site-navigation ul { margin-left: 0px; z-index: 99999; float: left; } #top-nav #site-navigation ul li { float: left; display: inline-block; } #top-nav #site-navigation ul > li:last-child a { padding-right: 0px; } #top-nav #site-navigation ul ul { background: #ffffff; border: solid 1px #eee; border-top: dashed 2px #2e6f94; box-shadow: none; top: 2.7em; padding: 15px 0; } #top-nav #site-navigation ul ul a { padding: 2px 5px; font-size: 14px; text-align: left; padding-left: 10px; color: #474747; font-weight: 300; } #top-nav #site-navigation ul ul a:hover { color: #3a8cbb; } #top-nav #site-navigation ul ul ul { border-top: solid 1px #eee; top: -10px; } @media screen and (max-width: 600px) { #top-nav h1.menu-toggle { font-family: 'Lato', Arial, sans-serif; font-size: 22px; font-weight: 300; text-transform: none; margin-bottom: 5px; margin-top: 5px; color: white; } #top-nav #site-navigation ul ul { display: none !important; } #top-nav #site-navigation ul { margin-left: 15%; } #top-nav #site-navigation ul li { display: block; width: 80%; } #top-nav #site-navigation ul li a { padding: 4px 8px; } } /*--------------------- Carousel Wrapper --------- */ #carousel-wrapper { padding-top: 15px; display: block; clear: both; padding-bottom: 5px; box-shadow: inset 0px 1px 1px #666; } #carousel-wrapper ul.owlcarousel { margin-left: 0; list-style: none; } #carousel-wrapper ul.owlcarousel li { margin-right: 10px; margin-left: 5px; position: relative; /* margin-left: 8px; */ box-shadow: 0 0 4px #aaa; } #carousel-wrapper ul.owlcarousel li .carousel-caption { background: #3a8cbb; padding: 3px 0px; font-size: 18px; position: absolute; text-shadow: none; font-weight: normal; bottom: 20px; max-width: 90%; left: 0px; right: auto; border-left: solid 4px #33363A; padding-right: 3px; } #carousel-wrapper ul.owlcarousel li .carousel-caption span { padding: 6px 10px; display: inline-block; border: dashed 1px #aacfe4; border-left: none; } #carousel-wrapper ul.owlcarousel li .carousel-long { font-size: 14px; } .owl-theme .owl-controls { width: 100%; position: absolute; top: 48px; } .owl-theme .owl-controls .owl-buttons { width: 100%; overflow: auto; display: block; position: relative; overflow: visible; display: none; } .owl-theme .owl-controls .owl-buttons .owl-prev { position: absolute; left: -55px; background: none; } .owl-theme .owl-controls .owl-buttons .owl-next { position: absolute; background: none; right: -50px; } /* -------------------- Slider -------------------*/ #slider-wrapper { clear: both; position: relative; margin-bottom: 20px; margin-top: 20px; z-index: 9999; } #slider-wrapper a.slideurl { display: block; width: inherit; height: inherit; pointer-events: all; } #slider-wrapper .slider-caption { position: absolute; pointer-events: none; left: 0px; right: 0px; bottom: 45px; padding: 7px 17px; padding-left: 20px; text-align: left; color: white; } #slider-wrapper .slider-caption .slider-caption-title { font-family: "Lato", sans-serif; font-size: 34px; text-shadow: 2px 2px 0px #3a3a3a, 0 0 7px #bababa; background: rgba(58, 140, 187, 0.2); padding: 10px 15px; padding-right: 30px; display: inline-block; clear: both; float: left; } #slider-wrapper .slider-caption .slider-caption-desc { font-family: "Lato", sans-serif; font-size: 16px; font-weight: bold; text-shadow: 1px 1px 4px #3a3a3a; background: rgba(0, 0, 0, 0.2); padding: 8px 10px; display: inline-block; clear: left; float: left; margin-bottom: 5px; } @media screen and (max-width: 767px) { #slider-wrapper .slider-caption { box-shadow: none; background: none; padding: 3px 8px; } #slider-wrapper .slider-caption .slider-caption-title { font-size: 14px; padding: 5px; } #slider-wrapper .slider-caption .slider-caption-desc { font-size: 11px; margin-bottom: 0; padding: 3px; } } #slider-wrapper a { color: #ffffff; } .bx-wrapper { box-shadow: none; } .bx-wrapper ul { margin-left: 0px; } .bx-wrapper img { min-width: 100%; } .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: 0px; } .bx-wrapper a.bx-prev { background: url(../images/arrows.png) 0 0; height: 46px; width: 24px; opacity: .8; transition-property: opacity; transition-delay: .5s; transition-timing-function: ease; } .bx-wrapper a.bx-prev:hover { background-position-y: 46px; opacity: 1; } .bx-wrapper a.bx-next { margin-right: 12px; background: url(../images/arrows.png) 24px 0; height: 46px; width: 24px; opacity: 0.8; transition-property: opacity; transition-delay: .5s; transition-timing-function: ease; } .bx-wrapper a.bx-next:hover { background-position: 24px 46px; opacity: 1; } @media screen and (max-width: 767px) { .bx-wrapper a.bx-next, .bx-wrapper a.bx-prev { display: none; } } .bx-wrapper .bx-pager.bx-default-pager a { width: 20px; border-radius: 0px; height: 8px; background: rgba(58, 140, 187, 0.6); text-indent: 9999px; } .bx-wrapper .bx-pager-item .active { background: rgba(9, 153, 236, 0.9) !important; } .bx-wrapper .bx-pager { text-align: right; position: absolute; top: 1px; right: 20px; height: 15px; } /* -------------------- Showcase ----------------- */ #showcase { padding: 20px 20px 50px 20px; max-width: 1300px; margin: 0 auto; display: block; list-style: none; margin-bottom: 20px; margin-top: 20px; overflow: hidden; } #showcase .showcase { display: inline-block; position: relative; perspective: 1700; -webkit-perspective: 1000; } #showcase .showcase figure { position: relative; transform-style: preserve-3d; } #showcase .showcase figure > div { overflow: hidden; } #showcase .showcase figure img { max-width: 100%; z-index: 10; transition: all 0.9s; -webkit-transition: all 0.9s; -moz-transition: all 0.9s; -o-transition: all 0.9s; -ms-transition: all 0.9s; -webkit-backface-visibility: hidden; transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); } #showcase .showcase figure .showcase-caption { display: block; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; padding: 5px 20px; background: rgba(58, 140, 187, 0.8); color: white; opacity: 0; transform-origin: bottom; -moz-transform-origin: bottom; -ms-transform-origin: bottom; -o-transform-origin: bottom; -webkit-transform-origin: bottom; transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); -o-transform: rotateX(-180deg); -ms-transform: rotateX(-180deg); transition: all 0.8s; -webkit-transition: all 0.8s; -moz-transition: all 0.8s; -o-transition: all 0.8s; -ms-transition: all 0.8s; -moz-transition: all 0.4s; } #showcase .showcase figure .showcase-caption .showcase-caption-title { font-family: 'Lato', Arial, sans-serif; font-size: 17px; } #showcase .showcase figure .showcase-caption .showcase-caption-desc { font-size: 12px; font-weight: lighter; } #showcase .showcase figure:hover .showcase-caption { opacity: 1.0; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); } #showcase .showcase figure:hover img { transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); -webkit-transform: scale(1.05); } @media screen and (max-width: 991px) and (min-width: 768px) { #showcase .showcase { padding: 2px; } } @media screen and (max-width: 767px) { #showcase { text-align: center; } #showcase .showcase { max-width: 80%; margin: 0 auto; margin-bottom: 50px; } } @media screen and (max-width: 550px) { #showcase .showcase { max-width: 100%; } } /* -------------------- Content ------------------ */ #content { margin-bottom: 20px; background: none; } #content .content-inner { padding-top: 20px; border-top: solid 4px #EEEEEE; padding-left: 0px; padding-right: 0px; } .page-header { margin-top: -20px; } #home-title { font-family: 'Lato', Arial, sans-serif; display: inline-block; text-align: left; width: 102%; margin-bottom: 20px; margin-left: -10px; padding: 5px 0; background: #3a8cbb; } #home-title span { font-size: 16px; margin-top: 0px; padding: 3px 10px; font-family: 'Lato', Arial, sans-serif; text-transform: none; font-weight: 300; color: white; display: block; border-top: dashed 2px #2e6f94; border-bottom: dashed 2px #2e6f94; } @media screen and (max-width: 767px) { #home-title { margin: 10px auto; display: block; width: 100%; } } #primary { background: white; padding: 10px 20px; border: solid 1px #ddd; padding-top: 6px; } #primary article .after-thumb { overflow: auto; margin-top: -20px; } #primary article .after-thumb .entry-title a { font-size: 22px; color: #3a8cbb; } #primary article .after-thumb .entry-title a:hover { color: #2193d3; } #primary article .after-thumb h1.entry-title { margin-top: 4px; margin-bottom: 0px; font-family: 'Lato', Arial, sans-serif; } #primary .entry-content { margin-top: 0.3em; border-bottom: solid 1px #eee; margin-bottom: 10px; padding-bottom: 10px; } #primary article.grid4 { padding: 7px; -webkit-backface-visibility: hidden; } #primary article.grid4 .featured-thumb { padding: 0; overflow: hidden; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -o-transition: 0.5s all ease; -ms-transition: 0.5s all ease; } #primary article.grid4 .featured-thumb img { -webkit-backface-visibility: hidden; transition: 0.6s all ease; -webkit-transition: 0.6s all ease; -moz-transition: 0.6s all ease; -o-transition: 0.6s all ease; -ms-transition: 0.6s all ease; z-index: 0; width: 100%; } #primary article.grid4 .featured-thumb:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); } @media screen and (max-width: 991px) { #primary article.grid4 .featured-thumb { margin: 10px; } } #primary article.grid4 .out-thumb { padding: 10px 0px; } @media screen and (max-width: 991px) { #primary article.grid4 .out-thumb { padding: 10px 10px; } } #primary article.grid4 .out-thumb h1.entry-title { margin: 0 0 5px 0px; font-size: 26px; } #primary article.grid4 .out-thumb h1.entry-title a { color: #3a3a3a; font-weight: 300; } #primary article.grid4 .out-thumb h1.entry-title a:hover { color: #3a8cbb; } #primary article.grid4 .out-thumb .entry-meta { color: #bbbbbb; display: inline-block; } #primary article.grid4 .out-thumb .entry-meta a { text-transform: uppercase; color: #3a8cbb; } #primary article.grid4 .out-thumb .entry-meta a:hover { color: #bbbbbb; } #primary article.grid4 .out-thumb .entry-meta i.fa { margin-left: 8px; } #primary article.grid4 .out-thumb .meta-date { color: #bbbbbb; margin-left: 5px; display: inline-block; text-transform: uppercase; } #primary article.grid4 .out-thumb div.meta { margin-bottom: 6px; color: #3a8cbb; font-size: 12px; margin-top: -3px; font-weight: 300; } #primary article.grid4 .out-thumb div.meta a:hover { color: #3a8cbb; } #primary article.grid4 .out-thumb .entry-excerpt { display: block; clear: both; color: #878787; font-size: 14px; font-weight: 300; line-height: 1.6em; } #primary article.grid4 .out-thumb .readmore { font-family: 'Lato', Arial, sans-serif; font-size: 13px; margin-top: 10px; } #primary article.grid4 .out-thumb .readmore:hover a { color: #070707; } @media screen and (max-width: 991px) and (min-width: 768px) { #primary article.grid4:nth-child(odd) { clear: both; } } @media screen and (max-width: 767px) { #primary article.grid4 { width: 65%; margin: 10px auto; margin-bottom: 25px; } } @media screen and (max-width: 450px) { #primary article.grid4 { width: 100%; } } .header-title { padding: 10px 15px 10px 10px; display: block; background: #f7f7f7; margin-top: 5px; margin-bottom: 20px; text-align: center; font-size: 39px; color: #545454; font-weight: lighter; font-family: 'Lato', Arial, sans-serif; } @media screen and (max-width: 1199px) { .header-title { margin-right: 15px; } } #primary-mono { background: white; padding: 10px 20px; border: solid 1px #ddd; } #primary-mono #main { margin-top: 10px; } #primary-mono .single-featured-image { position: relative; } #primary-mono h1.entry-title { font-family: 'Lato', Arial, sans-serif; font-weight: 100; color: #3a3a3a; font-size: 32px; padding: 15px 0px 5px 0px; margin-top: 0px; } #primary-mono h1.image-entry-title { font-family: 'Lato', Arial, sans-serif; font-weight: 100; color: white; text-shadow: 1px 0 2px #3a3a3a; font-size: 32px; padding: 10px; margin-top: 0px; position: absolute; bottom: 0; left: 2.5%; font-weight: 300; background: rgba(58, 140, 187, 0.5); display: inline-block; max-width: 95%; } #primary-mono .entry-meta { font-size: 13px; border-bottom: solid 1px #e0e0e0; border-top: solid 1px #e0e0e0; padding: 7px 10px; font-weight: lighter; color: #a0a0a0; } #primary-mono .entry-meta a { color: #a0a0a0; } #primary-mono .entry-meta a:hover { color: #3a8cbb; } #primary-mono .entry-meta i.fa-user { margin-left: 15px; } #primary-mono .entry-meta i.fa { margin-right: 4px; } #primary-mono .entry-meta .byline { float: right; } #primary-mono .entry-content { color: #686868; line-height: 1.7em; padding: 2px; } #primary-mono .entry-content a:hover { color: #070707; } #primary-mono .footer-meta { margin-top: 25px; border-bottom: solid 1px #e0e0e0; border-top: solid 1px #e0e0e0; padding: 7px 10px; font-weight: lighter; color: #a0a0a0; } #primary-mono .footer-meta a { color: #a0a0a0; } #primary-mono .footer-meta a:hover { color: #3a8cbb; } #primary-mono .footer-meta i.fa { margin-left: 15px; } #primary-mono .footer-meta i:first-child { margin-left: 0px; } #primary-mono .edit-link { float: right; } #primary-mono code { background: #eee; color: black; font-weight: bold; font-family: 'Lato', Arial, sans-serif; } #primary-mono article.page { margin-top: -10px; } #primary-mono article.page h1.entry-title { padding-top: 0px; } #secondary, #secondary-2 { margin-top: -20px; padding: 6px 0 0 10px; background: #ffffff; font-size: 13px; } #secondary .widget, #secondary-2 .widget { color: #3a3a3a; } #secondary .widget > ul, #secondary-2 .widget > ul { margin-left: 10px; } #secondary .widget > ul li, #secondary-2 .widget > ul li { list-style: none; padding-bottom: 2px; padding-top: 2px; } #secondary .widget > ul li:last-child, #secondary-2 .widget > ul li:last-child { border-bottom: none; } #secondary .widget > ul li:before, #secondary-2 .widget > ul li:before { content: "\f105"; display: inline; float: left; font-family: "FontAwesome"; margin-right: 6px; } #secondary h1.widget-title, #secondary-2 h1.widget-title { padding: 5px 0; background: #3a8cbb; } #secondary h1.widget-title span, #secondary-2 h1.widget-title span { font-size: 18px; padding: 10px; margin-top: 0px; font-family: 'Lato', Arial, sans-serif; text-align: right; text-transform: none; font-weight: 300; color: white; display: block; border-top: dashed 2px #2e6f94; border-bottom: dashed 2px #2e6f94; } #secondary a, #secondary-2 a { color: #686868; font-weight: 300; } #secondary a:hover, #secondary-2 a:hover { color: #3a8cbb; } #secondary ul, #secondary-2 ul { margin-left: 20px; } #secondary ul ul, #secondary-2 ul ul { margin-left: 5px; } #secondary .widget_search label, #secondary-2 .widget_search label { width: 95%; margin-top: 5px; } #secondary .widget_search label input[type=search], #secondary-2 .widget_search label input[type=search] { width: 100%; border-radius: 0; } #secondary { padding-top: 0px; margin-top: 10px; background: #fcfcfc; box-shadow: 1px 1px 3px #aaa; } #secondary h1.widget-title { padding-left: 0px; margin-right: -9px; margin-left: -10px; padding-right: 5px; box-shadow: 1px 1px 2px #aaa; } #secondary h1.widget-title span { border-right: dashed 2px #2e6f94; text-align: left; } #secondary h1.widget-title:first-child { margin-top: 0px; } #secondary .widget > div { padding: 8px; } #secondary #social-icons { overflow: visible; } #secondary .social-icons { text-align: center; padding-left: 0px !important; } #secondary .social-icons img { width: 44px; height: 44px; transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; -o-transition: 0.3s all ease; -ms-transition: 0.3s all ease; } #secondary .social-icons img:hover { transform: scale(1.1); } #secondary-2 { padding: 6px 10px 0 0; background: #fcfcfc; padding-top: 0px; margin-top: 10px; padding-left: 0px; box-shadow: 0 1px 2px #aaa; /* .widget_tag_cloud { a { background: #333; border: dotted 1px #eee; color: #eee; padding: 5px; font-size: 15px; display: inline-block; margin: 2px; } } */ } #secondary-2 h1.widget-title { background: #33363A; margin-right: -10px; margin-left: -9px; padding-left: 5px; box-shadow: -1px 1px 2px #aaaaaa; } #secondary-2 h1.widget-title span { border-left: dashed 2px; border-color: #969ca3; color: #eee; text-align: left; } #secondary-2 h1.widget-title:first-child { margin-top: 0px; } #secondary-2 .widget_search label { margin-left: 5%; } #secondary-2 .widget > ul, #secondary-2 .widget > div { padding: 8px; } article table { border: solid 1px #eee; } article table tr:nth-child(even) { background: #ffffff; } article table th { background: black; color: white; padding: 5px 10px; } article table td { padding: 5px 10px; } article h1, article h2, article h3 { font-family: 'Lato', Arial, sans-serif; } /* --------------- archives -------------- */ .archive section#primary h1.page-title { border-bottom: solid 2px #3a8cbb; margin-bottom: 20px; margin-top: 11px; } .archive section#primary h1.page-title span { background: url(../images/pattern2.png); padding: 10px 15px; display: inline-block; font-family: 'Lato', Arial, sans-serif; font-size: 15px; text-transform: uppercase; font-weight: normal; } .archive section#primary .page-header { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; } /* --------------- pagination ------------ */ .pagination { margin: 20px 0; padding-top: 25px; text-align: center; width: 100%; clear: both; } .pagination ul { list-style: none; display: inline-block; text-align: center; margin-bottom: 0; margin-left: 0px; } .pagination ul > li { display: inline; } .pagination ul > li > a { color: #3989b7; transition: all 0.4s ease; } .pagination ul > li > a:hover { color: #2193d3; background: #f2f2f2; } .pagination .current { background: #f2f2f2; } .pagination ul > li > a, .pagination ul > li > span { float: left; padding: 4px 12px; line-height: 20px; text-decoration: none; margin-right: 5px; background-color: #fcfcfc; border: 1px solid #f2f2f2; display: inline-block; color: #3a3a3a; } .pagination ul > li > a:hover, .pagination ul > li > span:hover { background: none; } /* .pagination ul &>li:first-child &>a, .pagination ul &>li:first-child &>span { border-left-width: 1px; } .pagination ul &>li:last-child &>a, .pagination ul &>li:last-child &>span { border-rigth-width: 1px; } */ /* --------------- comments -------------- */ #respond { color: #3a3a3a; font-weight: 300; } #respond input[type=text] { max-width: 450px; } #respond h3#reply-title { font-weight: 300; } #respond p label { width: 100px; } #respond p.comment-form-author, #respond p.comment-form-email, #respond p.comment-form-url, #respond p.comment-form-comment { background: #eee; padding: 10px; box-shadow: 0 2px 2px #ccc; } #respond p.comment-form-author label, #respond p.comment-form-email label, #respond p.comment-form-url label, #respond p.comment-form-comment label { background: #fff; padding: 5px; margin-right: 10px; } #respond p.comment-form-author input, #respond p.comment-form-email input, #respond p.comment-form-url input, #respond p.comment-form-comment input, #respond p.comment-form-author textarea, #respond p.comment-form-email textarea, #respond p.comment-form-url textarea, #respond p.comment-form-comment textarea { background: white; border: none; border-radius: 0px; outline: none; padding: 5px; font-weight: 300; } #respond p.comment-form-comment { margin-bottom: 20px; } #respond p.comment-form-comment label { margin-bottom: 15px; } #comments { margin-top: 55px; } #comments h2.comments-title { font-size: x-large; font-family: 'Lato', Arial, sans-serif; font-weight: 300; color: #3a3a3a; } #comments ol.comment-list { list-style: none; margin-left: 0px; } #comments li.comment { border: solid 1px #eee; padding: 10px; margin-top: 15px; list-style: none; background: #f9f9f9; } #comments li.comment .comment-content { color: #212121; } #comments li.comment a { font-weight: 300; } #comments li.trackback { background: #f9f9f9; padding: 10px; margin-top: 15px; margin-bottom: 15px; border: solid 1px #eee; font-weight: bold; } #comments li.trackback a { font-weight: normal; } #comments .vcard img { border: solid 4px #e6e6e6; border-radius: 5px; margin: 0 10px 10px 0; } #comments .comment-metadata { font-weight: 300; color: #3a3a3a; } #comments .comment-metadata a { color: #3a8cbb; } @media screen and (max-width: 480px) { li.comment { margin-left: -5%; } } /* -------------- footer widget area -------- */ #footer-blank { background: #3a8cbb; padding: 5px 0px; margin-top: 30px; box-shadow: inset 0 1px 4px #4a4a4a, inset 0 -1px 4px #4a4a4a; } #footer-blank span { display: block; width: 100%; height: 10px; border-top: dotted 2px #2e6f94; border-bottom: dotted 2px #2e6f94; } #footer-sidebar { padding-top: 20px; background: #fcfcfc; padding-bottom: 50px; color: #595959; font-weight: normal; } #footer-sidebar a { color: #373737; } #footer-sidebar a:hover { color: #3a8cbb; } #footer-sidebar h1.widget-title { font-weight: bold; text-transform: uppercase; font-family: 'Lato', Arial, sans-serif; font-size: 16px; margin-bottom: 20px; } #footer-sidebar h1.widget-title span { color: #3a3a3a; padding: 6px; display: inline-block; } #footer-sidebar .widget_recent_comments ul { margin-left: 5px; } #footer-sidebar .widget_recent_comments li:before { content: "\f075" !important; font-family: "FontAwesome"; margin-right: 6px; background: #3a8cbb; display: inline-block; color: #eee; border-radius: 50%; font-size: 10px; padding: 3px 5px; } #footer-sidebar .widget > ul { margin-left: 0px; } #footer-sidebar .widget > ul li { list-style: none; padding-bottom: 6px; padding-top: 6px; border-bottom: dotted #f2f2f2 1px; } #footer-sidebar .widget > ul li:before { content: "\f105"; font-family: "FontAwesome"; margin-right: 6px; } #footer-sidebar .widget_nav_menu ul.menu { margin-left: 0px; } #footer-sidebar .widget_nav_menu ul.menu > li:before { content: "\f054"; font-family: "FontAwesome"; margin-right: 6px; } #footer-sidebar .widget_nav_menu ul.menu > li ul { margin-left: 40px; } #footer-sidebar .widget_nav_menu ul.menu > li ul ul { margin-left: 20px; } #footer-sidebar .widget_recent_entries ul { margin-left: 5px; } #footer-sidebar .widget_recent_entries li:before { content: "\f0f6" !important; font-family: "FontAwesome"; margin-right: 6px; background: #3a8cbb; display: inline-block; color: #eee; border-radius: 50%; font-size: 10px; padding: 3px 5px; } /* --------------- colophon ---------------- */ #colophon { text-align: center; padding: 5px 0px; background: #2C2E33; padding-bottom: 4px; color: #eee; } #colophon .site-info { text-align: left; } #colophon .spanner { padding: 10px 0; padding-bottom: 4px; border-top: dashed 1px #aaa; border-bottom: dashed 1px #aaa; } #colophon a { color: #fff; font-weight: 300; } #colophon a:hover { color: #3a8cbb; } #colophon .footer-menu { text-align: right; } #colophon .footer-menu ul ul { display: none; } #colophon .footer-menu ul li { display: inline; padding-right: 10px; } @media screen and (max-width: 991px) { #colophon .site-info { text-align: center; margin: 20px; } #colophon .footer-menu { text-align: center; } } /*--------------- woocommerce -----------------*/ .woocommerce .woocommerce-breadcrumb, .woocommerce-page .woocommerce-breadcrumb { display: none; } .woocommerce #primary-mono #content, .woocommerce-page #primary-mono #content { background: white; } .woocommerce .button, .woocommerce-page .button { background: #3a8cbb !important; border: none !important; text-shadow: none !important; color: white !important; } .woocommerce .header-title, .woocommerce-page .header-title { margin-top: 30px; margin-bottom: 25px; } @media screen and (max-width: 1199px) { .woocommerce .header-title, .woocommerce-page .header-title { margin-right: 15px; } } @media screen and (max-width: 991px) { .woocommerce .header-title, .woocommerce-page .header-title { margin-bottom: 30px; } } .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before { padding-top: 0 !important; } .woocommerce p.woocommerce-result-count, .woocommerce-page p.woocommerce-result-count { font-style: italic; font-size: 12px; font-weight: lighter; color: #a0a0a0; } .woocommerce select.orderby, .woocommerce-page select.orderby { color: #3a3a3a; outline: none; } .woocommerce div.related h2, .woocommerce-page div.related h2, .woocommerce div.upsells h2, .woocommerce-page div.upsells h2 { font-size: 16px; font-weight: bold; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align: center; } .woocommerce ul.products li.product div.star-rating, .woocommerce-page ul.products li.product div.star-rating { margin: 1px auto 6px auto !important; } .woocommerce ul.products li.product a, .woocommerce-page ul.products li.product a, .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { color: #3a3a3a; font-weight: bold; font-size: 14px; } .woocommerce ul.products li.product img, .woocommerce-page ul.products li.product img { box-shadow: none !important; -webkit-box-shadow: none !important; } .woocommerce ul.products li.product .add_to_cart_button, .woocommerce-page ul.products li.product .add_to_cart_button { display: none; } .woocommerce ul.products li.product span.amount, .woocommerce-page ul.products li.product span.amount { color: #3a8cbb; font-weight: bold; } .woocommerce ul.products li.product span.onsale, .woocommerce-page ul.products li.product span.onsale { border-radius: 0px; background: rgba(58, 140, 187, 0.8); border-bottom: none; box-shadow: none; padding: 1px 12px; font-size: 14px; margin: 5px 5px 0 0; } .woocommerce #content div.product, .woocommerce-page #content div.product { color: #3a3a3a; } .woocommerce #content div.product div.star-rating, .woocommerce-page #content div.product div.star-rating { /* margin: 1px auto 6px auto !important; */ } .woocommerce #content div.product a.woocommerce-review-link, .woocommerce-page #content div.product a.woocommerce-review-link { color: #939393; font-size: small; font-weight: lighter; } .woocommerce #content div.product a, .woocommerce-page #content div.product a, .woocommerce #content div.product h3, .woocommerce-page #content div.product h3 { color: #3a3a3a; font-weight: bold; font-size: 14px; } .woocommerce #content div.product .entry-summary, .woocommerce-page #content div.product .entry-summary { color: #878787; line-height: 1.7em; } .woocommerce #content div.product img, .woocommerce-page #content div.product img { box-shadow: none !important; -webkit-box-shadow: none !important; } .woocommerce #content div.product .single_add_to_cart_button, .woocommerce-page #content div.product .single_add_to_cart_button { background: #3a8cbb; border: none; text-shadow: none; } .woocommerce #content div.product span.amount, .woocommerce-page #content div.product span.amount { color: #3a8cbb; font-weight: bold; font-size: 18px; } .woocommerce #content div.product del span.amount, .woocommerce-page #content div.product del span.amount { font-size: 13px; color: #878787; } .woocommerce #content div.product span.onsale, .woocommerce-page #content div.product span.onsale { border-radius: 0px; background: rgba(58, 140, 187, 0.8); border-bottom: none; box-shadow: none; padding: 1px 12px; font-size: 14px; margin: 5px 5px 0 0; } .woocommerce #content div.product h1.product_title, .woocommerce-page #content div.product h1.product_title { margin-top: 0px; font-weight: bold; margin-top: -20px; color: #3a3a3a; } .woocommerce #content div.product .product_meta, .woocommerce-page #content div.product .product_meta { padding: 6px 0px; border-top: solid 1px #d3d3d3; border-bottom: solid 1px #d3d3d3; font-weight: lighter; } .woocommerce #content div.product .product_meta a, .woocommerce-page #content div.product .product_meta a { color: #3a3a3a; font-weight: lighter; } .woocommerce #content div.product .woocommerce-tabs h2, .woocommerce-page #content div.product .woocommerce-tabs h2 { font-weight: bold; color: #3a3a3a; font-size: 14px; margin-top: -1px; } .woocommerce #content div.product .woocommerce-tabs div.entry-content, .woocommerce-page #content div.product .woocommerce-tabs div.entry-content { color: #878787; line-height: 1.7em; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { background: #e0e0e0; text-shadow: none; margin-right: 10px; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a { text-shadow: none; } .woocommerce #content div.product .woocommerce-tabs ul.tabs .active, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs .active { background: white; } .woocommerce .shop_table th, .woocommerce-page .shop_table th { background: #f4f4f4; color: #3a3a3a; font-weight: bold; } .woocommerce .shop_table .shipping th, .woocommerce-page .shop_table .shipping th, .woocommerce .shop_table .cart-subtotal th, .woocommerce-page .shop_table .cart-subtotal th, .woocommerce .shop_table .order-total th, .woocommerce-page .shop_table .order-total th { border-right: solid 1px #ddd; } .woocommerce .shop_table td, .woocommerce-page .shop_table td { font-weight: lighter; } .single_product div.entry-summary { color: #6d6d6d; } .woocommerce-cart .entry-content .woocommerce h2 { font-size: 18px; font-weight: bold; } .woocommerce-cart .entry-content .woocommerce .cart-collaterals th { background: #f4f4f4; color: #3a3a3a; border-right: solid 1px #ddd; border-bottom: solid 1px #ddd; } .woocommerce-cart .entry-content .woocommerce .cart-collaterals th, .woocommerce-cart .entry-content .woocommerce .cart-collaterals td { padding: 5px; } .woocommerce-cart .entry-content .woocommerce .cart-collaterals .order-total th { border-bottom: none; } .woocommerce-cart .entry-content .woocommerce .cart-collaterals td { padding-left: 12px; } .woocommerce-cart .entry-content .woocommerce .cart-collaterals .shipping_calculator h2 a { font-size: 14px; } #secondary .woocommerce ul.product_list_widget, #secondary-2 .woocommerce ul.product_list_widget, #footer-sidebar .woocommerce ul.product_list_widget, #secondary .woocommerce-page ul.product_list_widget, #secondary-2 .woocommerce-page ul.product_list_widget, #footer-sidebar .woocommerce-page ul.product_list_widget { margin-left: 4px; } #secondary .woocommerce ul.product_list_widget li:before, #secondary-2 .woocommerce ul.product_list_widget li:before, #footer-sidebar .woocommerce ul.product_list_widget li:before, #secondary .woocommerce-page ul.product_list_widget li:before, #secondary-2 .woocommerce-page ul.product_list_widget li:before, #footer-sidebar .woocommerce-page ul.product_list_widget li:before { content: none; } #secondary span.amount, #secondary-2 span.amount, #footer-sidebar span.amount { font-weight: bold; color: #212121; } #secondary del, #secondary-2 del, #footer-sidebar del { font-size: 10px; color: #474747; } .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img, .woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img { float: left; margin-right: 14px; width: 48px; height: auto; box-shadow: none; } /*--------------- responsive cheats ----------- */ @media screen and (max-width: 991px) { #secondary, #secondary-2 { padding: 0px; /* h1.widget-title { margin: 0; width: 100%; } */ } #secondary-2 { /* h1.widget-title { padding-right: 5px; span{ border-right: dashed 2px lighten(#33363A,40%);; } } */ } #secondary { /* h1.widget-title { padding-left: 5px; span{ border-left: dashed 2px darken(@accent,10%);; } } */ } #secondary h1.widget-title { margin-left: 0px; } #colophon ul.menu { margin-left: 0px; } .woocommerce .header-title, .woocommerce-page .header-title, .header-title { margin-right: 0; } } @media screen and (max-width: 767px) { .site-branding, .top-navigation { width: 100%; text-align: center; margin-left: 0; } .site-branding ul, .top-navigation ul { margin-left: 0px; } #top-bar .top-right-search { float: none; position: absolute; right: 15px; } } /* ----- Bug Fixes ----------*/ .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before, .woocommerce-page .woocommerce-message:before { padding-top: 0 !important; }