/*----------------------------------------------------------- Theme Name: Share Version: 1.0 Description: A premium WordPress theme by WPExplorer given to you for free by RetailTemplates@gmaill.com Author: (RetailTemplates) WPExplorer Author URI: RETAILTemplates@gmail.com Theme URI: RETAILTemplates@gmail.com License URI: RETAILTemplates@gmail.com /* Custom Google Fonts ================================================== */ @import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,400italic); @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,600,600italic&subset=latin,cyrillic-ext,latin-ext,cyrillic,greek-ext,greek,vietnamese); /* Reset ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block } body { line-height: 1 } ol, ul { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Commons ================================================== */ /*class to box in content*/ .outerbox{ width: 980px; margin: 0 auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*clear floats*/ .remove-margin { margin-right: 0 !important } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clear { clear: both } /*grids*/ .grid-container{position: relative; margin-right: -25px; } .grid-3, .grid-2, .grid-4{ display: block; float: left; margin-right: 20px; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .grid-2{ width: 480px; } .grid-3{ width: 310px; margin-right: 25px; margin-bottom: 25px; } .grid-4{ width: 230px; } /*container with white background and shadow*/ .container{ padding: 20px; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); } /*classes to remove margins*/ .no-right-margin{ margin-right: 0; } .no-btm-margin{ margin-bottom: 0; } /*floats*/ .float-left{ float: left; } .float-right{ float: right; } /*blockquote*/ blockquote{ border-left: double #ddd; font-size:18px; line-height: 1.5em; margin: 30px 25px; padding-left: 25px; font-family: 'Droid Serif', Georgia, Times New Roman, Times, serif; font-style: italic; color: #999; } blockquote p:last-child{ margin: 0 } /*preformatted text*/ pre {background: #fff url("images/pre-bg.png") repeat;margin: 20px 0px;padding: 25px 20px;line-height: 25px;border: 1px solid #ddd;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word } /*address*/ address{letter-spacing: 1px; margin: 20px 0 } /*wp*/ .sticky{} .gallery-caption{} .bypostauthor{} /* Body & Main ================================================== */ body { background: #fff; nowhitespace: afterproperty; font: 12px/1.8 'Open Sans', Helvetica, Arial, sans-serif; color: #444; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } body a { color: #773076 } /*main link color*/ body a:hover { text-decoration: none; color: #000 } /*main containers*/ #wrap { background: #eee url("images/main-bg.png") repeat; } #main-content{ padding: 30px 0; } #post { float: left; width: 720px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .entry{ font-size: 14px; } .entry ul{ list-style-image: url("images/bullets-gray.png"); margin-left: 16px; } .entry ul li{ padding-left: 4px; margin-bottom: 5px; } .entry p:last-child{ margin: 0 } /*set max img width*/ img{ max-width: 100%; } /* Typography ================================================== */ h1, h2, h3, h4, h5, h6 { font-weight: bold; } h1, h2, h3, h4, h5, h6 { color: #333 } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #333 } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #DD4B39 } h2, h3, h4, h5, h6 { margin: 30px 0 20px; font-weight: bold; } h1 { font-size: 24px; margin: 0 0 20px; } h2 { font-size: 18px } h3 { font-size: 16px } h4 { font-size: 14px } h5 { font-size: 12px } h6 { font-size: 11px } .subheader { color: #777 } p { margin: 0 0 20px } p img { margin: 0 } p.lead { font-size: 21px; line-height: 27px; color: #777; } em { font-style: italic } strong { font-weight: bold } small { font-size: 80% } hr { border: solid rgba(0, 0, 0, 0.2); border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; } p a, p a:visited { line-height: inherit } a:link { text-decoration: none } a:focus { outline: 0 } a { outline: 0 } p a, p a:visited { line-height: inherit } a:link { text-decoration: none } a:focus { outline: 0 } /* Lists ================================================== */ ul { list-style: none outside } ol { list-style: decimal } ol, ul.square, ul.circle, ul.disc { margin-left: 30px } ul.square { list-style: square outside } ul.circle { list-style: circle outside } ul.disc { list-style: disc outside } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px } /* Headings ================================================== */ /*page heading*/ #page-heading { position: relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid #ddd; } #page-heading h1, #page-heading h2 { font-size: 24px; line-height: 1.2em; margin: 0px; } #single-heading{ position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; } #single-heading h1 { font-size: 24px; line-height: 1.2em; margin: 0px; } #single-gallery-heading{ position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; } #single-gallery-heading h1 { font-size: 24px; line-height: 1.2em; margin: 0px; } .loop-entry header{ position: relative; margin-bottom: 20px; } .loop-entry header h1 { font-size: 21px; line-height: 1.2em; margin: 0px; } /* Header ================================================== */ #header-wrap{ background: #fff; border-bottom: 2px solid #772f74; padding: 0px 0; } #header { position: relative;} #header-image, #page-featured-img{ padding: 7px; margin-bottom: 30px; } #header-image img, #page-featured-img img{ display: block; width: 100%; } /*logo*/ #logo a { font-weight: 700; color: #333; padding: 0px; margin: 0px; text-decoration: none; display: inline-block; } #logo a:hover { color: #666 } #logo img { display: block; max-width: 100%; } #logo h1, #logo h2 { font-size: 32px; margin: 0 !important; line-height: 1em !important; } #logo p{ margin: 0; font-size: 12px; color: #aaa; } /* Main Navigation ================================================== */ #navigation { float: right; position: absolute; right: 185px; top: 50%; margin-top: -25px; height: 50px; } /*superfish core*/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0 } .sf-menu ul { position: absolute; top: -999em; width: 180px; } .sf-menu ul li { width: 100% } .sf-menu li:hover { visibility: inherit } .sf-menu li { float: left; position: relative; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; top: 50px; z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 180px; top: 1px; } #navigation .sf-menu > li:hover > ul, .sf-menu li.sfHover > ul { top: 50px; padding-top: 1px } #navigation ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 190px; top: -1px } #navigation .sf-menu { float: left; border-right: 1px solid rgba(255,255,255, 0.1); } #navigation .sf-menu a { display: block; position: relative; font-size: 20px; height: 50px; line-height: 50px; color: #999; padding: 0; text-decoration: none; font-weight: 600; } #navigation .sf-menu > li{ display: block; padding: 0 22px; } #navigation .sf-menu > li > a:after{ display: block; content: ""; position: absolute; right: -22px; top: 50%; margin-top: -5px; height: 10px; width: 1px; border-left: 1px dotted #aaa; } #navigation .sf-menu li { float: left; position: relative; } #navigation .sf-menu > li:first-child { border-left: none; } #navigation .sf-menu li:first-child > a, .sf-menu li:first-child > a:hover{ border-left: none; } #navigation .sf-menu > li > a:hover, #navigation .sf-menu > li.sfHover > a { color: #772f74; } #navigation .sf-menu > .current-menu-item > a{ color: #772f74; } /*drop-down styles*/ #navigation .sf-menu ul { background: #fff; position: absolute; nowhitespace: afterproperty; top: -999em; border: 1px solid #ddd; width: 190px; -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08); z-index: 9999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #navigation .sf-menu ul li:last-child { border-bottom: 0 } #navigation .sub-menu ul { padding-top: 0; z-index: 1 !important; } #navigation .sf-menu .sub-menu li.current_page_item > a { color: #222; } #navigation li.sfHover { color: #000 } #navigation .sf-menu ul a { padding: 1.4em 1.4em; font-weight: normal; } #navigation .sf-menu ul { text-shadow: none !important } #navigation .sf-menu ul ul:after { display: none } #navigation .sf-menu ul li { border-bottom: 1px solid #eee; } #navigation .sf-menu ul a { color: #888; padding: 17px 15px; height: auto; margin: 0px; border: 0px; line-height: 1em; font-size: 11px; } #navigation .sf-menu ul li > a:hover { color: #333; } #navigation .sf-menu ul li:last-child { border: none !important } #navigation .sub-menu li { border-left: none !important; border-right: none !important; } /* Homepage ================================================== */ /*home gallery*/ #home-gallery{ margin-bottom: -20px; overflow: hidden; } /*slider*/ #home-slider{ margin-bottom: 30px; padding: 7px; } #home-slider .flex-direction-nav .flex-next, #home-slider .flex-direction-nav .flex-prev { display: block; width: 30px; height: 50px; line-height: 50px; top: 50%; margin-top: -25px; position: absolute; bottom: 0; cursor: pointer; font-size: 13px; text-align: center; background: #fff; color: #666 !important; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: background 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); } #home-slider .flex-next { right: -37px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } #home-slider .flex-prev { left: -37px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } #home-slider .flex-direction-nav li a:hover{ color: #000 !important; width: 35px; } #home-slider .flex-next:hover { right: -42px; } #home-slider .flex-prev:hover{ left: -42px; } /* Slider ================================================== */ /*core*/ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block; } /*main*/ .flexslider-container { position: relative; } .flexslider { position: relative; zoom: 1; } .flexslider ul{ margin: 0; } .flexslider li.slide{ margin: 0; position: relative } /*control nav*/ .flex-control-nav { height: 8px; position: absolute; right: 25px; bottom: 25px; } .flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; } .flex-control-nav li:first-child { margin: 0 } .flex-control-nav li a { background: url("./images/bullets.png") no-repeat scroll -13px 0 transparent; cursor: pointer; display: block; height: 13px; text-indent: -9999px; width: 13px; } .flex-control-nav li a:hover { background-position: 0 0 } .flex-control-nav li a.flex-active { background-position: 0 0; cursor: default; } /*next/prev arrows*/ .flex-direction-nav .flex-next, .flex-direction-nav .flex-prev { display: block; width: 30px; height: 25px; line-height: 25px; position: absolute; bottom: 20px; cursor: pointer; font-size: 14px; text-align: center; background: #fff; color: #000 !important; opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; -webkit-transition: background 0.3s ease-in-out; -moz-transition: background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; -ms-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #post .flex-next { left: 52px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } #post .flex-prev { left: 20px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .flex-direction-nav li a:hover{ opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } /* slider caption */ .flex-caption { display: none; text-shadow: none; position: absolute; left: 25px; top: 25px; text-align: left; margin: 0; background: #fff; opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9; padding: 20px; font-size: 13px; color: #888; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; max-width: 300px; } .flex-caption h2{ font-size: 18px; margin: 0 0 10px; line-height: 1em; } .flex-caption .caption-description{ font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 1.5em; } /* Gallery ================================================== */ /*categories*/ #gallery-cats{ margin-bottom: 25px; padding-bottom: 15px; border-bottom: 2px solid #ddd; list-style: none; } #gallery-cats li{ display: block; float: left; margin-right: 10px; margin-bottom: 10px; } #gallery-cats li.browse{ font-family: 'Droid Serif', Georgia, "Times New Roman", Times, serif; font-style: italic; padding: 3px 0; } #gallery-cats li a{ color: #7f7f7f; font-weight: 600; display: block; background: #ddd; padding: 3px 10px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } #gallery-cats li a:hover{ color: #000; opacity: 0.8; -moz-opacity: 0.8; -webkit-opacity: 0.8; } #gallery-cats li.current-cat a{ color: #fff; background: #772f74; } #gallery-cats li.current-cat a:hover{ color: #fff; opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } #gallery-tax-author-pic{ height: 60px; width: 60px; float: left; margin-right: 20px; -webkit-border-radius: 99px;-moz-border-radius: 99px; border-radius: 99px; } /*main*/ #gallery-wrap { position: relative; overflow: hidden; margin-right: -25px; margin-bottom: -25px; } #gallery-description { margin-top: 10px; } #gallery-description p:last-child, .gallery-description p { margin: 0 } #gallery-wrap ul { margin: 0px; list-style: none; } /*gallery entry*/ .gallery-entry{position: relative; display: block; padding: 7px; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); } .gallery-entry a { display: block; text-decoration: none } .gallery-entry img { display: block; } .gallery-entry-description{ display: none; position: absolute; top: 0; left: 0; padding: 17px; height: 100%; width: 100%; background: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;} .gallery-entry-description{ opacity: 0.95; -moz-opacity: 0.95; -webkit-opacity: 0.95; } .gallery-entry-description h2 { line-height: 1.4em; font-size: 14px; font-weight: bold; margin: 0 0 5px; } .gallery-entry-description .gallery-entry-excerpt{ color: #999; font-size: 12px; line-height: 1.4em; } .gallery-entry-description p:last-child{ margin: 0 } .gallery-entry-date{ position: absolute; bottom: 14px; right: 14px; font-size: 10px; font-weight: 600; color: #777; } /*single gallery*/ #single-gallery-media { position: relative; margin: -20px -20px 25px; border-bottom: 5px solid #eee; } #gallery-slides-wrap{ margin-bottom: 5px } #single-gallery-media img{ display: block; width: 100%; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #single-gallery-info p:last-child{ margin: 0 } #single-gallery-left{ float: left; width: 170px; font-size: 11px; } #single-gallery-right{ float: right; width: 480px; } #gallery-meta{ margin-left: 0; list-style: none; color: #999; } #gallery-meta span{ color: #222; margin-right: 10px; } #gallery-meta li{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; } #gallery-meta a{ color: #999; } #gallery-meta a:hover{ color: #000; } #gallery-buttons { margin-top: 20px; } #gallery-buttons .button{ font-size: 13px; margin: 0 0 10px; width: 100%; } #gallery-buttons .button span.button-inner { padding: 1.1em 1.4em; line-height: 0.9em; } #gallery-buttons .button span.button-inner span{ margin-right: 10px; font-size: 14px; } #gallery-post-tags { margin-top: 25px; } #gallery-post-tags:before{ content:""; width: 15px; height: 1px; display: block; background: #ddd; margin-bottom: 15px; } #gallery-post-tags h3{ margin: 0 0 10px; font-size: 14px; } #gallery-post-tags a { display: block; float: left; padding: 4px 8px; background: #f5f5f5; color: #777; margin-right: 7px; margin-bottom: 7px; font-size: 11px; font-weight: 600; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #gallery-post-tags a:hover { background: #eee; color: #333; } /*single gallery slider*/ #gallery-slides-wrap { position: relative; width: 100% } /*related*/ #single-gallery-related{ padding-top: 25px; border-top: 2px solid #ddd; margin-top: 30px; margin-bottom: -20px; overflow: hidden; } #single-gallery-related h3{ margin: 0 0 20px; } /* Blog Posts & Blog Entries ================================================== */ /*entry*/ .entry-top { margin-bottom: 20px; } .entry-bottom { } .loop-entry { font-size: 14px; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eee } .loop-entry h2 { margin-bottom: 25px; font-size: 21px; line-height: 25px } .loop-entry h2 a{ color: #333; } .loop-entry h2 a:hover{ color: #DD4B39; } .loop-entry p:last-child{ margin: 0; } .loop-entry-img-link{ display: block; margin: -20px -20px 20px; } .loop-entry-img-link img{ display: block; width: 100%; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .loop-entry-img-link img:hover{ opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; } .loop-entry .read-more .button-inner{ font-weight: 600; } /*post-thumbnail*/ #post-thumbnail{display: block; margin: -20px -20px 20px; } #post-thumbnail img{ display: block; width: 100%; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; } #post-thumbnail img:hover{ opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; } /*tags*/ .post-tags { margin-top: 40px; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #eee;} .post-tags a { display: block; float: left; padding: 4px 8px; background: #f5f5f5; color: #666; margin-right: 5px; margin-bottom: 5px; font-size: 11px; font-weight: 600; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .post-tags a:hover { background: #eee; color: #333; } /*author bio*/ #single-author{ margin-top: 25px; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #eee; } #author-image{ float: left; width: 70px } #author-image img{ display: block; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; } #author-bio{ float: right; width: 600px } #author-bio h4{ font-size: 12px; margin: -3px 0 5px } /*related posts*/ #related-posts{ margin-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #eee; } #related-posts .alignleft{ margin: 4px 20px 0 0 } #related-posts h4{ font-size: 12px; margin: 0 0 10px; } #related-posts .related-entry{ margin-bottom: 20px; } #related-posts .related-entry:last-child{ margin: 0; padding: 0; border: none; } #related-posts .related-entry .read-more{ font-weight: bold; font-size: 11px; margin: 0; } .related-entry-img-link img { display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .related-entry-img-link img:hover{ opacity: 0.7; -moz-opacity: 0.7; -webkit-opacity: 0.7; } /* Meta ================================================== */ .meta { font-size: 11px; color: #666; margin: -5px 0 5px; } .meta a { color: #666 } .meta a:hover { color: #000 } .meta li { background: #f5f5f5; padding: 2px 7px; float: left; margin-right: 5px; margin-bottom: 5px; } .meta li span{ margin-right: 5px } #single-meta { margin: 15px 0 0; } #single-meta li{ float: left; clear: none; margin-right: 5px; margin-bottom: 5px } #single-meta li span{ margin-right: 5px } /* Pagination ================================================== */ .page-pagination { margin: 20px 0 0 } .page-of-page{ float: left } .page-of-page span.inner{ padding: 0 7px } .page-of-page, .page-pagination a, .page-pagination span.outer { font-size: 11px; line-height: 24px; height: 24px; text-align: center; margin-right: 5px; margin-bottom: 5px; display: block; float: left; color: #666; border: 1px solid #ddd; background: #f9f9f9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .page-pagination a, .page-pagination span.outer { width: 24px } .page-pagination a:hover{ background: #f5f5f5; } .page-pagination span.current { text-decoration: none; color: #333; border-color: #ccc; background: #f5f5f5; box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); } .page-pagination span.current > span.inner{ border-color: #666 } #gallery-template .page-pagination{ margin-top: 30px; } /* Single Nav ================================================== */ #single-nav { margin-top: 25px; } #single-nav-left, #single-nav-right { float: left; max-width: 48%; } #single-nav-right{ float: right; } #single-nav a { font-size: 12px; font-weight: 600; display: block; padding: 5px 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align: center; color: #666; text-shadow: none; background: #f5f5f5; } #single-nav-left span{ margin-right: 10px; margin-top: 1px; } #single-nav-right span{ margin-left: 10px; margin-top: 1px; } #single-nav a:hover { color: #000; text-decoration: none; background: #eee; } #single-nav a:hover .inner{ border-top: none } /* Yoast Breadcrumbs ================================================== */ #breadcrumbs{ font-size: 11px; margin-top: -10px; padding-bottom: 15px; border-bottom: 2px solid #ddd; color: #777; } /* Sidebar ================================================== */ #sidebar { float: right; width: 220px; margin-top: 30px; color: #6f6f6f; line-height: 1.5em; } #sidebar a{ color: #777; } #sidebar a:hover{ color: #333; } #sidebar h4{ font-size: 14px; margin: 0 0 20px; padding-bottom: 10px; border-bottom: 2px solid #ddd; } .sidebar-box { margin-bottom: 30px } /* Widgets ================================================== */ /*main wp widgets*/ .widget_nav_menu li, .widget_recent_entries li, .widget_categories li, .widget_archive a, widget_meta li, .wpex-taxonomies-widget li, .tagcloud li, .wpex-recent-post-types-widget li, .wpex-tax-widget li{ margin-bottom: 3px; } /*footer menu*/ #footer .widget_nav_menu li{ margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; } #footer .widget_nav_menu ul ul{ margin-left: 15px; } #footer .widget_nav_menu ul ul li:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0; } #footer .widget_nav_menu ul ul li:first-child{ margin-top: 10px; padding-top: 10px; border-top: 1px solid #eee;} /*tagcloud*/ .tagcloud a { float: left; display: block; font-weight: normal; font-size: 11px !important; line-height: 1em !important; margin-bottom: 8px; margin-right: 8px; padding: 7px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #f0f0f0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tagcloud a:hover{ opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9; } #sidebar .tagcloud a, #footer .tagcloud a { color: #888; } #sidebar .tagcloud a:hover{ color: #000; } #footer .tagcloud a:hover { background: #222; color: #fff; } #sidebar .tagcloud a { background: #f5f5f5; } #sidebar .tagcloud a:hover{ background: #eee; } /*calendar*/ #wp-calendar{ font-size: 11px } #wp-calendar caption { background: #222; color: #fff; padding: 8px; text-align: center; font-weight: bold; -webkit-border-top-left-radius: 2px;-webkit-border-top-right-radius: 2px;-moz-border-radius-topleft: 2px;-moz-border-radius-topright: 2px;border-top-left-radius: 2px;border-top-right-radius: 2px; border-bottom: 1px solid #000 } #wp-calendar, #footer #wp-calendar tr { width: 100% } #wp-calendar th { text-align: center; border: 1px solid #ddd; border-top: none; padding: 5px 0; background: #f5f5f5 } #wp-calendar tbody td { background: #eee; padding: 4px 0; text-align: center; border: 1px solid #ddd } #wp-calendar tbody td:hover { background: #f5f5f5; color: #000 } #wp-calendar tbody a { display: block } #sidebar #wp-calendar a { color: #e73525 } #sidebar #wp-calendar a:hover { text-decoration: underline } #footer #wp-calendar caption { color: #fff } #wp-calendar tbody td { padding: 4px 0; text-align: center; } #wp-calendar tbody td:hover { background: #fff; color: #000; } #wp-calendar tfoot td{ padding-top: 5px } /*flickr*/ .wpex-flickr-widget a{ float: left; display: block; margin-right: 7px; margin-bottom: 7px; } .wpex-flickr-widget img{ display: block; width: 45px; height: 45px; border: 5px solid #e6e6e6; opacity: 0.7; -webkit-transition: border 0.3s ease-in-out; -moz-transition: border 0.3s ease-in-out; -o-transition: border 0.3s ease-in-out; -ms-transition: border 0.3s ease-in-out; transition: border 0.3s ease-in-out; -webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; } .wpex-flickr-widget img:hover{ opacity: 1; -moz-opacity: 1; -webkit-opacity: 1; } #sidebar .wpex-flickr-widget img{ border-color: #fff; } /*video*/ .wpex-video-widget-description { margin-top: 10px; text-align: center } .wpex-video-widget-description p:last-child{ margin: 0; } /*recent gallery*/ .wpex-recent-gallery-widget{ position: relative; } .wpex-recent-gallery-widget .gallery-entry{ margin-bottom: 10px; } .wpex-recent-gallery-widget .flex-direction-nav li a.flex-next, .wpex-recent-gallery-widget .flex-direction-nav li a.flex-prev { position: absolute; display: block; width: 18px; height: 18px; line-height: 18px; position: absolute; top: -51px; cursor: pointer; font-size: 9px; text-align: center; background: #d5d5d5; color: #666 !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .wpex-recent-gallery-widget .flex-next { right: 0; } .wpex-recent-gallery-widget .flex-prev { right: 22px; } #sidebar .wpex-recent-gallery-widget .flex-direction-nav a:hover{ opacity: 1; background: #222; color: #fff !important } /*twitter*/ .wpex-tweets span.wpex-icon-twitter{ color: #00aced; margin-right: 5px; } .wpex-tweets li{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; } #sidebar .wpex-tweets li{ border-color: #ddd; } #sidebar .wpex-tweets a, #footer .wpex-tweets a{ color: #00aced; } #sidebar .wpex-tweets a:hover, #footer .wpex-tweets a:hover{ color: #097eaa; } .wpex-twitter-follow{ text-align: right; font-size: 11px; } /* Footer ================================================== */ /*footer main*/ #footer-wrap{ background: #fff; border-top: 2px solid #772f74; } #footer { color: #9f9f9f; position: relative; font-size: 12px; padding: 30px 0; margin-bottom: -25px; overflow: hidden; } #footer a { color: #999 } #footer a:hover { color: #222 } #footer ul { margin: 0 } /*footer widgets*/ .footer-widget h4{ color: #444; font-size: 14px; border-bottom: 1px solid #eee; padding-bottom: 5px; margin: 0 0 15px } /*footer bottom*/ #footer-bottom { position: relative; padding: 20px 0; font-size: 11px; border-top: 2px solid #eee; } #footer-bottom.no-border{ border-top: none; } #footer-bottom a { color: #999; } #footer-bottom a:hover { color: #000; } #copyright { font-size: 11px; } /*footer menu*/ #copyright{ float: left; } .footer-menu{ position: relative; float: left; text-align: left; margin-left: 10px; padding-left: 10px; } .footer-menu:before{ display: block; content: ""; height: 6px; width: 1px; position: absolute; left: 0; top: 50%; margin-top: -3px; background: #ccc; } .footer-menu li{ display: inline; margin: 0; font-weight: normal } .footer-menu a{ display: inline; font-size: 11px; display: inline; padding-right: 10px; margin-right: 5px; background: url("images/footer-menu-divider.png") no-repeat center right } .footer-menu li:last-child a{ margin: 0; padding: 0; background: none } /* Social ================================================== */ #social { position: absolute; right: 0; top: 50%; margin-top: -12px; list-style: none; } #social li { display: inline-block; margin-left: 7px; } #social a { height: 20px; display: block; float: left; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } #social a img { height: 16px; width: 16px; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out } #social a:hover img { display: block; -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0 } /* Search ================================================== */ /*main*/ input[type="search"] { background: url("./images/search.png") no-repeat scroll 96% center #fff; border: 1px solid #ddd; box-shadow: 0 0 3px rgba(0, 0, 0, 0.05); color: #666; font-family: 'Helvetica Neue',Helvetica,Arial; font-size: 11px; padding: 7px 16px 7px 7px; width: 100%; background 0.3s ease-in-out; -o-transition: background 0.3s ease-in-out; transition: background 0.3s ease-in-out; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; outline: none; } input[type="search"]::-webkit-search-decoration { display: none } input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none } /*top search*/ #top-search input[type=search]{ position: absolute; right: 0; top: 50%; margin-top: -15px; background: url("./images/search.png") no-repeat scroll 92% center #fff; border: 1px solid #d4d4d4 !important; font-size: 11px; padding: 0 10px; width: 170px; height: 30px; line-height: 30px; border: none; box-shadow: 0 0 3px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.07); border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #top-search input[type=search]:focus{background: url("./images/search.png") no-repeat scroll 92% center #fff; } /*entries*/ .search-entry{ margin-bottom: 25px; } .search-entry h2{ margin: -8px 0 5px; font-size: 16px; } .search-entry h2 span{ margin-left: 5px; color: #999; font-size: 11px; font-weight: 600; } .search-entry-img-link{ display: block; float: left; border: 5px solid #f5f5f5; } .search-entry-img-link img{ display: block; } .search-entry-text{ float: right; width: 540px; } /* Forms ================================================== */ /*inputs*/ input[type="text"], input[type="password"]{ height: 28px; line-height: 28px; } input[type="text"], input[type="password"], textarea { background: #fff; border: 1px solid #ddd; color: #666; display: block; font-size: 12px; margin-bottom: 8px; margin-left: 0; padding: 0 10px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-appearance: none; } textarea{ width: 100%; padding: 10px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; } input[type="text"], input[type="password"] { width: 200px } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { color: #000; box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.08); font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; } /*contact form 7*/ .wpcf7-form p{ font-size: 13px; } /* Form Submit Buttons ================================================== */ button, input[type="button"], input[type="submit"]{ display: block; padding: 0 12px; height: 35px; line-height: 35px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; border: 1px solid #ccc; font-size: 11px; cursor: pointer; font-family: inherit; color: #666; text-shadow: 1px 1px 1px #fff; font-weight: 600; background: #e5e5e5; background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd)); background: -moz-linear-gradient(top, #eee, #ddd) } button:hover, input[type="button"]:hover, input[type="submit"]:hover { box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); border-color:#c2c2c2; } button:active, input[type="button"]:active, input[type="submit"]:active { background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#eeeeee)); background: -moz-linear-gradient(top, #dddddd, #eeeeee) } /* Comments ================================================== */ #commentsbox{ margin-top: 30px; font-size: 13px; } .single-gallery #commentsbox{ padding-top: 30px; border-top: 1px solid #eee; } #comments h3{ margin: 0 0 25px; font-size: 16px; } .comment-details ul { margin: 0 } .comment-details ul li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 8px; padding-top: 8px; } .comment-details ul li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.1) } .commentlist { margin: 0 } .commentlist li { list-style: none; margin: 0; } .children li.depth-2 { margin: 0 0 0px 65px } .children li.depth-3 { margin: 0 0 0px 65px } .children li.depth-4 { margin: 0 0 0px 65px } .children li.depth-5 { margin: 0 0 0px 65px } .children li.depth-6 { margin: 0 0 0px 65px } .children li.depth-7 { margin: 0 0 0px 65px } .children li.depth-8 { margin: 0 0 0px 65px } .children li.depth-9 { margin: 0 0 0px 65px } .children li.depth-10 { margin: 0 0 0px 65px } .comment-body { margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #eee; } .comment-details{ position: relative; margin-left: 70px } .comment-avatar{ position: absolute; left: -70px; top:0 } .comment-avatar img{ display: block; -webkit-border-radius: 99px; -moz-border-radius: 99px; border-radius: 99px; } .comment-author { font-weight: bold } .comment-author .author a:link, .comment-author .author a:visited { color: #000; font-weight: bold } .comment-author .author a:hover { color: #999 } .comment-content{ margin-top: 5px } .comment-content p:last-child{ margin: 0; } .comment-date { font-size: 11px; font-weight: normal } .comment-date a { color: #888 } .comment-reply-link{ margin-top: 10px; } .comment-reply-link, #cancel-comment-reply-link { display: inline-block; font-size: 11px; font-weight: bold; } #cancel-comment-reply-link{ color: #C30; font-size: 12px } .comment-reply-link:hover, #cancel-comment-reply-link:hover { color: #000 } .commentlist .children { margin: 0 } #comments-title { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-top: 10px; padding-bottom: 10px; margin-top: 30px; background: #fbfbfb; text-align: center; color: #222 } #comments_wrap { margin-top: 15px } #comments-logged-in { margin-bottom: 30px; margin-top: 10px; font-size: 12px; } #log-out { float: right; margin-top: -56px; } #cancel-comment-reply { float: right; margin-top: 5px; } #submit { margin-bottom: 0; } #respond { margin-bottom: 25px; } h3#reply-title{ font-size: 16px; margin-bottom: 15px; } .children #commentform textarea { width: 95.6% } #commentform label { font-size: 12px; font-weight: 600; color: #999; display: block; float: left; height: 28px; line-height: 28px; width: 60px; text-align: left } #commentform input { margin-top: 0 !important } #commentform input#author, #commentform input#email, #commentform input#url { font-size: 13px; width: 40%; margin-top: 10px; } #commentform textarea { font-size: 13px; width: 100%; margin-top: 10px } /*WP JetPack*/ .comment-subscription-form { font-size: 12px; margin-top: 20px; margin-bottom: 0px; } .comment-subscription-form:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .comment-subscription-form input, .comment-subscription-form label { float: left; margin: 0px !important; margin-right: 5px !important; padding: 10px; } #comment-left { float: left; width: 160px; padding-right: 35px; } #comment-right { float: left; width: 445px; } /* Sitemap ================================================== */ .sitemap-container{ margin-bottom: -40px; overflow: hidden; } .sitemap-container ul { margin-bottom: 40px; margin-left: 0 } #sitemap-wrap h2 { font-size: 13px; margin: 0 0 5px; } .sitemap-container a:hover { color: #000; text-decoration: none; } /* 404 Page ================================================== */ #error-page{ margin: 150px 0 } #error-page-title { font-size: 32px; text-align: center; font-weight: bold; background: none; line-height: 1em; border: none; margin: 0 0 10px; color: #777 } #error-page-title span{ margin-right: 7px; } #error-page-text { text-align: center; font-size: 11px; } /* Shortcodes ================================================== */ /*alerts*/ .alert-gray, .alert-red, .alert-green, .alert-blue, .alert-yellow { font-size: 12px; color: #fff; font-weight: 600; padding: 15px; margin-bottom: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-width: 1px; border-style: solid; line-height: 18px; } .alert-gray { background-color: #f9f9f9; border-color: #eee; color: #777; } .alert-red { background-color: #fcdfde; border-color: #f9d4d3; color: #b87979; } .alert-red .alert-title{ color: #b87979 } .alert-green { background-color: #daf0da; border-color: #c4ebc4; color: #7c9d7c } .alert-green .alert-title{ color: #7c9d7c } .alert-blue { background-color: #dff5fb; border-color: #cbeef7; color: #7b9ea6 } .alert-blue .alert-title{ color: #7b9ea6 } .alert-yellow { background-color: #fff8de; border-color: #f4e6b4; color: #a8a186; } .alert-yellow .alert-title{ color: #a8a186 } .alert-title { font-size: 14px; margin: 0 0 5px } .alert-red p:last-child, .alert-green p:last-child, .alert-blue p:last-child, .alert-yellow p:last-child { margin: 0;} /*buttons*/ .button { margin-right: 10px; margin-bottom: 10px; -moz-transition: all 0.1s ease-in-out 0s; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; cursor: pointer; display: inline-block; white-space: nowrap; nowhitespace: afterproperty; line-height: 1em; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); outline: none; overflow: visible; border: 1px solid #ccc; background: #f0f0f0; background: -moz-linear-gradient(top, #f0f0f0 0%, #d9dade 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#d9dade)); background: -webkit-linear-gradient(top, #f0f0f0 0%,#d9dade 100%); background: -o-linear-gradient(top, #f0f0f0 0%,#d9dade 100%); background: -ms-linear-gradient(top, #f0f0f0 0%,#d9dade 100%); background: linear-gradient(to bottom, #f0f0f0 0%,#d9dade 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#d9dade',GradientType=0 ); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } .button span.button-inner { display: block; color: #fff; font-weight: 700; padding: 1em 1.4em; line-height: 0.8em; text-decoration: none; text-align: center; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .button:active { background: -moz-linear-gradient(center top,rgba(0,0,0,.25) 0%,rgba(255,255,255,.1) 100%); background: -webkit-gradient(linear,center bottom,center top,from(rgba(255,255,255,.1)),to(rgba(0,0,0,.25))); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000',EndColorStr='#19FFFFFF'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19000000',EndColorStr='#19FFFFFF')"; } .button:hover { opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9; } .button.black { background: #505050; background: -moz-linear-gradient(top, #505050 0%, #101010 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505050), color-stop(100%,#101010)); background: -webkit-linear-gradient(top, #505050 0%,#101010 100%); background: -o-linear-gradient(top, #505050 0%,#101010 100%); background: -ms-linear-gradient(top, #505050 0%,#101010 100%); background: linear-gradient(to bottom, #505050 0%,#101010 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505050', endColorstr='#101010',GradientType=0 ); border: 1px solid #101010; } .button.black:active { background: #101010; background: -moz-linear-gradient(top, #101010 0%, #505050 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#101010), color-stop(100%,#505050)); background: -webkit-linear-gradient(top, #101010 0%,#505050 100%); background: -o-linear-gradient(top, #101010 0%,#505050 100%); background: -ms-linear-gradient(top, #101010 0%,#505050 100%); background: linear-gradient(to bottom, #101010 0%,#505050 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#101010', endColorstr='#505050',GradientType=0 ); } .button.black span.button-inner { border-top: 1px solid #6e6e6e; } .button.gray { background: #aaaaaa; background: -moz-linear-gradient(top, #aaaaaa 0%, #7e7e7e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#7e7e7e)); background: -webkit-linear-gradient(top, #aaaaaa 0%,#7e7e7e 100%); background: -o-linear-gradient(top, #aaaaaa 0%,#7e7e7e 100%); background: -ms-linear-gradient(top, #aaaaaa 0%,#7e7e7e 100%); background: linear-gradient(to bottom, #aaaaaa 0%,#7e7e7e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#7e7e7e',GradientType=0 ); border: 1px solid #7e7e7e; } .button.gray:active { background: #7e7e7e; background: -moz-linear-gradient(top, #7e7e7e 0%, #aaaaaa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e7e7e), color-stop(100%,#aaaaaa)); background: -webkit-linear-gradient(top, #7e7e7e 0%,#aaaaaa 100%); background: -o-linear-gradient(top, #7e7e7e 0%,#aaaaaa 100%); background: -ms-linear-gradient(top, #7e7e7e 0%,#aaaaaa 100%); background: linear-gradient(to bottom, #7e7e7e 0%,#aaaaaa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#aaaaaa',GradientType=0 ); } .button.gray span.button-inner { border-top: 1px solid #c3c3c3; } .button.light-gray{ -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .button.light-gray span.button-inner { border-top: 1px solid #fff; color: #505050; text-shadow: 0 1px 0 rgba(255, 255, 255, 1.0); } .button.light-gray:active { background: #d9dade; background: -moz-linear-gradient(top, #d9dade 0%, #f0f0f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9dade), color-stop(100%,#f0f0f0)); background: -webkit-linear-gradient(top, #d9dade 0%,#f0f0f0 100%); background: -o-linear-gradient(top, #d9dade 0%,#f0f0f0 100%); background: -ms-linear-gradient(top, #d9dade 0%,#f0f0f0 100%); background: linear-gradient(to bottom, #d9dade 0%,#f0f0f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9dade', endColorstr='#f0f0f0',GradientType=0 ); } .button.red { background: #d01d10; background: -moz-linear-gradient(top, #f36d64 0%, #d01d10 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f36d64), color-stop(100%,#d01d10)); background: -webkit-linear-gradient(top, #f36d64 0%,#d01d10 100%); background: -o-linear-gradient(top, #f36d64 0%,#d01d10 100%); background: -ms-linear-gradient(top, #f36d64 0%,#d01d10 100%); background: linear-gradient(to bottom, #f36d64 0%,#d01d10 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f36d64', endColorstr='#d01d10',GradientType=0 ); border: 1px solid #d01d10; } .button.red span.button-inner{ border-top: 1px solid #f69a93; } .button.red:active { background: #d01d10; background: -moz-linear-gradient(top, #d01d10 0%, #f36d64 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d01d10), color-stop(100%,#f36d64)); background: -webkit-linear-gradient(top, #d01d10 0%,#f36d64 100%); background: -o-linear-gradient(top, #d01d10 0%,#f36d64 100%); background: -ms-linear-gradient(top, #d01d10 0%,#f36d64 100%); background: linear-gradient(to bottom, #d01d10 0%,#f36d64 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d01d10', endColorstr='#f36d64',GradientType=0 ); } .button.orange { background: #fa9e19; background: -moz-linear-gradient(top, #fa9e19 0%, #fb6909 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fa9e19), color-stop(100%,#fb6909)); background: -webkit-linear-gradient(top, #fa9e19 0%,#fb6909 100%); background: -o-linear-gradient(top, #fa9e19 0%,#fb6909 100%); background: -ms-linear-gradient(top, #fa9e19 0%,#fb6909 100%); background: linear-gradient(to bottom, #fa9e19 0%,#fb6909 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa9e19', endColorstr='#fb6909',GradientType=0 ); border: 1px solid #FB6909;} .button.orange span.button-inner{ border-top: 1px solid #fcc87d; } .button.orange:active { background: #fb6909; background: -moz-linear-gradient(top, #fb6909 0%, #fa9e19 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb6909), color-stop(100%,#fa9e19)); background: -webkit-linear-gradient(top, #fb6909 0%,#fa9e19 100%); background: -o-linear-gradient(top, #fb6909 0%,#fa9e19 100%); background: -ms-linear-gradient(top, #fb6909 0%,#fa9e19 100%); background: linear-gradient(to bottom, #fb6909 0%,#fa9e19 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb6909', endColorstr='#fa9e19',GradientType=0 ); } .button.blue { background: #1571f0; background: -moz-linear-gradient(top, #41a7fc 0%, #1571f0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#41a7fc), color-stop(100%,#1571f0)); background: -webkit-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -o-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: -ms-linear-gradient(top, #41a7fc 0%,#1571f0 100%); background: linear-gradient(to bottom, #41a7fc 0%,#1571f0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a7fc', endColorstr='#1571f0',GradientType=0 ); border: 1px solid #1a6dd7; } .button.blue span.button-inner{ border-top: 1px solid #84c6fd; } .button.blue:active { background: #1571f0; background: -moz-linear-gradient(top, #1571f0 0%, #41a7fc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1571f0), color-stop(100%,#41a7fc)); background: -webkit-linear-gradient(top, #1571f0 0%,#41a7fc 100%); background: -o-linear-gradient(top, #1571f0 0%,#41a7fc 100%); background: -ms-linear-gradient(top, #1571f0 0%,#41a7fc 100%); background: linear-gradient(to bottom, #1571f0 0%,#41a7fc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1571f0', endColorstr='#41a7fc',GradientType=0 ); } .button.rosy { background: #f295a2; background: -moz-linear-gradient(top, #ee7787 0%, #e84a5f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee7787), color-stop(100%,#e84a5f)); background: -webkit-linear-gradient(top, #ee7787 0%,#e84a5f 100%); background: -o-linear-gradient(top, #ee7787 0%,#e84a5f 100%); background: -ms-linear-gradient(top, #ee7787 0%,#e84a5f 100%); background: linear-gradient(to bottom, #ee7787 0%,#e84a5f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee7787', endColorstr='#e84a5f',GradientType=0 ); border: 1px solid #e84a5f; } .button.rosy:active { background: #e84a5f; background: -moz-linear-gradient(top, #e84a5f 0%, #ee7787 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e84a5f), color-stop(100%,#ee7787)); background: -webkit-linear-gradient(top, #e84a5f 0%,#ee7787 100%); background: -o-linear-gradient(top, #e84a5f 0%,#ee7787 100%); background: -ms-linear-gradient(top, #e84a5f 0%,#ee7787 100%); background: linear-gradient(to bottom, #e84a5f 0%,#ee7787 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e84a5f', endColorstr='#ee7787',GradientType=0 ); } .button.rosy span.button-inner { border-top: 1px solid #f3a4af; } .button.pink { background: #e3618d; background: -moz-linear-gradient(top, #e3618d 0%, #cb245c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3618d), color-stop(100%,#cb245c)); background: -webkit-linear-gradient(top, #e3618d 0%,#cb245c 100%); background: -o-linear-gradient(top, #e3618d 0%,#cb245c 100%); background: -ms-linear-gradient(top, #e3618d 0%,#cb245c 100%); background: linear-gradient(to bottom, #e3618d 0%,#cb245c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3618d', endColorstr='#cb245c',GradientType=0 ); border: 1px solid #cb245c; } .button.pink:active { background: #cb245c; background: -moz-linear-gradient(top, #cb245c 0%, #e3618d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb245c), color-stop(100%,#e3618d)); background: -webkit-linear-gradient(top, #cb245c 0%,#e3618d 100%); background: -o-linear-gradient(top, #cb245c 0%,#e3618d 100%); background: -ms-linear-gradient(top, #cb245c 0%,#e3618d 100%); background: linear-gradient(to bottom, #cb245c 0%,#e3618d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb245c', endColorstr='#e3618d',GradientType=0 ); } .button.pink span.button-inner { border-top: 1px solid #eb8cac; } .button.green { color: #fff; background: #88dd48; background: -moz-linear-gradient(top, #88dd48 0%, #5fb139 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88dd48), color-stop(100%,#5fb139)); background: -webkit-linear-gradient(top, #88dd48 0%,#5fb139 100%); background: -o-linear-gradient(top, #88dd48 0%,#5fb139 100%); background: -ms-linear-gradient(top, #88dd48 0%,#5fb139 100%); background: linear-gradient(to bottom, #88dd48 0%,#5fb139 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88dd48', endColorstr='#5fb139',GradientType=0 ); border-color: #60AE40; } .button.green span.button-inner{ border-top: 1px solid #b7ea90; } .button.green:active { background: #5fb139; background: -moz-linear-gradient(top, #5fb139 0%, #88dd48 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5fb139), color-stop(100%,#88dd48)); background: -webkit-linear-gradient(top, #5fb139 0%,#88dd48 100%); background: -o-linear-gradient(top, #5fb139 0%,#88dd48 100%); background: -ms-linear-gradient(top, #5fb139 0%,#88dd48 100%); background: linear-gradient(to bottom, #5fb139 0%,#88dd48 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fb139', endColorstr='#88dd48',GradientType=0 ); } .button.brown { background: #876565; background: -moz-linear-gradient(top, #876565 0%, #604848 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#876565), color-stop(100%,#604848)); background: -webkit-linear-gradient(top, #876565 0%,#604848 100%); background: -o-linear-gradient(top, #876565 0%,#604848 100%); background: -ms-linear-gradient(top, #876565 0%,#604848 100%); background: linear-gradient(to bottom, #876565 0%,#604848 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#876565', endColorstr='#604848',GradientType=0 ); border: 1px solid #604848; } .button.brown:active { background: #604848; background: -moz-linear-gradient(top, #604848 0%, #876565 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#604848), color-stop(100%,#876565)); background: -webkit-linear-gradient(top, #604848 0%,#876565 100%); background: -o-linear-gradient(top, #604848 0%,#876565 100%); background: -ms-linear-gradient(top, #604848 0%,#876565 100%); background: linear-gradient(to bottom, #604848 0%,#876565 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#604848', endColorstr='#876565',GradientType=0 ); } .button.brown span.button-inner { border-top: 1px solid #ae9393; } .button.purple { background: #524656; background: -moz-linear-gradient(top, #635569 0%, #372f3a 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#635569), color-stop(100%,#372f3a)); background: -webkit-linear-gradient(top, #635569 0%,#372f3a 100%); background: -o-linear-gradient(top, #635569 0%,#372f3a 100%); background: -ms-linear-gradient(top, #635569 0%,#372f3a 100%); background: linear-gradient(to bottom, #635569 0%,#372f3a 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#635569', endColorstr='#372f3a',GradientType=0 ); border: 1px solid #372f3a; } .button.purple:active { background: #372f3a; background: -moz-linear-gradient(top, #372f3a 0%, #635569 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#372f3a), color-stop(100%,#635569)); background: -webkit-linear-gradient(top, #372f3a 0%,#635569 100%); background: -o-linear-gradient(top, #372f3a 0%,#635569 100%); background: -ms-linear-gradient(top, #372f3a 0%,#635569 100%); background: linear-gradient(to bottom, #372f3a 0%,#635569 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#372f3a', endColorstr='#635569',GradientType=0 ); } .button.purple span.button-inner { border-top: 1px solid #7e6c85; } .button.gold { background: #ffc750; background: -moz-linear-gradient(top, #ffc750 0%, #faaa00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc750), color-stop(100%,#faaa00)); background: -webkit-linear-gradient(top, #ffc750 0%,#faaa00 100%); background: -o-linear-gradient(top, #ffc750 0%,#faaa00 100%); background: -ms-linear-gradient(top, #ffc750 0%,#faaa00 100%); background: linear-gradient(to bottom, #ffc750 0%,#faaa00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc750', endColorstr='#faaa00',GradientType=0 ); border: 1px solid #faaa00; } .button.gold:active { background: #faaa00; background: -moz-linear-gradient(top, #faaa00 0%, #ffc750 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faaa00), color-stop(100%,#ffc750)); background: -webkit-linear-gradient(top, #faaa00 0%,#ffc750 100%); background: -o-linear-gradient(top, #faaa00 0%,#ffc750 100%); background: -ms-linear-gradient(top, #faaa00 0%,#ffc750 100%); background: linear-gradient(to bottom, #faaa00 0%,#ffc750 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faaa00', endColorstr='#ffc750',GradientType=0 ); } .button.gold span.button-inner { color: #9C6533; text-shadow: 1px 1px 1px #ffe2a5; border-top: 1px solid #ffd783; } .button.teal { background: #3c9091; background: -moz-linear-gradient(top, #3c9091 0%, #286061 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c9091), color-stop(100%,#286061)); background: -webkit-linear-gradient(top, #3c9091 0%,#286061 100%); background: -o-linear-gradient(top, #3c9091 0%,#286061 100%); background: -ms-linear-gradient(top, #3c9091 0%,#286061 100%); background: linear-gradient(to bottom, #3c9091 0%,#286061 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c9091', endColorstr='#286061',GradientType=0 ); border: 1px solid #286061; } .button.teal:active { background: #286061; background: -moz-linear-gradient(top, #286061 0%, #3c9091 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#286061), color-stop(100%,#3c9091)); background: -webkit-linear-gradient(top, #286061 0%,#3c9091 100%); background: -o-linear-gradient(top, #286061 0%,#3c9091 100%); background: -ms-linear-gradient(top, #286061 0%,#3c9091 100%); background: linear-gradient(to bottom, #286061 0%,#3c9091 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#286061', endColorstr='#3c9091',GradientType=0 ); } .button.teal span.button-inner { border-top: 1px solid #63bdbf; } .button.navy { background: #2c76cf; background: -moz-linear-gradient(top, #2c76cf 0%, #1d4e89 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c76cf), color-stop(100%,#1d4e89)); background: -webkit-linear-gradient(top, #2c76cf 0%,#1d4e89 100%); background: -o-linear-gradient(top, #2c76cf 0%,#1d4e89 100%); background: -ms-linear-gradient(top, #2c76cf 0%,#1d4e89 100%); background: linear-gradient(to bottom, #2c76cf 0%,#1d4e89 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c76cf', endColorstr='#1d4e89',GradientType=0 ); border: 1px solid #1d4e89; } .button.navy:active { background: #1d4e89; background: -moz-linear-gradient(top, #1d4e89 0%, #2c76cf 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d4e89), color-stop(100%,#2c76cf)); background: -webkit-linear-gradient(top, #1d4e89 0%,#2c76cf 100%); background: -o-linear-gradient(top, #1d4e89 0%,#2c76cf 100%); background: -ms-linear-gradient(top, #1d4e89 0%,#2c76cf 100%); background: linear-gradient(to bottom, #1d4e89 0%,#2c76cf 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4e89', endColorstr='#2c76cf',GradientType=0 ); } .button.navy span.button-inner { border-top: 1px solid #619ade; } .button, .button.normal { font-size: 11px } .button.large { font-size: 13px } .button.giant { font-size: 16px } .entry .button, .entry .button.normal { font-size: 11px } .entry .button.large { font-size: 13px } .entry .button.giant { font-size: 16px } /*columns*/ .one-half, .two-columns { width: 48% } .one-third, .three-columns { width: 30.66% } .one-two-third { width: 65.33% } .one-fourth, .four-columns { width: 22% } .one-three-fourth { width: 74% } .one-fifth { width: 16.8% } .one-sixth { width: 13.33% } .two-columns, .three-columns, .four-columns, .one-two-third, .one-three-fourth, .one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth { position: relative; margin-right: 4%; float: left; } .column-last { margin-right: 0px } .column-first { margin-left: 0px } .column-last:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; } #main-content .one-full h1:first-child, #main-content .one-full h2:first-child, #main-content .one-full h3:first-child, #main-content .one-full h4:first-child, #main-content .one-full h5:first-child, #main-content .one-full h6:first-child, #main-content .one-half h1:first-child, #main-content .one-half h2:first-child, #main-content .one-half h3:first-child, #main-content .one-half h4:first-child, #main-content .one-half h5:first-child, #main-content .one-half h6:first-child, #main-content .one-third h1:first-child, #main-content .one-third h2:first-child, #main-content .one-third h3:first-child, #main-content .one-third h4:first-child, #main-content .one-third h5:first-child, #main-content .one-third h6:first-child, #main-content .one-fourth h1:first-child, #main-content .one-fourth h2:first-child, #main-content .one-fourth h3:first-child, #main-content .one-fourth h4:first-child, #main-content .one-fourth h5:first-child, #main-content .one-fourth h6:first-child, #main-content .one-fifth h1:first-child, #main-content .one-fifth h2:first-child, #main-content .one-fifth h3:first-child, #main-content .one-fifth h4:first-child, #main-content .one-fifth h5:first-child, #main-content .one-fifth h6:first-child, #main-content .one-sixth h1:first-child, #main-content .one-sixth h2:first-child, #main-content .one-sixth h3:first-child, #main-content .one-sixth h4:first-child, #main-content .one-sixth h5:first-child, #main-content .one-sixth h6:first-child, #main-content .one-two-third h3:first-child, #main-content .one-two-third h4:first-child, #main-content .one-ftwo-third h5:first-child, #main-content .one-two-third h6:first-child, #main-content .one-three-fourth h3:first-child, #main-content .one-three-fourth h4:first-child, #main-content .one-three-fourth h5:first-child, #main-content .one-three-fourth h6:first-child { margin-top: 0px } /* WordPress Styles ================================================== */ /*aligns*/ .aligncenter { display: block; margin: 0 auto; } .alignright { float: right; margin: 0 0 10px 20px; } .alignleft { float: left; margin: 0 20px 10px 0; } /*floats*/ .floatleft { float: left } .floatright { float: right } /*text style*/ .textcenter { text-align: center } .textright { text-align: right } .textleft { text-align: left } /*captions*/ .wp-caption { max-width: 100% !important } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; max-width: 100$; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } /*smiley reset*/ .wp-smiley { margin: 0 !important; max-height: 1em; } /*blockquote*/ 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; } /*img attachment*/ #img-attch-page { text-align: center; overflow: hidden; } #img-attch-page img { display: inline-block; margin: 0 auto; max-width: 100%; margin-bottom: 20px } /*gallery shortcode*/ .gallery-item img { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* This Template Was Brought To You By RETAILTemplates@gmail.com Please leave a thank you at http://scriptmafia.org/user/RETAILTemplates/ We purchased these themes with our own money. Also, If you like the template please purchase it here: http://themeforest.net/item/share-gallery-photos-freebies-wordpress-theme/2880032?sso?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=WPExplorer&ref=noref Thank you and of course - ENJOY! */