/* Theme Name: puravidalandscaping Theme URI: http://puravidalandscaping.ca/ Author: jrav Author URI: http://jrav.ca/ Description: Custom Theme for puravidalandscaping Version: 1.0 Tags: two-columns, flexible-width, custom-menu, featured-images Green: #527e52 */ @import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,800); @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700); @import url(http://fonts.googleapis.com/css?family=Lora:400,400italic); /* =General ----------------------------------------------- */ .row {width: 960px;} html {font-size: 100%;} body, div, dl, dt, dd, ul, ol, li, pre, form, p, blockquote, th, td {font-size: 1.0em;} body {background:url("images/bg-paper.jpg") repeat scroll top center #e4e4e4;color: #373737; /* font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; */ font-family:Lora,Georgia,"Times New Roman",Times,serif;} h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans Condensed','Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;font-weight:700;color: #505050;text-shadow: 1px 1px #fff;} p {font-family:Lora,Georgia,"Times New Roman",Times,serif; /* font-size: 1.2em; */ line-height: 1.62em;margin-bottom: 1.62em;} a {color: #006738; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear;} a:hover {color: #1ab36c;} hr {background: #eee;height: 3px;border: solid #d0d0d0;border-width: 0 0 1px;margin: 1.5em 0;clear: both;} hr.dark {background: #4a4a4a; border-bottom: 1px solid #2c2c2c; border-top: 1px solid #000; } img {display: block;border: 4px solid #dfdfdf;padding: 1.509%;} a img:hover {border: 4px solid #d5d5d5;} dl {line-height: 1.6;} dt {font-weight: bold;} dd {padding: 0 0px 15px 30px;} a.button {border: 1px solid #2b3f2b;color: #eee; background: #527e52; /* Old browsers */ background: -moz-linear-gradient(top, #527e52 0%, #446644 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#527e52), color-stop(100%,#446644)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #527e52 0%,#446644 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #527e52 0%,#446644 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #527e52 0%,#446644 100%); /* IE10+ */ background: linear-gradient(to bottom, #527e52 0%,#446644 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#527e52', endColorstr='#446644',GradientType=0 ); /* IE6-9 */ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; font-weight:normal; padding: 3px 12px 4px; margin-top: 12px; } a.button:hover {color: #e5e5e5; background-color: #3d593d; background-image: none;} .white-box {background: #fff;box-shadow: 0 1px 2px #a0a0a0;padding:20px 20px 5px 20px;} blockquote{font: italic 1.2em Georgia, times, serif;margin: 2em 0em 2em 6em; padding-left: 40px; 1quotes: “ “border-left: 4px solid #ececec;} blockquote:before{color: #ececec;content: '\201C';font-size: 8em;font-weight: bold;font-style: italic;line-height: 0px;margin: 0px 5px 0px -40px;vertical-align: bottom;text-shadow: 0 1px 1px #fff;} .hr {background: url("images/hr-line.png") repeat-x center right transparent;padding: 35px 0 10px;position: relative;clear: both;display: block;} .hr a {color: #888;font-size: 11px;text-transform:uppercase;} .scrollTop {background: url("images/arrow_up.png") no-repeat center left transparent ;float: right;display: block;padding: 0px 10px;outline: none;} li {margin-bottom: .4em;} ul li ul, ul li ol , ol li ul, ol li ol{margin-left: 30px;} .noborder {border: 0px solid #fff; background:none;} img,object,embed{max-width:100%;height:auto}object,embed{height:100%;} /* =Header ----------------------------------------------- */ .site-header {} #masthead {/* border-bottom: 1px solid #333; */ /* background:url("images/bg.png") repeat scroll top center #fff;*/ background-color: #527e52; border-bottom: 1px solid #5f935f; -moz-box-shadow: 0px 2px 5px #7c7c7c; -webkit-box-shadow: 0px 2px 5px #7c7c7c; box-shadow: 0px 2px 3px #7c7c7c; background: #2E2E2E; border-bottom: 1px solid #151515; } #masthead-light {} h2.site-description {font-size: 18px;} #logo img {border: 0px;box-shadow: none;margin-bottom: 0px;padding: 0.9em 0 0.9em;background:none;} .wide-shadow {z-index: 100;width: 100%;height: 44px;background: url('images/shadow2.png') transparent no-repeat center bottom;margin: 0 auto;position: relative; top:20px;} /* =Menu ----------------------------------------------- */ .main-navigation {clear: both;display: block;float: right;width: 100%;} .main-navigation ul {list-style: none;margin: 0;padding: 40px 0 0 0;text-transform: uppercase;float: right;} .main-navigation li {float: left;position: relative;padding: 0 15px;margin-bottom:0px;} .main-navigation a {display: block;text-decoration: none;color: #fff;font-size: 1.2em;font-weight: 900;font-family:'Open Sans Condensed','Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;} .main-navigation ul li a {margin: 5px;} .main-navigation ul li a:hover {color: #d6d6d6;} .main-navigation ul ul {-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);box-shadow: 0 3px 3px rgba(0,0,0,0.2);display: none;float: left;position: absolute;left: 0;z-index: 99999;background:url("images/bg-paper.jpg") repeat scroll top center #e4e4e4;} .main-navigation ul ul ul {left: 100%;top: 0;-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);box-shadow: 0 3px 3px rgba(0,0,0,0.2);} .main-navigation ul ul a {width: 200px;font-size: 1.0em;border-bottom: 1px solid #eee;color:#555;line-height:18px;} .main-navigation ul ul a:hover {color:#527e52;} .main-navigation ul ul li {} .main-navigation li:hover > a {} .main-navigation ul ul :hover > a {} .main-navigation ul ul a:hover {} .main-navigation ul li:hover > ul {display: block;padding: 0px;} .main-navigation li.current_page_item a,.main-navigation li.current-menu-item a {} ul.sub-menu {padding-top: 10px;} .current-menu-item > a, .current-menu-ancestor > a, .current_page_item > a,.current_page_ancestor > a {color: #71a371;} /* Small menu */ .menu-toggle {cursor: pointer;} .main-small-navigation .menu {display: none;} h1.menu-toggle {color: #fff;font-size: 20px;text-align:center;letter-spacing: 1px;text-shadow: 1px 1px #000;} .main-small-navigation {float:left;width: 100%;background:#111;border-bottom: 1px solid #333;margin: 0 0 20px 0;text-shadow: 1px 1px #000;} .main-small-navigation ul {list-style: none;margin: 0;padding-left: 0;line-height: 1px;} .main-small-navigation li {} .main-small-navigation a {display: block;text-decoration: none;color:#fff;font-weight:bold;padding:10px 15px;font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;} .main-small-navigation ul ul a {line-height: 22px;} .main-small-navigation ul ul li {margin-left: 20px;} .main-small-navigation li:hover > a {} .main-small-navigation ul ul :hover > a {} .main-small-navigation ul ul a:hover {} .main-small-navigation ul li:hover > ul {display: block;} .main-small-navigation li.current_page_item a, .main-small-navigation li.current-menu-item a {} .main-small-navigation ul ul {background:#1d1d1d;} /* =FrontPage ----------------------------------------------- */ #slide-area {overflow:hidden;} .slide-shadow {position: relative;z-index: 0;width: 100%;height: 67px;margin-bottom: 0px;background: url('images/shadow.png') transparent no-repeat 0% top;margin: 0 auto;top:-25px;} h1.tagline {text-align: center;margin: -30px 0 23px 0;color: #fff;font-size: 2.2em;font-weight: bold;} .home #content {} .fp-headline {text-align:center;padding-bottom: 3px;} .fp-headline h2 {font-family:Lora,Georgia,"Times New Roman",Times,serif;font-style: italic;letter-spacing: -1px;font-size: 30px;line-height: 44px;} .fp-headline p {margin: 0 80px;font-style: italic;} img.fp-feature{border: 0px solid #000 !important;margin-bottom: 5px;} p.fp-feature-text {font-style: normal;font-size: 14px;line-height: 1.6;} .widget-feature-widget h3.widget-title {margin-top: 20px;} .widget_feature_widget img {margin-bottom: 0px} #fp-4-features h3 {margin-bottom: 9px;text-align: center;} #fp-4-features p {text-align: center;} img.fp-feature-img {border: 0px solid #000 !important;background: none;margin-bottom: 5px;} /* =Content ----------------------------------------------- */ #main {padding-top: 30px;} #content {color: #333;margin-bottom: 40px;} .sticky {} .hentry {margin: 0 0 1.5em;} .entry-meta {clear: both;line-height: 11px;} .entry-meta a {} .entry-meta a:hover {} .entry-meta ul {} .time-author {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;font-size:12px; text-transform:uppercase;} .time-author li { padding: 8px 0 3px 5px !important;} .byline {} .single .byline,.group-blog .byline {display: inline;} .entry-content,.entry-summary {margin: 1.0em 0 0;} .page-links {clear: both;margin: 0 0 1.5em;} article, .related-posts {/* border: 1px solid #e1dab1;background: none 0px 0px repeat scroll #e6e0bd;padding: 15px; */} .blog-date, footer.entry-meta {font-size: 0.7em;text-transform: uppercase;color: #7e7e7e;} footer.entry-meta {padding-top: 10px;} h1.entry-title {margin-top: 12px;margin-bottom: 20px;} .content-area {padding-bottom: 30px;} .post img, .page img {display: block;margin-bottom: 20px;overflow: hidden;text-align: center;} .blog-time-wrapper{text-align:center;color: #aaa;font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;float:left;padding:10px 18px 0 0; border-right: 2px solid #ddd;margin-right:20px;} .blog-time-year{font-size: 16px} .blog-time-month{font-size: 20px; font-weight:bold;margin-bottom: 14px;text-transform:uppercase;} .blog-time-day{font-weight:bold; font-size: 34px; margin-bottom: 20px;} table{font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size: 12px;margin: 0px 0 15px 0;width:100%;border-collapse: collapse;text-align: left;background:none; border: 0px solid #ccc;} table thead, table tfoot {background: none;} table th {font-size: 14px;font-weight: normal;padding: 10px 8px;border-bottom: 2px solid #cacaca;} table td {border-bottom: 1px solid #cacaca; padding: 6px 8px;} table tbody tr:hover td {color: #000;} table tbody tr:nth-child(even) {background: #f0f0f0;} tbody .label {background:none;display:block; line-height: inherit;bottom: 0px;font-size: 14px;padding-top: 12px;} select {margin-bottom: 14px;} .assistive-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;} .child-thumb {margin-bottom: 10px;} .child-thumb p {text-align: center;font-size:20px;} /* =Asides ----------------------------------------------- */ .blog .format-aside .entry-title,.archive .format-aside .entry-title {display: none;} /* =Media ----------------------------------------------- */ img.alignright { float: right; margin: 0 0 18px 18px; } img.alignleft { float: left; margin: 0 18px 18px 0; } img.aligncenter { display: block; margin: 2px auto; } .site-header img,.entry-content img,.comment-content img,.widget img { max-width: 100%; } .site-header img,.entry-content img,img[class*="align"],img[class*="wp-image-"] {height: auto; } .site-header img,.entry-content img,img.size-full {max-width: 100%;width: auto; } .entry-content img.wp-smiley,.comment-content img.wp-smiley {border: none;margin-bottom: 0;margin-top: 0;padding: 0;} .wp-caption {border: 1px solid #EFECD6; max-width: 100%;} .wp-caption.aligncenter,.wp-caption.alignleft,.wp-caption.alignright {margin-bottom: 1.5em;} .wp-caption img {display: block; margin: 1.2% auto 0;max-width: 98%;} .wp-caption-text {text-align: center;} .wp-caption .wp-caption-text {margin: 0.8075em 0;} .site-content .gallery {margin-bottom: 1.5em;} .gallery-caption {} .site-content .gallery a img { border: none;height: auto;max-width: 90%;} .site-content .gallery dd {margin: 0;} .site-content .gallery-columns-4 .gallery-item {} .site-content .gallery-columns-4 .gallery-item img {} figure.figure {margin: 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block; } figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; } figure.alignright.figure { float: right; margin: 0 0 18px 18px; } figure.alignleft.figure { float: left; margin: 0 18px 18px 0; } img,object,embed{max-width:100%;height:auto} object,embed{height:100%;} /* =Navigation ----------------------------------------------- */ .site-content .site-navigation {margin: 0 0 1.5em;overflow: hidden;} .site-content .nav-previous {float: left;width: 50%;} .site-content .nav-next {float: right;text-align: right;width: 50%;} .pagination {clear:both;padding:20px 0;position:relative;font-size:11px;line-height:13px;} .pagination span, .pagination a {display:block;float:left;margin: 2px 2px 2px 0;padding:6px 9px 5px 9px;text-decoration:none;width:auto;color:#fff;background: #555;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;} .pagination a:hover{color:#fff;background: #4b8669;} .pagination .current{padding:6px 9px 5px 9px;background: #4b8669;color:#fff;} /* =Comments ----------------------------------------------- */ .bypostauthor {} ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; } ol.commentlist li { } ol.commentlist li.alt { } ol.commentlist li.bypostauthor {} ol.commentlist li.byuser {} ol.commentlist li.comment-author-admin {} ol.commentlist li.comment { } ol.commentlist li.comment div.comment-author {} ol.commentlist li.comment div.vcard { } ol.commentlist li.comment div.vcard cite.fn { font-style:normal; } ol.commentlist li.comment div.vcard cite.fn a.url {} ol.commentlist li.comment div.vcard img.avatar { } ol.commentlist li.comment div.vcard img.avatar-32 {} ol.commentlist li.comment div.vcard img.photo {} ol.commentlist li.comment div.vcard span.says {} ol.commentlist li.comment div.commentmetadata {} ol.commentlist li.comment div.comment-meta { font-size:0.786em; } ol.commentlist li.comment div.comment-meta a { color:#aaa; } ol.commentlist li.comment p { margin:0 0 1em; } ol.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; } ol.commentlist li.comment div.reply { font-size:11px; } ol.commentlist li.comment div.reply a { font-weight:bold; } ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; } ol.commentlist li.comment ul.children li {} ol.commentlist li.comment ul.children li.alt {} ol.commentlist li.comment ul.children li.bypostauthor {} ol.commentlist li.comment ul.children li.byuser {} ol.commentlist li.comment ul.children li.comment {} ol.commentlist li.comment ul.children li.comment-author-admin {} ol.commentlist li.comment ul.children li.depth-2 {padding-left: 30px; margin:0 0 .25em .25em; } ol.commentlist li.comment ul.children li.depth-3 {padding-left: 50px; margin:0 0 .25em .25em; } ol.commentlist li.comment ul.children li.depth-4 {padding-left: 70px; margin:0 0 .25em .25em; } ol.commentlist li.comment ul.children li.depth-5 {} ol.commentlist li.comment ul.children li.odd {} ol.commentlist li.even { } ol.commentlist li.odd { } ol.commentlist li.parent { border-left:5px solid #111; } ol.commentlist li.thread-alt { } ol.commentlist li.thread-even {} ol.commentlist li.thread-odd {} .pingback {background: none;border: 1px solid #eee;color: #666;margin: 0 1px 20px;padding: 4px 15px;padding: 1em;text-shadow: 0 1px 0 white;} .pingback p {margin-bottom: 0px;} .comment-content blockquote {border-left: 0.0em solid #a5a5a5;} .comment-meta hr {margin: 14px 0 10px 0;} img.avatar {border: 1px solid #d6d3c5;padding: 0px;float:left;margin-right: 20px;} /* ------------------------------------------------------- Adjust Foundation 3 Pagination Style for WordPress ---------------------------------------------------- */ ul.page-numbers { display: block; height: 24px; margin-left: -5px; } ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; } ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; } ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; } ul.page-numbers li.unavailable a { cursor: default; color: #999; } ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; } ul.page-numbers li span.current { background: #2ba6cb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; } /* =Footer ----------------------------------------------- */ #footer-container {background: #2e2e2e;border-top: 1px solid #151515;color: #8f949d;padding-top: 16px;} #footer-container a {color: #bbb;} #footer-container a:hover{color: #f2f2f2;} #footer-container h1, #footer-container h2, #footer-container h3, #footer-container h4, #footer-container h5 {color: #e5e5e5;font-family: 'Open Sans', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;} #footer-container h2 {border-bottom: 1px solid #353535;padding-bottom: 10px;margin-bottom: 6px;} #footer-container abbr, acronym {border-bottom: 1px solid #bbb; color: #bbb;} #footer-container .site-info {float:right;} #footer-container img {border: 0px solid #fff;background-color:transparent;} #colophon {padding-bottom: 30px;} #colophon p {font-size: 12px;} /* =Widgets ----------------------------------------------- */ .widget {margin: 0 0 1.5em;} #searchsubmit {display: none;} .widget ul li{display: block;border-top: 1px solid #fff;border-bottom: 1px solid #dadada;padding: 8px 0;margin-bottom: 0px;} .widget ul li a:hover{display: block;} .sidebar-social img {float:left;background:transparent;border:none;-webkit-box-shadow:none;box-shadow: none;padding: 0px 4px 4px 0;} .footer-widget ul li {border-bottom: 1px dotted #444;padding: 3px 0;} /* TWITTER */ .tweet .tweet_list, .query .tweet_list {list-style-type:none;margin:0;padding:0;} .tweet {padding-bottom: 15px;} .tweet .tweet_list li {padding-bottom: 15px;} .tweet .tweet_list li, .query .tweet_list li, .tweet .tweet_list li a:link, .tweet .tweet_list li a:visited {background:url("") no-repeat scroll 0 0 transparent;} .tweet_time, .tweet_join {font-size: 65%;} .tweet_avatar { display: none;} .tweet ul li a {padding:0 0 0 0;} /* = ----------------------------------------------- */ /* =Handheld ----------------------------------------------- */ @media handheld, only screen and (max-width: 767px) { .slide-shadow {display:none; } #logo {text-align: center;} #slide-area {padding-bottom: 15px;} h1.tagline {font-size: 1.6em;margin: 0px;} .fp-headline p {margin: 0 0px;} .wide-shadow {display:none;} #logo img {text-align:center;} .fp-headline h2 {font-size: 20px;letter-spacing: 0px;line-height:29px;} }