/* Theme Name: Solar Theme URI: http://progressionstudios.com/ Author: Progression Studios Author URI: http://themeforest.net/user/ProgressionStudios Description: ThemeForest Premium Theme Version: 1.9 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: right-sidebar, flexible-width, custom-menu, editor-style, featured-images, full-width-template, theme-options, translation-ready Text Domain: progression */ /* Table of Contents 01. HTML5 ✰ BOILERPLATE RESET FILE 02. COLORS AND FONTS A. BACKGROUND COLORS B. FONT COLORS C. FONT FAMILIES 03. PRIMARY STYLES A. DEFAULT STYLES B. CSS3 TRANSITIONS 04. MAIN CONTAINERS 05. FOOTER STYLES 06. BLOG STYLES 07. WIDGET STYLES 08. BUTTON STYLES 09. CONTACT STYLES 10. ROYAL SLIDER 11. GALLERY SLIDER 12. NAVIGATION A. ESSENTIAL STYLES B. DEMO SKIN C. DEMO SKIN HEADER SMALL 13. DEFAULT GRID 14. PRINT STYLE 15. SOCIAL ICONS 16. LIGHTBOX STYLES 17. SHORTCODES */ /* =============================================== 01. HTML5 ✰ BOILERPLATE RESET FILE =============================================== */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .lt-ie8 .clearfix {visibility:hidden; width:0;height:0; clear:both;} .bypostauthor, .sticky, .gallery-caption, .bypostauthor {} /* =============================================== 02. COLORS AND FONTS =============================================== */ body #logo, body #logo img { max-width:100%;} #search-form-header {padding-top:16px; } span.sub-headline-solar {top:45px;} /* -------------------- A. BACKGROUND COLORS -------------------- */ #top-nav-solar, #top-nav-solar ul {background-color:#2985c2;} header {background-color:#ffffff;} #navigation-container-solar, .sf-menu ul {background-color:#383a3b;} .lt-ie8 nav .sf-menu li:first-child li a, .lt-ie8 nav .sf-menu li li:first-child a {background-color:#383a3b !important; background-image:none !important;} #page-title, .slider-solar-container {background-color:#2b2d2e ;} #main {background-color:#ffffff;} body, footer {background-color:#1d1e20;} #top-footer {background-color:#2b2d2e;} #top-nav-solar {border-bottom:1px solid #216a9b; border-color:rgba(0, 0, 0, 0.15);} body #top-nav-solar ul ul {border-top:1px solid #216a9b; border-color:rgba(0, 0, 0, 0.15);} #logo-container {border-top:2px solid #ececec; border-top:2px solid rgba(0, 0, 0, 0.09); } #navigation-container-solar {border-bottom:1px solid #48494a; border-bottom:1px solid rgba(250, 250, 250, 0.09);;} #page-title {border-top:3px solid #28292a; border-color:rgba(0, 0, 0, 0.07);} .sidebar-background, .sidebar-main {background-image:url(images/sidebar-bg.png);} @media only screen and (max-width: 1190px) { #additional-background {background-image:url(images/sidebar-bg.png);} } #sidebar {border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; background:#eeeeee;} /* -------------------- B. FONT COLORS -------------------- */ h1, h2, h3, h4, h5, h6 {color:#2e2f30;} h4.widget-title {color:#3f4142;} #sidebar a {color:#6a6e72;} a, #sidebar a:hover {color:#bb3525;} a:hover {color:#ff513c;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, #solar-related a:hover h5, .sidebar-recent-posts a:hover h5 {color:#bb3525;} .pagination a.selected, .pagination a:hover {color:#bb3525; border-color: #bb3525;} /* -------------------- C. FONT FAMILIES -------------------- body {font-family:"Helvetica Neue", Helvetica, Arial, Sans-Serif;} .sf-menu, h1, .tags-solar, a.solar-button, body input.contact-button, body input#submit, a.progression-button {font-family: 'Roboto Condensed', sans-serif; font-weight:400; } #top-nav-solar ul li, #top-footer, .solar-comments, .pagination a {font-family: 'Open Sans', sans-serif; font-weight:300;} h2.widget-title, h4 {font-family: 'PT Sans Narrow', sans-serif; font-weight:700;} h2, h3, h5, h6 {font-family: 'Ubuntu', sans-serif; font-weight:300;} */ .sf-menu, h1, .tags-solar, a.solar-button, body input.contact-button, body input#submit, a.progression-button {font-weight:400; } #top-nav-solar ul li, #top-footer, .solar-comments, .pagination a { font-weight:300;} h2.widget-title, h4 { font-weight:700;} h2, h3, h5, h6 { font-weight:300;} /* =============================================== 03. PRIMARY STYLES =============================================== */ /* -------------------- A. DEFAULT STYLES -------------------- */ body { font-size: 15px; line-height: 1.4; color:#777777; } body a img, body a {outline:none !important;} body a {text-decoration:none;} p {padding-top:0px; margin:0px;} p, ul, ol {margin-bottom: 14px;} ul, ol {margin-left:0px; padding-left:16px;} img {max-width: 100%;height: auto; width:auto;} h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px; line-height:1.2;} h3 a {color:#2f2f2f; } h1 {font-size:45px; margin-bottom:5px; } #page-title h1 {padding:30px 0px; color:#ffffff;} h2 {font-size:30px; margin-bottom:15px; } h2.widget-title, h2.widget-title a {text-decoration:none; line-height:1; text-transform:uppercase; margin-bottom:25px; font-size:24px; color:#585b5f; border:1px solid #d4d4d4; background-color:#ffffff; padding:16px 14px; position:relative; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.16); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.16); box-shadow: 1px 1px 2px rgba(0,0,0,0.16); } h5.comments-title, h2#reply-title {font-size:25px;} h3 {font-size:25px; margin-bottom:12px;} h3.solar-post-headline {font-size:24px;} h4 {font-size:20px; margin-bottom:12px;} h4.widget-title { text-transform:uppercase; border-top:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4; padding:16px 20px 14px 20px; margin:0px -20px 15px -20px; background:#ffffff; font-size:20px; -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.08); -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.08); box-shadow: 1px 1px 1px rgba(0,0,0,0.08); } h5 {font-size:17px; margin-bottom:5px;} h6 {font-size:15px; margin-bottom:5px; } h6.post-type-header {font-size:18px;} hr {background:transparent; border-bottom:1px solid #e1e1e1; border-top:none; margin:20px 0px;} ul.checkmark, ul.arrow {padding-left:0px;} ul.checkmark li, ul.arrow li {list-style:none; padding-left:18px;} ul.checkmark li {background:url(images/checkmark.png) 0px 2px no-repeat;} ul.arrow li {background:url(images/sidebar-arrow.png) -4px 0px no-repeat;} .alignright {float:right; margin:0 0 10px 20px;} .alignleft {float:left; margin:0px 20px 10px 0px;} .aligncenter {text-align:center; margin:0px auto 10px auto; display:block; } blockquote {background:url(images/blockquote.png) 0px 0px no-repeat; padding-left:40px; font-style:italic; line-height:1.8;} pre {border:1px solid #ddd; padding:7px 15px; background:#fff; overflow:auto; word-wrap: break-word; line-height:14px; margin-bottom:15px;} /* -------------------- B. CSS3 TRANSITIONS -------------------- */ a, body input.contact-button, #solar-related a h5, body input#submit, .sidebar-recent-posts h5, input.wpcf7-submit { -webkit-transition-duration: 250ms; -webkit-transition-property: color, background, opacity, border; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 250ms; -moz-transition-property: color, background, opacity, border; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 250ms; -o-transition-property: color, background, opacity, border; -o-transition-timing-function: ease-in-out; transition-duration: 250ms; transition-property: color, background, opacity, border; } .sf-menu a, .genericon { -webkit-transition-duration: 200ms; -webkit-transition-property: color, background, opacity; -webkit-transition-timing-function: ease-in-out; -moz-transition-duration: 200ms; -moz-transition-property: color, background, opacity; -moz-transition-timing-function: ease-in-out; -o-transition-duration: 200ms; -o-transition-property: color, background, opacity; -o-transition-timing-function: ease-in-out; transition-duration: 200ms; transition-property: color, background, opacity; } .sf-menu li:first-child a, .flex-control-paging li a {-webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; -o-transition-duration: 0ms; transition-duration: 0ms;} /* =============================================== 04. MAIN CONTAINERS =============================================== */ /* -------------------- A. HEADER STYLES -------------------- */ header {position:relative; width:100%; z-index:7;} body #logo {float:left; margin:0px; padding:0px; border:none; } body #logo img { height: auto; opacity:1 !important; filter:alpha(opacity=100);} body #logo a:hover img { opacity:1 !important; filter:alpha(opacity=100);} span.sub-headline-solar { font-weight:200; position:relative; left:8px; padding-left:8px; border-left:1px solid #c9c9c9; font-size:13px; color:#a9a9a9; line-height:1;} #search-form-header {float:right;} /* -------------------- B. MAIN CONTAINER STYLES -------------------- */ .width-container {width:1140px; margin: 0 auto;} #sidebar {float:left; width:300px; padding:0px 20px;} .sidebar-main {background-position: top center; background-repeat: repeat-y;} .sidebar-background {background-position: top center; background-repeat: repeat-y;} #content-container {float:right; width:770px;} #content-container, #sidebar {padding-top:38px; padding-bottom:15px;} body.page-template-page-full-width-php #main, body.page-template-page-contact-full-php #main {padding-top:38px; padding-bottom:15px;} body.page-template-page-full-width-php .sidebar-background, body.page-template-page-full-width-php .sidebar-main, body.page-template-page-full-width-php #additional-background, body.page-template-page-contact-full-php .sidebar-background, body.page-template-page-contact-full-php .sidebar-main, body.page-template-page-contact-full-php #additional-background {background:none;} /* =============================================== 05. FOOTER STYLES =============================================== */ footer {color:#616263;} footer a {color:#ffffff;} footer a:hover {color:#cccccc;} #top-footer, #copyright {text-align:center;} #top-footer {font-size:15px; border-bottom:1px solid rgba(250, 250, 250, 0.08); } #copyright { font-size:14px; -webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.3); box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.3); padding:32px 0px 28px 0px; } #top-footer ul {padding:26px 0px 28px 0px; margin:0px; text-align:center;} #top-footer ul li { padding:10px 0px 0px 20px; display:inline-block; margin:0px; } .lt-ie8 #top-footer ul li {display:inline;} #top-footer ul li a:after { content: "/"; padding-left:20px; color:#000000; opacity:0.7; } #top-footer ul li:last-child a:after {display:none;} /* =============================================== 06. BLOG STYLES =============================================== */ body.search #breadcrumb {display:none;} #breadcrumb {float:right; position:relative; height:50px; margin-top:-50px; bottom:18px; font-size:12px; color:#999999;} #breadcrumb a {color:#dddddd;} #breadcrumb a:hover {color:#ffffff;} .taxonomy-description {padding-bottom:10px;} .solar-video-large {padding:0px 20px 35px 20px;} body.single .video-play-solar:after { width:56px; height:56px; margin-left:-28px; margin-top:-28px; background-position:20px 16px; } .solar-image-slider .video-play-solar:after { -webkit-backface-visibility: hidden; width:64px; height:64px; margin-left:-32px; margin-top:-32px; background-image:url(royalslider/rs-default.png); background-position:0 -32px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .video-play-solar:after { content:""; position:absolute; display:block; width:48px; height:48px; left:50%; top:50%; position:absolute; margin-left:-24px; margin-top:-24px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #000; background-color: rgba(0,0,0,0.75); background-image:url(images/video-play-solar.png); background-repeat:no-repeat; background-position:16px 13px; } .solar-featured-content:hover .video-play-solar:after, .solar-image-slider:hover .video-play-solar:after { background-color: #000; background-color: rgba(0,0,0,0.8); } video, audio { max-width:100%; } .format-audio .solar-excerpt {padding-bottom:18px;} .solar-excerpt-padding {padding-bottom:10px;} .type-post, .type-page { border-bottom:1px solid #e5e5e5; padding-bottom:35px; margin-bottom:38px; } .solar-featured-content {padding-bottom:16px; position:relative;} .solar-featured-content p {margin:0px; padding:0px;} .solar-byline { padding-bottom:10px; margin-top:-4px; font-size:14px;} .solar-byline, .solar-byline a {color:#b7b7b7;} .solar-byline a:hover {color:#838282;} .solar-excerpt {padding-bottom:5px;} .solar-comments {position:absolute; bottom:28px; right:8px; font-size:15px; -webkit-backface-visibility: hidden; border:1px solid #070707; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #343434; /* Old browsers */ background: -moz-linear-gradient(top, #343434 0%, #232323 50%, #121212 51%, #010101 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#343434), color-stop(50%,#232323), color-stop(51%,#121212), color-stop(100%,#010101)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #343434 0%,#232323 50%,#121212 51%,#010101 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #343434 0%,#232323 50%,#121212 51%,#010101 100%); /* Opera 11.10+ */ } .solar-comments a { background:url(images/solar-comments.png) 3px 7px no-repeat; color:#ffffff; padding:5px 4px 5px 21px; display:inline-block;} .solar-comments.gallery-comment {z-index:5;} .solar-comments a:hover {color:#ffffff;} .pagination {text-align:center; margin-bottom:25px;} .pagination a { color:#4d5052; font-size:14px; margin:0px 7px; display:inline-block; line-height:11px; text-decoration:none; margin-right:1px; position:relative; text-align:center; background:#ffffff; padding:11px 10px 10px 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border:1px solid #cdcdcd; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.08); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.08); } .tags-solar { font-size:14px; margin-top:-5px; margin-bottom:25px; } span.tags-heading { display:inline-block; width:27px; height:20px; text-indent:-9999px; background:url(images/tags.png) 0px 0px no-repeat; } .tags-solar a { color:#959696; padding:4px 5px; margin-right:5px; display :inline-block; background:#f5f5f5; } .tags-solar a:hover {color:#2e2f30;} #solar-related {padding-top:5px; margin-bottom:25px;} #solar-related a h5 {color:#2e2f30;} #solar-related a {color:#959595;} .date-related {margin-top:-2px; padding-bottom:15px; font-size:11px;} #solar-related ul {margin:0px; padding:0px; list-style:none;} #solar-related ul li {margin:0 1%; padding:0px; display:inline-block; float:left; width:31%; } .related-post-image-solar {margin-bottom:8px;} /* Comments */ h3#reply-title a {font-size:14px; padding-left:5px;} h5.comments-title {margin-bottom:25px; } .commentlist { float:left; list-style: none; margin: 5px auto 25px auto; width:84%; position:relative; left:101px; } .commentlist li.comment { background:#f6f6f6; border:1px solid #e5e5e5; margin: 0 0 1.625em 0 !important; padding: 0.2em 1.4em 0.25em 1.4em; list-style:none ; position: relative; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } .commentlist .avatar {left: -102px; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; -moz-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; padding: 0; position: absolute; top: 0;} .commentlist .pingback { margin: 0 0 1.625em; padding: 0 1.625em; } ol.commentlist ul.children, ol.commentlist ul.children li { list-style: none ; margin:0px; background:none; } .commentlist .children li.comment { border-right:none; border-top:none; border-bottom:none; border-left: 1px solid #dddddd; margin: 0em 0 0 0; padding:1em 1.6em 0em 2em; position: relative; } .commentlist .children li.comment .avatar {top:10px;} .commentlist .children li.comment .fn { display: block; font-size:12px;} .comment-meta .fn {font-weight: bold; display: block; font-size:14px; } .comment-meta .fn a {font-weight:bold;} .comment-meta a {text-decoration:none;} .comment-meta { font-size: 11px; padding-top:12px; padding-bottom:5px; } .commentlist .children li.comment .comment-meta { margin-left:62px ; padding-top:0px; } .commentlist .children li.comment .comment-content { margin: 0; margin-top:25px; padding:0px; } .comment-meta a:focus, .comment-meta a:active, .comment-meta a:hover {} .commentlist > li:before { } .commentlist > li.pingback:before { content: ''; } .commentlist .children .avatar { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 2.2em; padding:0px; top: 2.2em; width:55px; height:auto; } a.comment-reply-link:hover, a.comment-reply-link:focus, a.comment-reply-link:active { background: #888; color: #fff; } a.comment-reply-link > span { display: inline-block; position: relative; top: -1px; } a.comment-reply-link { background: #e4e4e4; -moz-border-radius: 2px; border-radius: 2px; color: #666; display: inline-block; font-size: 10px; font-family:Arial, Sans-serif; padding: 2px 9px; text-decoration: none; margin-bottom:20px; } #reply div {margin-bottom:10px;} #respond input {width:50%;} #respond textarea {width:80%;} #reply input.submit {width:auto;} #respond { padding-bottom:10px; padding-left:3px;} p.form-allowed-tags {font-size:11px; line-height:16px;} p.form-allowed-tags code {display:block;} #respond label {font-size:12px; padding-left: 0px; ; } #respond input, #respond textarea {display:block; margin-top:2px;} #respond .comment-form-author, #respond .comment-form-email, #respond .comment-form-url, #respond .comment-form-comment, #respond .form-allowed-tags, #respond .form-submit {padding:0px 0px 2px 0px;} #respond .comment-notes {padding-bottom:2px;} #respond input#submit {width:auto; text-shadow:none;} /* =============================================== 07. WIDGET STYLES =============================================== */ .sidebar-spacer {width:100%; height:30px; } #sidebar {font-size:14px;} #sidebar ul {list-style:none; margin-left:0px; padding-left:0px;} #sidebar ul li { margin-bottom:8px; } /* Related Posts */ .sidebar-recent-posts a .date-related {color:#959595;} #sidebar ul.sidebar-recent-posts li { padding-bottom:7px; margin-bottom:15px; border-bottom:1px solid #d6d6d6; } #sidebar ul.sidebar-recent-posts h5 {margin-top:4px;} /* ---- SEARCH FORM ----*/ .searchform input {padding:6px 0px;} .searchform .assistive-text, .searchform input#searchsubmit {display:none;} .searchform #s { -webkit-transition-duration: 300ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 300ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 300ms; -o-transition-property: width, background; -o-transition-timing-function: ease; font-size:12px; padding-left:12px; padding-right:30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; width: 150px; background-image:url(images/search-magnify.png); background-position:right -2px; background-repeat:no-repeat; border:none; } .searchform #s:focus { width:175px; } .lt-ie9 .searchform #s:focus {width: 150px;} #sidebar .searchform #s { width: 215px; font-size:14px; padding-top:10px; padding-bottom:10px; background-position:right 2px; background-color:#ffffff; } #sidebar .searchform #s:focus { width:215px;} /* --- Flickr Widget --- */ #flickr-widget ul {margin-left:0px; margin-bottom:15px; padding-left:0px; background:none; } #flickr-widget ul li { padding:0px; margin:0px; list-style:none; display:inline; border:none; background:transparent;} #flickr-widget ul li a {display:inline; padding:0px; -webkit-transition: all .6s ease; -moz-transition: all .6s ease; transition: all .6s ease; } #flickr-widget ul li img { background:#fff; width:88px; height:88px; margin:0px 10px 10px 0px;} #flickr-widget ul li a:hover { opacity: 0.7; filter:alpha(opacity=70); } /* --- Calendar Widget --- */ #wp-calendar th { padding:3px 0; text-align:center; } #wp-calendar td { padding: 4px 0; text-align: center; } #wp-calendar { width: 90%; } .wpcf7 textarea {width:75%;} .wpcf7 input {width:60%;} .wpcf7 input.wpcf7-submit {width:auto;} /* =============================================== 08. BUTTON STYLES =============================================== */ #page-title a.solar-button {color:#ffffff; background-color:#494d4e; border-color:#525556;} a.solar-button, body input.contact-button, body input#submit, a.progression-button, input.wpcf7-submit { text-decoration:none; line-height:1; cursor: pointer; display:inline-block; font-size:15px; font-weight:bold; color:#585b5f; border:1px solid #cacaca; background-color:#ffffff; background-image:url(images/button-gradient.png); background-repeat:repeat-x; background-position: bottom left; padding:10px 15px; position:relative; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.11); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.11); box-shadow: 1px 1px 2px rgba(0,0,0,0.11); } a.solar-button:hover, #page-title a.solar-button:hover, body input.contact-button:hover, body input#submit:hover, a.progression-button:hover, input.wpcf7-submit:hover { color:#ffffff; background-color:#c83f2c; border-color:#9c2f21; } /* =============================================== 09. CONTACT STYLES =============================================== */ #map-contact {width:100%; height:360px; margin-bottom:25px; margin-top:0px;} #map-contact img {max-width:none; height: auto; } #contactform {margin-top:25px; } #contactform label.error {line-height:1; font-weight:normal; display:block; width:100%; font-style:italic; padding-left:2px; height:25px; padding-top:4px; margin-bottom:-33px; position:relative; top:-15px; font-size:11px; color:#dd8b8b;} #contactform input.error { border: 1px dotted #f4cbcb; background:#f9d1d1; } p.error {color:#dd8b8b; font-weight:bold;} p.success {color:#64ba7c; font-size:14px; font-weight:bold; padding-bottom:2px; } p.success2 {padding-bottom:8px;} #contactform span, span.required {color:#ff5c5f;} #contactform div {padding-bottom:10px;} #contactform label { display:block; vertical-align: top; padding-bottom:4px;} #contactform input#contactname, #contactform input#email, .wpcf7 input {width:50%;} #contactform textarea#message, .wpcf7 textarea {width:75%;} #contactform input.button, .wpcf7 input.wpcf7-submit, #respond input#submit {width:auto; } #contact-wrapper {margin-bottom:18px;} input, textarea { margin:1px 0px 15px 0px; background-color:#f5f5f5; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; border-top:1px solid #e3e3e3; border-bottom:1px solid #f5f5f5; padding:8px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; -webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.05) inset; } input.contact-button { box-shadow: none; -webkit-box-shadow:none; } /* =============================================== 10. ROYAL SLIDER =============================================== */ /* v1.0.5 */ /* Core RS CSS file. 95% of time you shouldn't change anything here. */ .royalSlider { margin-top:-3px; width:100%; height:auto; position: relative; direction: ltr; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide { -webkit-transform: translateZ(0);} .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: right; -webkit-tap-highlight-color:rgba(0,0,0,0);} .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color:rgba(0,0,0,0);} .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0;top: 0;} .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsArrow, .rsThumbsArrow { cursor: pointer; } .rsThumb {float: left;position: relative;} .rsArrow, .rsNav, .rsThumbsArrow {opacity: 1; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear;} .rsHidden { opacity: 0; visibility: hidden; -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear; transition:visibility 0s linear 0.3s,opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center;} /* Fullscreen options, very important ^^ */ .royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { width: 100%; height: 100%; position: relative;} .rsPreloader {position:absolute;z-index: 0; } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; } .rsNavItem {-webkit-tap-highlight-color:rgba(0,0,0,0.25);} .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left;z-index: 22;} .rsTabs {float: left; background: none !important; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0);} .rsVideoContainer { /*left: 0; top: 0; position: absolute;*/ /*width: 100%; height: 100%; position: absolute; left: 0; top: 0; float: left;*/ width: auto; height: auto; line-height: 0; position: relative; } .rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute;z-index: 50;left: 0; top: 0; width: 100%; height: 100%; } /* ios controls over video bug, shifting video */ .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; } .rsABlock { left: 0; top: 0; position: absolute; z-index: 15; } img.rsImg {max-width: none; } .grab-cursor { cursor:url(royalslider/grab.png) 8 8, move; } .grabbing-cursor{ cursor:url(royalslider/grabbing.png) 8 8, move; } .rsNoDrag { cursor: auto; } .rsLink { left:0; top:0; position:absolute; width:100%; height:100%; display:block; z-index: 20; background: url(royalslider/blank.gif); } /****************************** * * RoyalSlider Default Skin * * 1. Arrows * 2. Bullets * 3. Thumbnails * 4. Tabs * 5. Fullscreen button * 6. Play/close video button * 7. Preloader * 8. Caption * * Sprite: 'royalslider/rs-default.png' * Feel free to edit anything * If you don't some part - just delete it * ******************************/ /* Background */ .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { color: #FFF; } /*************** * * 1. Arrows * ****************/ .rsDefault .rsArrow { height: 100%; width: 44px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsDefault.rsVer .rsArrow { width: 100%; height: 44px; } .rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; } .rsDefault.rsVer .rsArrowRight { bottom: 0; left: 0; } .rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; } .rsDefault.rsHor .rsArrowRight { right: 0; top:0; } .rsDefault .rsArrowIcn { width: 32px; height: 32px; top: 50%; left: 50%; margin-top:-16px; margin-left: -16px; position: absolute; cursor: pointer; background: url('royalslider/rs-default.png'); background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; border-radius: 2px; } .rsDefault .rsArrowIcn:hover { background-color: rgba(0,0,0,0.9); } .rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; } .rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; } .rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; } .rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; } .rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20); *display: none; } /*************** * * 2. Bullets * ****************/ .rsDefault .rsBullets { position: absolute; z-index: 35; left: 0; bottom: 0; width: 100%; height: auto; margin: 0 auto; background: #000; background: rgba(0,0,0,0.75); text-align: center; line-height: 8px; overflow: hidden; } .rsDefault .rsBullet { width: 8px; height: 8px; display: inline-block; *display:inline; *zoom:1; padding: 6px 5px 6px; } .rsDefault .rsBullet span { display: block; width: 8px; height: 8px; border-radius: 50%; background: #777; background: rgba(255,255,255,0.5); } .rsDefault .rsBullet.rsNavSelected span { background-color: #FFF; } /*************** * * 3. Thumbnails * ****************/ .rsDefault .rsThumbsHor { width: 100%; height: 72px; } .rsDefault .rsThumbsVer { width: 96px; height: 100%; position: absolute; top: 0; left: 0; } .rsDefault.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; } .rsDefault.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; } .rsDefault .rsThumb { float: left; overflow: hidden; width: 96px; height: 72px; } .rsDefault .rsThumb img { width: 100%; height: 100%; } .rsDefault .rsThumb.rsNavSelected { background: #02874a; } .rsDefault .rsThumb.rsNavSelected img { opacity: 0.3; filter: alpha(opacity=30); } .rsDefault .rsTmb { display: block; } /* Thumbnails with text */ .rsDefault .rsTmb h5 { font-size: 16px; margin: 0; padding: 0; line-height: 20px; color: #FFF; } .rsDefault .rsTmb span { color: #DDD; margin: 0; padding: 0; font-size: 13px; line-height: 18px; } /* Thumbnails arrow icons */ .rsDefault .rsThumbsArrow { height: 100%; width: 22px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { background: #000; background: -moz-linear-gradient(top,rgba(0,0,0,0.55), rgba(0,0,0,0)); /* FF3.6+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0.55),rgba(0,0,0,0)); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0.55),rgba(0,0,0,0)); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0.55),rgba(0,0,0,0)); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0.55),rgba(0,0,0,0)); /* W3C */ } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft:hover { background: #000; background: -moz-linear-gradient(top,rgba(0,0,0,1), rgba(0,0,0,0)); /* FF3.6+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,1),rgba(0,0,0,0)); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,1),rgba(0,0,0,0)); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,1),rgba(0,0,0,0)); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,1),rgba(0,0,0,0)); /* W3C */ } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight { background: #000; background: -moz-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,0.6)); /* FF3.6+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,0.6)); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,0.6)); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,0.6)); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,0.6)); /* W3C */ } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight:hover { background: #000; background: -moz-linear-gradient(top,rgba(0,0,0,0), rgba(0,0,0,1)); /* FF3.6+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,1)); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,1)); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0),rgba(0,0,0,1)); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,1)); /* W3C */ } .rsDefault.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 24px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; } .rsDefault .rsThumbsArrowIcn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top:-8px; margin-left: -8px; position: absolute; cursor: pointer; background: url('royalslider/rs-default.png'); } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn, .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn {opacity:0.65;} .rsDefault.rsWithThumbsVer .rsThumbsArrowRight:hover .rsThumbsArrowIcn, .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft:hover .rsThumbsArrowIcn {opacity:0.85;} .rsDefault .rsThumbsArrowDisabled { display: none !important; } /*************** * * 5. Fullscreen button * ****************/ .rsDefault .rsFullscreenBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 22; display: block; position: absolute; cursor: pointer; } .rsDefault .rsFullscreenIcn { display: block; margin: 6px; width: 32px; height: 32px; background: url('royalslider/rs-default.png') 0 0; background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; border-radius: 2px; } .rsDefault .rsFullscreenIcn:hover { background-color: rgba(0,0,0,0.9); } .rsDefault.rsFullscreen .rsFullscreenIcn { background-position: -32px 0; } /*************** * * 6. Play/close video button * ****************/ .rsDefault .rsPlayBtn { -webkit-tap-highlight-color:rgba(0,0,0,0.3); width:64px; height:64px; margin-left:-32px; margin-top:-32px; cursor: pointer; } .rsDefault .rsPlayBtnIcon { width:64px; display:block; height:64px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background:url(royalslider/rs-default.png) no-repeat 0 -32px; background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; } .rsDefault .rsPlayBtn:hover .rsPlayBtnIcon { background-color: rgba(0,0,0,0.9); } .rsDefault .rsBtnCenterer { position:absolute; left:50%; top:50%; } .rsDefault .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .rsDefault .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px; } .rsDefault .rsCloseVideoIcn { margin: 6px; width: 32px; height: 32px; background: url('royalslider/rs-default.png') -64px 0; background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; } .rsDefault .rsCloseVideoIcn:hover { background-color: rgba(0,0,0,0.9); } /*************** * * 7. Preloader * ****************/ .rsDefault .rsPreloader { width:20px; height:20px; background-image:url(royalslider/skins/preloaders/preloader-white.gif); left:50%; top:50%; margin-left:-10px; margin-top:-10px; } /*************** * * 8. Global caption * ****************/ .rsDefault .rsGCaption { position: absolute; float: none; bottom: 6px; left: 6px; text-align: left; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.75); color: #FFF; padding: 2px 8px; width: auto; font-size: 12px; border-radius: 2px; } /* video gallery code */ #video-gallery { width: 100%; display:none;} .videoGallery .rsTmb { padding: 16px 20px 16px 20px; } .videoGallery .rsTmb .image-thumb { float:left; width:90px; } .videoGallery .rsTmb .controller-text { float:right; width:196px; } .videoGallery .rsTmb .image-thumb img { width:auto; height:auto; max-width:100%; border:1px solid #ffffff; opacity:1; filter:alpha(opacity=100); } .videoGallery .rsTmb .controller-text div {font-weight:500; padding-top:5px; color:#ffffff; line-height:1.1; font-size:14px; } .videoGallery .rsTmb .controller-text span {color:#959595; font-size:11px; } .videoGallery .rsThumbs { width: 342px; padding: 0; } .videoGallery .rsThumbs .rsThumb { width: 340px; height: 90px; border-left:1px solid #414243; border-right:1px solid #414243; border-bottom:1px solid #414243; } .videoGallery .rsThumb.rsNavSelected {-webkit-box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.3);} .videoGallery .rsThumb:hover { background: #442d2d; border-color:#583535; } .videoGallery .rsThumb.rsNavSelected { background-color: #652929; border-color:#753f3f; } body .videoGallery img {width:100%; height:auto; display: block;} .slider-solar-container {padding:30px 0px 0px 30px;} .slider-byline, .slider-byline a {color:#808182;} .slider-byline {padding-bottom:12px; margin-top:-10px; } .solar-image-slider {padding-bottom:16px; position:relative;} .slider-excerpt {padding-bottom:10px;} .slider-byline a:hover {padding-bottom:20px;} .content-slider-solar h2, .content-slider-solar h2 a, .content-slider-solar h2 a:hover {color:#ffffff;} .slider-excerpt, .slider-byline a:hover {color:#c9c9ca;} .slider-excerpt {font-size:16px;} .slider-excerpt, .slider-byline, .content-slider-solar h2, .videoGallery a.solar-button {margin-left:4px; margin-right:8px;} .video-responsive-solar {padding:0px 72px; margin-bottom:16px;} .video-responsive-solar {background:#000;} /* =============================================== 11. GALLERY SLIDER =============================================== */ /* Browser Resets */ .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;} /* FlexSlider Default Theme *********************************/ .flexslider {margin:0px auto; position: relative; zoom: 1; overflow:hidden; } .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} .flexslider ul li {margin-bottom:0px !important;} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {z-index:5; top:50%; margin: -10px 0 0 0; width: 34px; height: 35px; display: block; background: url(images/slider/arrows.png) no-repeat bottom left; position: absolute; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: bottom right; } .flex-direction-nav .flex-prev {background-position: bottom left; } .flexslider:hover .flex-next {opacity: 1; } .flexslider:hover .flex-prev {opacity: 1; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} #main .flex-direction-nav .flex-next { right: 10px; } #main .flex-direction-nav .flex-prev {left: 10px;} /* Control Nav */ .flex-control-nav { z-index:5; width: 100%; position: absolute; bottom:7px; text-align: center; } .flex-control-nav li {margin: 0 1px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width:17px; height: 20px; display: block; background: url(images/slider/bg_bullets.png) 0px -25px no-repeat; cursor: pointer; text-indent: -9999px;} .flex-control-paging li a:hover { background-position:0px -48px; } .flex-control-paging li a.flex-active { background-position:0px -2px; cursor: default; } body #main .flex-control-paging li a { -webkit-transition: none; -moz-transition: none; none; -o-transition: none; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} .lt-ie9 .flex-direction-nav .flex-prev {opacity: 1; left: 10px;} .lt-ie9 .flex-direction-nav .flex-next {opacity: 1; right: 10px; } /* =============================================== 12. NAVIGATION =============================================== */ /* -------------------- A. ESSENTIAL STYLES -------------------- */ /*** ESSENTIAL STYLES ***/ nav select, #top-nav-solar select {display:none;} .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: 10em; /* left offset of submenus need to match (see below) */} .sf-menu ul li {width: 100%;} .sf-menu li:hover {visibility: inherit; /* fixes IE7 'sticky bug' */} .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: 0; top:65px; /* match top ul list item height */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: 10em; /* match ul width */ top:0;} ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top: -999em;} ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;} /* -------------------- B. DEMO SKIN -------------------- */ #top-nav-solar {min-height:60px;} .sf-menu a {padding:29px 18px 29px 18px;} /* Top Menu Size */ .sf-menu li:first-child a {padding-right:32px;} .sf-menu li li:first-child a {padding-right:14px;} body .sf-menu li:hover ul, body .sf-menu li.sfHover ul {top:77px;} /* Move sub-menu down */ nav {position:relative; z-index:150; } #top-nav-solar {position:relative; z-index:151; } .sf-menu a { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; -o-transition: all .4s ease; text-decoration:none; line-height:1; } /* DEFAULT LINK */ .sf-menu a, .sf-menu a:visited { text-shadow: none; color:#fff; font-size:18px; } .sf-menu li:first-child {background-image:url(images/navigation-home.png); background-position:top right; background-repeat:no-repeat;} .sf-menu li li:first-child {background-image:none;} .sf-menu li:first-child a { background-repeat:no-repeat; background-position:0px -5px; text-indent:-9999px; width:30px;} .sf-menu li:first-child a:hover {background-position:0px -95px;} .sf-menu li.sfHover:first-child li a, .sf-menu li:first-child li a, .sf-menu li li:first-child a, .sf-menu li li:first-child a:hover , .sf-menu li:first-child li a:hover {background-image:none; background-position:top left; text-indent:0px; width:auto;} .sf-menu li.sfHover:first-child a { background-position:0px -95px;} /* DEFAULT LINK HOVER AND SELETED */ .sf-menu li.current-menu-item a, .sf-menu li.current-menu-item a:visited { } /* HOVER BACKGROUND */ .sf-menu a:hover, .sf-menu li a:hover, .sf-menu a:hover, .sf-menu a:visited:hover, .sf-menu li.sfHover a, .sf-menu li.sfHover a:visited { color:#f1b922; } .sf-menu li.sfHover li a, .sf-menu li.sfHover li a:visited, .sf-menu li.sfHover li li a, .sf-menu li.sfHover li li a:visited, .sf-menu li.sfHover li li li a, .sf-menu li.sfHover li li li a:visited, .sf-menu li.sfHover li li li li a, .sf-menu li.sfHover li li li li a:visited { font-size:13px; text-transform:none; text-shadow: none; color:#dddddd; } .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active, .sf-menu li li.sfHover a, .sf-menu li.sfHover li a:visited:hover, .sf-menu li li:hover a:visited, .sf-menu li li li:hover, .sf-menu li li li.sfHover, .sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active, .sf-menu li li li.sfHover a, .sf-menu li li.sfHover li a:visited:hover, .sf-menu li li li:hover a:visited, .sf-menu li li li li:hover, .sf-menu li li li li.sfHover, .sf-menu li li li li a:focus, .sf-menu li li li li a:hover, .sf-menu li li li li a:active, .sf-menu li li li li.sfHover a, .sf-menu li li li.sfHover li a:visited:hover, .sf-menu li li li li:hover a:visited, .sf-menu li li li li li:hover, .sf-menu li li li li li.sfHover, .sf-menu li li li li li a:focus, .sf-menu li li li li li a:hover, .sf-menu li li li li li a:active, .sf-menu li li li li li.sfHover a, .sf-menu li li li li.sfHover li a:visited:hover, .sf-menu li li li li li:hover a:visited { outline: 0; -webkit-transition: all .6s ease; -moz-transition: all 1s ease; transition: all .6s ease; -o-transition: all .6s ease; background: rgba(255, 255, 255, 0.04); color:#ffffff; } .sf-menu li li a {padding:15px 15px ;} .sf-menu li li, .sf-menu li li li, .sf-menu li li li li, .sf-menu li li li li li { margin:0px; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline: 0;} nav ul ul {box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, .3);border-left:1px solid rgba(0, 0, 0, .3); border-right:1px solid rgba(0, 0, 0, .3); border-bottom:1px solid rgba(0, 0, 0, .3);} #top-nav-solar ul ul {box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, .15);} /* -------------------- C. DEMO SKIN HEADER SMALL -------------------- */ #top-nav-solar .sf-menu a, #top-nav-solar .sf-menu li:first-child a, #top-nav-solar .sf-menu li li:first-child a {padding:24px 17px 24px 12px;} /* Top Menu Size */ body #top-nav-solar .sf-menu li:hover ul, body #top-nav-solar .sf-menu li.sfHover ul {top:60px;} /* Move sub-menu down */ #top-nav-solar .sf-menu a { -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; -o-transition: all .4s ease; text-decoration:none; line-height:1; } #top-nav-solar .sf-menu li:first-child, #top-nav-solar .sf-menu li:first-child a, #top-nav-solar .sf-menu li:first-child a:hover {background-image:none; background-position:top left; text-indent:0px; width:auto;} /* DEFAULT LINK */ #top-nav-solar .sf-menu a, #top-nav-solar .sf-menu a:visited { text-shadow: none; text-transform:uppercase; color:#fff; font-size:12px; } #top-nav-solar .sf-menu a:hover, #top-nav-solar .sf-menu li a:hover, #top-nav-solar .sf-menu a:hover, #top-nav-solar .sf-menu a:visited:hover, #top-nav-solar .sf-menu li.sfHover a, #top-nav-solar .sf-menu li.sfHover a:visited { color:#bee5ff; } #top-nav-solar .sf-menu li.sfHover li a, #top-nav-solar .sf-menu li.sfHover li a:visited, #top-nav-solar .sf-menu li.sfHover li li a, #top-nav-solar .sf-menu li.sfHover li li a:visited, #top-nav-solar .sf-menu li.sfHover li li li a, #top-nav-solar .sf-menu li.sfHover li li li a:visited, #top-nav-solar .sf-menu li.sfHover li li li li a, #top-nav-solar .sf-menu li.sfHover li li li li a:visited { color:#ffffff; } body #top-nav-solar li, body #top-nav-solar .sf-menu li:first-child {background:url(images/header-top-divider.png) center right no-repeat;} body #top-nav-solar .sf-menu li:last-child {background:none;} body #top-nav-solar .sf-menu li li a, body #top-nav-solar .sf-menu li li:first-child a, body #top-nav-solar .sf-menu li:first-child li a {padding:10px 15px ; font-size:11px; text-transform:none;} body #top-nav-solar li li, body #top-nav-solar .sf-menu li li:first-child {background:none;} #top-nav-solar .sf-menu li li:hover, #top-nav-solar .sf-menu li li.sfHover, #top-nav-solar .sf-menu li li a:focus, #top-nav-solar .sf-menu li li a:hover, #top-nav-solar .sf-menu li li a:active, #top-nav-solar .sf-menu li li.sfHover a, #top-nav-solar .sf-menu li.sfHover li a:visited:hover, #top-nav-solar .sf-menu li li:hover a:visited, #top-nav-solar .sf-menu li li li:hover, #top-nav-solar .sf-menu li li li.sfHover, #top-nav-solar .sf-menu li li li a:focus, #top-nav-solar .sf-menu li li li a:hover, #top-nav-solar .sf-menu li li li a:active, #top-nav-solar .sf-menu li li li.sfHover a, #top-nav-solar .sf-menu li li.sfHover li a:visited:hover, #top-nav-solar .sf-menu li li li:hover a:visited, #top-nav-solar .sf-menu li li li li:hover, #top-nav-solar .sf-menu li li li li.sfHover, #top-nav-solar .sf-menu li li li li a:focus, #top-nav-solar .sf-menu li li li li a:hover, #top-nav-solar .sf-menu li li li li a:active, #top-nav-solar .sf-menu li li li li.sfHover a, #top-nav-solar .sf-menu li li li.sfHover li a:visited:hover, #top-nav-solar .sf-menu li li li li:hover a:visited, #top-nav-solar .sf-menu li li li li li:hover, #top-nav-solar .sf-menu li li li li li.sfHover, #top-nav-solar .sf-menu li li li li li a:focus, #top-nav-solar .sf-menu li li li li li a:hover, #top-nav-solar .sf-menu li li li li li a:active, #top-nav-solar .sf-menu li li li li li.sfHover a,#top-nav-solar .sf-menu li li li li.sfHover li a:visited:hover, #top-nav-solar .sf-menu li li li li li:hover a:visited { outline: 0; -webkit-transition: all .6s ease; -moz-transition: all 1s ease; transition: all .6s ease; -o-transition: all .6s ease; background-image:url(images/transparency-fallback.png); background: rgba(255, 255, 255, 0.05); color:#ffffff; } /*** arrows **/ .sf-menu a.sf-with-ul {padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */} .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/} /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px; /* arrow hovers for modern browsers*/} /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/} /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('images/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px;} .sf-shadow ul.sf-shadow-off {background: transparent;} /* =============================================== 13. DEFAULT GRID =============================================== */ .grid2column, .grid3column, .grid3columnbig, .grid4column, .grid4columnbig {float:left; margin-right:4%; min-height:1px; } .grid2column { width: 48%;} .lt-ie8 .grid2column {width: 47%; } .grid3column {width: 30.6%; } .lt-ie8 .grid3column {width: 29%; } .grid3columnbig {width:65.4%;} .grid4column {width: 22%; } .lt-ie8 .grid4column {width: 21%; } .grid4columnbig {width:73.8%; } body .lastcolumn {margin-right:0% !important;} /* =============================================== 14. PRINT STYLES =============================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* =============================================== 15. SOCIAL ICONS =============================================== */ @font-face { font-family: 'Genericons'; src: url('genericons/font/genericons-regular-webfont.eot'); src: url('genericons/font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('genericons/font/genericons-regular-webfont.woff') format('woff'), url('genericons/font/genericons-regular-webfont.ttf') format('truetype'), url('genericons/font/genericons-regular-webfont.svg#genericonsregular') format('svg'); font-weight: normal; font-style: normal; } /** * All Genericons */ .lt-ie8 #logo-container .icons {display:none;} #logo-container .icons { text-align:right; float:right;} .icons {text-align:center; margin:18px 0px 26px 0px;} #sidebar .icons, #footer-widgets .icons {text-align:left; margin:15px 0px 0px 0px; line-height:2.4;} .genericon:hover {opacity:0.7;} .genericon { display: inline-block; width: 15px; height:15px; -webkit-font-smoothing: antialiased; font-size: 15px; line-height: 1; font-family: 'Genericons'; text-decoration: inherit; font-weight: normal; font-style: normal; vertical-align: top; padding:3px 4px 4px 4px; margin-right:0px; } a .genericon { color:#ffffff; text-decoration:none;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;} a.rss-ico .genericon {background:#f5a523;} a.facebook-ico .genericon {background:#3b64a1;} a.twitter-ico .genericon {background:#35a6da;} a.vimeo-ico .genericon {background:#468cb8;} a.youtube-ico .genericon {background:#c43e34;} a.pinterest-ico .genericon {background:#e24956;} a.dribbble-ico .genericon {background:#f36798;} a.wordpress-ico .genericon {background:#1f7993;} a.flickr-ico .genericon {background:#0063db;} a.google-ico .genericon {background:#008000;} a.linkedin-ico .genericon {background:#1b75aa;} a.tumblr-ico .genericon {background:#41607d;} /** * IE7 and IE6 hacks */ .genericon {*overflow: auto;*zoom: 1;*display: inline;} /** * Individual icons */ /* Post formats */ .genericon-standard:before { content: '\f100'; } .genericon-aside:before { content: '\f101'; } .genericon-image:before { content: '\f102'; } .genericon-gallery:before { content: '\f103'; } .genericon-video:before { content: '\f104'; } .genericon-status:before { content: '\f105'; } .genericon-quote:before { content: '\f106'; } .genericon-link:before { content: '\f107'; } .genericon-chat:before { content: '\f108'; } .genericon-audio:before { content: '\f109'; } /* Social icons */ .genericon-github:before { content: '\f200'; } .genericon-dribbble:before { content: '\f201'; } .genericon-twitter:before { content: '\f202'; } .genericon-facebook:before { content: '\f203'; } .genericon-facebook-alt:before { content: '\f204'; } .genericon-wordpress:before { content: '\f205'; } .genericon-googleplus:before { content: '\f206'; } .genericon-linkedin:before { content: '\f207'; } .genericon-linkedin-alt:before { content: '\f208'; } .genericon-pinterest:before { content: '\f209'; } .genericon-pinterest-alt:before { content: '\f210'; } .genericon-flickr:before { content: '\f211'; } .genericon-vimeo:before { content: '\f212'; } .genericon-youtube:before { content: '\f213'; } .genericon-tumblr:before { content: '\f214'; } /* Meta icons */ .genericon-comment:before { content: '\f300'; } .genericon-category:before { content: '\f301'; } .genericon-tag:before { content: '\f302'; } .genericon-time:before { content: '\f303'; } .genericon-user:before { content: '\f304'; } .genericon-day:before { content: '\f305'; } .genericon-week:before { content: '\f306'; } .genericon-month:before { content: '\f307'; } .genericon-pinned:before { content: '\f308'; } /* Other icons */ .genericon-search:before { content: '\f400'; } .genericon-unzoom:before { content: '\f401'; } .genericon-zoom:before { content: '\f402'; } .genericon-show:before { content: '\f403'; } .genericon-hide:before { content: '\f404'; } .genericon-close:before { content: '\f405'; } .genericon-close-alt:before { content: '\f406'; } .genericon-trash:before { content: '\f407'; } .genericon-star:before { content: '\f408'; } .genericon-home:before { content: '\f409'; } .genericon-mail:before { content: '\f410'; } .genericon-edit:before { content: '\f411'; } .genericon-reply:before { content: '\f412'; } .genericon-feed:before { content: '\f413'; } .genericon-warning:before { content: '\f414'; } .genericon-share:before { content: '\f415'; } .genericon-attachment:before { content: '\f416'; } .genericon-location:before { content: '\f417'; } .genericon-checkmark:before { content: '\f418'; } .genericon-menu:before { content: '\f419'; } .genericon-top:before { content: '\f420'; } .genericon-minimize:before { content: '\f421'; } .genericon-maximize:before { content: '\f422'; } .genericon-404:before { content: '\f423'; } /* Generic shapes */ .genericon-uparrow:before { content: '\f500'; } .genericon-rightarrow:before { content: '\f501'; } .genericon-downarrow:before { content: '\f502'; } .genericon-leftarrow:before { content: '\f503'; } /* =============================================== 16. LIGHTBOX STYLES =============================================== */ div.pp_default a {-webkit-transition-duration: 0ms; -moz-transition-duration: 0ms; transition-duration: 0ms;} div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none}top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none} /* =============================================== 17. SHORTCODES =============================================== */ /* Progression Studios Shortcode CSS Appendix -------------------------------------------- 00. ClearFix 01. HR Styles 03. Button Styles 04. Toggle Styles 05. Columns */ /* =============================================== 00. ClearFix =============================================== */ .progression_clearfix:before, .progression_clearfix:after { content: ""; display: table; } .progression_clearfix:after { clear: both; } .progression_clearfix { *zoom: 1; } *+html .progression_clearfix { visibility:hidden; width:0; height:0; clear:both;} /* ie7 target for clearfix */ /* =============================================== 01. HR Styles =============================================== */ hr.progression-hr { display: block; height: 1px; border: 0; padding: 0; border-top: 1px solid #ccc; margin: 3em 0; } /* =============================================== 02. Tabbed Styles =============================================== */ .progression-tab-container {margin-bottom:25px;} body.home .progression-tab-container div {margin-left:0px;} .progression-etabs { margin: 0; padding: 0; list-style:none; border-bottom:none; } .progression-tab { margin-right:-4px; display: inline-block; zoom:1; border:none; background: transparent; } .lt-ie8 .progression-tab {display:inline;} .progression-tab a { font-size: 14px; line-height: 1; display: block; padding: 14px 44px 14px 44px; text-align:center; outline: none; text-decoration:none; color:#2f2f2f; font-weight:300; letter-spacing:1px; } .progression-tab.active { position: relative; background: #2b2d2e; padding-top:0px; } .progression-tab a.active { color:#ffffff; } .progression-tab-container .progression-div { padding:30px 45px 30px 45px; background: #2b2d2e; color:#dddddd; } /* =============================================== 03. Button Styles =============================================== */ .progression-mini { padding: 5px 6px; font-size:11px; } body #main .progression-small { padding:8px 10px; font-size:11px; } body #main .progression-large { padding:14px 18px; font-size:16px; } .progression-square { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .progression-rounded { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } body #main a.progression-red { background-color: #da4f49; border-color:#da4f49; color:#ffffff; } body #main a.progression-red:hover { background-color: #ee5f5b; border-color:#ee5f5b; } body #main a.progression-blue { color: #ffffff; background-color: #006dcc; border-color:#006dcc; } body #main a.progression-blue:hover { background: #0088cc; color: #ffffff; border-color:#006dcc; } body #main a.progression-light-blue { color: #ffffff; background-color: #49afcd; border-color:#49afcd; } body #main a.progression-light-blue:hover { background: #5bc0de; color: #ffffff; border-color:#5bc0de; } body #main a.progression-orange { color: #ffffff; background-color: #faa732; border-color:#faa732; } body #main a.progression-orange:hover { background: #fbb450; color: #ffffff; border-color:#fbb450; } body #main a.progression-black { color: #ffffff; background-color: #363636; border-color:#363636; } body #main a.progression-black:hover { background: #666666; border-color:#666666; color: #ffffff; } /* =============================================== 04. Toggle Styles =============================================== */ ul.progression-toggle { margin:0px; padding:0px; list-style:none; } ul.progression-toggle li { background:#f9f9f9; list-style-type:none; cursor:pointer; border:1px solid #dddddd; padding:5px 5px 5px 5px; margin:0px 0px 15px 0px; } ul.progression-toggle div.div_progression_toggle { cursor: auto; display: none; padding:0px 20px; margin-bottom:15px; text-decoration: none; } ul.progression-toggle div.div_progression_toggle:hover { text-decoration:none; } ul.progression-toggle li:before { content: "+"; position:relative; width:8px; text-align:center; height:11px; margin:0px 5px 0px 5px; line-height:1; padding:0px; display:inline-block; font-size:10px; } ul.progression-toggle li.progression_active:before { content: "-"; } ul.progression-toggle div.progression_open { display:block; } .lt-ie8 ul.progression-toggle div.div_progression_toggle { display:block; } /* =============================================== 05. Columns =============================================== */ .progression-grid2column, .progression-grid3column, .progression-grid3-twothirds, .progression-grid4column, .progression-grid4-threefourths, .progression-grid5column, .progression-grid5-twofifths, .progression-grid5-threefifths, .progression-grid5-fourfifth, .progression-grid6column, .progression-grid6-fivesixths { float:left; margin-right:2%; } .progression-grid2column { width:49%; } .progression-grid3column {width:32%;} .progression-grid3-twothirds {width:66%;} .progression-grid4column {width:23.5%;} .lt-ie8 .progression-grid4column {width:23%;} .progression-grid4-threefourths {width:74.5%;} .lt-ie8 .progression-grid4-threefourths {width:74.3%;} .progression-grid5column {width:18.35%;} .progression-grid5-twofifths {width:38.8%; } .progression-grid5-threefifths {width:59.1%;} .progression-grid5-fourfifth {width:79.5%;} .progression-grid6column {width:15%; } .progression-grid6-fivesixths {width:83%;} body .progression-lastcolumn {margin-right:0% !important;}