@charset "UTF-8"; /* ---------------------------------------------------------------------------- TABLE OF CONTENTS 1. BASE 1.1 Reset 1.2 Tools 2. DEFAULT STYLES 2.1 Typography 2.2 Images 2.3 Tables 2.4 Forms 3. ELEMENTS 3.1 Icons 3.2 Lists 3.3 Dropcaps 3.4 Buttons 3.5 Dividers 3.6 Messages 3.7 Quotes 3.8 Leads 3.9 Placeholders 3.10 Duplicators 3.11 Numbers 3.12 Frames 3.13 Audio Player 3.14 Breadcrumbs 3.15 Pagination 3.16 Heading groups 3.17 Boxes 3.18 Tables 3.19 Toggles 3.20 Tabs 3.21 Progress Bars 3.22 Progress Circles 3.23 Countdowns 3.24 Before & After 3.25 Carousel 3.26 Simple Sliders 3.27 Revolution Slider Customizations 3.28 Twitter 3.29 Google Maps 4. MODULES 4.1 Basic Entry 4.2 Aside Post Format 4.3 Audio Post Format 4.4 Chat Post Format 4.5 Image Post Format 4.6 Gallery Post Format 4.7 Link Post Format 4.8 Status Post Format 4.9 Quote Post Format 4.10 Video Post Format 4.11 Related Entries 4.12 Gallery 4.13 Galleria 4.14 Collections 4.15 Isotope 4.16 Widgets 4.17 Comments 4.18 About Author 4.19 Custom Fields 4.20 Sidebars 4.21 Side Navigation 4.22 Mediaboxes 5. GLOBAL LAYOUT 5.1 Body 5.2 Preheader 5.3 Header 5.4 Precontent 5.5 Content 5.6 Prefooter 5.7 Footer 6. PAGE SPECIFIC LAYOUT 6.1 Home 6.2 Pages 6.3 Posts 6.4 Works 6.5 Search 6.6 404 6.7 Extras 7. Plugins 7.1 WPML (the WordPress Multilingual Plugin 7.2 Sociable Plugin ---------------------------------------------------------------------------- */ /* ---------------------------------------------------------------------------- 1 . BASE ----------------------------------------------------------------------------- */ /* Rounded corners */ .g1-tl-squircle .g1-dropcap--solid, .g1-tl-squircle .g1-tabs--button .g1-tab-title, .g1-tl-squircle .g1-progress-bar__track, .g1-tl-squircle .g1-progress-bar__bar, .g1-tl-squircle .g1-simple-slider.g1-nav-coin-thumbs .g1-nav-coin li, .g1-tl-squircle .g1-collection--grid.g1-collection--masonry article { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; } .g1-tr-squircle .g1-dropcap--solid, .g1-tr-squircle .g1-tabs--button .g1-tab-title, .g1-tr-squircle .g1-progress-bar__track, .g1-tr-squircle .g1-progress-bar__bar, .g1-tr-squircle .g1-simple-slider.g1-nav-coin-thumbs .g1-nav-coin li, .g1-tr-squircle .g1-collection--grid.g1-collection--masonry article { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; } .g1-br-squircle .g1-dropcap--solid, .g1-br-squircle .g1-tabs--button .g1-tab-title, .g1-br-squircle .g1-progress-bar__track, .g1-br-squircle .g1-progress-bar__bar, .g1-br-squircle .g1-simple-slider.g1-nav-coin-thumbs .g1-nav-coin li, .g1-br-squircle .g1-collection--grid.g1-collection--masonry article, .g1-br-squircle .g1-collection--grid.g1-collection--masonry .g1-nonmedia { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .g1-bl-squircle .g1-dropcap--solid, .g1-bl-squircle .g1-tabs--button .g1-tab-title, .g1-bl-squircle .g1-progress-bar__track, .g1-bl-squircle .g1-progress-bar__bar, .g1-bl-squircle .g1-simple-slider.g1-nav-coin-thumbs .g1-nav-coin li, .g1-bl-squircle .g1-collection--grid.g1-collection--masonry article, .g1-bl-squircle .g1-collection--grid.g1-collection--masonry .g1-nonmedia { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .g1-tl-circle .g1-tabs--button .g1-tab-title, .g1-tl-circle .g1-collection--grid.g1-collection--masonry article { -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px; border-top-left-radius: 12px; } .g1-tr-circle .g1-tabs--button .g1-tab-title, .g1-tr-circle .g1-collection--grid.g1-collection--masonry article { -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; border-top-right-radius: 12px; } .g1-br-circle .g1-tabs--button .g1-tab-title, .g1-br-circle .g1-collection--grid.g1-collection--masonry article, .g1-br-circle .g1-collection--grid.g1-collection--masonry .g1-nonmedia { -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px; border-bottom-right-radius: 12px; } .g1-bl-circle .g1-tabs--button .g1-tab-title, .g1-bl-circle .g1-collection--grid.g1-collection--masonry article, .g1-bl-circle .g1-collection--grid.g1-collection--masonry .g1-nonmedia { -moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px; border-bottom-left-radius: 12px; } .cssanimations .g1-pagination a.prev:hover:after, .cssanimations .g1-html-rotator .g1-nav-direction__prev:hover:before, .cssanimations .g1-simple-slider-simple .g1-nav-direction__prev:hover:after, .cssanimations .g1-simple-slider-kenburns .g1-nav-direction__prev:hover:after, .cssanimations .g1-simple-slider-standout .g1-nav-direction__prev:hover:after, .cssanimations .g1-simple-slider-relay .g1-nav-direction__prev:hover:after, .cssanimations .tp-leftarrow:hover:before, .cssanimations .g1-twitter--carousel .g1-nav-direction__prev:hover:before, .cssanimations .g1-gmap-wrapper .g1-pan-control .g1-left:hover:before, .cssanimations .format-gallery .entry-featured-media .g1-nav-direction__prev:hover:before, .cssanimations #wp-calendar #prev a:hover:after { -webkit-animation: g1_horizontal_loop 0.35s ease-in-out; -moz-animation: g1_horizontal_loop 0.35s ease-in-out; -o-animation: g1_horizontal_loop 0.35s ease-in-out; animation: g1_horizontal_loop 0.35s ease-in-out; } .cssanimations .g1-pagination a.next:hover:after, .cssanimations .g1-html-rotator .g1-nav-direction__next:hover:before, .cssanimations .g1-simple-slider-simple .g1-nav-direction__next:hover:after, .cssanimations .g1-simple-slider-kenburns .g1-nav-direction__next:hover:after, .cssanimations .g1-simple-slider-standout .g1-nav-direction__next:hover:after, .cssanimations .g1-simple-slider-relay .g1-nav-direction__next:hover:after, .cssanimations .tp-rightarrow:hover:before, .cssanimations .g1-twitter--carousel .g1-nav-direction__next:hover:before, .cssanimations .g1-gmap-wrapper .g1-pan-control .g1-right:hover:before, .cssanimations .format-gallery .entry-featured-media .g1-nav-direction__next:hover:before, .cssanimations #wp-calendar #next a:hover:after { -webkit-animation: g1_horizontal_loop 0.35s ease-in-out reverse; -moz-animation: g1_horizontal_loop 0.35s ease-in-out reverse; -o-animation: g1_horizontal_loop 0.35s ease-in-out reverse; animation: g1_horizontal_loop 0.35s ease-in-out reverse; } .cssanimations .g1-gmap-wrapper .g1-pan-control .g1-top:hover:before, .cssanimations .g1-gmap-wrapper .g1-zoom-control .g1-zoom-in:hover:before, .cssanimations #g1-preheader__switch:hover:before, .cssanimations #g1-back-to-top:hover:before { -webkit-animation: g1_vertical_loop 0.35s ease-in-out; -moz-animation: g1_vertical_loop 0.35s ease-in-out; -o-animation: g1_vertical_loop 0.35s ease-in-out; animation: g1_vertical_loop 0.35s ease-in-out; } .cssanimations .g1-toggle__title:hover .g1-toggle__switch:before, .cssanimations .g1-toggle__title:hover .g1-toggle__switch:after, .cssanimations .g1-gmap-wrapper .g1-pan-control .g1-bottom:hover:before, .cssanimations .g1-gmap-wrapper .g1-zoom-control .g1-zoom-out:hover:before, .cssanimations #g1-preheader__switch:hover:after { -webkit-animation: g1_vertical_loop 0.35s ease-in-out reverse; -moz-animation: g1_vertical_loop 0.35s ease-in-out reverse; -o-animation: g1_vertical_loop 0.35s ease-in-out reverse; animation: g1_vertical_loop 0.35s ease-in-out reverse; } .clearfix:before, dl:before, .g1-icon-listing:before, .g1-frame:before, .g1-countdown:before, .countdown_row:before, .g1-html-rotator .g1-nav-coin:before, .g1-simple-slider .g1-slides:before, .g1-simple-slider .g1-nav-coin:before, .g1-gmap-wrapper .g1-zoom-control:before, .entry-content:before, .entry-featured-media:before, .g1-nav-single ol:before, .g1-gallery figure:before, .g1-gallery-items:before, .g1-gallery-thumbs:before, .gallery > ol:before, .commentlist header:before, .g1-mediabox--slider .g1-slides:before, .g1-mediabox--slider .g1-nav-coin:before, #g1-secondary-nav-menu:before, #g1-preheader-bar:before, #g1-primary-bar:before, #g1-footer-area:before, #g1-footer-nav-menu:before, .g1-mailchimp:before, #lang_sel:before, .clearfix:after, dl:after, .g1-icon-listing:after, .g1-frame:after, .g1-countdown:after, .countdown_row:after, .g1-html-rotator .g1-nav-coin:after, .g1-simple-slider .g1-slides:after, .g1-simple-slider .g1-nav-coin:after, .g1-gmap-wrapper .g1-zoom-control:after, .entry-content:after, .entry-featured-media:after, .g1-nav-single ol:after, .g1-gallery figure:after, .g1-gallery-items:after, .g1-gallery-thumbs:after, .gallery > ol:after, .commentlist header:after, .g1-mediabox--slider .g1-slides:after, .g1-mediabox--slider .g1-nav-coin:after, #g1-secondary-nav-menu:after, #g1-preheader-bar:after, #g1-primary-bar:after, #g1-footer-area:after, #g1-footer-nav-menu:after, .g1-mailchimp:after, #lang_sel:after { content: " "; display: table; } .clearfix:after, dl:after, .g1-icon-listing:after, .g1-frame:after, .g1-countdown:after, .countdown_row:after, .g1-html-rotator .g1-nav-coin:after, .g1-simple-slider .g1-slides:after, .g1-simple-slider .g1-nav-coin:after, .g1-gmap-wrapper .g1-zoom-control:after, .entry-content:after, .entry-featured-media:after, .g1-nav-single ol:after, .g1-gallery figure:after, .g1-gallery-items:after, .g1-gallery-thumbs:after, .gallery > ol:after, .commentlist header:after, .g1-mediabox--slider .g1-slides:after, .g1-mediabox--slider .g1-nav-coin:after, #g1-secondary-nav-menu:after, #g1-preheader-bar:after, #g1-primary-bar:after, #g1-footer-area:after, #g1-footer-nav-menu:after, .g1-mailchimp:after, #lang_sel:after { clear: both; } .g1-layout-inner { margin-left: auto; margin-right: auto; } .g1-preheader-layout-standard-narrow #g1-preheader .g1-layout-inner, .g1-header-layout-standard-narrow #g1-header .g1-layout-inner, .g1-precontent-layout-standard-narrow #g1-precontent .g1-layout-inner, .g1-content-layout-standard-narrow .g1-content .g1-layout-inner, .g1-prefooter-layout-standard-narrow #g1-prefooter .g1-layout-inner, .g1-footer-layout-standard-narrow #g1-footer .g1-layout-inner { max-width: 94.53125%; width: 968px; } .g1-preheader-layout-standard-narrow #g1-preheader > .g1-background, .g1-header-layout-standard-narrow #g1-header > .g1-background, .g1-precontent-layout-standard-narrow #g1-precontent > .g1-background, .g1-content-layout-standard-narrow .g1-content > .g1-background, .g1-prefooter-layout-standard-narrow #g1-prefooter > .g1-background, .g1-footer-layout-standard-narrow #g1-footer > .g1-background { width: 1024px; } .g1-preheader-layout-semi-narrow #g1-preheader .g1-layout-inner, .g1-header-layout-semi-narrow #g1-header .g1-layout-inner, .g1-precontent-layout-semi-narrow #g1-precontent .g1-layout-inner, .g1-content-layout-semi-narrow .g1-content .g1-layout-inner, .g1-prefooter-layout-semi-narrow #g1-prefooter .g1-layout-inner, .g1-footer-layout-semi-narrow #g1-footer .g1-layout-inner { max-width: 94.53125%; width: 968px; } .g1-preheader-layout-semi-narrow #g1-preheader > .g1-background, .g1-header-layout-semi-narrow #g1-header > .g1-background, .g1-precontent-layout-semi-narrow #g1-precontent > .g1-background, .g1-content-layout-semi-narrow .g1-content > .g1-background, .g1-prefooter-layout-semi-narrow #g1-prefooter > .g1-background, .g1-footer-layout-semi-narrow #g1-footer > .g1-background { width: 1136px; } .g1-preheader-layout-semi-standard #g1-preheader .g1-layout-inner, .g1-header-layout-semi-standard #g1-header .g1-layout-inner, .g1-precontent-layout-semi-standard #g1-precontent .g1-layout-inner, .g1-footer-layout-semi-standard #g1-footer .g1-layout-inner { max-width: 90.14084507%; width: 1024px; } @media only screen and (max-width: 1024px) { .g1-preheader-layout-semi-standard #g1-preheader .g1-layout-inner, .g1-header-layout-semi-standard #g1-header .g1-layout-inner, .g1-precontent-layout-semi-standard #g1-precontent .g1-layout-inner, .g1-footer-layout-semi-standard #g1-footer .g1-layout-inner { max-width: 94.53125%; } } @media only screen and (min-width: 1025px) and (max-width: 1080px) { .g1-preheader-layout-semi-standard #g1-preheader .g1-layout-inner, .g1-header-layout-semi-standard #g1-header .g1-layout-inner, .g1-precontent-layout-semi-standard #g1-precontent .g1-layout-inner, .g1-footer-layout-semi-standard #g1-footer .g1-layout-inner { max-width: 968px; } } @media only screen and (min-width: 1081px) and (max-width: 1136px) { .g1-preheader-layout-semi-standard #g1-preheader .g1-layout-inner, .g1-header-layout-semi-standard #g1-header .g1-layout-inner, .g1-precontent-layout-semi-standard #g1-precontent .g1-layout-inner, .g1-footer-layout-semi-standard #g1-footer .g1-layout-inner { max-width: 1024px; } } .g1-preheader-layout-semi-standard #g1-preheader > .g1-background, .g1-header-layout-semi-standard #g1-header > .g1-background, .g1-precontent-layout-semi-standard #g1-precontent > .g1-background, .g1-footer-layout-semi-standard #g1-footer > .g1-background { width: 1136px; } .g1-preheader-layout-wide-narrow #g1-preheader .g1-layout-inner, .g1-header-layout-wide-narrow #g1-header .g1-layout-inner, .g1-precontent-layout-wide-narrow #g1-precontent .g1-layout-inner, .g1-content-layout-wide-narrow .g1-content .g1-layout-inner, .g1-prefooter-layout-wide-narrow #g1-prefooter .g1-layout-inner, .g1-footer-layout-wide-narrow #g1-footer .g1-layout-inner { max-width: 94.53125%; width: 968px; } .g1-preheader-layout-wide-narrow #g1-preheader > .g1-background, .g1-header-layout-wide-narrow #g1-header > .g1-background, .g1-precontent-layout-wide-narrow #g1-precontent > .g1-background, .g1-content-layout-wide-narrow .g1-content > .g1-background, .g1-prefooter-layout-wide-narrow #g1-prefooter > .g1-background, .g1-footer-layout-wide-narrow #g1-footer > .g1-background { width: 100%; } .g1-preheader-layout-wide-standard #g1-preheader .g1-layout-inner, .g1-header-layout-wide-standard #g1-header .g1-layout-inner, .g1-precontent-layout-wide-standard #g1-precontent .g1-layout-inner, .g1-footer-layout-wide-standard #g1-footer .g1-layout-inner { max-width: 100%; width: 1024px; } @media only screen and (max-width: 1024px) { .g1-preheader-layout-wide-standard #g1-preheader .g1-layout-inner, .g1-header-layout-wide-standard #g1-header .g1-layout-inner, .g1-precontent-layout-wide-standard #g1-precontent .g1-layout-inner, .g1-footer-layout-wide-standard #g1-footer .g1-layout-inner { max-width: 94.53125%; } } @media only screen and (min-width: 1025px) and (max-width: 1080px) { .g1-preheader-layout-wide-standard #g1-preheader .g1-layout-inner, .g1-header-layout-wide-standard #g1-header .g1-layout-inner, .g1-precontent-layout-wide-standard #g1-precontent .g1-layout-inner, .g1-footer-layout-wide-standard #g1-footer .g1-layout-inner { max-width: none; width: auto; padding-left: 28px; padding-right: 28px; } } .g1-preheader-layout-wide-standard #g1-preheader > .g1-background, .g1-header-layout-wide-standard #g1-header > .g1-background, .g1-precontent-layout-wide-standard #g1-precontent > .g1-background, .g1-footer-layout-wide-standard #g1-footer > .g1-background { width: 100%; } .g1-preheader-layout-wide-semi #g1-preheader .g1-layout-inner, .g1-header-layout-wide-semi #g1-header .g1-layout-inner, .g1-precontent-layout-wide-semi #g1-precontent .g1-layout-inner, .g1-footer-layout-wide-semi #g1-footer .g1-layout-inner { max-width: 100%; width: 1136px; } @media only screen and (max-width: 1024px) { .g1-preheader-layout-wide-semi #g1-preheader .g1-layout-inner, .g1-header-layout-wide-semi #g1-header .g1-layout-inner, .g1-precontent-layout-wide-semi #g1-precontent .g1-layout-inner, .g1-footer-layout-wide-semi #g1-footer .g1-layout-inner { max-width: 94.53125%; } } @media only screen and (min-width: 1025px) and (max-width: 1192px) { .g1-preheader-layout-wide-semi #g1-preheader .g1-layout-inner, .g1-header-layout-wide-semi #g1-header .g1-layout-inner, .g1-precontent-layout-wide-semi #g1-precontent .g1-layout-inner, .g1-footer-layout-wide-semi #g1-footer .g1-layout-inner { max-width: none; width: auto; padding-left: 28px; padding-right: 28px; } } .g1-preheader-layout-wide-semi #g1-preheader > .g1-background, .g1-header-layout-wide-semi #g1-header > .g1-background, .g1-precontent-layout-wide-semi #g1-precontent > .g1-background, .g1-footer-layout-wide-semi #g1-footer > .g1-background { width: 100%; } .g1-preheader-layout-wide-wide #g1-preheader .g1-layout-inner, .g1-header-layout-wide-wide #g1-header .g1-layout-inner, .g1-precontent-layout-wide-wide #g1-precontent .g1-layout-inner, .g1-footer-layout-wide-wide #g1-footer .g1-layout-inner { max-width: none; width: auto; padding-left: 28px; padding-right: 28px; } @media only screen and (max-width: 1024px) { .g1-preheader-layout-wide-wide #g1-preheader .g1-layout-inner, .g1-header-layout-wide-wide #g1-header .g1-layout-inner, .g1-precontent-layout-wide-wide #g1-precontent .g1-layout-inner, .g1-footer-layout-wide-wide #g1-footer .g1-layout-inner { max-width: 94.53125%; width: 968px; padding-left: 0; padding-right: 0; } } .g1-preheader-layout-wide-wide #g1-preheader > .g1-background, .g1-header-layout-wide-wide #g1-header > .g1-background, .g1-precontent-layout-wide-wide #g1-precontent > .g1-background, .g1-footer-layout-wide-wide #g1-footer > .g1-background { width: 100%; } /* 1.1 Reset ----------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, abbr, acronym, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border-width: 0; border-style: solid; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } 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; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } /* Permanent vertical scrollbar */ html { overflow-y: scroll; overflow: -moz-scrollbars-vertical; } /* 1.2 Tools ----------------------------------------------------------------------------- */ /* Clearfix */ .clearfix:after, dl:after, .g1-icon-listing:after, .g1-frame:after, .g1-countdown:after, .countdown_row:after, .g1-html-rotator .g1-nav-coin:after, .g1-simple-slider .g1-slides:after, .g1-simple-slider .g1-nav-coin:after, .g1-gmap-wrapper .g1-zoom-control:after, .entry-content:after, .entry-featured-media:after, .g1-nav-single ol:after, .g1-gallery figure:after, .g1-gallery-items:after, .g1-gallery-thumbs:after, .gallery > ol:after, .commentlist header:after, .g1-mediabox--slider .g1-slides:after, .g1-mediabox--slider .g1-nav-coin:after, #g1-secondary-nav-menu:after, #g1-preheader-bar:after, #g1-primary-bar:after, #g1-footer-area:after, #g1-footer-nav-menu:after, .g1-mailchimp:after, #lang_sel:after { content: ""; visibility: hidden; display: block; clear: both; height: 0; } #ie7 .clearfix, #ie7 dl, #ie7 .g1-icon-listing, #ie7 .g1-frame, #ie7 .g1-countdown, #ie7 .countdown_row, #ie7 .g1-html-rotator .g1-nav-coin, .g1-html-rotator #ie7 .g1-nav-coin, #ie7 .g1-simple-slider .g1-slides, .g1-simple-slider #ie7 .g1-slides, #ie7 .g1-simple-slider .g1-nav-coin, .g1-simple-slider #ie7 .g1-nav-coin, #ie7 .g1-gmap-wrapper .g1-zoom-control, .g1-gmap-wrapper #ie7 .g1-zoom-control, #ie7 .entry-content, #ie7 .entry-featured-media, #ie7 .g1-nav-single ol, .g1-nav-single #ie7 ol, #ie7 .g1-gallery figure, .g1-gallery #ie7 figure, #ie7 .g1-gallery-items, #ie7 .g1-gallery-thumbs, #ie7 .gallery > ol, #ie7 .commentlist header, .commentlist #ie7 header, #ie7 .g1-mediabox--slider .g1-slides, .g1-mediabox--slider #ie7 .g1-slides, #ie7 .g1-mediabox--slider .g1-nav-coin, .g1-mediabox--slider #ie7 .g1-nav-coin, #ie7 #g1-secondary-nav-menu, #ie7 #g1-preheader-bar, #ie7 #g1-primary-bar, #ie7 #g1-footer-area, #ie7 #g1-footer-nav-menu, #ie7 .g1-mailchimp, #ie7 #lang_sel { zoom: 1; } .clear { display: block; clear: both; } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fade-out { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes g1_spin { 0% { -webkit-transform: rotate(0deg) translate3d(0, 0, 0) scale(1); } 100% { -webkit-transform: rotate(359deg) translate3d(0, 0, 0) scale(1); } } @-moz-keyframes g1_spin { 0% { -moz-transform: rotate(0deg) translate3d(0, 0, 0) scale(1); } 100% { -moz-transform: rotate(359deg) translate3d(0, 0, 0) scale(1); } } @-o-keyframes g1_spin { 0% { -o-transform: rotate(0deg) translate3d(0, 0, 0) scale(1); } 100% { -o-transform: rotate(359deg) translate3d(0, 0, 0) scale(1); } } @keyframes g1_spin { 0% { transform: rotate(0deg) translate3d(0, 0, 0) scale(1); } 100% { transform: rotate(359deg) translate3d(0, 0, 0) scale(1); } } @-webkit-keyframes g1_horizontal_loop { 0% { -webkit-transform: translate(0, 0); } 50% { -webkit-transform: translate(-50%, 0); } 50.01% { -webkit-transform: translate(50%, 0); } 100% { -webkit-transform: translate(0, 0); } } @-moz-keyframes g1_horizontal_loop { 0% { -moz-transform: translate(0, 0); } 50% { -moz-transform: translate(-50%, 0); } 50.01% { -moz-transform: translate(50%, 0); } 100% { -moz-transform: translate(0, 0); } } @-o-keyframes g1_horizontal_loop { 0% { -o-transform: translate(0, 0); } 50% { -o-transform: translate(-50%, 0); } 50.01% { -o-transform: translate(50%, 0); } 100% { -o-transform: translate(0, 0); } } @keyframes g1_horizontal_loop { 0% { transform: translate(0, 0); } 50% { transform: translate(-50%, 0); } 50.01% { transform: translate(50%, 0); } 100% { transform: translate(0, 0); } } @-webkit-keyframes g1_vertical_loop { 0% { -webkit-transform: translate(0, 0); } 50% { -webkit-transform: translate(0, -50%); } 50.01% { -webkit-transform: translate(0, 50%); } 100% { -webkit-transform: translate(0, 0); } } @-moz-keyframes g1_vertical_loop { 0% { -moz-transform: translate(0, 0); } 50% { -moz-transform: translate(0, -50%); } 50.01% { -moz-transform: translate(0, 50%); } 100% { -moz-transform: translate(0, 0); } } @-o-keyframes g1_vertical_loop { 0% { -o-transform: translate(0, 0); } 50% { -o-transform: translate(0, -50%); } 50.01% { -o-transform: translate(0, 50%); } 100% { -o-transform: translate(0, 0); } } @keyframes g1_vertical_loop { 0% { transform: translate(0, 0); } 50% { transform: translate(0, -50%); } 50.01% { transform: translate(0, 50%); } 100% { transform: translate(0, 0); } } @-webkit-keyframes g1_short_from_left { 0% { -webkit-transform: translate(-100%, 0); } 100% { -webkit-transform: translate(0, 0); } } @-moz-keyframes g1_short_from_left { 0% { -moz-transform: translate(-100%, 0); } 100% { -moz-transform: translate(0, 0); } } @-o-keyframes g1_short_from_left { 0% { -o-transform: translate(-100%, 0); } 100% { -o-transform: translate(0, 0); } } @keyframes g1_short_from_left { 0% { transform: translate(-100%, 0); } 100% { transform: translate(0, 0); } } @-webkit-keyframes g1_short_from_right { 0% { -webkit-transform: translate(100%, 0); } 100% { -webkit-transform: translate(0, 0); } } @-moz-keyframes g1_short_from_right { 0% { -moz-transform: translate(100%, 0); } 100% { -moz-transform: translate(0, 0); } } @-o-keyframes g1_short_from_right { 0% { -o-transform: translate(100%, 0); } 100% { -o-transform: translate(0, 0); } } @keyframes g1_short_from_right { 0% { transform: translate(100%, 0); } 100% { transform: translate(0, 0); } } /* Fluid (responsive) wrapper for iframes, objects, embeds */ .g1-fluid-wrapper { max-width: 100%; margin: 0 0 1.5em; } .g1-fluid-wrapper > div { width: 100%; height: 0; padding-bottom: 56.25%; position: relative; } .g1-fluid-wrapper > div > iframe, .g1-fluid-wrapper > div > object, .g1-fluid-wrapper > div > embed { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .mfp-content .g1-fluid-wrapper { margin-left: auto; margin-right: auto; } .g1-fluid-wrapper--16x9 { width: 9999px; } /* Assistive text */ .assistive-text, .screen-reader-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* ---------------------------------------------------------------------------- 2 . DEFAULT STYLES ----------------------------------------------------------------------------- */ /* 2.1 Typography ----------------------------------------------------------------------------- */ body { font-family: Helvetica, Arial, serif; line-height: 1.5; -webkit-font-smoothing: antialiased; } .g1-font-regular-xs { font-size: 12px; } .g1-font-regular-xs .g1-dropdown li li a, .g1-font-regular-xs .g1-meta { font-size: 11px; } .g1-font-regular-s { font-size: 13px; } .g1-font-regular-s .g1-dropdown li li a, .g1-font-regular-s .g1-meta { font-size: 11px; } .g1-font-regular-m { font-size: 14px; } .g1-font-regular-m .g1-dropdown li li a, .g1-font-regular-m .g1-meta { font-size: 12px; } .g1-font-regular-l { font-size: 15px; } .g1-font-regular-l .g1-dropdown li li a, .g1-font-regular-l .g1-meta { font-size: 12px; } .g1-font-regular-xl { font-size: 16px; } .g1-font-regular-xl .g1-dropdown li li a, .g1-font-regular-xl .g1-meta { font-size: 13px; } h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, dl, ol, ul, table, legend, hr, figure { margin-bottom: 21px; margin-bottom: 1.5rem; } h1, .g1-h1 { line-height: 1.10000000; font-weight: normal; } h2, .g1-h2 { line-height: 1.16666667; font-weight: normal; } h3, .g1-h3 { line-height: 1.25000000; font-weight: normal; } h4, .g1-h4 { line-height: 1.33333333; font-weight: normal; } h5, .g1-h5 { line-height: 1.57142857; font-weight: normal; } h6, .g1-h6 { line-height: 1.57142857; font-weight: normal; } /* Subheadings */ h1 + h3, h1 + .g1-h3, .g1-h1 + h3, .g1-h1 + .g1-h3, h1 + h4, h1 + .g1-h4, .g1-h1 + h4, .g1-h1 + .g1-h4, h1 + h5, h1 + .g1-h5, .g1-h1 + h5, .g1-h1 + .g1-h5, h1 + h6, h1 + .g1-h6, .g1-h1 + h6, .g1-h1 + .g1-h6, h2 + h4, h2 + .g1-h4, .g1-h2 + h4, .g1-h2 + .g1-h4, h2 + h5, h2 + .g1-h5, .g1-h2 + h5, .g1-h2 + .g1-h5, h2 + h6, h2 + .g1-h6, .g1-h2 + h6, .g1-h2 + .g1-h6, h3 + h5, h3 + .g1-h5, .g1-h3 + h5, .g1-h3 + .g1-h5, h3 + h6, h3 + .g1-h6, .g1-h3 + h6, .g1-h3 + .g1-h6, h4 + h6, h4 + .g1-h6, .g1-h4 + h6, .g1-h4 + .g1-h6, h1 + .g1-meta, .g1-h1 + .g1-meta, h2 + .g1-meta, .g1-h2 + .g1-meta, h3 + .g1-meta, .g1-h3 + .g1-meta, h4 + .g1-meta, .g1-h4 + .g1-meta, h5 + .g1-meta, .g1-h5 + .g1-meta, h6 + .g1-meta, .g1-h6 + .g1-meta, .g1-hgroup + .g1-meta { margin-top: -21px; margin-top: -1.5rem; } @media only screen and (min-width: 601px) and (max-width: 960px) { h1, .g1-h1 { font-size: 48px; } h2, .g1-h2 { font-size: 30px; } } @media only screen and (max-width: 600px) { h1, .g1-h1 { font-size: 30px; } h2, .g1-h2 { font-size: 24px; } h3, .g1-h3 { font-size: 18px; } h4, .g1-h4 { font-size: 14px; } h5, .g1-h5 { font-size: 12px; text-transform: uppercase; } } body { background-color: #ffffff; } ul { margin-left: 2em; list-style-type: circle; } ul ul, ul ol { margin-top: 1.5em; } ol { margin-left: 2em; list-style-type: decimal; } ol ul, ol ol { margin-top: 1.5em; } dl { margin-bottom: 1.5em; } dt { padding: 0 0.75em 0 0; clear: both; float: left; font-weight: bold; } dd { margin-bottom: 0.75em; float: left; } pre, code, kbd, samp { font-family: "Lucida Console", Courier, "DejaVu Sans Mono", monospace, sans-serif; } pre { overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } code { padding: 0 10px; border-width: 1px; } pre code { padding: 0.75em; display: block; border-width: 0; } blockquote { min-height: 32px; padding: 0 22px; } a { cursor: pointer; text-decoration: none; border-width: 0; border-style: solid; } a:hover, a:active { outline: none; } /* Avoid grey background in IE10 */ a:active { background: none; } small { font-size: 11px; } small h1, small h2, h3 small { font-size: 75%; } strong { font-weight: bold; } dfn, em, q, cite { font-weight: normal; font-style: italic; } del { text-decoration: line-through; } sub, sup { position: relative; font-size: 75%; line-height: 0; } sup { top: -0.5em; } sub { bottom: -0.25em; } h1 sub, h2 sub, h3 sub { font-size: 50%; bottom: 0; } h1 sup, h2 sup, h3 sup { font-size: 50%; top: -0.75em; } abbr, acronym { text-transform: uppercase; } hr { margin: 1.5em 0; border-style: solid; border-width: 1px 0 0; } /* ----->>> IMAGES <<<-------------------------------------------------------------------------- */ img { max-width: 100%; height: auto; } #ie7 img { -ms-interpolation-mode: bicubic; } #ie8 img { width: auto; } video, embed, object, iframe { max-width: 100%; } .alignleft { margin: 0 1.5em 0.75em 0; float: left; } .alignright { margin: 0 0 0.75em 1.5em; float: right; } .aligncenter { margin: 0 auto; display: block; } /* Responsive captions */ .mceTemp, .wp-caption, .wp-caption-dt, .wp-caption-dd { max-width: 100%; } .wp-caption-text { font: italic 12px/18px Georgia, sans-serif; text-align: center; } .gallery-caption { text-transform: none; } /* ----->>> TABLES <<<-------------------------------------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; } table caption { width: 100%; padding: 6px 10px; } th { font-weight: bold; vertical-align: bottom; } td { font-weight: normal; vertical-align: top; } /* --- Text highlighting ----------------------------------------------------------------------- */ ins { color: #333; background-color: #c1f7ff; } mark { padding: 0 0.33em; } /* ----->>> FORMS <<<--------------------------------------------------------------------------- */ fieldset { display: table-column; min-width: inherit; } legend { font-size: 1.5em; font-weight: normal; } label { margin: 2px 0; padding: 10px 0; display: inline-block; vertical-align: top; } input, select, textarea, button { margin: 2px 0; font-family: inherit; font-size: inherit; vertical-align: top; border-style: solid; } input[type=tel], input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type=color], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=email], input[type=number], input[type=password], input[type=search], input[type=text], input[type=url], select, textarea { padding: 8px 8px; border-width: 2px; background: #fff; color: #666; -webkit-transition: background-color 0.5s ease-out, box-shadow 0.5s ease-out; -moz-transition: background-color 0.5s ease-out, box-shadow 0.5s ease-out; -o-transition: background-color 0.5s ease-out, box-shadow 0.5s ease-out; transition: background-color 0.5s ease-out, box-shadow 0.5s ease-out; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0); box-shadow: 0 0 8px rgba(0, 0, 0, 0); } input[type=color]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=text]:focus, input[type=url]:focus, select:focus, textarea:focus { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); } input[type=checkbox], input[type=file], input[type=image], input[type=radio] { width: auto; padding: 0; border: none; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; } input[type=checkbox] { margin: 14px 5px 14px 0; background: cyan; } input[type=image] { background: none; } select { max-width: 100%; /* Take care of very long options */ } optgroup { font-style: normal; } option { padding: 0 10px; } /* Hide clear icon in IE */ input::-ms-clear { display: none; } /* FF button height fix */ input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; } /* Input Placeholders */ input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: inherit; opacity: 0.5; } input::-moz-placeholder, textarea::-moz-placeholder { color: inherit; opacity: 0.5; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: inherit; opacity: 0.5; } /* Extra classes */ .g1-form-row { max-width: 100%; margin: 0 0 0.75em 0; } .form-row { margin: 0 0 10px 0; } .form-row-error input, .form-row-error select, .form-row-error textarea { border-color: #ff8080 !important; } .form-message { padding: 0 0 4px 0; font-size: 12px; line-height: 18px; } .form-message:before { padding-right: 8px; font-size: 14px; font-family: FontAwesome; content: "\f06a"; color: #ff8080; } p.form-submit { margin-bottom: 0; } /* ---------------------------------------------------------------------------- 3 . ELEMENTS ----------------------------------------------------------------------------- */ /* 3.1 Icon Font ----------------------------------------------------------------------------- */ /* =icon-font */ @font-face { font-family: 'FontAwesome'; src: url("./fontface-kits/font-awesome/fontawesome-webfont.eot"); src: url("./fontface-kits/font-awesome/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("./fontface-kits/font-awesome/fontawesome-webfont.woff") format("woff"), url("./fontface-kits/font-awesome/fontawesome-webfont.ttf") format("truetype"), url("./fontface-kits/font-awesome/fontawesome-webfont.svg#LayerDingbatsRegular") format("svg"); font-weight: normal; font-style: normal; } i[class^="icon-"], i[class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline; width: auto; height: auto; vertical-align: baseline; letter-spacing: normal; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } i[class^="icon-"]:before, i[class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-repeat:before, .icon-rotate-right:before { content: "\f01e"; } /* F020 doesn't work in Safari. all shifted one down */ .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-share-alt:before, .icon-mail-forward:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up:before { content: "\f087"; } .icon-thumbs-down:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope-alt:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-undo:before, .icon-rotate-left:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-reply:before, .icon-mail-reply:before { content: "\f112"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } .icon-expand-alt:before { content: "\f116"; } .icon-collapse-alt:before { content: "\f117"; } .icon-smile:before { content: "\f118"; } .icon-frown:before { content: "\f119"; } .icon-meh:before { content: "\f11a"; } .icon-gamepad:before { content: "\f11b"; } .icon-keyboard:before { content: "\f11c"; } .icon-flag-alt:before { content: "\f11d"; } .icon-flag-checkered:before { content: "\f11e"; } .icon-terminal:before { content: "\f120"; } .icon-code:before { content: "\f121"; } .icon-reply-all:before { content: "\f122"; } .icon-mail-reply-all:before { content: "\f122"; } .icon-star-half-full:before, .icon-star-half-empty:before { content: "\f123"; } .icon-location-arrow:before { content: "\f124"; } .icon-crop:before { content: "\f125"; } .icon-code-fork:before { content: "\f126"; } .icon-unlink:before { content: "\f127"; } .icon-question:before { content: "\f128"; } .icon-info:before { content: "\f129"; } .icon-exclamation:before { content: "\f12a"; } .icon-superscript:before { content: "\f12b"; } .icon-subscript:before { content: "\f12c"; } .icon-eraser:before { content: "\f12d"; } .icon-puzzle-piece:before { content: "\f12e"; } .icon-microphone:before { content: "\f130"; } .icon-microphone-off:before { content: "\f131"; } .icon-shield:before { content: "\f132"; } .icon-calendar-empty:before { content: "\f133"; } .icon-fire-extinguisher:before { content: "\f134"; } .icon-rocket:before { content: "\f135"; } .icon-maxcdn:before { content: "\f136"; } .icon-chevron-sign-left:before { content: "\f137"; } .icon-chevron-sign-right:before { content: "\f138"; } .icon-chevron-sign-up:before { content: "\f139"; } .icon-chevron-sign-down:before { content: "\f13a"; } .icon-html5:before { content: "\f13b"; } .icon-css3:before { content: "\f13c"; } .icon-anchor:before { content: "\f13d"; } .icon-unlock-alt:before { content: "\f13e"; } .icon-bullseye:before { content: "\f140"; } .icon-ellipsis-horizontal:before { content: "\f141"; } .icon-ellipsis-vertical:before { content: "\f142"; } .icon-rss-sign:before { content: "\f143"; } .icon-play-sign:before { content: "\f144"; } .icon-ticket:before { content: "\f145"; } .icon-minus-sign-alt:before { content: "\f146"; } .icon-check-minus:before { content: "\f147"; } .icon-level-up:before { content: "\f148"; } .icon-level-down:before { content: "\f149"; } .icon-check-sign:before { content: "\f14a"; } .icon-edit-sign:before { content: "\f14b"; } .icon-external-link-sign:before { content: "\f14c"; } .icon-share-sign:before { content: "\f14d"; } .icon-compass:before { content: "\f14e"; } .icon-collapse:before { content: "\f150"; } .icon-collapse-top:before { content: "\f151"; } .icon-expand:before { content: "\f152"; } .icon-euro:before, .icon-eur:before { content: "\f153"; } .icon-gbp:before { content: "\f154"; } .icon-dollar:before, .icon-usd:before { content: "\f155"; } .icon-rupee:before, .icon-inr:before { content: "\f156"; } .icon-yen:before, .icon-jpy:before { content: "\f157"; } .icon-renminbi:before, .icon-cny:before { content: "\f158"; } .icon-won:before, .icon-krw:before { content: "\f159"; } .icon-bitcoin:before, .icon-btc:before { content: "\f15a"; } .icon-file:before { content: "\f15b"; } .icon-file-text:before { content: "\f15c"; } .icon-sort-by-alphabet:before { content: "\f15d"; } .icon-sort-by-alphabet-alt:before { content: "\f15e"; } .icon-sort-by-attributes:before { content: "\f160"; } .icon-sort-by-attributes-alt:before { content: "\f161"; } .icon-sort-by-order:before { content: "\f162"; } .icon-sort-by-order-alt:before { content: "\f163"; } .icon-thumbs-up:before { content: "\f164"; } .icon-thumbs-down:before { content: "\f165"; } .icon-youtube-sign:before { content: "\f166"; } .icon-youtube:before { content: "\f167"; } .icon-xing:before { content: "\f168"; } .icon-xing-sign:before { content: "\f169"; } .icon-youtube-play:before { content: "\f16a"; } .icon-dropbox:before { content: "\f16b"; } .icon-stackexchange:before { content: "\f16c"; } .icon-instagram:before { content: "\f16d"; } .icon-flickr:before { content: "\f16e"; } .icon-adn:before { content: "\f170"; } .icon-bitbucket:before { content: "\f171"; } .icon-bitbucket-sign:before { content: "\f172"; } .icon-tumblr:before { content: "\f173"; } .icon-tumblr-sign:before { content: "\f174"; } .icon-long-arrow-down:before { content: "\f175"; } .icon-long-arrow-up:before { content: "\f176"; } .icon-long-arrow-left:before { content: "\f177"; } .icon-long-arrow-right:before { content: "\f178"; } .icon-apple:before { content: "\f179"; } .icon-windows:before { content: "\f17a"; } .icon-android:before { content: "\f17b"; } .icon-linux:before { content: "\f17c"; } .icon-dribble:before { content: "\f17d"; } .icon-skype:before { content: "\f17e"; } .icon-foursquare:before { content: "\f180"; } .icon-trello:before { content: "\f181"; } .icon-female:before { content: "\f182"; } .icon-male:before { content: "\f183"; } .icon-gittip:before { content: "\f184"; } .icon-sun:before { content: "\f185"; } .icon-moon:before { content: "\f186"; } .icon-archive:before { content: "\f187"; } .icon-bug:before { content: "\f188"; } .icon-vk:before { content: "\f189"; } .icon-weibo:before { content: "\f18a"; } .icon-renren:before { content: "\f18b"; } .g1-icon-listing { margin: 0 0 1.5em; list-style: none; } .g1-icon-listing li { float: left; margin: 0 10px 10px 0; } .g1-icon-listing i { font-size: 28px; } i[class*="icon-"] { text-align: center; display: inline-block; } i.g1-icon--small { width: 30px; height: 30px; border-width: 1px; } i.g1-icon--small:before { margin-top: -7px; font-size: 14px; line-height: 14px; } i.g1-icon--medium { width: 52px; height: 52px; border-width: 2px; } i.g1-icon--medium:before { margin-top: -14px; font-size: 28px; line-height: 28px; } i.g1-icon--big { width: 78px; height: 78px; border-width: 3px; } i.g1-icon--big:before { margin-top: -21px; font-size: 42px; line-height: 42px; } .g1-icon--simple, .g1-icon--solid { position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .g1-icon--simple:before, .g1-icon--solid:before { width: 100%; position: absolute; left: 0; top: 50%; text-align: center; } i.g1-icon--none { width: auto; height: auto; line-height: inherit; border: none; } i.g1-icon--simple { background-color: transparent !important; } i.g1-icon { margin-right: 5px; position: relative; top: -0.1em; } h1 i.g1-icon, .g1-h1 i.g1-icon, h2 i.g1-icon, .g1-h2 i.g1-icon, h3 i.g1-icon, .g1-h3 i.g1-icon, h4 i.g1-icon, .g1-h4 i.g1-icon, h5 i.g1-icon, .g1-h5 i.g1-icon, h6 i.g1-icon, .g1-h6 i.g1-icon { vertical-align: middle; } /* 3.2 Lists ----------------------------------------------------------------------------- */ .g1-list--upper-roman { list-style-type: upper-roman; } .g1-list--lower-roman { list-style-type: lower-roman; } .g1-list--upper-alpha { list-style-type: upper-alpha; } .g1-list--lower-alpha { list-style-type: lower-alpha; } .g1-list--lower-greek { list-style-type: lower-greek; } .g1-list--square { list-style-type: square; } .g1-list--circle { list-style-type: circle; } .g1-list--disc { list-style-type: disc; } .g1-list--decimal { list-style-type: decimal; } .g1-list--icon { margin-left: 0; list-style-type: none; } .g1-list--icon li { position: relative; padding-left: 28px; } .g1-list--icon li > i[class*="icon-"]:first-child { width: 14px; margin-right: 8px; margin-left: -22px; font: 14px/14px FontAwesome; } .g1-list--icon ul { margin-left: 22px; } .g1-list--empty { margin-left: 0; list-style: none; } .g1-list--empty ul { margin-left: 22px; } .g1-list--simple li { padding-bottom: 0.375em; } .g1-list--simple li + li { padding-top: 0.375em; border-width: 1px 0 0; } /* 3.3 Dropcaps ----------------------------------------------------------------------------- */ /* =dropcaps */ .g1-dropcap { float: left; display: block; text-transform: uppercase; } .g1-font-regular-xs .g1-dropcap { max-height: 36px; } .g1-font-regular-s .g1-dropcap { max-height: 39px; } .g1-font-regular-m .g1-dropcap { max-height: 42px; } .g1-font-regular-l .g1-dropcap { max-height: 45px; } .g1-font-regular-xl .g1-dropcap { max-height: 48px; } /* =style-simple */ .g1-dropcap--simple { height: 3em; margin-right: 0.25em; font-size: 44px; line-height: 44px; } /* =style-solid */ .g1-dropcap--solid { width: 3em; margin-right: 0.5em; overflow: hidden; position: relative; } .g1-font-regular-xs .g1-dropcap--solid { max-width: 36px; height: 36px; } .g1-font-regular-s .g1-dropcap--solid { max-width: 39px; height: 39px; } .g1-font-regular-m .g1-dropcap--solid { max-width: 42px; height: 42px; } .g1-font-regular-l .g1-dropcap--solid { max-width: 45px; height: 45px; } .g1-font-regular-xl .g1-dropcap--solid { max-width: 48px; height: 48px; } .g1-dropcap--solid span { width: 18px; height: 18px; margin-top: -9px; margin-left: -9px; display: block; position: absolute; left: 50%; top: 50%; text-align: center; font-size: 18px; line-height: 18px; } /* =rounded-corners */ .g1-tl-circle .g1-dropcap--solid { -moz-border-radius-topleft: 1em; -webkit-border-top-left-radius: 1em; border-top-left-radius: 1em; } .g1-tr-circle .g1-dropcap--solid { -moz-border-radius-topright: 1em; -webkit-border-top-right-radius: 1em; border-top-right-radius: 1em; } .g1-br-circle .g1-dropcap--solid { -moz-border-radius-bottomright: 1em; -webkit-border-bottom-right-radius: 1em; border-bottom-right-radius: 1em; } .g1-bl-circle .g1-dropcap--solid { -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; border-bottom-left-radius: 1em; } /* 3.4 Buttons ----------------------------------------------------------------------------- */ /* =Button */ input[type=button], input[type=submit], button, .g1-button { margin-top: 2px; margin-bottom: 21px; margin-bottom: 1.5rem; margin-right: 0.2px; /*IE8 inline-block fix*/ padding: 8px 28px; border-width: 2px; display: inline-block; position: relative; cursor: pointer; text-decoration: none; text-align: center; vertical-align: middle; zoom: 1; -webkit-transition: background-color 0.175s ease-in-out, border-color 0.175s ease-in-out, color 0.175s ease-in-out; -moz-transition: background-color 0.175s ease-in-out, border-color 0.175s ease-in-out, color 0.175s ease-in-out; -o-transition: background-color 0.175s ease-in-out, border-color 0.175s ease-in-out, color 0.175s ease-in-out; transition: background-color 0.175s ease-in-out, border-color 0.175s ease-in-out, color 0.175s ease-in-out; /* Second line */ } form input[type=button], form input[type=submit], form button, form .g1-button { margin-bottom: 2px; } input[type=button] i, input[type=submit] i, button i, .g1-button i { margin-right: 8px; font-size: 14px; font-family: FontAwesome; } input[type=button] small, input[type=submit] small, button small, .g1-button small { margin-top: 2px; display: block; font: 11px/14px Arial, sans-serif; font-weight: normal; letter-spacing: normal; opacity: 0.66; } /* Small buttons */ .g1-button--small { padding: 5px 19px; border-width: 1px; } .g1-font-regular-xs .g1-button--small { font-size: 11px; } .g1-font-regular-s .g1-button--small { font-size: 11px; } .g1-font-regular-m .g1-button--small { font-size: 12px; } .g1-font-regular-l .g1-button--small { font-size: 13px; } .g1-font-regular-xl .g1-button--small { font-size: 13px; } /* Big buttons */ .g1-button--big { padding: 15px 37px; border-width: 3px; } .g1-font-regular-xs .g1-button--big { font-size: 16px; } .g1-font-regular-s .g1-button--big { font-size: 17px; } .g1-font-regular-m .g1-button--big { font-size: 18px; } .g1-font-regular-l .g1-button--big { font-size: 19px; } .g1-font-regular-xl .g1-button--big { font-size: 20px; } /* Wide buttons */ .g1-button--wide { display: block; } .g1-button--divider { margin-bottom: 1.5em; overflow: hidden; text-align: center; } /* divider buttons */ .g1-button--divider { margin-bottom: 0; display: inline-block; position: relative; } .g1-button--divider:before, .g1-button--divider:after { width: 1000px; height: 6px; display: block; position: absolute; top: 50%; border-style: solid; border-width: 1px 0 0; content: ""; } .g1-button--divider:before { margin-right: 20px; right: 100%; } .g1-button--divider:after { margin-left: 20px; left: 100%; } /* 3.5 Dividers ----------------------------------------------------------------------------- */ /* =space */ .g1-space { display: block; } /* =Dividers */ .g1-divider { margin: 1.5em auto 3em; clear: both; position: relative; text-align: center; } .g1-divider span { position: relative; display: inline-block; border-colot: inherit; } .g1-divider span:before, .g1-divider span:after { width: 1000px; height: 0; display: block; position: absolute; top: 50%; border-width: 1px 0 0; border-style: solid; border-color: inherit; content: ""; } .g1-divider span:before { right: 100%; } .g1-divider span:after { left: 100%; } .g1-divider i { padding-left: 20px; padding-right: 20px; font-size: 28px; line-height: 28px; } .g1-divider--icon { width: 66%; overflow: hidden; } .g1-divider--noicon { border-width: 1px 0 0; } .g1-divider--simple { position: relative; } .g1-divider--simple:before { width: 24px; height: 1px; display: block; position: absolute; left: 0; top: -1px; z-index: 2; content: ""; } .g1-divider-top { width: 100%; height: auto; display: block; clear: both; position: relative; margin: 3em 0 1.5em; top: -9px; overflow: hidden; font: 10px/15px Arial, sans-serif; } .g1-divider-top div { height: 1px; margin-top: 8px; overflow: hidden; white-space: nowrap; border-width: 1px 0 0 0; } .g1-divider-top a { margin-left: 10px; float: right; } /* 3.6 Messages ----------------------------------------------------------------------------- */ /* =message */ .g1-message { margin-bottom: 1.5em; position: relative; color: #ffffff; } .g1-message > .g1-inner { padding: 1.5em 1.5em 1.5em 5em; } .g1-message > .g1-inner:before { width: 32px; height: 32px; display: block; position: absolute; left: 20px; top: 14px; text-align: center; font: 14px/32px FontAwesome; border: 1px solid #ffffff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; color: #ffffff; } /* color schemes */ .g1-message--success { background-color: #35bc98; } .g1-message--success > .g1-inner:before { content: "\f00c"; } .g1-message--info { background-color: #3e96e1; } .g1-message--info > .g1-inner:before { content: "\f0eb"; } .g1-message--warning { background-color: #ffaf15; } .g1-message--warning > .g1-inner:before { content: "\f0a2"; } .g1-message--error { background-color: #e74c39; } .g1-message--error > .g1-inner:before { content: "\f0e7"; } /* 3.7 Quotes ----------------------------------------------------------------------------- */ /* =Quotes =Pullquotes =Blockquotes =Testimonials */ blockquote { margin: 1.5em 0; padding: 1.5em 3em 0 3em; position: relative; border-width: 1px 0; } blockquote:before { display: block; position: absolute; left: 0.75em; font: 14px/14px FontAwesome; content: "\f10d"; } .g1-quote > .g1-inner { position: relative; } .g1-quote figcaption { padding: 3px 0 0 50px; min-height: 40px; display: inline-block; overflow: hidden; position: relative; } .g1-quote figcaption img { width: 40px; height: 40px; display: block; position: absolute; left: 0; top: 0; } .g1-quote figcaption strong { display: block; float: left; } .g1-quote figcaption span { display: block; clear: left; float: left; } .g1-quote__image { width: 40px; height: 40px; display: block; position: absolute; left: 0; top: 0; background: cyan; } .g1-quote__image:before { width: 100%; height: 14px; margin-top: -7px; position: absolute; left: 0; top: 50%; text-align: center; font: 14px/14px FontAwesome; content: "\f007"; } .g1-quote--medium .g1-inner { font-size: 18px; line-height: 24px; } .g1-quote--big .g1-inner { font-size: 24px; line-height: 30px; } /* Solid style */ .g1-quote--solid { margin: 0 0 1.5em; } .g1-quote--solid > .g1-inner { padding: 22px 22px 1px; position: relative; border-style: solid; } .g1-quote--solid > .g1-inner:before { width: 0; display: block; content: ""; position: absolute; bottom: -16px; left: 42px; border-width: 8px; border-style: solid outset outset solid; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; } .g1-quote--solid.g1-quote--medium > .g1-inner { padding: 22px 33px 1px; } .g1-quote--solid.g1-quote--big > .g1-inner { padding: 33px 44px 11px; } .g1-quote--solid figcaption { margin: 1em 0 0 0; text-align: left; } /* Simple style */ .g1-quote--simple > .g1-inner p { quotes: none; } .g1-quote--simple > .g1-inner p:before { content: "\201c"; } .g1-quote--simple > .g1-inner p:after { content: "\201d"; } .g1-quote--simple figcaption { margin-top: -0.75em; position: relative; } /* Unstyled */ .g1-quote--none figcaption { margin-top: -11px; position: relative; } .g1-quote--none figcaption:before { content: "— "; } .g1-quote--none figcaption:after { content: " —"; } /* 3.8 Leads ----------------------------------------------------------------------------- */ /* =Lead */ .g1-lead { margin-bottom: 1.5em; overflow: hidden; } .g1-lead p { font-size: 125%; } /* 3.9 Placeholders ----------------------------------------------------------------------------- */ .g1-placeholder { width: 9999px; max-width: 100%; margin: 0 0 1.5em; display: block; position: relative; } .g1-placeholder.aligncenter { margin-left: auto; margin-right: auto; } .g1-placeholder > .g1-inner { width: 100%; height: 0; display: block; } .g1-placeholder i { width: 56px; height: 56px; margin-left: -28px; margin-top: -28px; display: block; position: absolute; left: 50%; top: 50%; text-align: center; font-family: FontAwesome; font-size: 28px; line-height: 56px; cursor: default; } .g1-frame .g1-placeholder { margin: 0; } /* 3.10 Duplicators ----------------------------------------------------------------------------- */ /* =duplicators */ .g1-duplicator { margin: -4px 0 1.5em 0; display: block; } .g1-duplicate { margin: 4px 4px 0 0; float: left; } .g1-duplicate i { width: 28px; height: 28px; display: block; cursor: default; text-align: left; font: 28px/28px FontAwesome; } .g1-duplicator--left .g1-duplicate { float: right; } .g1-duplicates-wrapper { overflow: hidden; display: inline-block; } /* 3.11 Numbers ----------------------------------------------------------------------------- */ /* =numbers */ .g1-numbers { margin: 0 0 1.5em; } .g1-numbers:after { display: table; clear: both; content: ""; } .g1-numbers__title { float: left; line-height: 1; } .g1-numbers__icon { padding-right: 10px; display: inline-block; float: left; line-height: 1; text-align: center; } .g1-numbers__description { clear: both; } /* Small size */ .g1-numbers--small .g1-numbers__title { font-size: 28px; } .g1-numbers--small .g1-numbers__icon { width: 28px; font-size: 28px; } .g1-numbers--small.g1-numbers--icon .g1-numbers__description { padding-left: 38px; } /* Medium size */ .g1-numbers--medium .g1-numbers__title { font-size: 42px; } .g1-numbers--medium .g1-numbers__icon { width: 42px; font-size: 42px; } .g1-numbers--medium.g1-numbers--icon .g1-numbers__description { padding-left: 52px; } /* Big size */ .g1-numbers--big .g1-numbers__title { font-size: 56px; } .g1-numbers--big .g1-numbers__icon { width: 56px; font-size: 56px; } .g1-numbers--big.g1-numbers--icon .g1-numbers__description { padding-left: 66px; } /* 3.12 Frames ----------------------------------------------------------------------------- */ /* =frame */ .g1-frame { max-width: 100%; margin: 0 auto 1.5em; display: block; text-align: center; } .g1-frame img, .g1-frame object, .g1-frame video, .g1-frame iframe { display: block; } .g1-frame--left, .g1-frame--right { margin-bottom: 1em; display: inline; } .g1-frame--left { margin-right: 1.625em; float: left; } .g1-frame--right { margin-left: 1.625em; float: right; } /* =decorator */ .g1-frame > .g1-decorator { max-width: 100%; display: inline-block; position: relative; vertical-align: bottom; } .g1-frame--simple > .g1-decorator { padding: 6px; border-width: 1px; } .g1-frame--solid > .g1-decorator { padding: 6px; border-width: 1px; } .g1-frame--circle > .g1-decorator { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .g1-frame--circle > .g1-decorator img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .g1-decorator { max-width: 100%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* =Indicators */ .g1-indicator { width: 60px; height: 60px; margin-top: -30px; margin-left: -30px; display: block; overflow: hidden; position: absolute; left: 50%; top: 50%; visibility: hidden; /* bg */ /* icon */ } .g1-indicator:before, .g1-indicator:after { position: absolute; display: block; } .g1-indicator:before { width: 60px; height: 60px; left: 0; top: 0; content: ""; } .g1-indicator:after { width: 28px; height: 28px; margin-top: -14px; margin-left: -14px; left: 50%; top: 50%; text-align: center; font: 28px/28px FontAwesome; } .g1-on--mouse .g1-indicator { visibility: visible; } /* Indicator icons */ .g1-indicator-zoom:after { content: "\f06e"; } .g1-indicator-document:after { content: "\f101"; } .g1-indicator-new-window:after { content: "\f0c1"; } .g1-indicator-play:after { content: "\f04b"; } .format-audio .entry-featured-media .g1-indicator:after { content: "\f001"; } .format-gallery .entry-featured-media .g1-indicator:after { content: "\f06e"; } .format-image .entry-featured-media .g1-indicator:after { content: "\f06e"; } .format-video .entry-featured-media .g1-indicator:after { content: "\f04b"; } /* 3.13 Audio Player ----------------------------------------------------------------------------- */ /* --- JPLAYER --------------------------------------------------------------------------------- */ div.jp-audio { color: #fff; background-color: #333333; position: relative; } div.jp-audio { width: 960px; max-width: 100%; } div.jp-interface { position: relative; } div.jp-audio .jp-interface { height: 40px; padding: 10px 20px; } div.jp-controls-holder { clear: both; width: 440px; margin: 0 auto 10px; position: relative; overflow: hidden; } ul.jp-controls { width: 100%; height: 23px; margin: 0; padding: 0; overflow: hidden; position: absolute; left: 20px; bottom: 10px; list-style-type: none; } ul.jp-controls li { display: inline; float: left; } ul.jp-controls a { width: 22px; height: 22px; margin: 0; padding: 0; display: block; overflow: hidden; position: relative; font-size: 0; color: #999999 !important; } ul.jp-controls a:hover { color: #ffffff !important; } ul.jp-controls a:before { width: 100%; height: 14px; margin-top: -7px; display: block; position: absolute; left: 0; top: 50%; text-align: left; font: 14px/14px FontAwesome; } .jp-play:before { content: "\f04b"; } .jp-pause:before { content: "\f04c"; } .jp-progress { margin: 0 auto; height: 8px; overflow: hidden; } .jp-seek-bar { width: 0px; height: 100%; overflow: hidden; cursor: pointer; background: #4d4d4d; } .jp-play-bar { width: 0px; height: 100%; overflow: hidden; } a.jp-mute, a.jp-unmute { width: 32px; position: absolute; bottom: 0; right: 90px; background-image: url(./../images/fader.skin.png); background-repeat: no-repeat; } a.jp-mute { background-position: -180px -25px; } a.jp-mute:hover { background-position: -220px -25px; } a.jp-unmute { background-position: -260px -25px; } a.jp-unmute:hover { background-position: -300px -25px; } .jp-volume-bar { width: 40px; height: 8px; overflow: hidden; position: absolute; } .jp-volume-bar:hover { cursor: pointer; } .jp-volume-bar { bottom: 17px; right: 20px; } .jp-volume-bar-value { height: 8px; } .jp-volume-bar-value, .jp-play-bar { background: #fa2323; } .jp-current-time, .jp-duration { position: relative; z-index: 5; margin-top: 10px; font-size: 11px; } .jp-current-time { margin-left: 32px; float: left; color: #fff; } .jp-duration { margin-left: 5px; float: left; color: #b2b2b2; } .jp-title ul { margin: 0; padding: 0; list-style-type: none; } .jp-title li { position: relative; padding: 10px 20px 0; overflow: hidden; } div.jp-jplayer audio, div.jp-jplayer { width: 0px; height: 0px; } div.jp-jplayer { background-color: #000000; } .jp-progress, .jp-volume-bar { border-width: 1px; border-color: #232323 !important; background: #1a1a1a; } .g1-audio-container { max-width: 100%; position: relative; display: inline-block; } .g1-audio-container .media-audio { margin: -30px 0 0; position: absolute; left: 20px; right: 20px; top: 50%; } /* 3.14 Breadcrumbs ----------------------------------------------------------------------------- */ .g1-nav-breadcrumbs:after { display: table; clear: both; content: ""; } .g1-nav-breadcrumbs ol { margin-left: 0; float: right; overflow: hidden; list-style: none; } .g1-content .g1-nav-breadcrumbs { margin-top: -2.5em; } .g1-nav-breadcrumbs__item { max-width: 20em; margin-right: 0.5em; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .g1-nav-breadcrumbs__item:before { margin-right: 0.5em; font-size: 14px; font-family: FontAwesome; } .g1-nav-breadcrumbs__item:first-child:before { content: "\f015"; } .g1-nav-breadcrumbs__item + .g1-nav-breadcrumbs__item:before { content: "\f105"; } @media only screen and (max-width: 600px) { .g1-nav-breadcrumbs { display: none; } } /* 3.15 Pagination ----------------------------------------------------------------------------- */ /* --- Pagination, Page links ------------------------------------------------------------------ */ .g1-pagination { margin-bottom: 1.5em; } .g1-pagination p { margin: 0 auto; display: table; } .g1-pagination p > strong:first-child { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); } .g1-pagination a { padding: 4px 6px; float: left; } .g1-pagination strong.current { padding: 4px 6px; float: left; } .g1-pagination a.prev, .g1-pagination a.next { width: 28px; height: 28px; padding: 0; position: relative; display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap; border-width: 1px; border-color: currentColor; } .g1-pagination a.prev:before, .g1-pagination a.next:after { width: 100%; height: 14px; margin-top: -7px; display: block; position: absolute; left: 0; top: 50%; text-indent: 0; text-align: center; font: 14px/14px FontAwesome; } .g1-pagination a.prev { margin-right: 1em; } .g1-pagination a.prev:before { content: "\f104"; } .g1-pagination a.next { margin-left: 1em; } .g1-pagination a.next:after { content: "\f105"; } /* CSS animations */ /* 3.16 Heading Groups ----------------------------------------------------------------------------- */ /* --- HGROUP -------------------------------------------------------------------------------- */ .g1-hgroup { margin-bottom: 1.5em; } .g1-hgroup h1, .g1-hgroup h2, .g1-hgroup h3, .g1-hgroup h4, .g1-hgroup h5, .g1-hgroup h6 { margin: 0; } /* 3.17 Boxes ----------------------------------------------------------------------------- */ /* =box */ .g1-box { margin-bottom: 1.5em; overflow: hidden; position: relative; } .g1-box:before { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; content: ""; } .g1-box__inner { margin: 4px; padding: 1.5em 1.5em 0 1.5em; position: relative; z-index: 1; border-width: 1px 1px; } .g1-box--icon { padding-top: 28px; } .g1-box--icon:before { top: 28px; } .g1-box--icon .g1-box__inner { padding-top: 3em; } .g1-box__inner > .g1-divider { margin: 0 -1.5em 1.5em -1.5em; } i.g1-box__icon { width: 54px; height: 54px; margin-left: -28px; display: inline-block; position: absolute; top: 0; left: 50%; z-index: 2; border-width: 1px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } i.g1-box__icon:before { width: 100%; height: 28px; margin-top: -14px; position: absolute; left: 0; top: 50%; text-align: center; font-size: 28px; line-height: 28px; } /* 3.18 Tables ----------------------------------------------------------------------------- */ /* =table */ .g1-table { margin-bottom: 1.5em; overflow-x: auto; } .g1-table caption { width: auto; padding: 2px 16px 10px 16px; } .g1-table table { width: 100%; margin: 0; position: relative; border-collapse: separate; border-spacing: 0; } .g1-table th, .g1-table td { padding: 8px 16px; } .g1-table thead th { padding-top: 1.25em; padding-bottom: 1.25em; text-align: left; } .g1-table--simple thead th { border-width: 2px 0; } .g1-table--simple tbody td { border-width: 0 0 1px 0; } .g1-table--simple tfoot td { border-width: 1px 0 0; } .g1-table--solid { padding: 4px; } .g1-table--solid thead th { border-width: 1px 1px 1px 0; } .g1-table--solid thead th:first-child { border-width: 1px 1px 1px 1px; } .g1-table--solid tfoot td, .g1-table--solid tfoot th, .g1-table--solid tbody td, .g1-table--solid tbody th { border-width: 0 1px 1px 0; } .g1-table--solid tfoot td:first-child, .g1-table--solid tfoot th:first-child, .g1-table--solid tbody td:first-child, .g1-table--solid tbody th:first-child { border-width: 0 1px 1px 1px; } @media only screen and (max-width: 600px) { .g1-table { margin: 0 0 1.5em 0; overflow-x: scroll; border-style: dotted solid; border-width: 3px; } .g1-table table { width: auto; margin: 0; white-space: nowrap; } .g1-table caption { text-align: left; } } .g1-table--solid tfoot + tbody tr:last-of-type td:first-child, .g1-table--solid tfoot + tbody tr:last-of-type th:first-child, .g1-table--solid tfoot + tbody tr:last-of-type td:last-child, .g1-table--solid tfoot + tbody tr:last-of-type th:last-child { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; border-radius: 0 !important; } /* 3.19 Toggles ----------------------------------------------------------------------------- */ /* =Toggle */ .g1-toggle { position: relative; } #ie7 .g1-toggle { position: static; } .g1-toggle + .g1-toggle { padding: 1.5em 0 0; border-top-width: 1px; } .g1-toggle__title { min-height: 24px; margin-bottom: 1.5em; padding-left: 34px; position: relative; cursor: pointer; } .g1-toggle--icon .g1-toggle__title { padding-left: 58px; } .g1-toggle__content .g1-block { padding: 1px; } .g1-toggle__switch { width: 22px; height: 22px; display: block; float: left; overflow: hidden; position: absolute; left: 0; top: 0; border-width: 1px; /* icons */ /* icon-plus */ /* icon-minus */ } .g1-toggle__switch:before, .g1-toggle__switch:after { width: 24px; height: 24px; position: absolute; left: 0; top: 0; text-align: center; font: 14px/24px FontAwesome; } .g1-toggle__switch:before { content: "\f067"; display: block; } .g1-toggle__switch:after { content: "\f068"; display: none; } .g1-toggle--icon .g1-toggle__switch { width: 46px; } .g1-toggle--icon .g1-toggle__switch i { width: 24px; height: 14px; margin-top: -6px; display: block; position: absolute; right: 0; top: 50%; text-align: center; font: 14px/14px FontAwesome; } .g1-toggle--on .g1-toggle__switch:before { display: none; } .g1-toggle--on .g1-toggle__switch:after { display: block; } /* CSS3 animations */ .cssanimations .g1-toggle__switch:before, .cssanimations .g1-toggle__switch:after { display: block; -webkit-transition: all 0.375s ease-in-out; -moz-transition: all 0.375s ease-in-out; -o-transition: all 0.375s ease-in-out; transition: all 0.375s ease-in-out; } .cssanimations .g1-toggle__switch:before { opacity: 1; } .cssanimations .g1-toggle__switch:after { opacity: 0; } .cssanimations .g1-toggle--on .g1-toggle__switch:before { opacity: 0; } .cssanimations .g1-toggle--on .g1-toggle__switch:after { opacity: 1; } /* 3.20 Tabs ----------------------------------------------------------------------------- */ /* =Tabs */ .g1-tabs { margin: 0 0 1.5em; } .g1-tabs-nav { margin: 0; list-style: none; } .g1-tabs.g1-align-left .g1-tabs-nav { text-align: left; } .g1-tabs.g1-align-center .g1-tabs-nav { text-align: center; } .g1-tabs.g1-align-right .g1-tabs-nav { text-align: right; } .g1-tabs-nav-item { display: inline-block; cursor: pointer; } .g1-tabs-nav-item h1, .g1-tabs-nav-item h2, .g1-tabs-nav-item h3, .g1-tabs-nav-item h4, .g1-tabs-nav-item h5, .g1-tabs-nav-item h6, .g1-tabs-nav-item p { margin: 0; } @media only screen and (min-width: 601px) { .g1-tabs--vertical:before, .g1-tabs--vertical:after { content: " "; display: table; } .g1-tabs--vertical:after { clear: both; } #ie7 .g1-tabs--vertical { zoom: 1; } .g1-tabs--left .g1-tabs-nav { max-width: 200px; float: left; } .g1-tabs--right .g1-tabs-nav { max-width: 200px; float: right; } .g1-tabs--vertical .g1-tabs-viewport { overflow: hidden; } .g1-tabs--vertical .g1-tabs-nav-item { width: 100%; } } /* Tabs - Transparent */ .g1-tabs--transparent .g1-tabs-nav-item { opacity: 0.33; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; } .g1-tabs--transparent .g1-tabs-nav-item:hover { opacity: 1; } .g1-tabs--transparent .g1-tabs-nav-current-item { opacity: 1; } .g1-tabs--transparent .g1-tab-title { padding: 8px 15px; } /* Tabs - Button */ .g1-tabs--button .g1-tabs-nav-item { margin: 0 0 0 10px; } .g1-tabs--button .g1-tab-title { padding: 6px 22px; position: relative; border-width: 1px; } .g1-tabs--button .g1-tabs-nav-current-item .g1-tab-title:after { width: 0; height: 0; display: block; content: ""; position: absolute; border-width: 6px; } .g1-tabs--button.g1-tabs--top .g1-tabs-nav-current-item .g1-tab-title:after { margin-left: -6px; bottom: -12px; left: 50%; border-style: solid outset outset outset; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; } @media only screen and (max-width: 600px) { .g1-tabs--button.g1-tabs--left .g1-tabs-nav-current-item .g1-tab-title:after, .g1-tabs--button.g1-tabs--right .g1-tabs-nav-current-item .g1-tab-title:after { margin-left: -6px; bottom: -12px; left: 50%; border-style: solid outset outset outset; border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; } } .g1-tabs--button.g1-tabs--bottom .g1-tabs-nav-current-item .g1-tab-title:after { margin-left: -6px; top: -12px; left: 50%; border-style: outset outset solid outset; border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; } .g1-tabs--button.g1-tabs--top .g1-tabs-viewport { padding: 20px 0 0; } .g1-tabs--button.g1-tabs--bottom .g1-tabs-viewport { padding: 0 0 20px; } @media only screen and (min-width: 601px) { .g1-tabs--button.g1-tabs--vertical .g1-tabs-nav { position: static; left: auto; } .g1-tabs--button.g1-tabs--left .g1-tabs-nav-item { margin: 0 20px 4px 0; } .g1-tabs--button.g1-tabs--right .g1-tabs-nav-item { margin: 0 0 4px 20px; } .g1-tabs--button.g1-tabs--left .g1-tabs-nav-item.current .g1-tab-title:after { margin-left: 0; margin-top: -6px; left: auto; right: -12px; top: 50%; bottom: auto; border-style: outset outset outset solid; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; } .g1-tabs--button.g1-tabs--right .g1-tabs-nav-current-item .g1-tab-title:after { margin-left: 0; margin-top: -6px; left: -12px; right: auto; top: 50%; bottom: auto; border-style: outset solid outset outset; border-top-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; } .g1-tabs--button.g1-tabs--left .g1-tabs-viewport { padding: 0 0 0 20px; } .g1-tabs--button.g1-tabs--right .g1-tabs-viewport { padding: 0 20px 0 0; } } /* Tabs - Simple */ .g1-tabs--simple { padding: 4px; } .g1-tabs--simple > div { border-width: 1px; } .g1-tabs--simple .g1-tabs-nav { padding: 0 16px; overflow: hidden; position: relative; top: -1px; } .g1-tabs--simple .g1-tabs-nav-item { position: relative; border-width: 0 0 0 1px; } .g1-tabs--simple .g1-tabs-nav-current-item { border-width: 0 1px; } .g1-tabs--simple .g1-tabs-nav-current-item:before, .g1-tabs--simple .g1-tabs-nav-current-item:after { width: 1000px; height: 0; position: absolute; bottom: 0; z-index: 2; border-style: solid; border-width: 1px 0 0; border-color: inherit; content: ""; } .g1-tabs--simple .g1-tabs-nav-current-item:before { right: 100%; } .g1-tabs--simple .g1-tabs-nav-current-item:after { left: 100%; } .g1-tabs--simple .g1-tabs-nav-current-item ~ .g1-tabs-nav-item { border-width: 0 1px 0 0; } .g1-tabs--simple .g1-tab-title { position: relative; padding: 8px 15px; } .g1-tabs--simple .g1-tabs-nav-current-item .g1-tab-title:before { width: 100%; height: 0; display: block; position: absolute; left: 0; top: 0; z-index: 2; border-style: solid; border-width: 2px 0 0; content: ""; } .g1-tabs--simple.g1-tabs--bottom .g1-tabs-nav { top: auto; bottom: -1px; } .g1-tabs--simple.g1-tabs--bottom .g1-tabs-nav-current-item:before, .g1-tabs--simple.g1-tabs--bottom .g1-tabs-nav-current-item:after { top: 0; } .g1-tabs--simple.g1-tabs--bottom .g1-tabs-nav-current-item .g1-tab-title:before { top: auto; bottom: 0; } .g1-tabs--simple .g1-tabs-viewport { padding: 1.5em; } /* min-width: 601px */ @media only screen and (min-width: 601px) { .g1-tabs--simple.g1-tabs--vertical .g1-tabs-nav { padding: 16px 0; top: auto; bottom: auto; } .g1-tabs--simple.g1-tabs--vertical .g1-tabs-nav-item { border-width: 1px 0 0 0; } .g1-tabs--simple.g1-tabs--vertical .g1-tabs-nav-current-item { border-width: 1px 0; } .g1-tabs--simple.g1-tabs--vertical .g1-tabs-nav-current-item ~ .g1-tabs-nav-item { border-width: 0 0 1px 0; } .g1-tabs--simple.g1-tabs--vertical .g1-tabs-nav-current-item:before, .g1-tabs--simple.g1-tabs--vertical .g1-tabs-nav-current-item:after { width: 0; height: 1000px; } .g1-tabs--simple.g1-tabs--vertical .g1-tabs-nav-current-item:before { top: auto; bottom: 100%; } .g1-tabs--simple.g1-tabs--vertical .g1-tabs-nav-current-item:after { top: 100%; bottom: auto; } .g1-tabs--simple.g1-tabs--vertical .g1-tabs-nav-current-item .g1-tab-title:before { width: 0; height: 100%; top: 0; left: auto; right: auto; bottom: auto; } .g1-tabs--simple.g1-tabs--vertical.g1-tabs--left .g1-tabs-nav { left: -1px; } .g1-tabs--simple.g1-tabs--vertical.g1-tabs--left .g1-tabs-nav-current-item:before, .g1-tabs--simple.g1-tabs--vertical.g1-tabs--left .g1-tabs-nav-current-item:after { left: auto; right: 0; border-width: 0 1px 0 0; } .g1-tabs--simple.g1-tabs--vertical.g1-tabs--left .g1-tabs-nav-current-item .g1-tab-title:before { left: 0; border-width: 0 2px 0 0; } .g1-tabs--simple.g1-tabs--vertical.g1-tabs--right .g1-tabs-nav { right: -1px; } .g1-tabs--simple.g1-tabs--vertical.g1-tabs--right .g1-tabs-nav-current-item:before, .g1-tabs--simple.g1-tabs--vertical.g1-tabs--right .g1-tabs-nav-current-item:after { left: 0; right: auto; border-width: 0 0 0 1px; } .g1-tabs--simple.g1-tabs--vertical.g1-tabs--right .g1-tabs-nav-current-item .g1-tab-title:before { right: 0; border-width: 0 2px 0 0; } } /* 3.21 Progress Bars ----------------------------------------------------------------------------- */ @-webkit-keyframes expand-inline-width { from { width: 0px; } } @-moz-keyframes expand-inline-width { from { width: 0px; } } @-o-keyframes expand-inline-width { from { width: 0px; } } @keyframes expand-inline-width { from { width: 0px; } } .g1-progress-bar { margin-bottom: 1.5em; position: relative; overflow: hidden; } .g1-progress-bar__track { border-width: 1px; } .g1-progress-bar__track:before, .g1-progress-bar__track:after { content: " "; display: table; } .g1-progress-bar__track:after { clear: both; } #ie7 .g1-progress-bar__track { zoom: 1; } .g1-progress-bar__bar { margin: -1px; height: 5px; position: relative; z-index: 2; border-width: 1px; /* value */ /* icon */ } .g1-progress-bar__bar span { height: 12px; margin-top: -6px; display: block; position: absolute; top: 50%; font-size: 12px; line-height: 12px; } .g1-progress-bar__bar span:after { content: "%"; } .g1-progress-bar__bar i { height: 14px; margin-top: -7px; display: inline-block; position: absolute; top: 50%; cursor: default; font-size: 14px; line-height: 14px; } .g1-progress-bar--small .g1-progress-bar__bar span, .g1-progress-bar--small .g1-progress-bar__icon { display: none; } .g1-progress-bar--medium .g1-progress-bar__bar { height: 26px; } .g1-progress-bar--medium .g1-progress-bar__bar span { height: 12px; margin-top: -6px; font-size: 12px; line-height: 12px; } .g1-progress-bar--medium .g1-progress-bar__icon { height: 14px; margin-top: -7px; font-size: 14px; line-height: 14px; } .g1-progress-bar--big .g1-progress-bar__bar { height: 40px; } .g1-progress-bar--big .g1-progress-bar__bar span { height: 18px; margin-top: -9px; font-size: 18px; line-height: 18px; } .g1-progress-bar--big .g1-progress-bar__icon { height: 28px; margin-top: -14px; font-size: 28px; line-height: 28px; } .g1-progress-bar--right .g1-progress-bar__bar { float: left; } .g1-progress-bar--right .g1-progress-bar__bar span { left: 10px; } .g1-progress-bar--right .g1-progress-bar__bar i { right: 10px; } .g1-progress-bar--left .g1-progress-bar__bar { float: right; } .g1-progress-bar--left .g1-progress-bar__bar span { right: 10px; } .g1-progress-bar--left .g1-progress-bar__bar i { left: 10px; } .g1-progress-bar--left .g1-progress-bar__label { text-align: right; } /* Rounded corners */ .g1-tl-circle .g1-progress-bar__track, .g1-tl-circle .g1-progress-bar__bar { -moz-border-radius-topleft: 0.75em; -webkit-border-top-left-radius: 0.75em; border-top-left-radius: 0.75em; } .g1-tr-circle .g1-progress-bar__track, .g1-tr-circle .g1-progress-bar__bar { -moz-border-radius-topright: 0.75em; -webkit-border-top-right-radius: 0.75em; border-top-right-radius: 0.75em; } .g1-br-circle .g1-progress-bar__track, .g1-br-circle .g1-progress-bar__bar { -moz-border-radius-bottomright: 0.75em; -webkit-border-bottom-right-radius: 0.75em; border-bottom-right-radius: 0.75em; } .g1-bl-circle .g1-progress-bar__track, .g1-bl-circle .g1-progress-bar__bar { -moz-border-radius-bottomleft: 0.75em; -webkit-border-bottom-left-radius: 0.75em; border-bottom-left-radius: 0.75em; } /* CSS animations */ .cssanimations .g1-progress-bar .g1-progress-bar__bar { visibility: hidden; } .cssanimations .g1-progress-bar.g1-animate { /* value */ } .cssanimations .g1-progress-bar.g1-animate .g1-progress-bar__bar { visibility: visible; -webkit-animation: expand-inline-width 1s ease-out; -moz-animation: expand-inline-width 1s ease-out; -o-animation: expand-inline-width 1s ease-out; animation: expand-inline-width 1s ease-out; } .cssanimations .g1-progress-bar.g1-animate span { -webkit-backface-visibility: hidden; -webkit-animation: fade-in 0.5s 0.5s ease-out backwards; -moz-animation: fade-in 0.5s 0.5s ease-out backwards; -o-animation: fade-in 0.5s 0.5s ease-out backwards; animation: fade-in 0.5s 0.5s ease-out backwards; } /* 3.22 Progress Circles ----------------------------------------------------------------------------- */ .easyPieChart { position: relative; text-align: center; } .easyPieChart canvas { position: absolute; top: 0; left: 0; } .g1-progress-circle { max-width: 138px; width: 138px; max-height: 138px; height: 138px; margin-bottom: 1.5em; position: relative; } i.g1-progress-circle__icon { width: 42px; height: 42px; margin-top: -21px; margin-left: -21px; position: absolute; left: 50%; top: 50%; z-index: 1; text-align: center; font-size: 42px; line-height: 42px; } .g1-progress-circle__value { margin: 0 auto; display: block; position: absolute; bottom: 25px; left: 0; right: 0; z-index: 3; line-height: 1; } .g1-progress-circle__value:after { content: "%"; } /* 3.23 Countdowns ----------------------------------------------------------------------------- */ /* =countdown */ .g1-countdown { margin-bottom: 1.5em; } .g1-countdown i { width: 80px; height: 120px; margin-right: 2px; display: block; float: left; cursor: default; text-align: center; font-size: 42px; line-height: 120px; } .g1-countdown .g1-countdown-inner { float: left; } .countdown_row { display: block; } .countdown_section { margin-right: 2px; display: block; float: left; text-align: center; text-transform: capitalize; } .countdown_section span { min-height: 120px; margin-bottom: 8px; min-width: 60px; padding: 0 10px; display: block; font-size: 24px; line-height: 120px; } .countdown_section br { display: none; } .countdown_section:first-child span { font-size: 36px; } /* 3.24 Before & After ----------------------------------------------------------------------------- */ /* =before-after */ .g1-banda { max-width: 100%; margin-bottom: 1.5em; display: block; } .g1-banda > .g1-fluid-wrapper { margin: 0; overflow: hidden; } .g1-banda > .g1-fluid-wrapper > div { position: relative; } .g1-banda img { display: block; } .g1-banda__items { margin: 0; list-style: none; } .g1-banda__before, .g1-banda__after { width: 100%; height: 100%; margin: 0; } .g1-banda__after { overflow: hidden; position: absolute; top: 0; } /* Handle */ .g1-banda__handle { position: absolute; /* icon */ } .g1-banda__handle span { width: 32px; height: 32px; display: block; position: absolute; } .g1-banda__handle span:before { width: 100%; height: 100%; margin-top: -7px; display: block; position: absolute; left: 0; top: 50%; text-align: center; font: 14px/14px FontAwesome; content: "\f0ec"; } /* CSS animations */ .cssanimations .g1-banda__handle span { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; -webkit-backface-visibility: hidden; } .cssanimations .g1-banda:hover .g1-banda__handle span { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .g1-banda--smooth > .g1-fluid-wrapper:hover { cursor: col-resize; cursor: w-resize; } .g1-banda--smooth .g1-banda__before, .g1-banda--smooth .g1-banda__after { width: 100%; height: 100%; margin: 0; } .g1-banda--smooth .g1-banda__after { left: 50%; } .g1-banda--smooth .g1-banda__after img { position: absolute; right: 50%; top: 0; z-index: 2; } .g1-banda--smooth .g1-banda__handle { width: 2px; height: 100%; margin-left: -1px; left: 50%; top: 0; } .g1-banda--smooth .g1-banda__handle span { position: absolute; bottom: 10px; left: -15px; } @-webkit-keyframes g1_before_after_flip_to_before { 0% { -webkit-transform: perspective(300px) rotateY(-180deg) scale(1, 1); } 33.33% { -webkit-transform: perspective(300px) rotateY(-180deg) scale(0.5, 0.5); } 66.66% { -webkit-transform: perspective(300px) rotateY(0deg) scale(0.5, 0.5); } 100% { -webkit-transform: perspective(300px) rotateY(0deg) scale(1, 1); } } @-moz-keyframes g1_before_after_flip_to_before { 0% { -moz-transform: perspective(300px) rotateY(-180deg) scale(1, 1); } 33.33% { -moz-transform: perspective(300px) rotateY(-180deg) scale(0.5, 0.5); } 66.66% { -moz-transform: perspective(300px) rotateY(0deg) scale(0.5, 0.5); } 100% { -moz-transform: perspective(300px) rotateY(0deg) scale(1, 1); } } @-o-keyframes g1_before_after_flip_to_before { 0% { -o-transform: perspective(300px) rotateY(-180deg) scale(1, 1); } 33.33% { -o-transform: perspective(300px) rotateY(-180deg) scale(0.5, 0.5); } 66.66% { -o-transform: perspective(300px) rotateY(0deg) scale(0.5, 0.5); } 100% { -o-transform: perspective(300px) rotateY(0deg) scale(1, 1); } } @keyframes g1_before_after_flip_to_before { 0% { transform: perspective(300px) rotateY(-180deg) scale(1, 1); } 33.33% { transform: perspective(300px) rotateY(-180deg) scale(0.5, 0.5); } 66.66% { transform: perspective(300px) rotateY(0deg) scale(0.5, 0.5); } 100% { transform: perspective(300px) rotateY(0deg) scale(1, 1); } } @-webkit-keyframes g1_before_after_flip_to_after { 0% { -webkit-transform: perspective(300px) rotateY(0deg) scale(1, 1); } 33.33% { -webkit-transform: perspective(300px) rotateY(0deg) scale(0.5, 0.5); } 66.66% { -webkit-transform: perspective(300px) rotateY(180deg) scale(0.5, 0.5); } 100% { -webkit-transform: perspective(300px) rotateY(180deg) scale(1, 1); } } @-moz-keyframes g1_before_after_flip_to_after { 0% { -moz-transform: perspective(300px) rotateY(0deg) scale(1, 1); } 33.33% { -moz-transform: perspective(300px) rotateY(0deg) scale(0.5, 0.5); } 66.66% { -moz-transform: perspective(300px) rotateY(180deg) scale(0.5, 0.5); } 100% { -moz-transform: perspective(300px) rotateY(180deg) scale(1, 1); } } @-o-keyframes g1_before_after_flip_to_after { 0% { -o-transform: perspective(300px) rotateY(0deg) scale(1, 1); } 33.33% { -o-transform: perspective(300px) rotateY(0deg) scale(0.5, 0.5); } 66.66% { -o-transform: perspective(300px) rotateY(180deg) scale(0.5, 0.5); } 100% { -o-transform: perspective(300px) rotateY(180deg) scale(1, 1); } } @keyframes g1_before_after_flip_to_after { 0% { transform: perspective(300px) rotateY(0deg) scale(1, 1); } 33.33% { transform: perspective(300px) rotateY(0deg) scale(0.5, 0.5); } 66.66% { transform: perspective(300px) rotateY(180deg) scale(0.5, 0.5); } 100% { transform: perspective(300px) rotateY(180deg) scale(1, 1); } } @-webkit-keyframes g1_before_after_handle_flip_to_after { 0% { -webkit-transform: translate(0, 0); } 33% { -webkit-transform: translate(0, 100px); } 66% { -webkit-transform: translate(0, 100px); } 100% { -webkit-transform: translate(0, 0); } } @-moz-keyframes g1_before_after_handle_flip_to_after { 0% { -moz-transform: translate(0, 0); } 33% { -moz-transform: translate(0, 100px); } 66% { -moz-transform: translate(0, 100px); } 100% { -moz-transform: translate(0, 0); } } @-o-keyframes g1_before_after_handle_flip_to_after { 0% { -o-transform: translate(0, 0); } 33% { -o-transform: translate(0, 100px); } 66% { -o-transform: translate(0, 100px); } 100% { -o-transform: translate(0, 0); } } @keyframes g1_before_after_handle_flip_to_after { 0% { transform: translate(0, 0); } 33% { transform: translate(0, 100px); } 66% { transform: translate(0, 100px); } 100% { transform: translate(0, 0); } } @-webkit-keyframes g1_before_after_handle_flip_to_before { 0% { -webkit-transform: translate(0, 0); } 33% { -webkit-transform: translate(0, 100px); } 66% { -webkit-transform: translate(0, 100px); } 100% { -webkit-transform: translate(0, 0); } } @-moz-keyframes g1_before_after_handle_flip_to_before { 0% { -moz-transform: translate(0, 0); } 33% { -moz-transform: translate(0, 100px); } 66% { -moz-transform: translate(0, 100px); } 100% { -moz-transform: translate(0, 0); } } @-o-keyframes g1_before_after_handle_flip_to_before { 0% { -o-transform: translate(0, 0); } 33% { -o-transform: translate(0, 100px); } 66% { -o-transform: translate(0, 100px); } 100% { -o-transform: translate(0, 0); } } @keyframes g1_before_after_handle_flip_to_before { 0% { transform: translate(0, 0); } 33% { transform: translate(0, 100px); } 66% { transform: translate(0, 100px); } 100% { transform: translate(0, 0); } } .g1-banda--flip { cursor: pointer; } .g1-banda--flip .g1-banda__before { position: relative; } .g1-banda--flip .g1-banda__after { left: 0; } .g1-banda--flip .g1-banda__handle { width: 32px; height: 32px; margin-left: -16px; left: 50%; bottom: 10px; cursor: pointer; } .g1-banda--flip .g1-banda__handle span { left: 0; top: 0; } .g1-banda--flip.g1-banda--before .g1-banda__before { display: block; } .g1-banda--flip.g1-banda--before .g1-banda__after { display: none; } .g1-banda--flip.g1-banda--after .g1-banda__before { display: none; } .g1-banda--flip.g1-banda--after .g1-banda__after { display: block; } .csstransforms3d .g1-banda--flip .g1-banda__before, .csstransforms3d .g1-banda--flip .g1-banda__after { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .csstransforms3d .g1-banda--flip .g1-banda__after { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .csstransforms3d .g1-banda--flip.g1-banda--before .g1-banda__before, .csstransforms3d .g1-banda--flip.g1-banda--before .g1-banda__after, .csstransforms3d .g1-banda--flip.g1-banda--after .g1-banda__before, .csstransforms3d .g1-banda--flip.g1-banda--after .g1-banda__after { display: block; } .csstransforms3d .g1-banda--flip.g1-banda--before.g1-banda--activated .g1-banda__before { -webkit-animation: g1_before_after_flip_to_before 1s ease-in-out forwards; -moz-animation: g1_before_after_flip_to_before 1s ease-in-out forwards; -o-animation: g1_before_after_flip_to_before 1s ease-in-out forwards; animation: g1_before_after_flip_to_before 1s ease-in-out forwards; } .csstransforms3d .g1-banda--flip.g1-banda--before.g1-banda--activated .g1-banda__after { -webkit-animation: g1_before_after_flip_to_after 1s ease-in-out forwards; -moz-animation: g1_before_after_flip_to_after 1s ease-in-out forwards; -o-animation: g1_before_after_flip_to_after 1s ease-in-out forwards; animation: g1_before_after_flip_to_after 1s ease-in-out forwards; } .csstransforms3d .g1-banda--flip.g1-banda--before.g1-banda--activated .g1-banda__handle { -webkit-animation: g1_before_after_handle_flip_to_before 1s ease-in-out; -moz-animation: g1_before_after_handle_flip_to_before 1s ease-in-out; -o-animation: g1_before_after_handle_flip_to_before 1s ease-in-out; animation: g1_before_after_handle_flip_to_before 1s ease-in-out; } .csstransforms3d .g1-banda--flip.g1-banda--after.g1-banda--activated .g1-banda__before { -webkit-animation: g1_before_after_flip_to_after 1s ease-in-out forwards; -moz-animation: g1_before_after_flip_to_after 1s ease-in-out forwards; -o-animation: g1_before_after_flip_to_after 1s ease-in-out forwards; animation: g1_before_after_flip_to_after 1s ease-in-out forwards; } .csstransforms3d .g1-banda--flip.g1-banda--after.g1-banda--activated .g1-banda__after { -webkit-animation: g1_before_after_flip_to_before 1s ease-in-out forwards; -moz-animation: g1_before_after_flip_to_before 1s ease-in-out forwards; -o-animation: g1_before_after_flip_to_before 1s ease-in-out forwards; animation: g1_before_after_flip_to_before 1s ease-in-out forwards; } .csstransforms3d .g1-banda--flip.g1-banda--after.g1-banda--activated .g1-banda__handle { -webkit-animation: g1_before_after_handle_flip_to_after 1s ease-in-out; -moz-animation: g1_before_after_handle_flip_to_after 1s ease-in-out; -o-animation: g1_before_after_handle_flip_to_after 1s ease-in-out; animation: g1_before_after_handle_flip_to_after 1s ease-in-out; } .g1-banda--hover { cursor: pointer; } .g1-banda--hover .g1-banda__handle { display: none; } .g1-banda--hover.g1-banda--before .g1-banda__before { display: block; } .g1-banda--hover.g1-banda--before .g1-banda__after { display: none; } .g1-banda--hover.g1-banda--after .g1-banda__before { display: none; } .g1-banda--hover.g1-banda--after .g1-banda__after { display: block; } /* CSS animations */ .cssanimations .g1-banda--hover .g1-banda__before, .cssanimations .g1-banda--hover .g1-banda__after { display: block; -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } .cssanimations .g1-banda--hover.g1-banda--before .g1-banda__before { opacity: 1; } .cssanimations .g1-banda--hover.g1-banda--before .g1-banda__after { opacity: 0; } .cssanimations .g1-banda--hover.g1-banda--after .g1-banda__before { opacity: 0; } .cssanimations .g1-banda--hover.g1-banda--after .g1-banda__after { opacity: 1; } /* 3.25 Carousel (Rotator) ----------------------------------------------------------------------------- */ .g1-html-rotator { margin: 0 0 3em 0; } .g1-html-rotator .g1-carousel-items { margin: 0; overflow: hidden; list-style: none; } .g1-html-rotator .g1-carousel-item { max-width: 100%; display: block; float: left; } .g1-html-rotator .g1-carousel-item > .g1-quote { margin-bottom: 0; } .g1-html-rotator .g1-toolbar { border-width: 1px 0 0; } .g1-html-rotator .g1-toolbar:after { display: table; clear: both; content: ""; } .g1-html-rotator .g1-nav-direction { float: right; } .g1-html-rotator .g1-nav-direction:after { display: table; clear: both; content: ""; } .g1-html-rotator .g1-nav-direction__prev, .g1-html-rotator .g1-nav-direction__next { width: 20px; height: 20px; margin: 5px 0 5px 5px; display: block; float: left; overflow: hidden; position: relative; cursor: pointer; font-size: 0; background: #000 !important; color: #fff !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .g1-html-rotator .g1-nav-direction__prev:before, .g1-html-rotator .g1-nav-direction__next:before { width: 100%; height: 14px; margin-top: -7px; display: block; position: absolute; top: 50%; left: 0; border-width: 1px; text-align: center; font: 14px/14px FontAwesome; } .g1-html-rotator .g1-nav-direction__prev:hover, .g1-html-rotator .g1-nav-direction__next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } .g1-html-rotator .g1-nav-direction__prev:before { content: "\f104"; } .g1-html-rotator .g1-nav-direction__next:before { content: "\f105"; } .g1-html-rotator .g1-nav-coin { margin: 0 10px 0 0; padding: 5px 0 5px 0; float: left; list-style: none; } .g1-html-rotator .g1-nav-coin li { margin: 0 5px 5px 0; float: left; } .g1-html-rotator .g1-nav-coin a { width: 20px; height: 20px; overflow: hidden; display: block; position: relative; text-indent: 20px; background: none; /* coin bg */ /* coin icon */ } .g1-html-rotator .g1-nav-coin a:before { width: 20px; height: 20px; display: block; position: absolute; left: 0; top: 0; content: ""; background-color: #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; } .g1-html-rotator .g1-nav-coin a:after { width: 6px; height: 6px; position: absolute; left: 5px; top: 5px; z-index: 2; display: block; content: ""; border-style: solid; border-width: 2px; border-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } .g1-html-rotator .g1-nav-coin a:hover:after { width: 12px; height: 12px; left: 2px; top: 2px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=99); opacity: 0.99; } .g1-html-rotator .g1-nav-coin li.g1-selected a:after { background: #ffffff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=99); opacity: 0.99; } .cssanimations .g1-html-rotator .g1-nav-icon a:before, .cssanimations .g1-html-rotator .g1-nav-icon a:after { -webkit-transition: all 0.175s ease-in-out; -moz-transition: all 0.175s ease-in-out; -o-transition: all 0.175s ease-in-out; transition: all 0.175s ease-in-out; } /* 3.26 Simple Sliders ----------------------------------------------------------------------------- */ .g1-carousel { position: relative; } .g1-simple-slider { position: relative; /* Slide description */ } .g1-simple-slider .g1-progress { width: 100%; height: 5px; position: absolute; top: -5px; left: 0; pointer-events: none; display: none; } .g1-simple-slider .g1-progress > div { height: 100%; } .g1-simple-slider .g1-progress > div > div { height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .g1-simple-slider .g1-slides { margin: 0; list-style: none; } .g1-simple-slider .g1-slide { height: auto; display: block; float: left; } .g1-simple-slider figure { width: 100%; margin: 0; float: left; position: relative; } .g1-simple-slider figure img { display: block; } .g1-simple-slider figcaption { position: absolute; left: 40px; bottom: 40px; width: 400px; height: auto; display: block; } .g1-simple-slider .g1-slide__title { padding: 10px 20px; float: left; position: relative; z-index: 1; color: #ffffff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .g1-simple-slider .g1-slide__title > .g1-background { background: #000000; } .g1-simple-slider .g1-slide__description { margin-top: 2px; padding: 10px 20px; clear: left; float: left; position: relative; z-index: 1; color: #ffffff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } .g1-simple-slider .g1-slide__description > .g1-background { background: #000000; } /* Hide slide descriptions on smaller screens */ @media only screen and (max-width: 600px) { .g1-simple-slider figcaption { display: none; } } /* Hide the progress bar during transitions */ .g1-simple-slider.g1-transition .g1-progress { display: none; } /* Prevent content jump */ .g1-simple-slider .g1-slide:first-child { visibility: hidden; } .g1-simple-slider .g1-carousel .g1-slide:first-child { visibility: visible; } .g1-simple-slider .g1-slide + .g1-slide { display: none; } .g1-simple-slider .g1-carousel .g1-slide + .g1-slide { display: block; } .g1-simple-slider .g1-toolbar { margin-left: auto; margin-right: auto; } .g1-simple-slider .g1-toolbar > .g1-inner { width: 94.53125%; max-width: 968px; margin-left: auto; margin-right: auto; position: relative; } .g1-simple-slider.g1-width-semi .g1-nav-direction { max-width: 1136px; } .g1-simple-slider.g1-width-standard .g1-nav-direction { max-width: 1024px; } .g1-simple-slider.g1-width-narrow .g1-nav-direction { max-width: 968px; } /* =enable-fullscreen-mode */ .g1-simple-slider .g1-fullscreen { width: 56px; height: 36px; position: absolute; top: 0; right: 0; } .g1-simple-slider .g1-fullscreen > a { position: absolute; left: 0; right: 0; top: 6px; bottom: 6px; display: block; font-size: 0; border-width: 1px; } .g1-simple-slider .g1-fullscreen > a:before { width: 100%; height: 14px; margin-top: -7px; position: absolute; left: 0; top: 50%; display: block; text-align: center; font: 14px/14px FontAwesome; content: "\f065"; } /* CSS animations */ .cssanimations .g1-simple-slider .g1-fullscreen a { -webkit-transition: all 0.175s ease-in-out; -moz-transition: all 0.175s ease-in-out; -o-transition: all 0.175s ease-in-out; transition: all 0.175s ease-in-out; } .g1-simple-slider .g1-nav-coin { margin: 0 auto; list-style: none; } .g1-simple-slider .g1-nav-coin li { float: left; } .g1-simple-slider .g1-nav-coin a { display: block; position: relative; } .g1-simple-slider.g1-nav-coin-standard .g1-nav-coin { padding: 8px 0 3px; } .g1-simple-slider.g1-nav-coin-standard .g1-nav-coin li { margin: 0 5px 5px 0; } .g1-simple-slider.g1-nav-coin-standard .g1-nav-coin a { width: 0; padding-left: 20px; height: 20px; overflow: hidden; background: none; /* coin bg */ /* coin icon */ } .g1-simple-slider.g1-nav-coin-standard .g1-nav-coin a:before { width: 20px; height: 20px; display: block; position: absolute; left: 0; top: 0; content: ""; background-color: #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; } .g1-simple-slider.g1-nav-coin-standard .g1-nav-coin a:after { width: 6px; height: 6px; position: absolute; left: 5px; top: 5px; z-index: 2; display: block; content: ""; border-style: solid; border-width: 2px; border-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } .g1-simple-slider.g1-nav-coin-standard .g1-nav-coin a:hover:after { width: 12px; height: 12px; left: 2px; top: 2px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 0.9999; } .g1-simple-slider.g1-nav-coin-standard .g1-nav-coin li.g1-selected a:after { background: #ffffff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 0.9999; } .g1-simple-slider.g1-nav-coin-standard .g1-nav-coin img { display: none; } .cssanimations .g1-simple-slider.g1-nav-coin-standard .g1-nav-coin a:after { -webkit-transition: all 0.175s ease-in-out; -moz-transition: all 0.175s ease-in-out; -o-transition: all 0.175s ease-in-out; transition: all 0.175s ease-in-out; } .g1-simple-slider.g1-nav-coin-thumbs .g1-nav-coin li { margin: 4px 4px 4px 0; overflow: hidden; } .g1-tl-circle .g1-simple-slider.g1-nav-coin-thumbs .g1-nav-coin li { -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px; border-top-left-radius: 12px; } .g1-tr-circle .g1-simple-slider.g1-nav-coin-thumbs .g1-nav-coin li { -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; border-top-right-radius: 12px; } .g1-br-circle .g1-simple-slider.g1-nav-coin-thumbs .g1-nav-coin li { -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px; border-bottom-right-radius: 12px; } .g1-bl-circle .g1-simple-slider.g1-nav-coin-thumbs .g1-nav-coin li { -moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px; border-bottom-left-radius: 12px; } .g1-simple-slider.g1-nav-coin-thumbs .g1-nav-coin a:before { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 2; content: ""; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .g1-simple-slider.g1-nav-coin-thumbs .g1-nav-coin img { display: block; position: relative; } .g1-simple-slider.g1-nav-coin-thumbs .g1-nav-coin img:before { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: red; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; content: ""; z-index: 2; } .g1-simple-slider { margin-left: auto; margin-right: auto; } .g1-simple-slider.g1-width-semi { max-width: 1136px; } .g1-simple-slider.g1-width-standard { max-width: 1024px; } .g1-simple-slider.g1-width-narrow { max-width: 968px; } .g1-simple-slider-standout, .g1-simple-slider-viewport { max-width: 100% !important; width: 100% !important; } .g1-simple-slider-standout figcaption { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .g1-simple-slider-standout .g1-selected figcaption { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .g1-simple-slider-standout.g1-transition .g1-selected figcaption { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } /* IE8 fix */ #ie8 .g1-simple-slider-standout figure img { max-width: none; } /* CSS3 animations */ .cssanimations .g1-simple-slider-standout figcaption { -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; -webkit-backface-visibility: hidden; } .g1-simple-slider-relay { max-width: 100% !important; width: 100% !important; } .g1-simple-slider-relay > .g1-inner { margin-left: auto; margin-right: auto; } .g1-simple-slider-relay.g1-width-semi > .g1-inner { max-width: 1136px; } .g1-simple-slider-relay.g1-width-standard > .g1-inner { max-width: 1024px; } .g1-simple-slider-relay.g1-width-narrow > .g1-inner { max-width: 968px; } .g1-simple-slider-simple > .g1-inner { margin-left: auto; margin-right: auto; } .g1-simple-slider-kenburns { margin-left: auto; margin-right: auto; } .g1-simple-slider-kenburns .g1-slides { overflow: hidden; max-height: 100%; } .g1-simple-slider-kenburns .g1-slide { max-height: 100%; overflow: hidden; position: relative; } .g1-simple-slider-kenburns figure { width: 100%; height: 100%; overflow: hidden; position: static; } .g1-simple-slider-kenburns figure > div { width: 100%; max-height: 100%; overflow: hidden; } .g1-simple-slider-kenburns figure img { position: relative; max-width: 120%; } .g1-simple-slider-viewport { overflow: hidden; } .g1-simple-slider-viewport .g1-nav-direction { margin-left: auto; margin-right: auto; position: relative; bottom: -50%; z-index: 999; } .g1-simple-slider-viewport .g1-nav-direction__prev, .g1-simple-slider-viewport .g1-nav-direction__next { /* Let's hope there will be no bigger sliders :) */ width: 1000px; height: 1000px; display: block; overflow: hidden; position: absolute; top: -500px; text-indent: 100%; white-space: no-wrap; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .g1-simple-slider-viewport .g1-nav-direction__prev:hover, .g1-simple-slider-viewport .g1-nav-direction__next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } .g1-simple-slider-viewport .g1-nav-direction__prev:after, .g1-simple-slider-viewport .g1-nav-direction__next:after { margin-top: -21px; display: block; position: absolute; top: 50%; text-indent: 0; font: 42px/42px FontAwesome; } .g1-simple-slider-viewport .g1-nav-direction__prev:hover:after, .g1-simple-slider-viewport .g1-nav-direction__next:hover:after { margin-top: -35px; font-size: 70px; line-height: 70px; } .g1-simple-slider-viewport .g1-nav-direction__prev { right: 100%; } .g1-simple-slider-viewport .g1-nav-direction__prev:after { right: 20px; content: "\f104"; } .g1-simple-slider-viewport .g1-nav-direction__next { left: 100%; } .g1-simple-slider-viewport .g1-nav-direction__next:after { left: 20px; content: "\f105"; } .g1-simple-slider-relay { margin-left: auto; margin-right: auto; overflow: hidden; } .g1-simple-slider-relay .g1-inner { position: relative; } .g1-simple-slider-relay .g1-carousel-left { width: 100%; margin-right: -40%; position: absolute; top: 0; right: 100%; z-index: 1; } .g1-simple-slider-relay .g1-carousel-center { position: relative; z-index: 2; } .g1-simple-slider-relay .g1-carousel-right { width: 100%; margin-left: -40%; position: absolute; top: 0; left: 100%; z-index: 1; } .g1-simple-slider-simple .g1-nav-direction, .g1-simple-slider-kenburns .g1-nav-direction, .g1-simple-slider-standout .g1-nav-direction, .g1-simple-slider-relay .g1-nav-direction { margin-left: auto; margin-right: auto; position: relative; bottom: -50%; z-index: 99; } .g1-simple-slider-simple .g1-nav-direction__prev, .g1-simple-slider-simple .g1-nav-direction__next, .g1-simple-slider-kenburns .g1-nav-direction__prev, .g1-simple-slider-kenburns .g1-nav-direction__next, .g1-simple-slider-standout .g1-nav-direction__prev, .g1-simple-slider-standout .g1-nav-direction__next, .g1-simple-slider-relay .g1-nav-direction__prev, .g1-simple-slider-relay .g1-nav-direction__next { width: 0; padding-left: 32px; height: 32px; display: block; overflow: hidden; position: absolute; top: -16px; } .g1-simple-slider-simple .g1-nav-direction__prev:after, .g1-simple-slider-simple .g1-nav-direction__next:after, .g1-simple-slider-kenburns .g1-nav-direction__prev:after, .g1-simple-slider-kenburns .g1-nav-direction__next:after, .g1-simple-slider-standout .g1-nav-direction__prev:after, .g1-simple-slider-standout .g1-nav-direction__next:after, .g1-simple-slider-relay .g1-nav-direction__prev:after, .g1-simple-slider-relay .g1-nav-direction__next:after { width: 100%; height: 14px; margin-top: -7px; display: block; position: absolute; top: 50%; left: 0; text-indent: 0; text-align: center; font: 14px/14px FontAwesome; } .g1-simple-slider-simple .g1-nav-direction__prev, .g1-simple-slider-kenburns .g1-nav-direction__prev, .g1-simple-slider-standout .g1-nav-direction__prev, .g1-simple-slider-relay .g1-nav-direction__prev { left: 10px; } .g1-simple-slider-simple .g1-nav-direction__prev:after, .g1-simple-slider-kenburns .g1-nav-direction__prev:after, .g1-simple-slider-standout .g1-nav-direction__prev:after, .g1-simple-slider-relay .g1-nav-direction__prev:after { content: "\f104"; } .g1-simple-slider-simple .g1-nav-direction__next, .g1-simple-slider-kenburns .g1-nav-direction__next, .g1-simple-slider-standout .g1-nav-direction__next, .g1-simple-slider-relay .g1-nav-direction__next { right: 10px; } .g1-simple-slider-simple .g1-nav-direction__next:after, .g1-simple-slider-kenburns .g1-nav-direction__next:after, .g1-simple-slider-standout .g1-nav-direction__next:after, .g1-simple-slider-relay .g1-nav-direction__next:after { content: "\f105"; } /* CSS animations */ .cssanimations .g1-simple-slider-simple .g1-nav-direction__prev, .cssanimations .g1-simple-slider-simple .g1-nav-direction__next, .cssanimations .g1-simple-slider-kenburns .g1-nav-direction__prev, .cssanimations .g1-simple-slider-kenburns .g1-nav-direction__next, .cssanimations .g1-simple-slider-standout .g1-nav-direction__prev, .cssanimations .g1-simple-slider-standout .g1-nav-direction__next, .cssanimations .g1-simple-slider-relay .g1-nav-direction__prev, .cssanimations .g1-simple-slider-relay .g1-nav-direction__next { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } /* Hide direction navigation during transitions */ .g1-simple-slider-simple.g1-transition .g1-nav-direction__prev, .g1-simple-slider-kenburns.g1-transition .g1-nav-direction__prev, .g1-simple-slider-standout.g1-transition .g1-nav-direction__prev, .g1-simple-slider-relay.g1-transition .g1-nav-direction__prev { left: -100px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .g1-simple-slider-simple.g1-transition .g1-nav-direction__next, .g1-simple-slider-kenburns.g1-transition .g1-nav-direction__next, .g1-simple-slider-standout.g1-transition .g1-nav-direction__next, .g1-simple-slider-relay.g1-transition .g1-nav-direction__next { right: -100px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .cssanimations .g1-simple-slider-viewport figcaption { -webkit-transition: -webkit-transform 0.375s ease-in-out; -moz-transition: -moz-transform 0.375s ease-in-out; -o-transition: -o-transform 0.375s ease-in-out; transition: transform 0.375s ease-in-out; -webkit-backface-visibility: hidden; } .cssanimations .g1-simple-slider-viewport .g1-slide.g1-selected figcaption { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .cssanimations .g1-simple-slider-viewport.g1-transition figcaption { -webkit-transform: translate(100px, 0); -moz-transform: translate(100px, 0); -ms-transform: translate(100px, 0); -o-transform: translate(100px, 0); transform: translate(100px, 0); } .cssanimations .g1-simple-slider-viewport.g1-transition .g1-slide.g1-selected + .g1-slide figcaption { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .cssanimations .g1-simple-slider-viewport .g1-nav-direction__prev, .cssanimations .g1-simple-slider-viewport .g1-nav-direction__next { -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; -webkit-backface-visibility: hidden; } .cssanimations .g1-simple-slider-viewport .g1-nav-direction__prev:after, .cssanimations .g1-simple-slider-viewport .g1-nav-direction__next:after { -webkit-transition: all 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .cssanimations .g1-simple-slider-viewport .g1-nav-direction__prev:hover:after { -webkit-transform: translate(-24px, 0); -moz-transform: translate(-24px, 0); -ms-transform: translate(-24px, 0); -o-transform: translate(-24px, 0); transform: translate(-24px, 0); } .cssanimations .g1-simple-slider-viewport .g1-nav-direction__next:hover:after { -webkit-transform: translate(24px, 0); -moz-transform: translate(24px, 0); -ms-transform: translate(24px, 0); -o-transform: translate(24px, 0); transform: translate(24px, 0); } /* 3.27 Revolution Slider Customizations ----------------------------------------------------------------------------- */ .tp-caption img { -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; } /* =revolution-slider =direction-nav */ .tparrows.default { overflow: hidden; background: #000000; color: #ffffff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; } .rev_slider_wrapper:hover .tparrows.default { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .rev_slider_wrapper:hover .tparrows.default:hover, .tparrows.default:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } .tparrows.default:before { width: 100%; height: 28px; margin-top: -14px; display: block; position: absolute; left: 0; top: 50%; text-align: center; font: 28px/28px FontAwesome; } .tp-leftarrow:before { content: "\f104"; } .tp-rightarrow:before { content: "\f105"; } .tp-bullets .tparrows { width: 20px; height: 20px; margin-top: -10px; background: #000000; color: #ffffff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } .tp-bullets .tparrows:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=99); opacity: 0.99; } .tp-bullets .tparrows:before { width: 100%; height: 14px; margin-top: -7px; display: block; position: absolute; left: 0; top: 50%; text-align: center; font: 14px/14px FontAwesome; } .tp-bullets.simplebullets.round .bullet { width: 20px; height: 20px; margin-top: 0; background: none; position: relative; /* coin bg */ /* coin icon */ } .tp-bullets.simplebullets.round .bullet:before { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; content: ""; background-color: #000000; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=25); opacity: 0.25; } .tp-bullets.simplebullets.round .bullet:after { width: 6px; height: 6px; position: absolute; left: 5px; top: 5px; z-index: 2; display: block; content: ""; border-style: solid; border-width: 2px; border-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } .tp-bullets.simplebullets.round .bullet:hover:after { width: 12px; height: 12px; left: 2px; top: 2px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .tp-bullets.simplebullets.round .bullet.selected:after { background: #ffffff; } .tp-loader { background-color: #ffffff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } /* CSS animations */ .cssanimations .tparrows.default { -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } .cssanimations .tp-bullets .tparrows { -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out; } .cssanimations .tp-bullets.simplebullets.round .bullet:after { -webkit-transition: all 0.175s ease-in-out; -moz-transition: all 0.175s ease-in-out; -o-transition: all 0.175s ease-in-out; transition: all 0.175s ease-in-out; } /* 3.28 Twitter ----------------------------------------------------------------------------- */ /* =tweets =twitter */ .g1-twitter { margin-bottom: 1.5em; } .g1-twitter__items { margin: 0; list-style: none; } .g1-twitter--simple .g1-twitter__items { margin: 0; padding: 1.5em; position: relative; list-style: none; z-index: 2; } .g1-twitter--simple .g1-twitter__items:before { width: 0; display: block; content: ""; position: absolute; bottom: -16px; left: 34px; border-width: 8px; border-style: solid outset outset solid; border-right-color: transparent !important; border-bottom-color: transparent !important; } .g1-twitter--simple .g1-twitter__items li { padding-bottom: 0.75em; } .g1-twitter--simple .g1-twitter__items li + li { padding-top: 0.75em; border-top-width: 1px; } .g1-twitter--simple .g1-twitter__items p { margin-bottom: 0; } .g1-twitter--simple .g1-twitter__follow { min-height: 3em; padding: 18px 0 0 42px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .g1-twitter--simple .g1-twitter__follow:before { margin-right: 10px; position: absolute; left: 0; top: 8px; font-size: 28px; font-family: FontAwesome; content: "\f099"; color: #39A9E0; } .g1-twitter--carousel { padding-top: 38px; position: relative; /* Prevent content jump */ } .g1-twitter--carousel .g1-twitter__items > li + li { display: none; } .g1-twitter--carousel .g1-carousel .g1-twitter__items > li + li { display: block; } .g1-twitter--carousel .g1-twitter__item { text-align: center; } .g1-twitter--carousel .g1-tweet-text { margin-bottom: 0; } .g1-twitter--carousel .g1-twitter__follow { width: 28px; height: 28px; margin-left: -14px; overflow: hidden; position: absolute; left: 50%; top: 0; font-size: 0; } .g1-twitter--carousel .g1-twitter__follow:before { width: 100%; height: 28px; margin-top: -14px; position: absolute; left: 0; top: 50%; text-align: center; font: 28px/28px FontAwesome; content: "\f099"; -webkit-font-smoothing: antialiased; color: #39A9E0; } .g1-twitter--carousel .g1-nav-direction { position: absolute; left: 50%; top: 4px; } .g1-twitter--carousel .g1-nav-direction__prev, .g1-twitter--carousel .g1-nav-direction__next { width: 18px; height: 18px; display: block; overflow: hidden; position: relative; border-width: 1px; } .g1-twitter--carousel .g1-nav-direction__prev:before, .g1-twitter--carousel .g1-nav-direction__next:before { width: 14px; height: 14px; margin-top: -7px; margin-left: -7px; display: block; position: absolute; left: 50%; top: 50%; text-align: center; font: 14px/14px FontAwesome; } .g1-twitter--carousel .g1-nav-direction__prev { position: absolute; right: 50%; margin-right: 30px; } .g1-twitter--carousel .g1-nav-direction__prev:before { content: "\f104"; } .g1-twitter--carousel .g1-nav-direction__next { position: absolute; left: 50%; margin-left: 30px; } .g1-twitter--carousel .g1-nav-direction__next:before { content: "\f105"; } /* CSS animations */ .cssanimations .g1-twitter--carousel .g1-nav-direction__prev, .cssanimations .g1-twitter--carousel .g1-nav-direction__next { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } /* 3.29 Google Maps ----------------------------------------------------------------------------- */ .g1-gmap-wrapper { margin-bottom: 1.5em; position: relative; overflow: hidden; } .g1-gmap-wrapper .g1-pan-control { max-width: 75px !important; width: 75px !important; height: 75px !important; display: block; position: absolute; left: 28px; top: 28px; } .g1-gmap-wrapper .g1-pan-control div { width: 25px; height: 25px; overflow: hidden; position: absolute; cursor: pointer; } .g1-gmap-wrapper .g1-pan-control div:before { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; text-align: center; font: 28px/25px FontAwesome; } .g1-gmap-wrapper .g1-pan-control .g1-top { left: 25px; top: 0; } .g1-gmap-wrapper .g1-pan-control .g1-top:before { content: "\f106"; } .g1-gmap-wrapper .g1-pan-control .g1-bottom { left: 25px; bottom: 0; } .g1-gmap-wrapper .g1-pan-control .g1-bottom:before { content: "\f107"; } .g1-gmap-wrapper .g1-pan-control .g1-left { left: 0; top: 25px; } .g1-gmap-wrapper .g1-pan-control .g1-left:before { content: "\f104"; } .g1-gmap-wrapper .g1-pan-control .g1-right { right: 0; top: 25px; } .g1-gmap-wrapper .g1-pan-control .g1-right:before { content: "\f105"; } .g1-gmap-wrapper .g1-zoom-control { max-width: 75px !important; width: 75px !important; height: 25px !important; position: absolute; left: 28px; top: 103px; } .g1-gmap-wrapper .g1-zoom-control div { width: 50%; height: 25px; float: right; position: relative; cursor: pointer; } .g1-gmap-wrapper .g1-zoom-control div:before { width: 100%; height: 25px; display: block; position: absolute; left: 0; top: 0; text-align: center; font: 14px/25px FontAwesome; } .g1-gmap-wrapper .g1-zoom-control .g1-zoom-in:before { content: "\f067"; } .g1-gmap-wrapper .g1-zoom-control .g1-zoom-out:before { content: "\f068"; } .g1-gmap-wrapper .g1-full-map-control { max-width: 25px !important; width: 25px !important; height: 25px !important; overflow: hidden; position: absolute; top: 53px; left: 53px; } .g1-gmap-wrapper .g1-full-map-control a { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; } .g1-gmap-wrapper .g1-full-map-control a:before { width: 100%; height: 100%; margin-top: -7px; display: block; position: relative; left: 0; top: 50%; text-align: center; font: 14px/14px FontAwesome; content: "\f065"; } .g1-gmap img { max-width: none; } div.g1-gmap__box { min-width: 320px; margin: 20px 0 0; display: block; } div.g1-gmap__box > .g1-inner { padding: 20px; margin: 0 50% 0 -50%; } /* CSS animations */ /* x.x Structure ----------------------------------------------------------------------------- */ #page { overflow: hidden; } .g1-background { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; } #g1-top { position: relative; } #g1-preheader, #g1-header, #g1-precontent, .g1-content, #g1-prefooter, #g1-footer { position: relative; } #g1-preheader:before, #g1-preheader:after, #g1-header:before, #g1-header:after, #g1-precontent:before, #g1-precontent:after, .g1-content:before, .g1-content:after, #g1-prefooter:before, #g1-prefooter:after, #g1-footer:before, #g1-footer:after { content: " "; display: table; } #g1-preheader:after, #g1-header:after, #g1-precontent:after, .g1-content:after, #g1-prefooter:after, #g1-footer:after { clear: both; } #ie7 #g1-preheader, #ie7 #g1-header, #ie7 #g1-precontent, #ie7 .g1-content, #ie7 #g1-prefooter, #ie7 #g1-footer { zoom: 1; } #g1-preheader > .g1-background, #g1-header > .g1-background, #g1-precontent > .g1-background, .g1-content > .g1-background, #g1-prefooter > .g1-background, #g1-footer > .g1-background { width: 100%; position: absolute; top: 0; bottom: 0; } /* Add z-indexes */ /* --- Grid system ----------------------------------------------------------------------------- */ .g1-grid { width: 100%; min-height: 1px; /* Remove the space between inline-block elements */ letter-spacing: -0.31em; } ul.g1-grid { margin: 0; list-style: none; } /* clearfix */ .g1-grid:after { display: block; height: 0; visibility: hidden; clear: both; content: ""; } #ie7 .g1-grid { zoom: 1; } .g1-grid > .g1-column { min-height: 1px; margin-left: 2.89256198%; float: left; /* Revert to default spacing */ letter-spacing: normal; } ul.g1-grid > li.g1-column { float: none; display: inline-block; vertical-align: top; } #ie7 ul.g1-grid > li.g1-column { display: inline; zoom: 1; } ul.g1-grid > li.g1-column.g1-valign-top { vertical-align: top; } ul.g1-grid > li.g1-column.g1-valign-middle { vertical-align: middle; } ul.g1-grid > li.g1-column.g1-valign-bottom { vertical-align: bottom; } .g1-grid > .g1-column:first-child { margin-left: 0; } .g1-one { width: 100%; } .g1-max { width: 100%; } .g1-one-half { width: 48.55371901%; } .g1-one-third { width: 31.40495868%; } .g1-two-third { width: 65.70247934%; } .g1-one-fourth { width: 22.83057851%; } .g1-three-fourth { width: 74.2768595%; } .g1-one-fifth { width: 17.68595041%; } .g1-two-fifth { width: 38.26446281%; } .g1-three-fifth { width: 58.84297521%; } .g1-four-fifth { width: 79.4214876%; } .g1-one-sixth { width: 14.25619835%; } .g1-five-sixth { width: 82.85123967%; } @media only screen and (min-width: 768px) { .js.cssanimations .g1-column[data-g1-delay] { opacity: 0; -webkit-backface-visibility: hidden; } .js.cssanimations .g1-column.g1-start-animation { opacity: 1; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; transition: opacity 1s ease; } } .g1-secondary-wide { /* Change the visual order of blocks (SEO requirement) */ } .g1-secondary-wide #primary { width: 65.70247934%; float: left; } .g1-secondary-wide #secondary { width: 31.40495868%; margin-left: 2.89256198%; float: left; } .g1-secondary-wide.g1-secondary-before #primary { position: relative; left: 34.29752066%; } .g1-secondary-wide.g1-secondary-before #secondary { position: relative; left: -68.59504132%; } .g1-secondary-narrow #primary { width: 74.2768595%; float: left; } .g1-secondary-narrow #secondary { width: 22.83057851%; margin-left: 2.89256198%; float: left; } .g1-secondary-narrow.g1-secondary-before #primary { position: relative; left: 25.7231405%; } .g1-secondary-narrow.g1-secondary-before #secondary { position: relative; left: -77.16942149%; } /* Destroy:) grid system on smaller screens */ @media only screen and (max-width: 600px) { .g1-grid > .g1-column { width: 100% !important; margin: 0 !important; float: none !important; left: auto !important; } } @media only screen and (max-width: 767px) { #primary, #secondary { width: 100% !important; margin: 0 !important; float: none !important; left: auto !important; } #secondary > .g1-inner { padding: 0 !important; } } /* ---------------------------------------------------------------------------- 4 . MODULES ----------------------------------------------------------------------------- */ /* 4.1 Entry ----------------------------------------------------------------------------- */ .sticky { /**/ } .bypostauthor { /**/ } .entry-title { -ms-word-wrap: break-word; word-wrap: break-word; } .entry-content { -ms-word-wrap: break-word; word-wrap: break-word; } /* =entry-featured-media */ .entry-featured-media { position: relative; overflow: hidden; text-align: center; } .entry-featured-media > .g1-frame { margin: 0; } .entry-featured-media a { position: relative; display: block; } .entry-featured-media .g1-fluid-wrapper, .entry-featured-media .media-audio, .entry-featured-media img, .entry-featured-media object, .entry-featured-media iframe { margin: 0 auto; display: block; } .entry-featured-media .g1-placeholder i:before { content: "\f070"; } article.format-aside .entry-featured-media .g1-placeholder i:before { content: "\f040"; } article.format-chat .entry-featured-media .g1-placeholder i:before { content: "\f086"; } article.format-link .entry-featured-media .g1-placeholder i:before { content: "\f0c1"; } article.format-quote .entry-featured-media .g1-placeholder i:before { content: "\f10e"; } article.format-status .entry-featured-media .g1-placeholder i:before { content: "\f0a1"; } .g1-gallery-data { display: none; } /* =entry-meta */ .entry-meta > time, .entry-meta > span { margin-right: 0.33em; } .entry-comments-link { /* %d Comments */ /* Comments are off */ } .entry-comments-link > a { /* Add icon */ /* Hide label */ } .entry-comments-link > a:before { margin-right: 5px; font-size: 14px; font-family: FontAwesome; content: "\f0e5"; } .entry-comments-link > a span { display: none; } .entry-comments-link > span { /* Hide label */ font-size: 0; /* Add icon */ } .entry-comments-link > span:before { margin-right: 7px; font-size: 14px; font-family: FontAwesome; content: "\f05e\0000a0\f0e5"; cursor: default; } /* =entry-terms */ .entry-terms { margin-bottom: 1.5em; } .entry-categories, .entry-tags { /* commas */ } .entry-categories div, .entry-tags div { padding-left: 20px; position: relative; overflow: hidden; } .entry-categories span, .entry-tags span { width: 20px; display: block; overflow: hidden; position: absolute; left: 0; white-space: nowrap; text-indent: 100%; } .entry-categories span:before, .entry-tags span:before { position: absolute; left: 0; text-indent: 0; font-size: 14px; line-height: 100%; font-family: FontAwesome; } .entry-categories ul, .entry-tags ul { margin: 0; display: inline; overflow: hidden; list-style: none; } .entry-categories li, .entry-tags li { float: left; } .entry-categories li a:after, .entry-tags li a:after { padding-right: .33em; content: ","; } .entry-categories li:last-child a:after, .entry-tags li:last-child a:after { padding-right: 0; content: ""; } .entry-categories span:before { content: "\f07b"; } .entry-tags span:before { content: "\f02b"; } .entry-categories:first-child, .entry-tags:first-child { padding-top: 1.5em; border-width: 1px 0 0; border-style: dotted; } .g1-collection .entry-categories:first-child, .g1-collection .entry-tags:first-child { border-width: 0; padding-top: 0; } @media only screen and (min-width: 768px) { .g1-essentials:after { display: table; clear: both; content: ""; } .g1-essential-media, .g1-essential-nonmedia { position: relative; float: left; } .g1-mediabox-wide { /* Change the visual order of blocks (SEO requirement) */ } .g1-mediabox-wide .g1-essential-media { width: 65.70247934%; } .g1-mediabox-wide .g1-essential-nonmedia { width: 31.40495868%; margin-left: 2.89256198%; } .g1-mediabox-wide.g1-mediabox-after .g1-essential-nonmedia { left: -68.59504132%; } .g1-mediabox-wide.g1-mediabox-after .g1-essential-media { left: 34.29752066%; } .g1-mediabox-narrow { /* Change the visual order of blocks (SEO requirement) */ } .g1-mediabox-narrow .g1-essential-media { width: 48.55371901%; } .g1-mediabox-narrow .g1-essential-nonmedia { width: 48.55371901%; margin-left: 2.89256198%; } .g1-mediabox-narrow.g1-mediabox-after .g1-essential-nonmedia { left: -51.44628099%; } .g1-mediabox-narrow.g1-mediabox-after .g1-essential-media { left: 51.44628099%; } } .g1-flags { display: none; } .g1-nav-single { margin: 0 0 3em 0; padding: 1.5em 0; border-width: 1px 0 0 0; } .g1-nav-single p { display: none; } .g1-nav-single ol { min-height: 40px; margin: 0; position: relative; list-style: none; } .g1-nav-single li > strong { display: block; font-weight: normal; } .g1-nav-single__prev, .g1-nav-single__next { float: left; width: 50%; min-height: 1px; } .g1-nav-single__prev > a, .g1-nav-single__next > a { display: block; overflow: hidden; position: relative; text-overflow: ellipsis; white-space: nowrap; } .g1-nav-single__prev > a:after, .g1-nav-single__next > a:after { width: 20px; margin-top: -14px; display: block; position: absolute; top: 50%; font: 28px/28px FontAwesome; } .g1-nav-single__prev { text-align: left; } .g1-nav-single__prev > strong { padding-right: 40px; padding-left: 20px; } .g1-nav-single__prev > a { padding-right: 40px; padding-left: 20px; /* Arrows */ } .g1-nav-single__prev > a:after { left: 0; content: "\f104"; } .g1-nav-single__next { text-align: right; } .g1-nav-single__next > strong { padding-right: 20px; padding-left: 40px; } .g1-nav-single__next > a { padding-right: 20px; padding-left: 40px; } .g1-nav-single__next > a:after { right: 0; content: "\f105"; } .g1-nav-single__back { position: absolute; left: 50%; } .g1-nav-single__back > strong { visibility: hidden; } .g1-nav-single__back > a { width: 40px; display: block; overflow: hidden; position: relative; left: -20px; white-space: nowrap; text-indent: 100%; } .g1-nav-single__back > a:before { width: 100%; margin-top: -7px; display: block; position: absolute; top: 50%; left: 0; text-indent: 0; text-align: center; font: 14px/14px FontAwesome; content: "\f00a"; } /* 4.2 Aside Post Format ----------------------------------------------------------------------------- */ /* =aside =post-format */ /* 4.3 Audio Post Format ----------------------------------------------------------------------------- */ .g1-collection--grid.g1-collection--one-half .format-audio .entry-featured-media, .g1-collection--grid.g1-collection--one-third .format-audio .entry-featured-media, .g1-collection--grid.g1-collection--one-fourth .format-audio .entry-featured-media { position: relative; } .g1-collection--grid.g1-collection--one-half .format-audio .entry-featured-media .media-audio, .g1-collection--grid.g1-collection--one-third .format-audio .entry-featured-media .media-audio, .g1-collection--grid.g1-collection--one-fourth .format-audio .entry-featured-media .media-audio { margin-top: -30px; position: absolute; left: 0; right: 0; top: 50%; z-index: 2; } .g1-collection--grid.g1-collection--one-half .format-audio .entry-featured-media .g1-placeholder, .g1-collection--grid.g1-collection--one-third .format-audio .entry-featured-media .g1-placeholder, .g1-collection--grid.g1-collection--one-fourth .format-audio .entry-featured-media .g1-placeholder { margin-bottom: 0; } .g1-inline-audio { display: none; } .mfp-wrap .g1-inline-audio { display: table; margin-left: auto; margin-right: auto; } .mfp-content > .jp-audio { display: table; margin-left: auto; margin-right: auto; } /* 4.4 Chat Post Format ----------------------------------------------------------------------------- */ .g1-chat { margin-left: 0; list-style: none; } .g1-chat-row { padding: .75em 16px 0.75em 30px; position: relative; } .g1-chat-author { margin-left: -20px; /* anchor */ } .g1-chat-author > a { width: 20px; display: inline-block; } /* 4.5 Gallery Post Format ----------------------------------------------------------------------------- */ .format-gallery .entry-featured-media { position: relative; } .format-gallery .entry-featured-media .g1-nav-direction { width: 100%; position: absolute; left: 0; top: 50%; } .format-gallery .entry-featured-media .g1-nav-direction__prev, .format-gallery .entry-featured-media .g1-nav-direction__next { width: 28px; height: 28px; display: block; overflow: hidden; position: absolute; top: -14px; font-size: 0; background: #000 !important; color: #fff !important; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .format-gallery .entry-featured-media .g1-nav-direction__prev:before, .format-gallery .entry-featured-media .g1-nav-direction__next:before { width: 100%; height: 14px; margin-top: -7px; display: block; position: absolute; top: 50%; left: 0; text-align: center; font: 14px/14px FontAwesome; } .format-gallery .entry-featured-media .g1-nav-direction__prev:hover, .format-gallery .entry-featured-media .g1-nav-direction__next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } .format-gallery .entry-featured-media .g1-nav-direction__prev { left: 10px; } .format-gallery .entry-featured-media .g1-nav-direction__prev:before { content: "\f104"; } .format-gallery .entry-featured-media .g1-nav-direction__next { right: 10px; } .format-gallery .entry-featured-media .g1-nav-direction__next:before { content: "\f105"; } .g1-gallery { position: relative; } .g1-gallery figure { margin: 0; } .g1-gallery figure > div { width: 66%; float: left; } .g1-gallery figure > div img { display: block; } .g1-gallery figure figcaption { width: 33%; padding-top: 4.5em; float: right; } .g1-gallery figure figcaption > p { padding: 0 5%; } .g1-gallery figure figcaption > div { padding: 0 5%; } .g1-gallery-toolbar { width: 33%; height: 3em; position: absolute; right: 0; top: 0; z-index: 2; background: yellow; } .g1-gallery-items { margin: 0; list-style: none; } .g1-gallery-items > li { display: block; float: left; } .g1-gallery-items > li figure { display: block; float: left; } /* Prevent content jump */ .g1-gallery-items > li + li { display: none; } .g1-carousel .g1-gallery-items > li + li { display: block; } .g1-gallery-thumbs { margin: 0; list-style: none; } .g1-gallery-thumbs li { margin: 2px 2px 0 0; float: left; position: relative; } .g1-gallery-thumbs li a { position: relative; display: block; overflow: hidden; } .g1-gallery-thumbs li a:before { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; content: ""; background-color: #000; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .g1-gallery-thumbs li a:after { width: 55px; height: 55px; display: block; position: absolute; top: 0; left: 0; text-align: center; font-family: FontAwesome; font-size: 14px; line-height: 55px; content: "\f062"; color: #fff; } .g1-gallery-thumbs li a:hover:before { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=66); opacity: 0.66; } .g1-gallery-thumbs li img { display: block; } .g1-gallery-thumbs li.g1-selected:before { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; content: ""; border-style: solid; border-width: 5px; border-color: red; } /* CSS animations */ .cssanimations .g1-gallery-thumbs li a:before { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .cssanimations .g1-gallery-thumbs li a:after { -webkit-transform: translate(0px, 100px); -moz-transform: translate(0px, 100px); -ms-transform: translate(0px, 100px); -o-transform: translate(0px, 100px); transform: translate(0px, 100px); -webkit-transition: all 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55); -moz-transition: all 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55); -o-transition: all 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55); transition: all 0.35s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .cssanimations .g1-gallery-thumbs li a:hover:after { -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } /* 4.6 Image Post Format ----------------------------------------------------------------------------- */ /* =image =post-format */ /* 4.7 Link Post Format ----------------------------------------------------------------------------- */ /* =link =post-format */ /* 4.8 Quote Post Format ----------------------------------------------------------------------------- */ /* =quote =post-format */ article.format-quote.g1-complete .entry-content blockquote { margin: 0; padding: 0; border: none; font-size: 36px; } article.format-quote.g1-complete .entry-content blockquote:before { display: none; } article.format-quote.g1-complete .entry-content figcaption, article.format-quote.g1-complete .entry-content cite { font-size: 14px; font-style: italic; margin-top: -1.5em; } article.format-quote.g1-complete .entry-content figcaption:before, article.format-quote.g1-complete .entry-content cite:before { content: "— "; } /* 4.9 Status Post Format ----------------------------------------------------------------------------- */ /* =status =post-format */ article.format-status.g1-complete .entry-content p { font-size: 36px; } /* 4.10 Video Post Format ----------------------------------------------------------------------------- */ article.format-video .entry-featured-media iframe { background: #000000; } /* 4.11 Related Entries ----------------------------------------------------------------------------- */ .g1-related-entries { margin: 0 0 4.5em 0; padding: 1.5em 0 0 0; position: relative; border-width: 1px 0 0; } .g1-related-entries:before { width: 60px; height: 0; display: block; position: absolute; top: -1px; left: 0; border-style: solid; border-width: 1px 0 0; content: ""; } /* 4.12 Gallery ----------------------------------------------------------------------------- */ /* =gallery */ .gallery { margin-bottom: 1.5em; } .gallery > ol { margin: 0; list-style: none; } .gallery-item { float: left; padding: 4px 0 0 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Columns 1-10 */ .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33.33333333%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.66666667%; } .gallery-columns-7 .gallery-item { width: 14.28571429%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.11111111%; } .gallery-columns-10 .gallery-item { width: 10%; } .gallery-icon { max-width: 100%; position: relative; float: left; overflow: hidden; } .gallery-icon > a { max-width: 100%; display: block; float: left; position: relative; /* background */ /* icon */ } .gallery-icon > a:before { width: 100%; height: 100%; display: none; position: absolute; left: 0; top: 0; content: ""; } .gallery-icon > a:after { width: 42px; height: 42px; margin-top: -21px; margin-left: -21px; display: none; position: absolute; left: 50%; top: 50%; text-align: center; font-family: FontAwesome; font-size: 28px; line-height: 42px; content: "\f06e"; } .gallery-icon > a:hover:before { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=66); opacity: 0.66; } .gallery-icon > a:hover:after { display: block; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=99); opacity: 0.99; } .gallery-icon img { display: block; } .gallery-caption { display: none; } .cssanimations .gallery-icon > a:before { display: block; opacity: 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .cssanimations .gallery-icon > a:after { display: block; opacity: 0; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: scale(2, 2); -moz-transform: scale(2, 2); -ms-transform: scale(2, 2); -o-transform: scale(2, 2); transform: scale(2, 2); } .cssanimations .gallery-icon > a:hover:before { opacity: .66; } .cssanimations .gallery-icon > a:hover:after { opacity: .99; -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } /* 4.13 Galleria ----------------------------------------------------------------------------- */ /* galleria fix for fullscreen video */ .galleria-lightbox-image .galleria-image { height: 95%; } .galleria-exit { width: 32px; height: 32px; display: block; position: absolute; top: 12px; right: 12px; z-index: 999; } .galleria-exit-button { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background: #808080; color: #fff; } .galleria-exit-button:before { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; text-align: center; font: 14px/32px FontAwesome; content: "\f00d"; } .galleria-exit-button:hover { background: #404040; color: #fff; } /* CSS animations */ .cssanimations .galleria-exit-button { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-backface-visibility: hidden; } /* 4.14 Collections ----------------------------------------------------------------------------- */ .g1-collection { clear: both; } .g1-collection > ul { margin: 0; position: relative; list-style: none; /* Remove the space between inline-block elements */ letter-spacing: -0.31em; } .g1-collection__item { outline: 1px transparent solid; /* Revert to default spacing */ letter-spacing: normal; } .g1-collection__item:hover { z-index: 3; } /* =Collection =Grid */ .g1-collection--grid > ul { width: 100.41322314%; left: -4px; } .g1-collection--grid > ul > .g1-collection__item { margin: 0 0 1.5em; display: inline-block; vertical-align: top; } #ie7 .g1-collection--grid > ul > .g1-collection__item { display: inline; zoom: 1; } .g1-collection--grid article { margin-left: 4px; } /* =Collection =Grid =1/4 */ .g1-collection--grid.g1-collection--one-fourth > ul > .g1-collection__item { max-width: 243px; width: 25%; } .g1-secondary-narrow #primary .g1-collection--grid.g1-collection--one-fourth > ul > .g1-collection__item, .g1-secondary-wide #primary .g1-collection--grid.g1-collection--one-fourth > ul > .g1-collection__item, .g1-column.g1-three-fourth .g1-collection--grid.g1-collection--one-fourth > ul > .g1-collection__item { width: 33.33333333%; } .g1-column.g1-one-half .g1-collection--grid.g1-collection--one-fourth > ul > .g1-collection__item { width: 50%; } #secondary .g1-collection--grid.g1-collection--one-fourth > ul > .g1-collection__item, .g1-column.g1-one-fourth .g1-collection--grid.g1-collection--one-fourth > ul > .g1-collection__item { width: 100%; } .g1-collection--grid.g1-collection--one-fourth .entry-featured-media { margin-bottom: 0.75em; } /* =Collection =Grid =1/3 */ .g1-collection--grid.g1-collection--one-third > ul > .g1-collection__item { max-width: 324px; width: 33.33333333%; /* Inside a two-third container, a three-column collection should be rendered as a two-column collection */ /* Inside a one-third container, a three-column collection should be rendered as a one-column collection */ } .g1-secondary-narrow #primary .g1-collection--grid.g1-collection--one-third > ul > .g1-collection__item, .g1-secondary-wide #primary .g1-collection--grid.g1-collection--one-third > ul > .g1-collection__item, .g1-column.g1-two-third .g1-collection--grid.g1-collection--one-third > ul > .g1-collection__item { width: 50%; } .g1-collection--grid.g1-collection--one-third > ul > .g1-collection__item .g1-secondary-narrow #secondary, .g1-collection--grid.g1-collection--one-third > ul > .g1-collection__item .g1-secondary-wide #secondary, .g1-column.g1-one-third .g1-collection--grid.g1-collection--one-third > ul > .g1-collection__item { width: 100%; } /* =Collection =Grid =1/2 */ .g1-collection--grid.g1-collection--one-half > ul > .g1-collection__item { max-width: 486px; width: 50%; } .g1-one-half .g1-collection--grid.g1-collection--one-half > ul > .g1-collection__item { width: 100%; } /* =collection =grid =2/3 */ .g1-collection--grid.g1-collection--two-third > ul > .g1-collection__item { width: 100%; } .g1-collection--grid.g1-collection--two-third > ul > .g1-collection__item + .g1-collection__item { padding-top: 3em; border-top-width: 1px; } /* =Collection =Grid =Full */ .g1-collection--grid.g1-collection--max > ul > .g1-collection__item { width: 100%; margin-bottom: 1.5em; } .g1-collection--grid.g1-collection--max > ul > .g1-collection__item + .g1-collection__item { padding-top: 3em; border-top-width: 1px; } .g1-collection--list > ul { margin: 0; list-style: none; } .g1-collection--list .entry-featured-media { margin: 0; } /* collection-list-two-third */ .g1-collection--list.g1-collection--two-third > ul { margin: 0 0 1.5em; } .g1-collection--list.g1-collection--two-third > ul > .g1-collection__item { margin: 0 0 3em; } .g1-collection--list.g1-collection--two-third > ul > .g1-collection__item + .g1-collection__item { padding-top: 3em; } @media only screen and (max-width: 600px) { .g1-collection--grid.g1-collection--one-fourth > ul > .g1-collection__item, .g1-collection--grid.g1-collection--one-third > ul > .g1-collection__item, .g1-collection--grid.g1-collection--one-half > ul > .g1-collection__item { width: 100% !important; } } .g1-collection--gallery { margin-bottom: 3em; } .g1-collection--gallery > ul > .g1-collection__item { margin-bottom: 4px !important; } .g1-collection--gallery article { position: relative; /* border */ } .g1-collection--gallery article:before { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; visibility: hidden; content: ""; } .g1-tl-squircle .g1-collection--gallery article:before { -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; } .g1-tr-squircle .g1-collection--gallery article:before { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; } .g1-tl-circle .g1-collection--gallery article:before { -moz-border-radius-topleft: 24px; -webkit-border-top-left-radius: 24px; border-top-left-radius: 24px; } .g1-tr-circle .g1-collection--gallery article:before { -moz-border-radius-topright: 24px; -webkit-border-top-right-radius: 24px; border-top-right-radius: 24px; } .g1-collection--gallery article figure { margin-bottom: 0 !important; } .g1-collection--gallery article .g1-nonmedia { width: 100%; position: absolute; left: 0; top: 100%; visibility: hidden; /* border */ } .g1-collection--gallery article .g1-nonmedia > .g1-inner { padding: 20px 20px 1px 20px; position: relative; z-index: 1; visibility: hidden; /* arrow */ } .g1-br-squircle .g1-collection--gallery article .g1-nonmedia > .g1-inner { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } .g1-bl-squircle .g1-collection--gallery article .g1-nonmedia > .g1-inner { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; } .g1-br-circle .g1-collection--gallery article .g1-nonmedia > .g1-inner { -moz-border-radius-bottomright: 24px; -webkit-border-bottom-right-radius: 24px; border-bottom-right-radius: 24px; } .g1-bl-circle .g1-collection--gallery article .g1-nonmedia > .g1-inner { -moz-border-radius-bottomleft: 24px; -webkit-border-bottom-left-radius: 24px; border-bottom-left-radius: 24px; } .g1-collection--gallery article .g1-nonmedia > .g1-inner:after { width: 0; height: 0; margin-left: -8px; display: block; position: absolute; left: 50%; top: -16px; content: ""; border-style: solid; border-width: 8px; border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; } .g1-collection--gallery article .g1-nonmedia > .g1-01 { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .g1-br-squircle .g1-collection--gallery article .g1-nonmedia > .g1-01 { -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; } .g1-bl-squircle .g1-collection--gallery article .g1-nonmedia > .g1-01 { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; } .g1-br-circle .g1-collection--gallery article .g1-nonmedia > .g1-01 { -moz-border-radius-bottomright: 24px; -webkit-border-bottom-right-radius: 24px; border-bottom-right-radius: 24px; } .g1-bl-circle .g1-collection--gallery article .g1-nonmedia > .g1-01 { -moz-border-radius-bottomleft: 24px; -webkit-border-bottom-left-radius: 24px; border-bottom-left-radius: 24px; } .g1-collection--gallery article.g1-on--mouse, .g1-collection--gallery article.g1-on--finger { position: relative; z-index: 2; } .g1-collection--gallery article.g1-on--mouse:before, .g1-collection--gallery article.g1-on--mouse .g1-indicator, .g1-collection--gallery article.g1-on--mouse .g1-nonmedia, .g1-collection--gallery article.g1-on--mouse .g1-nonmedia > .g1-inner, .g1-collection--gallery article.g1-on--mouse .g1-nonmedia > .g1-01, .g1-collection--gallery article.g1-on--finger:before, .g1-collection--gallery article.g1-on--finger .g1-indicator, .g1-collection--gallery article.g1-on--finger .g1-nonmedia, .g1-collection--gallery article.g1-on--finger .g1-nonmedia > .g1-inner, .g1-collection--gallery article.g1-on--finger .g1-nonmedia > .g1-01 { visibility: visible; } .g1-collection--gallery article.g1-on--mouse:before, .g1-collection--gallery article.g1-on--finger:before { left: -20px; right: -20px; top: -20px; bottom: -20px; } .g1-collection--gallery article.g1-on--mouse .g1-nonmedia > .g1-01, .g1-collection--gallery article.g1-on--finger .g1-nonmedia > .g1-01 { left: -20px; right: -20px; bottom: -20px; /* iPad fix - list properties explicitly */ } .g1-collection--gallery article.g1-on--mouse .entry-featured-media, .g1-collection--gallery article.g1-on--finger .entry-featured-media { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .g1-collection--simple .g1-nonmedia { padding: 0 10% 0 0; } .g1-collection--grid.g1-collection--filterable .g1-nonmedia { padding: 0 10% 0 0; } .g1-collection--grid.g1-collection--masonry { /* Rounded corners */ } .g1-collection--grid.g1-collection--masonry > ul { margin-top: -4px; margin-bottom: 1.5em; } .g1-collection--grid.g1-collection--masonry > ul > .g1-collection__item { margin-bottom: 0; margin-top: 4px; } .g1-collection--grid.g1-collection--masonry article { padding: 4px; } .g1-collection--grid.g1-collection--masonry .entry-featured-media { margin-bottom: 0; border-width: 1px; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } .g1-collection--grid.g1-collection--masonry .g1-nonmedia { padding: 1.5em 20px 0 20px; border-width: 1px; } .g1-collection--grid.g1-collection--masonry .entry-featured-media + .g1-nonmedia { border-top-width: 0; } /* 4.15 Isotope ----------------------------------------------------------------------------- */ /* --- Isotope --------------------------------------------------------------------------------- */ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /* CSS3 transitions */ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /* disable CSS3 transitions */ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* toolbar */ .isotope-toolbar { margin: 0 0 3em; } .g1-isotope-filters > div { margin: 4px; padding: 0 10px; border-width: 1px; } .g1-isotope-filters:before, .g1-isotope-filters:after { content: " "; display: table; } .g1-isotope-filters:after { clear: both; } #ie7 .g1-isotope-filters { zoom: 1; } .g1-isotope-filters + .g1-isotope-filters { border-top-width: 0; } .g1-isotope-filters > p { margin-right: 1em; display: inline; display: none; } .g1-isotope-filter { margin-top: -1px; margin-left: -1px; float: left; border-width: 1px; } .g1-isotope-filter > a { display: block; padding: 10px; } .g1-isotope-filter--current { position: relative; /* Accent */ } .g1-isotope-filter--current:before { width: 100%; height: 2px; display: block; position: absolute; left: 0; top: 0; z-index: 2; content: ""; } .g1-isotope-filter--current > a { position: relative; cursor: default; } /* Filter group */ .option-set { margin: -1px 0; padding: 0 0 0 1px; display: block; overflow: hidden; list-style: none; } /* 4.16 Widgets ----------------------------------------------------------------------------- */ .widget { margin-bottom: 1.5em; padding-bottom: 1px; /* Prevent margin collapsing */ } #secondary .widget { margin-bottom: 3em; } #secondary .widget + .widget { padding-top: 1.5em; position: relative; border-width: 1px 0 0; } #secondary .widget + .widget:before { width: 24px; height: 0; display: block; position: absolute; top: -1px; left: 0; border-style: solid; border-width: 1px 0 0; content: ""; } /* =widget =widget-calendar */ #calendar_wrap { max-width: 304px; width: 100%; } #wp-calendar { max-width: 304px; width: 100%; width: 100%; position: relative; } #wp-calendar caption { width: auto; padding-top: 4px; padding-left: 58px; padding-right: 0; text-align: right; } #wp-calendar thead th { padding: 6px 3px 3px; text-align: center; text-transform: uppercase; font-weight: bold; } #wp-calendar tbody td { padding: 3px 3px; text-align: center; } #wp-calendar tbody td:first-child { padding-left: 6px; } #wp-calendar tbody tr:nth-child(1) td { padding-top: 9px; } #wp-calendar tbody tr:nth-last-child(1) td { padding-bottom: 9px; } #wp-calendar tbody a { font-weight: bold; } #wp-calendar tfoot td { padding: 3px 0; } #wp-calendar tfoot td.pad { width: 2px; font-size: 0; } #wp-calendar tbody td#today { font-weight: bold; } #wp-calendar tfoot { position: absolute; left: 0; top: 0; } #wp-calendar #prev, #wp-calendar #next { /* button */ } #wp-calendar #prev a, #wp-calendar #prev span, #wp-calendar #next a, #wp-calendar #next span { width: 24px; height: 24px; display: block; position: relative; overflow: hidden; content: ""; text-indent: 99px; /* arrow */ } #wp-calendar #prev a:after, #wp-calendar #prev span:after, #wp-calendar #next a:after, #wp-calendar #next span:after { width: 100%; height: 14px; margin-top: -7px; display: block; position: absolute; left: 0; top: 50%; text-indent: 0; text-align: center; font: 14px/14px FontAwesome; } #wp-calendar #prev span, #wp-calendar #next span { cursor: default; } #wp-calendar #prev a:after, #wp-calendar #prev span:after { content: "\f104"; } #wp-calendar #next a:after, #wp-calendar #next span:after { content: "\f105"; } /* --- WordPress Default Widgets --------------------------------------------------------------- */ .widget_recent_comments ul, .widget_rss ul { margin-left: 0; list-style: none; } .widget_recent_comments li, .widget_rss li { padding-top: 5px; padding-bottom: 5px; display: block; border-width: 1px 0 0; } .widget_recent_comments li:first-child, .widget_rss li:first-child { padding-top: 0; border: 0; } .widget_recent_entries li li:first-child, .widget_rss li li:first-child { padding-top: 5px; } .widget_rss .widgettitle { position: relative; padding-left: 31px; } .widget_rss .widgettitle a.rsswidget:first-child { width: 24px; height: 24px; margin-top: -12px; position: absolute; left: 0; top: 50%; display: block; background: #ff8300; } .widget_rss .widgettitle a.rsswidget:first-child img { display: none; } .widget_rss .widgettitle a.rsswidget:first-child:after { height: 24px; width: 24px; display: block; position: absolute; left: 0; top: 0; text-align: center; font: 14px/24px FontAwesome; content: "\f09e"; color: #ffffff; } .widget_rss li a.rsswidget { display: block; } .widget_rss .rssSummary { margin: 0.75em 0 0; } /* CSS animations */ .cssanimations .widget_rss .widgettitle a.rsswidget:first-child:hover:after { -webkit-animation: g1_vertical_loop 0.35s ease-in-out; -moz-animation: g1_vertical_loop 0.35s ease-in-out; -o-animation: g1_vertical_loop 0.35s ease-in-out; animation: g1_vertical_loop 0.35s ease-in-out; } .g1-links ul { margin-left: 0; list-style: none; } .g1-links ul ul { padding: 0 0 0 16px; margin: 5px 0 0 -16px; border-width: 1px 0 0; font-size: 1.20481927711em; } .g1-links li { padding-top: 5px; padding-bottom: 5px; display: block; border-width: 1px 0 0; padding-left: 16px; font-size: 0.83em; } .g1-links li > a { display: block; position: relative; padding-left: 0; font-size: 1.20481927711em; } .g1-links li > a:before { position: absolute; left: -16px; font-size: 14px; font-family: FontAwesome; content: "\f105"; } .g1-links li:first-child { border: 0; } .widget_recent_comments li { padding-left: 22px; position: relative; } .widget_recent_comments li:before { position: absolute; left: 0; font-size: 14px; font-family: FontAwesome; content: "\f0e5"; } .widget_categories select, .widget_archive select { width: 100%; max-width: 304px; margin-bottom: 1.5em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tagcloud { margin-bottom: 1.5em; } .widget_tag_cloud a { line-height: 100%; } /* 4.17 Comments ----------------------------------------------------------------------------- */ .g1-replies { margin-top: 3em; padding-top: 0.75em; position: relative; border-width: 1px 0 0 0; } .g1-replies:before { width: 60px; height: 0; display: block; position: absolute; top: -1px; left: 0; border-style: solid; border-width: 1px 0 0 0; content: ""; } .g1-replies h2 { padding: 10px 0 0 78px; position: relative; } .g1-replies h2:before { width: 56px; height: 56px; display: block; position: absolute; left: 0; top: 0; text-align: left; font: 56px/56px FontAwesome; } .g1-replies--comments h2:before { content: "\f086"; } .g1-replies--pings h2:before { content: "\f079"; } #respond { margin: 3em 0 0; padding: 0.75em 0 0 78px; position: relative; border-width: 1px 0 0; } #respond:before { width: 60px; height: 0; display: block; position: absolute; top: -1px; left: 0; border-style: solid; border-width: 1px 0 0; content: ""; } .commentlist #respond { margin: 1.5em 0; } #reply-title { padding: 10px 0 0; position: relative; } #reply-title:before { width: 56px; height: 56px; display: block; position: absolute; left: -78px; top: 0; text-align: left; font: 56px/56px FontAwesome; content: "\f0e5"; } /* --- Comment list ---------------------------------------------------------------------------- */ .avatar-20 { width: 20px; height: 20px; } .avatar-40 { width: 40px; height: 40px; } .avatar-60 { width: 60px; height: 60px; } .avatar-80 { width: 80px; height: 80px; } .avatar-100 { width: 100px; height: 100px; } .avatar-120 { width: 120px; height: 120px; } .commentlist { margin: 0; list-style: none; } .commentlist li { position: relative; } .commentlist article { padding: 1.5em 0 1.5em 78px; } .commentlist header div { width: 50%; margin-right: 5%; float: left; } .commentlist header p { width: 45%; float: right; text-align: right; } .commentlist header cite { font-style: normal; font-weight: bold; } .commentlist img.avatar { position: absolute; left: 0; top: 20px; } .commentlist ul.children { margin: 0 0 0 78px; list-style: none; } /* Tree style, ftw! */ .comment.parent > article { position: relative; } .comment.parent > article:before { width: 0; display: block; position: absolute; left: 30px; top: 80px; bottom: 0; border-style: dotted; border-width: 0 0 0 1px; content: ""; } .comment.parent > .children > .comment { position: relative; } .comment.parent > .children > .comment:before { width: 0; height: 100%; display: block; position: absolute; left: -48px; top: 0; border-style: dotted; border-width: 0 0 0 1px; content: ""; } .comment.parent > .children > .comment:after { width: 48px; height: 0; display: block; position: absolute; left: -48px; top: 50px; border-style: dotted; border-width: 1px 0 0 0; content: ""; } .comment.parent > .children > .comment:last-child:before { height: 50px; } .comment-body { -ms-word-wrap: break-word; word-wrap: break-word; } .comment-reply-link:before { margin-right: 0.5em; display: inline-block; font-size: 14px; font-family: FontAwesome; content: "\f112"; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .pingback { margin-left: 78px; padding: 0 0 .75em 0; } .pingback + .pingback { padding: .75em 0; border-width: 1px 0 0; } .pingback > p { margin: 0; } .comment-form .required { font-weight: normal; } /* 4.18 About the Author ----------------------------------------------------------------------------- */ .author-info { margin: 0 0 4.5em; padding: 1.5em 0 0; min-height: 60px; position: relative; border-width: 1px 0 0; /* Decorative dash */ } .author-info:before { width: 60px; height: 0; display: block; position: absolute; top: -1px; left: 0; border-style: solid; border-width: 1px 0 0 0; content: ""; } .author-info .author-title, .author-info .author-description { padding-left: 80px; } .author-info figure { position: absolute; left: 0; top: 1.5em; } /* 4.19 Custom Fields ----------------------------------------------------------------------------- */ .post-meta { margin: 0; list-style: none; } .post-meta > li { padding: 6px 0; border-width: 1px 0 0 0; } .post-meta > li:first-child { padding-top: 0; border: 0; } .post-meta-key { display: block; font-weight: bold; } /* 4.20 Sidebars ----------------------------------------------------------------------------- */ .g1-secondary-before #secondary > .g1-inner { padding-right: 1.5em; } .g1-secondary-after #secondary > .g1-inner { padding-left: 1.5em; } /* 4.21 Side Navigation ----------------------------------------------------------------------------- */ .g1-side-nav { /* Show level-2 only when it's needed */ } .g1-side-nav ul { margin: 0; list-style: none; } .g1-side-nav > ul { border-width: 0 1px 0 0; } .g1-side-nav > ul > li + li { border-top-width: 1px; } .g1-side-nav .children { padding: 12px 12px; display: none; border-top-width: 1px; } .g1-side-nav .current_page_ancestor .children, .g1-side-nav .current_page_item .children { display: block; } .g1-side-nav a { padding: 8px 24px; display: block; position: relative; } .g1-side-nav a:before { position: absolute; left: 12px; font-size: 14px; font-family: FontAwesome; content: "\f105"; } .g1-side-nav .children a { padding-top: 5px; padding-bottom: 5px; } .g1-side-nav .current_page_item > a { font-weight: bold; } .g1-secondary-after .g1-side-nav > ul { border-width: 0 0 0 1px; } /* 4.22 Mediaboxes ----------------------------------------------------------------------------- */ /* Hide all lightbox data */ .g1-lightbox-data { display: none; } /* =mediabox -------------------------------------------------------------- */ .g1-mediabox { margin-bottom: 0; position: relative; } .g1-mediabox img, .g1-mediabox object, .g1-mediabox iframe { margin: 0 auto; display: block; } .g1-mediabox--featured-media { margin-bottom: 1.5em; } .g1-mediabox--featured-media .g1-mediabox__items { margin: 0; list-style: none; } .g1-mediabox--featured-media .g1-mediabox__item { overflow: hidden; } .g1-mediabox--featured-media .g1-mediabox__item > figure { margin-bottom: 0; } .g1-mediabox--featured-media .g1-mediabox__item + .g1-mediabox__item { margin-top: 4px; } .g1-mediabox--list { margin-bottom: 1.5em; } .g1-mediabox--list .g1-mediabox__items { margin: 0; list-style: none; } .g1-mediabox--list .g1-mediabox__item { overflow: hidden; } .g1-mediabox--list .g1-mediabox__item > figure { margin-bottom: 0; } .g1-mediabox--list .g1-mediabox__item + .g1-mediabox__item { margin-top: 4px; } .g1-mediabox--slider { margin-bottom: 1.5em; /* Prevent content jump */ /* Direction Navigation (next|prev) */ /* Coin Navigation (1,2,3,4,5...) */ } .g1-mediabox--slider .g1-inner { position: relative; } .g1-mediabox--slider .g1-carousel { overflow: hidden; } .g1-mediabox--slider .g1-slides { margin: 0; list-style: none; } .g1-mediabox--slider .g1-slides li { display: block; float: left; } .g1-mediabox--slider .g1-slides figure { margin-bottom: 0; } .g1-mediabox--slider .g1-slides li + li { display: none; } .g1-mediabox--slider .g1-carousel .g1-slides li + li { display: block; } .g1-mediabox--slider .g1-nav-direction { margin-top: -16px; position: absolute; left: 20px; right: 20px; top: 50%; } .g1-mediabox--slider .g1-nav-direction__prev, .g1-mediabox--slider .g1-nav-direction__next { width: 32px; height: 32px; display: block; overflow: hidden; position: absolute; top: 0; font-size: 0; background: black; background: rgba(0, 0, 0, 0.5); color: #ffffff !important; } .g1-mediabox--slider .g1-nav-direction__prev:before, .g1-mediabox--slider .g1-nav-direction__next:before { width: 100%; height: 14px; margin-top: -7px; display: block; position: absolute; top: 50%; left: 0; text-align: center; font: 14px/14px FontAwesome; } .g1-mediabox--slider .g1-nav-direction__prev:hover, .g1-mediabox--slider .g1-nav-direction__next:hover { background: black; background: rgba(0, 0, 0, 0.75); color: #ffffff !important; } .g1-mediabox--slider .g1-nav-direction__prev { left: 0; } .g1-mediabox--slider .g1-nav-direction__prev:before { content: "\f104"; } .g1-mediabox--slider .g1-nav-direction__next { right: 0; } .g1-mediabox--slider .g1-nav-direction__next:before { content: "\f105"; } .g1-mediabox--slider .g1-nav-coin { margin: 0; list-style: none; } .g1-mediabox--slider .g1-nav-coin li { margin: 4px 4px 0 0; overflow: hidden; float: left; } .g1-mediabox--slider .g1-nav-coin li a { display: block; position: relative; } .g1-mediabox--slider .g1-nav-coin li a:before { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; visibility: hidden; background: cyan; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; content: ""; } .g1-mediabox--slider .g1-nav-coin li a:after { width: 100%; height: 14px; margin-top: -7px; display: block; position: absolute; top: 50%; left: 0; z-index: 1; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; text-align: center; font: 14px/14px FontAwesome; content: "\f13d"; } .g1-mediabox--slider .g1-nav-coin li a:hover:before { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; } .g1-mediabox--slider .g1-nav-coin li a:hover:after { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=99); opacity: 0.99; } .g1-mediabox--slider .g1-nav-coin li.g1-selected a:before { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } .g1-mediabox--slider .g1-nav-coin li.g1-selected a:after { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .g1-mediabox--slider .g1-fullscreen { display: none; } .g1-thumb-audio .g1-placeholder i { font-size: 14px; } .g1-thumb-audio .g1-placeholder i:before { content: "\f001"; } /* ---------------------------------------------------------------------------- 5 . GLOBAL LAYOUT ----------------------------------------------------------------------------- */ /* 5.1 Body ----------------------------------------------------------------------------- */ /* 5.2 Preheader - Theme Area ----------------------------------------------------------------------------- */ /* Base */ #g1-preheader > .g1-background { max-width: 100%; height: 100%; margin-left: auto; margin-right: auto; position: absolute; left: 0; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; } /* Apply some distance between theme areas based on body classes */ .g1-preheader-space-before #g1-preheader { margin-top: 14px; } .g1-preheader-space-after #g1-preheader { margin-bottom: 14px; } /* Preheader toggle button */ #g1-preheader__switch { width: 32px; height: 32px; display: block; float: right; overflow: hidden; position: relative; /* icons */ /* arrow-up icon */ /* arrow-down icon */ } #g1-preheader__switch:before, #g1-preheader__switch:after { width: 100%; height: 100%; position: absolute; left: 0; top: 0; text-align: right; font: 28px/32px FontAwesome; } #g1-preheader__switch:before { content: "\f106"; display: block; } #g1-preheader__switch:after { content: "\f107"; display: none; } .g1-preheader-collapsed #g1-preheader__switch:before { display: none; } .g1-preheader-collapsed #g1-preheader__switch:after { display: block; } /* CSS animations */ .cssanimations #g1-preheader__switch { -webkit-backface-visibility: hidden; } .cssanimations #g1-preheader__switch:before { display: block; opacity: 1; -webkit-transition: opacity 0.175s ease-in-out; -webkit-transition-delay: 0.175s; -moz-transition: opacity 0.175s ease-in-out 0.175s; -o-transition: opacity 0.175s ease-in-out 0.175s; transition: opacity 0.175s ease-in-out 0.175s; } .cssanimations #g1-preheader__switch:after { display: block; opacity: 0; -webkit-transition: opacity 0.175s ease-in-out; -moz-transition: opacity 0.175s ease-in-out; -o-transition: opacity 0.175s ease-in-out; transition: opacity 0.175s ease-in-out; } .cssanimations .g1-preheader-collapsed #g1-preheader__switch:before { opacity: 0; -webkit-transition: opacity 0.175s ease-in-out; -moz-transition: opacity 0.175s ease-in-out; -o-transition: opacity 0.175s ease-in-out; transition: opacity 0.175s ease-in-out; } .cssanimations .g1-preheader-collapsed #g1-preheader__switch:after { opacity: 1; -webkit-transition: opacity 0.175s 0.175s; -webkit-transition-delay: ease-in-out; -moz-transition: opacity 0.175s 0.175s ease-in-out; -o-transition: opacity 0.175s 0.175s ease-in-out; transition: opacity 0.175s 0.175s ease-in-out; } #g1-preheader-widget-area { padding-top: 1.5em; display: block; border-top-width: 1px; } .no-js .g1-preheader-collapsed #g1-preheader-widget-area { display: none; } /* Preheader as an overlay */ .g1-preheader-open-overlay.g1-preheader-expanded #g1-preheader { position: fixed; left: 0; right: 0; /* A big, fixed element on small screens is not a good idea */ } @media only screen and (max-width: 767px) { .g1-preheader-open-overlay.g1-preheader-expanded #g1-preheader { position: static; left: auto; right: auto; } } #g1-secondary-nav { margin-right: 10px; float: left; } #g1-secondary-nav-menu { margin: 0; padding: 4px 0; float: left; list-style: none; line-height: 24px; } #g1-secondary-nav-menu > li { float: left; margin-right: 1.25em; } @media only screen and (max-width: 1024px) { #g1-secondary-nav-switch { width: 32px; height: 32px; display: block; position: relative; } #g1-secondary-nav-switch:before { width: 100%; height: 14px; margin-top: -7px; display: block; position: absolute; left: 0; top: 50%; font: 14px/14px FontAwesome; content: "\f0c9"; } #g1-secondary-nav-menu { width: 200px; margin: 0; padding: 10px 0; display: none; position: absolute; left: 10px; top: 100%; /* arrow */ } #g1-secondary-nav-menu:before { width: 0; height: 0; display: block; position: absolute; left: 13px; top: -12px; content: ""; border-style: solid; border-width: 6px; border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; } #g1-secondary-nav-menu > li { width: 100%; float: none; } #g1-secondary-nav-menu > li > a { padding: 2px 10px; display: block; } #g1-secondary-nav-menu li + li { border-top-width: 1px; } .g1-nav--expanded #g1-secondary-nav-menu { display: block; } /* CSS animations */ .cssanimations .g1-nav--collapsed #g1-secondary-nav-menu { display: block; visibility: hidden; opacity: 0; -webkit-transform: translate(0px, 40px); -moz-transform: translate(0px, 40px); -ms-transform: translate(0px, 40px); -o-transform: translate(0px, 40px); transform: translate(0px, 40px); -webkit-transition: visibility 0s, opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; -webkit-transition-delay: 0.45s, 0.1s, 0.1s; -moz-transition: visibility 0s 0.45s, opacity 0.35s ease-in-out 0.1s, -moz-transform 0.35s ease-in-out 0.1s; -o-transition: visibility 0s 0.45s, opacity 0.35s ease-in-out 0.1s, -o-transform 0.35s ease-in-out 0.1s; transition: visibility 0s 0.45s, opacity 0.35s ease-in-out 0.1s, transform 0.35s ease-in-out 0.1s; -webkit-backface-visibility: hidden; } .cssanimations .g1-nav--expanded #g1-secondary-nav-menu { display: block; visibility: visible; opacity: 1; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; -webkit-transition-delay: 0.1s, 0.1s; -moz-transition: opacity 0.35s ease-in-out 0.1s, -moz-transform 0.35s ease-in-out 0.1s; -o-transition: opacity 0.35s ease-in-out 0.1s, -o-transform 0.35s ease-in-out 0.1s; transition: opacity 0.35s ease-in-out 0.1s, transform 0.35s ease-in-out 0.1s; } } #g1-preheader-bar .g1-social-icons { margin: 0; float: right; } #g1-preheader-bar .g1-social-icons--24 > ul > li { min-height: 32px; padding-left: 32px; } #g1-preheader-bar .g1-social-icons--24 .g1-social-icon { padding: 4px; } /* 5.3 Header - Theme Area ----------------------------------------------------------------------------- */ /* =header */ #g1-header > .g1-background { max-width: 100%; margin-left: auto; margin-right: auto; position: absolute; left: 0; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* =id */ #g1-id { overflow: hidden; } #g1-id .site-title { margin: 0; font-size: 24px; font-weight: normal; line-height: 24px; } #g1-id .site-title a, #g1-id .site-title img { display: block; } #g1-id .site-description { margin: 0; } #g1-id .site-description > strong { font-weight: normal; } /* =primary-bar */ #g1-primary-nav { /* clearfix */ } #g1-primary-nav:after { display: table; clear: both; content: ""; } /* Base */ #g1-primary-nav-menu { margin: 0; list-style: none; } #g1-primary-nav-menu ul { margin: 0 auto; list-style: none; } #g1-primary-nav-menu a { display: block; } @media only screen and (min-width: 1025px) { #g1-header.g1-fixed { margin-left: 0; margin-right: 0; position: fixed; top: 0; left: 0; right: 0; } #g1-header.g1-fixed > .g1-background { opacity: 0.95; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } #g1-logo { display: block !important; } #g1-mobile-logo { display: none !important; } #g1-primary-nav-switch { display: none; } /* 0-level */ #g1-primary-nav-menu { float: left; /* clearfix */ } #g1-primary-nav-menu:after { display: table; clear: both; content: ""; } #g1-primary-nav-menu > .menu-item { float: left; } #g1-primary-nav-menu > .menu-item > a { padding-left: 10px; padding-right: 10px; position: relative; } #g1-primary-nav-menu > .g1-menu-item-with-icon > a { padding-left: 30px; } #g1-primary-nav-menu > .g1-menu-item-with-icon > a > .g1-nav-item__icon { position: absolute; left: 10px; font-size: 14px; } /* 0-level Dash */ .g1-nav--unstyled #g1-primary-nav-menu > li > a { position: relative; } .g1-nav--unstyled #g1-primary-nav-menu > li > a:after { width: 15px; height: 0; display: block; position: absolute; top: 0; left: 10px; visibility: hidden; border-style: solid; border-width: 1px 0 0; content: ""; } .g1-nav--unstyled #g1-primary-nav-menu > .current-menu-item > a:after, .g1-nav--unstyled #g1-primary-nav-menu > .current-menu-ancestor > a:after, .g1-nav--unstyled #g1-primary-nav-menu > .current_page_parent > a:after, .g1-nav--unstyled #g1-primary-nav-menu > li:hover > a:after { visibility: visible; } /* 0-level Arrow */ #g1-primary-nav-menu > .menu-parent-item > a { position: relative; } #g1-primary-nav-menu > .menu-parent-item > a > .g1-nav-item__arrow { width: 0; height: 0; margin-top: -12px; margin-left: -6px; display: none; position: absolute; left: 50%; top: 100%; color: inherit; content: ""; border-style: solid; border-width: 6px; border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; } #g1-primary-nav-menu > .menu-parent-item:hover > a > .g1-nav-item__arrow { display: block; } /* Submenus as columns */ #g1-primary-nav-menu > .g1-type-column-2 li { width: 50%; } #g1-primary-nav-menu > .g1-type-column-3 li { width: 33.33333333%; } #g1-primary-nav-menu > .g1-type-column-4 li { width: 25%; } #g1-primary-nav-menu > .g1-type-column-5 li { width: 20%; } #g1-primary-nav-menu > .g1-type-column-6 li { width: 16.66666667%; } #g1-primary-nav-menu > .g1-type-column li li { width: 100%; } #g1-primary-nav-menu > .g1-type-column .g1-submenus { width: 100%; padding-top: 10px; padding-bottom: 10px; display: none; position: absolute; left: 0; } #g1-primary-nav-menu > .g1-type-column .g1-submenus .g1-menu-item-with-icon > a { padding-left: 20px; position: relative; } #g1-primary-nav-menu > .g1-type-column .g1-submenus .g1-menu-item-with-icon > a:before { display: none; } #g1-primary-nav-menu > .g1-type-column .g1-submenus .g1-menu-item-with-icon > a .g1-nav-item__icon { width: 14px; display: block; position: absolute; left: 0; text-align: center; font-size: 14px; } #g1-primary-nav-menu > .g1-type-column .g1-submenus > ul { margin-left: auto; margin-right: auto; padding-top: 18px; padding-bottom: 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #g1-primary-nav-menu > .g1-type-column .g1-submenus > ul:before, #g1-primary-nav-menu > .g1-type-column .g1-submenus > ul:after { content: " "; display: table; } #g1-primary-nav-menu > .g1-type-column .g1-submenus > ul:after { clear: both; } #ie7 #g1-primary-nav-menu > .g1-type-column .g1-submenus > ul { zoom: 1; } #g1-primary-nav-menu > .g1-type-column .g1-submenus > ul > .menu-item { padding-bottom: 12px; float: left; } #g1-primary-nav-menu > .g1-type-column .g1-submenus > ul > .menu-item > a { font-size: 18px; } #g1-primary-nav-menu > .g1-type-column .g1-submenus > ul > .g1-menu-item-with-icon > a .g1-nav-item__icon { margin-top: 5px; } #g1-primary-nav-menu > .g1-type-column .g1-submenus a { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 0.9999; } #g1-primary-nav-menu > .g1-type-column .g1-submenus a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } #g1-primary-nav-menu > .g1-type-column ul ul { margin-top: 0.5em; } #g1-primary-nav-menu > .g1-type-column ul ul a { padding: 2px 0 2px 20px; position: relative; } #g1-primary-nav-menu > .g1-type-column ul ul a:before { width: 14px; position: absolute; left: 0; text-align: center; font-size: 14px; font-family: FontAwesome; font-weight: normal; content: "\f105"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } #g1-primary-nav-menu > .g1-type-column ul ul a .g1-nav-item__icon { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } #g1-primary-nav-menu > .g1-type-column:hover .g1-submenus { display: block; } /* Submenus as tiles */ #g1-primary-nav-menu > .g1-type-tile .g1-submenus { width: 100%; padding-top: 10px; padding-bottom: 10px; display: none; position: absolute; left: 0; } #g1-primary-nav-menu > .g1-type-tile .g1-submenus > ul { margin-left: auto; margin-right: auto; } #g1-primary-nav-menu > .g1-type-tile .g1-submenus > ul > li { float: left; } #g1-primary-nav-menu > .g1-type-tile .g1-submenus > ul > li > a { margin: 2px 0 0 2px; display: block; position: relative; } #g1-primary-nav-menu > .g1-type-tile .g1-submenus .g1-nav-item__icon { font-size: 28px; } #g1-primary-nav-menu > .g1-type-tile .g1-submenus a:hover i[class*=icon-] { font-size: 42px; } #g1-primary-nav-menu > .g1-type-tile:hover .g1-submenus { display: block; } #g1-primary-nav-menu > .g1-type-tile-2 .g1-submenus .g1-nav-item__icon { width: 42px; display: block; text-align: center; font-size: 28px; position: absolute; left: 4%; top: 38px; } #g1-primary-nav-menu > .g1-type-tile-2 .g1-submenus a:hover .g1-nav-item__icon { left: 6%; top: 31px; } #g1-primary-nav-menu > .g1-type-tile-2 .g1-submenus > ul > li { width: 50%; } #g1-primary-nav-menu > .g1-type-tile-2 .g1-submenus > ul > li > a { padding: 42px 8% 42px 13%; } #g1-primary-nav-menu > .g1-type-tile-2 .g1-submenus > ul > li > a .g1-nav-item__title { font-size: 24px; } #g1-primary-nav-menu > .g1-type-tile-2 .g1-submenus > ul > li > a:hover { padding-left: 16%; padding-right: 5%; } #g1-primary-nav-menu > .g1-type-tile-2 .g1-submenus > ul > li:nth-child(2n+1) > a { margin-left: 0; } #g1-primary-nav-menu > .g1-type-tile-3 .g1-submenus .g1-nav-item__icon { width: 42px; display: block; text-align: center; font-size: 28px; position: absolute; left: 4%; top: 38px; } #g1-primary-nav-menu > .g1-type-tile-3 .g1-submenus a:hover .g1-nav-item__icon { left: 6%; top: 31px; } #g1-primary-nav-menu > .g1-type-tile-3 .g1-submenus > ul > li { width: 33.33333333%; } #g1-primary-nav-menu > .g1-type-tile-3 .g1-submenus > ul > li > a { padding: 42px 8% 42px 16%; } #g1-primary-nav-menu > .g1-type-tile-3 .g1-submenus > ul > li > a .g1-nav-item__title { font-size: 24px; } #g1-primary-nav-menu > .g1-type-tile-3 .g1-submenus > ul > li > a:hover { padding-left: 22%; padding-right: 6%; } #g1-primary-nav-menu > .g1-type-tile-3 .g1-submenus > ul > li:nth-child(3n+1) > a { margin-left: 0; } #g1-primary-nav-menu > .g1-type-tile-4 .g1-submenus .g1-nav-item__icon { display: block; text-align: left; font-size: 28px; position: absolute; top: 14px; } #g1-primary-nav-menu > .g1-type-tile-4 .g1-submenus > ul > li { width: 25%; } #g1-primary-nav-menu > .g1-type-tile-4 .g1-submenus > ul > li > a { padding: 70px 8% 21px; } #g1-primary-nav-menu > .g1-type-tile-4 .g1-submenus > ul > li > a .g1-nav-item__title { font-size: 20px; } #g1-primary-nav-menu > .g1-type-tile-4 .g1-submenus > ul > li > a:hover { padding-left: 12%; padding-right: 4%; } #g1-primary-nav-menu > .g1-type-tile-4 .g1-submenus > ul > li:nth-child(4n+1) > a { margin-left: 0; } #g1-primary-nav-menu > .g1-type-tile-5 .g1-submenus .g1-nav-item__icon { display: block; text-align: left; font-size: 28px; position: absolute; top: 14px; } #g1-primary-nav-menu > .g1-type-tile-5 .g1-submenus > ul > li { width: 20%; } #g1-primary-nav-menu > .g1-type-tile-5 .g1-submenus > ul > li > a { padding: 70px 8% 21px; } #g1-primary-nav-menu > .g1-type-tile-5 .g1-submenus > ul > li > a .g1-nav-item__title { font-size: 18px; } #g1-primary-nav-menu > .g1-type-tile-5 .g1-submenus > ul > li > a:hover { padding-left: 12%; padding-right: 4%; } #g1-primary-nav-menu > .g1-type-tile-5 .g1-submenus > ul > li:nth-child(5n+1) > a { margin-left: 0; } #g1-primary-nav-menu > .g1-type-tile-6 .g1-submenus .g1-nav-item__icon { display: block; text-align: left; font-size: 28px; position: absolute; top: 14px; } #g1-primary-nav-menu > .g1-type-tile-6 .g1-submenus > ul > li { width: 16.6666666667%; } #g1-primary-nav-menu > .g1-type-tile-6 .g1-submenus > ul > li > a { padding: 70px 8% 21px; } #g1-primary-nav-menu > .g1-type-tile-6 .g1-submenus > ul > li > a .g1-nav-item__title { font-size: 16px; } #g1-primary-nav-menu > .g1-type-tile-6 .g1-submenus > ul > li > a:hover { padding-left: 12%; padding-right: 4%; } #g1-primary-nav-menu > .g1-type-tile-6 .g1-submenus > ul > li:nth-child(6n+1) > a { margin-left: 0; } /* Submenus as simple dropdowns */ #g1-primary-nav-menu { /* base */ } #g1-primary-nav-menu > .g1-type-drops { position: relative; /* Submenu level 1 */ /* Submenu level 2,3,4 */ /* Dropdown mechanism */ } #g1-primary-nav-menu > .g1-type-drops .g1-submenus { display: none; position: absolute; left: -10px; } #g1-primary-nav-menu > .g1-type-drops .g1-submenus a { -moz-backface-visibility: hidden; } #g1-primary-nav-menu > .g1-type-drops .g1-submenus a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } #g1-primary-nav-menu > .g1-type-drops .g1-submenus .g1-menu-item-with-icon > a { padding-left: 40px; } #g1-primary-nav-menu > .g1-type-drops .g1-submenus .g1-menu-item-with-icon > a .g1-nav-item__icon { width: 14px; display: block; position: absolute; left: 20px; text-align: 14px; font-size: 14px; } #g1-primary-nav-menu > .g1-type-drops a { position: relative; display: block; text-decoration: none; } #g1-primary-nav-menu > .g1-type-drops ul { width: 220px; padding-top: 10px; padding-bottom: 10px; position: absolute; z-index: 1; } #g1-primary-nav-menu > .g1-type-drops ul ul { visibility: hidden; } #g1-primary-nav-menu > .g1-type-drops li { position: relative; } #g1-primary-nav-menu > .g1-type-drops li a { width: 220px; padding: 6px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #g1-primary-nav-menu > .g1-type-drops li + li { border-top-width: 1px; } #g1-primary-nav-menu > .g1-type-drops > ul { left: 0px; top: 100%; } #g1-primary-nav-menu > .g1-type-drops ul ul { left: 220px; top: -10px; } #g1-primary-nav-menu > .g1-type-drops:hover ul ul, #g1-primary-nav-menu > .g1-type-drops:hover ul ul ul, #g1-primary-nav-menu > .g1-type-drops:hover ul ul ul ul { visibility: hidden; } #g1-primary-nav-menu > .g1-type-drops:hover ul, #g1-primary-nav-menu > .g1-type-drops li:hover ul, #g1-primary-nav-menu > .g1-type-drops li li:hover ul, #g1-primary-nav-menu > .g1-type-drops li li li:hover ul { visibility: visible; } #g1-primary-nav-menu > .g1-type-drops:hover .g1-submenus { display: block; } /* Shadows */ #g1-primary-nav-menu > .g1-type-drops ul, #g1-primary-nav-menu > .g1-type-tile .g1-submenus, #g1-primary-nav-menu > .g1-type-column .g1-submenus { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); } .g1-submenus { margin-left: auto; margin-right: auto; left: 0; right: 0; } .g1-submenus:before { display: block; position: absolute; left: 0; right: 0; top: 10px; bottom: 10px; z-index: 0; content: ""; } .g1-submenus > ul { position: relative; z-index: 1; } /* Adjust the max-width for various layouts */ .g1-submenus { max-width: 1136px; } .g1-header-layout-wide-wide .g1-submenus { max-width: 100%; } .g1-header-layout-wide-wide .g1-submenus > ul { max-width: 1136px; } .g1-type-column .g1-submenus > ul { width: 94.53125%; } .g1-header-layout-semi-standard .g1-type-column .g1-submenus > ul { max-width: 1024px; } .g1-header-layout-semi-narrow .g1-type-column .g1-submenus > ul, .g1-header-layout-standard-narrow .g1-type-column .g1-submenus > ul { max-width: 968px; } .g1-type-column .g1-submenus a { margin-right: 20px; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-blue-1 > a { background-color: #3498db; color: white; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-blue-1 > a:hover { background-color: white; color: #3498db; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-blue-2 > a { background-color: #2980b9; color: white; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-blue-2 > a:hover { color: #2980b9; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-red-1 > a { background-color: #e74c4c; color: white; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-red-1 > a:hover { background-color: white; color: #e74c4c; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-red-2 > a { background-color: #c0392b; color: white; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-red-2 > a:hover { background-color: white; color: #c0392b; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-orange-1 > a { background-color: #e67e22; color: white; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-orange-1 > a:hover { background-color: white; color: #e67e22; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-orange-2 > a { background-color: #d35400; color: white; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-orange-2 > a:hover { background-color: white; color: #d35400; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-green-1 > a { background-color: #2ecc71; color: white; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-green-1 > a:hover { background-color: white; color: #2ecc71; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-green-2 > a { background-color: #27ae60; color: white; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-green-2 > a:hover { background-color: white; color: #27ae60; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-turquoise-1 > a { background-color: #1abc9c; color: white; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-turquoise-1 > a:hover { background-color: white; color: #1abc9c; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-turquoise-2 > a { background-color: #16a085; color: white; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-turquoise-2 > a:hover { background-color: white; color: #16a085; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-purple-1 > a { background-color: #9b59b6; color: white; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-purple-1 > a:hover { background-color: white; color: #9b59b6; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-purple-2 > a { background-color: #8e44ad; color: white; } .g1-nav--collapsed #g1-primary-nav-menu .g1-type-tile .g1-submenus .g1-color-purple-2 > a:hover { background-color: white; color: #8e44ad; } /* CSS3 animations */ .cssanimations #g1-primary-nav-menu > .menu-parent-item > a > .g1-nav-item__arrow, .cssanimations #g1-primary-nav-menu > .menu-item > .g1-submenus { display: block; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translate(0px, 40px); -moz-transform: translate(0px, 40px); -ms-transform: translate(0px, 40px); -o-transform: translate(0px, 40px); transform: translate(0px, 40px); -webkit-transition: visibility 0s, opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; -webkit-transition-delay: 0.525s, 0.175s, 0.175s; -moz-transition: visibility 0s 0.525s, opacity 0.35s ease-in-out 0.175s, -moz-transform 0.35s ease-in-out 0.175s; -o-transition: visibility 0s 0.525s, opacity 0.35s ease-in-out 0.175s, -o-transform 0.35s ease-in-out 0.175s; transition: visibility 0s 0.525s, opacity 0.35s ease-in-out 0.175s, transform 0.35s ease-in-out 0.175s; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .cssanimations #g1-primary-nav-menu > .menu-parent-item:hover > a > .g1-nav-item__arrow, .cssanimations #g1-primary-nav-menu > .menu-item:hover > .g1-submenus { visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: visibility 0s ease-in-out, opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; -webkit-transition-delay: 0.175s, 0.175s, 0.175s; -moz-transition: visibility 0s ease-in-out 0.175s, opacity 0.35s ease-in-out 0.175s, -moz-transform 0.35s ease-in-out 0.175s; -o-transition: visibility 0s ease-in-out 0.175s, opacity 0.35s ease-in-out 0.175s, -o-transform 0.35s ease-in-out 0.175s; transition: visibility 0s ease-in-out 0.175s, opacity 0.35s ease-in-out 0.175s, transform 0.35s ease-in-out 0.175s; } .cssanimations #g1-primary-nav-menu > .g1-type-tile .g1-submenus a, .cssanimations #g1-primary-nav-menu > .g1-type-tile .g1-submenus .g1-nav-item__icon { -webkit-backface-visibility: hidden; -moz-transform-style: preserve-3d; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } } /* Rounded Corners */ .g1-header-layout-wide-wide #g1-primary-nav-menu > li.g1-type-tile .g1-submenus, .g1-header-layout-wide-wide #g1-primary-nav-menu > li.g1-type-column .g1-submenus { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } @media only screen and (max-width: 1024px) { #g1-logo { display: none !important; } #g1-mobile-logo { display: block !important; } #g1-primary-bar #g1-id, #g1-primary-bar #g1-id .site-title, #g1-primary-bar #g1-id .site-description { clear: both; float: left; } #g1-primary-bar #g1-primary-nav { width: auto; float: right; } #g1-primary-bar #g1-primary-nav.g1-nav--expanded { width: 100%; } #g1-primary-nav-switch { width: auto; height: 30px; padding: 0 10px 0 30px; display: block; float: left; position: relative; line-height: 30px; border-width: 1px; /* icons */ /* menu icon */ /* x icon */ } #g1-primary-nav-switch:before, #g1-primary-nav-switch:after { width: 30px; height: 30px; position: absolute; left: 0; top: 0; text-indent: 0; text-align: center; font: 14px/30px FontAwesome; } #g1-primary-nav-switch:before { display: block; content: "\f0c9"; } #g1-primary-nav-switch:after { display: none; content: "\f00d"; } #g1-primary-nav-menu { margin: 4px; display: none; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #g1-primary-nav-menu:before { position: absolute; left: -4px; top: -4px; right: -4px; bottom: -4px; z-index: -2; content: ""; } #g1-primary-nav-menu:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: -1; border-style: solid; border-width: 1px; content: ""; } #g1-primary-nav-menu .g1-nav-item__icon, #g1-primary-nav-menu .g1-nav-item__desc { display: none; } #g1-primary-nav-menu a { padding: 10px 10px !important; } #g1-primary-nav-menu li { padding-left: 10px; padding-right: 42px; position: relative; border-top-width: 1px; } #g1-primary-nav-menu .g1-nav-item__switch { width: 42px; height: 32px; position: absolute; right: 0; top: 0; cursor: pointer; } #g1-primary-nav-menu .g1-nav-item__switch:before, #g1-primary-nav-menu .g1-nav-item__switch:after { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; text-align: center; font: 14px/32px FontAwesome; } #g1-primary-nav-menu .g1-nav-item__switch:before { display: block; content: "\f067"; } #g1-primary-nav-menu .g1-nav-item__switch:after { display: none; content: "\f068"; } #g1-primary-nav-menu > li:first-child { border-top-width: 0; } #g1-primary-nav-menu ul { display: none; } #g1-primary-nav-menu .g1-nav-item--expanded > .g1-nav-item__switch:before { display: none; } #g1-primary-nav-menu .g1-nav-item--expanded > .g1-nav-item__switch:after { display: block; } #g1-primary-nav-menu .g1-nav-item--expanded > ul, #g1-primary-nav-menu .g1-nav-item--expanded > .g1-submenus, #g1-primary-nav-menu .g1-nav-item--expanded > .g1-submenus > ul { display: block; } /* 9 + 9 + 14 (line-height) = 32px */ #g1-primary-nav .g1-searchbox__switch { padding-top: 9px !important; padding-bottom: 9px !important; } .g1-primary-nav--expanded #g1-primary-nav { width: 100%; margin: 1.5em 0 3em; float: none; } .g1-primary-nav--expanded #g1-primary-nav:before, .g1-primary-nav--expanded #g1-primary-nav:after { content: " "; display: table; } .g1-primary-nav--expanded #g1-primary-nav:after { clear: both; } #ie7 .g1-primary-nav--expanded #g1-primary-nav { zoom: 1; } .g1-primary-nav--expanded #g1-primary-nav-switch { width: auto; margin-bottom: 10px; padding: 0 10px 0 30px; text-indent: 0; word-wrap: normal; overflow: visibile; } .g1-primary-nav--expanded #g1-primary-nav-switch:before { display: none; } .g1-primary-nav--expanded #g1-primary-nav-switch:after { display: block; } .g1-primary-nav--expanded #g1-primary-nav-menu { display: block; clear: both; } .g1-primary-nav--expanded #g1-id, .g1-primary-nav--expanded #g1-primary-nav .g1-searchbox, .g1-primary-nav--expanded #g1-primary-nav .g1-cartbox { display: none; } } @media only screen and (max-width: 600px) { #g1-primary-nav-switch { width: 30px; padding: 0; text-indent: 100%; word-wrap: nowrap; overflow: hidden; } } .g1-nav--simple { padding: 0 20px 0 10px; left: 0; } .g1-nav--solid { padding: 0 10px 0 0; } .g1-header-space-before #g1-header { margin-top: 14px; } .g1-header-space-after #g1-header { margin-bottom: 14px; } /* =Search Form ---------------------------------------------------------------------- */ /* Default styles */ #searchform { max-width: 322px; margin-bottom: 1.5em; clear: both; position: relative; } #searchform .g1-outer, #searchform .g1-inner { position: relative; } #searchform .g1-form-actions { width: 30px; height: 100%; position: absolute; right: 0; top: 0; /* search icon */ } #searchform .g1-form-actions:before { width: 100%; height: 14px; margin-top: -7px; display: block; position: absolute; left: 0; top: 50%; z-index: 1; text-align: center; font: 14px/14px FontAwesome; content: "\f002"; -webkit-font-smoothing: antialiased; } /* search phrase */ #s { width: 100%; padding-right: 36px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* submit button */ #searchsubmit { width: 100%; height: 100%; border-width: 0; position: absolute; right: 0; top: 0; z-index: 2; cursor: pointer; text-indent: -999px; overflow: hidden; background: none; } /* Searchbox */ .g1-searchbox { float: right; } .g1-searchbox #searchform { margin-bottom: 0; padding: 10px 0; display: none; position: absolute; } .g1-searchbox #s { background-color: transparent; } /* Big searchbox */ .g1-searchbox--standard #searchform { max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; left: 0; right: 0; } .g1-searchbox--standard #searchform .g1-outer { width: 94.53125%; margin-left: auto; margin-right: auto; padding: 28px 2.734375%; } .g1-searchbox--standard #searchform .g1-inner { width: 100%; margin-left: auto; margin-right: auto; } .g1-searchbox--standard #searchform .g1-form-actions { width: 60px; /* search icon */ } .g1-searchbox--standard #searchform .g1-form-actions:before { height: 28px; margin-top: -14px; font: 28px/28px FontAwesome; } .g1-searchbox--standard #s { padding: 8px 20px; font-size: 36px; border-width: 2px; } /* Small searchbox */ .g1-searchbox--small { position: relative; } .g1-searchbox--small #searchform { width: 320px; right: 0; } .g1-searchbox--small #searchform .g1-outer { padding: 20px; } /* Adjust the max-width for various layouts */ .g1-searchbox--semi-standard #searchform, .g1-searchbox--semi-narrow #searchform { max-width: 1136px; } .g1-searchbox--standard-narrow #searchform { max-width: 1024px; } .g1-searchbox--wide-wide #searchform .g1-inner, .g1-searchbox--wide-semi #searchform .g1-inner { max-width: 1136px; } .g1-searchbox--wide-standard #searchform .g1-inner, .g1-searchbox--semi-standard #searchform .g1-inner { max-width: 1024px; } .g1-searchbox--wide-narrow #searchform .g1-inner, .g1-searchbox--semi-narrow #searchform .g1-inner, .g1-searchbox--standard-narrow #searchform .g1-inner { max-width: 968px; } /* Searchform toggle */ .g1-searchbox__switch { padding-left: 10px; padding-right: 10px; position: relative; display: block; /* arrow */ /* icons */ } .g1-searchbox__switch .g1-searchbox__arrow { width: 0; height: 0; margin-top: -12px; display: none; position: absolute; left: 10px; top: 100%; content: ""; border-style: solid; border-width: 6px; border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; } .g1-searchbox__switch strong { height: 100%; padding-left: 10px; display: block; position: relative; font-weight: normal; /* search icon */ /* x icon */ } .g1-searchbox__switch strong:before, .g1-searchbox__switch strong:after { width: 14px; height: 100%; margin-top: -7px; position: absolute; left: 0; top: 50%; text-align: left; font: 14px/14px FontAwesome; } .g1-searchbox__switch strong:before { display: block; content: "\f002"; } .g1-searchbox__switch strong:after { display: none; content: "\f00d"; } /* On|Off mechanism */ .g1-searchbox--on .g1-searchbox__switch strong:before { display: none; } .g1-searchbox--on .g1-searchbox__switch strong:after { display: block; } .g1-searchbox--on .g1-searchbox__arrow, .g1-searchbox--on #searchform { display: block; } /* Shadows */ .g1-searchbox #searchform { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); } /* Rounded corners */ .g1-searchbox--wide-wide #searchform, .g1-searchbox--wide-semi #searchform, .g1-searchbox--wide-standard #searchform, .g1-searchbox--wide-narrow #searchform { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } /* CSS animations */ .cssanimations .g1-searchbox .g1-searchbox__switch { -webkit-backface-visibility: hidden; } .cssanimations .g1-searchbox .g1-searchbox__switch strong:before { display: block; opacity: 1; -webkit-transition: opacity 0.175s ease-in-out; -webkit-transition-delay: 0.175s; -moz-transition: opacity 0.175s ease-in-out 0.175s; -o-transition: opacity 0.175s ease-in-out 0.175s; transition: opacity 0.175s ease-in-out 0.175s; } .cssanimations .g1-searchbox .g1-searchbox__switch strong:after { display: block; opacity: 0; -webkit-transition: opacity 0.175s ease-in-out; -moz-transition: opacity 0.175s ease-in-out; -o-transition: opacity 0.175s ease-in-out; transition: opacity 0.175s ease-in-out; } .cssanimations .g1-searchbox .g1-searchbox__arrow, .cssanimations .g1-searchbox #searchform { display: block; visibility: hidden; opacity: 0; -webkit-transform: translate(0px, 40px); -moz-transform: translate(0px, 40px); -ms-transform: translate(0px, 40px); -o-transform: translate(0px, 40px); transform: translate(0px, 40px); -webkit-transition: visibility 0s, opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; -webkit-transition-delay: 0.35s, 0s, 0s; -moz-transition: visibility 0s 0.35s, opacity 0.35s ease-in-out, -moz-transform 0.35s ease-in-out; -o-transition: visibility 0s 0.35s, opacity 0.35s ease-in-out, -o-transform 0.35s ease-in-out; transition: visibility 0s 0.35s, opacity 0.35s ease-in-out, transform 0.35s ease-in-out; } .cssanimations .g1-searchbox--on .g1-searchbox__switch strong:before { opacity: 0; -webkit-transition: opacity 0.175s ease-in-out; -moz-transition: opacity 0.175s ease-in-out; -o-transition: opacity 0.175s ease-in-out; transition: opacity 0.175s ease-in-out; } .cssanimations .g1-searchbox--on .g1-searchbox__switch strong:after { opacity: 1; -webkit-transition: opacity 0.175s 0.175s; -webkit-transition-delay: ease-in-out; -moz-transition: opacity 0.175s 0.175s ease-in-out; -o-transition: opacity 0.175s 0.175s ease-in-out; transition: opacity 0.175s 0.175s ease-in-out; } .cssanimations .g1-searchbox--on .g1-searchbox__arrow, .cssanimations .g1-searchbox--on #searchform { display: block; visibility: visible; opacity: 1; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out, -moz-transform 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out, -o-transform 0.35s ease-in-out; transition: opacity 0.35s ease-in-out, transform 0.35s ease-in-out; } #g1-primary-nav .g1-searchbox { margin-left: 10px; } #g1-preheader-bar .g1-searchbox { float: right; } #g1-preheader-bar .g1-searchbox__switch { height: 32px; line-height: 32px; } /* 5.4 Precontent - Theme Area ----------------------------------------------------------------------------- */ #g1-precontent > .g1-background { max-width: 100%; margin-left: auto; margin-right: auto; position: absolute; left: 0; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #g1-precontent > header.entry-header, #g1-precontent > header.page-header, #g1-precontent > header.archive-header { margin-bottom: 0; padding-top: 2em; padding-bottom: .5em; } #g1-precontent-shortcode { padding: 2em 0 .5em 0; } #g1-primary-slider { margin-bottom: 0; } #g1-precontent > .g1-gmap-wrapper { width: 100% !important; max-width: 100% !important; height: 380px; margin: 0; padding: 0; } .g1-precontent-space-before #g1-precontent { margin-top: 14px; } .g1-precontent-space-after #g1-precontent { margin-bottom: 14px; } /* 5.5 Content - Theme Area ----------------------------------------------------------------------------- */ .g1-content > .g1-background { max-width: 100%; margin-left: auto; margin-right: auto; position: absolute; left: 0; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .g1-content > .g1-layout-inner { min-height: 400px; padding-top: 3em; padding-bottom: 3em; } #g1-content-area:before, #g1-content-area:after { content: " "; display: table; } #g1-content-area:after { clear: both; } #ie7 #g1-content-area { zoom: 1; } .g1-content-space-before .g1-content { margin-top: 14px; } .g1-content-space-after .g1-content { margin-bottom: 14px; } /* --- Entry utilities ------------------------------------------------------------------------- */ .entry-utility { clear: both; } .entry-utility span { margin: 0 0 1.5em; display: block; } /* 5.6 Prefooter - Theme Area ----------------------------------------------------------------------------- */ #g1-prefooter > .g1-background { max-width: 100%; margin-left: auto; margin-right: auto; position: absolute; left: 0; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #g1-prefooter > .g1-gmap-wrapper { height: 380px; margin-bottom: 0; padding: 0; } #g1-prefooter-widget-area { padding-top: 3em; } /* Apply some distance between theme areas based on body classes */ .g1-prefooter-space-before #g1-prefooter { margin-top: 14px; } .g1-prefooter-space-after #g1-prefooter { margin-bottom: 14px; } #g1-prefooter > .g1-twitter-toolbar { padding-top: 1.5em; width: 100%; overflow: hidden; background-color: #39A9E0; color: #d9ebf7; } #g1-prefooter > .g1-twitter-toolbar a { color: #ffffff; } #g1-prefooter > .g1-twitter-toolbar a:hover { color: #005580; } #g1-prefooter > .g1-twitter-toolbar .g1-meta a { color: #005580; } #g1-prefooter > .g1-twitter-toolbar .g1-meta a:hover { color: #ffffff; } #g1-prefooter > .g1-twitter-toolbar .g1-twitter__follow:before { color: #ffffff; } #g1-prefooter > .g1-twitter-toolbar .g1-nav-direction__prev, #g1-prefooter > .g1-twitter-toolbar .g1-nav-direction__next { color: #ffffff; border-color: #ffffff; } #g1-prefooter > .g1-twitter-toolbar .g1-nav-direction__prev:hover, #g1-prefooter > .g1-twitter-toolbar .g1-nav-direction__next:hover { color: #39A9E0; background-color: #ffffff; } #g1-prefooter > .g1-twitter-toolbar .g1-twitter__items > li { background: #39A9E0; } /* Ugly anti-aliasing bugfix for IE6-8 */ html.lt-ie9 #g1-prefooter > .g1-twitter-toolbar .g1-twitter__items > li { background: #39A9E0; } /* 5.7 Footer - Theme Area ----------------------------------------------------------------------------- */ /* =footer =theme-area */ #g1-footer > .g1-background { max-width: 100%; margin-left: auto; margin-right: auto; position: absolute; left: 0; right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #g1-footer-area { padding-top: 1.5em; padding-bottom: 1.5em; } #g1-footer-text { margin: 0; } #g1-footer-nav-menu { margin: 0; list-style: none; } #g1-footer-nav-menu > li { margin-right: 1.25em; float: left; } @media only screen and (max-width: 600px) { #g1-footer-text { text-align: center; } #g1-footer-nav { margin-left: auto; margin-right: auto; display: table; } } @media only screen and (min-width: 601px) { /* =g1-footer-comp-01 */ .g1-footer-comp-01 #g1-footer-text { float: left; } .g1-footer-comp-01 #g1-footer-nav { float: right; } /* g1-footer-comp-02 */ .g1-footer-comp-02 #g1-footer-text { float: right; text-align: right; } .g1-footer-comp-02 #g1-footer-nav { float: left; } /* g1-footer-comp-03 */ .g1-footer-comp-03 #g1-footer-text { text-align: center; } .g1-footer-comp-03 #g1-footer-nav { margin-left: auto; margin-right: auto; display: table; } } /* Apply some distance between theme areas based on body classes */ .g1-footer-space-before #g1-footer { margin-top: 14px; } .g1-footer-space-after #g1-footer { margin-bottom: 4.5em; } /* 5.8 Back to Top ----------------------------------------------------------------------------- */ #g1-back-to-top { width: 40px; height: 40px; display: block; overflow: hidden; position: fixed; right: 10px; bottom: 10px; z-index: 999; text-indent: 100%; white-space: nowrap; background: #000000; color: #ffffff; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } #g1-back-to-top:before { width: 100%; height: 28px; margin-top: -14px; display: block; position: absolute; top: 50%; left: 0; text-indent: 0; text-align: center; font: 28px/28px FontAwesome; content: "\f106"; } #g1-back-to-top:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; } #g1-back-to-top.g1--off { display: none; } @media only screen and (max-width: 768px) { #g1-back-to-top { width: 32px; height: 32px; } } .cssanimations #g1-back-to-top { display: block; visibility: visible; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: -webkit-transform 0.35s ease-in-out; -moz-transition: -moz-transform 0.35s ease-in-out; -o-transition: -o-transform 0.35s ease-in-out; transition: transform 0.35s ease-in-out; -webkit-backface-visibility: hidden; } .cssanimations #g1-back-to-top.g1--off { visibility: hidden; -webkit-transform: translate(0px, 80px); -moz-transform: translate(0px, 80px); -ms-transform: translate(0px, 80px); -o-transform: translate(0px, 80px); transform: translate(0px, 80px); -webkit-transition: visibility 0s, -webkit-transform 0.35s ease-in-out; -webkit-transition-delay: 0.35s, 0s; -moz-transition: visibility 0s 0.35s, -moz-transform 0.35s ease-in-out; -o-transition: visibility 0s 0.35s, -o-transform 0.35s ease-in-out; transition: visibility 0s 0.35s, transform 0.35s ease-in-out; } /* ---------------------------------------------------------------------------- 6 . PAGE SPECIFIC LAYOUT ----------------------------------------------------------------------------- */ /* 6.1 Home ----------------------------------------------------------------------------- */ /* 6.2 Pages ----------------------------------------------------------------------------- */ /* 6.3 Posts ----------------------------------------------------------------------------- */ /* 6.4 Works ----------------------------------------------------------------------------- */ /* 6.5 Search ----------------------------------------------------------------------------- */ /* --- Search Results -------------------------------------------------------------------------- */ .search-results { margin: 0; list-style: none; } .search-results > li + li { padding-top: 1.5em; border-width: 1px 0 0; } .search-results .search-meta { margin: 0; } /* 6.6 404 ----------------------------------------------------------------------------- */ #error404 .icon-search, #error404 .icon-envelope, #error404 .icon-home { margin-bottom: 20px; display: block; text-align: left; font: 140px/140px FontAwesome; } #error404 .icon-search { font: 120px/140px FontAwesome; } #error404 .icon-home { position: relative; top: 7px; font: 154px/140px FontAwesome; } /* 6.7 Extras ----------------------------------------------------------------------------- */ /* =Password-Protected =Form */ form.g1-form-pass-protected { margin-left: auto; margin-right: auto; padding-top: 50px; padding-left: 168px; display: table; position: relative; } form.g1-form-pass-protected:before { display: block; position: absolute; left: 0; top: 0; font: 210px/210px FontAwesome; content: "\f023"; } form.g1-form-pass-protected input[type="password"] { width: 300px; margin: 0.375em 0 0.75em 0; display: block; } /* =mailchimp-newsletter */ .g1-mailchimp .g1-form-row { margin-right: 10px; position: relative; float: left; } .g1-mailchimp .g1-form-row:before { width: 14px; height: 14px; margin-top: -7px; display: block; position: absolute; left: 12px; top: 50%; font: 14px/14px FontAwesome; content: "\f003"; } .g1-mailchimp .g1-form-row label { display: none; } .g1-mailchimp .g1-form-row input { max-width: 470px; width: 100%; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .g1-mailchimp .g1-form-actions { float: left; } .g1-mailchimp__intro { margin-bottom: 0.75em; } /* 7.1 WPML - the WordPress Multilingual Plugin ----------------------------------------------------------------------------- */ /* WPML language selector*/ #lang_sel { float: left; } #lang_sel > ul { margin: 0; float: left; list-style: none; } #lang_sel li { position: relative; } #lang_sel li:hover ul { display: block; } #lang_sel ul ul { width: 150px; margin: 0; padding: 10px 0; display: none; position: absolute; left: -10px; top: 100%; list-style: none; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); /* arrow */ } #lang_sel ul ul:before { width: 0; height: 0; display: block; position: absolute; left: 13px; top: -12px; content: ""; border-style: solid; border-width: 6px; border-top-color: transparent !important; border-right-color: transparent !important; border-left-color: transparent !important; } #lang_sel ul ul a { padding: 5px 10px; display: block; -moz-backface-visibility: hidden; } #lang_sel ul ul a img { vertical-align: -1px; } #lang_sel ul ul li + li { border-top-width: 1px; } #lang_sel .lang_sel_sel { height: 32px; padding: 0 20px; display: block; position: relative; line-height: 32px; } #lang_sel .lang_sel_sel img { margin-top: -6px; position: absolute; left: 0; top: 50%; } #lang_sel .lang_sel_sel:after { margin-left: 3px; font-size: 14px; font-family: FontAwesome; content: "\f107"; } #lang_sel .icl_lang_sel_translated { display: none; } @media only screen and (max-width: 767px) { #lang_sel .icl_lang_sel_current { display: none; } } /* Improve it with CSS animations */ .cssanimations #lang_sel ul ul { display: block; visibility: hidden; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transform: translate(0px, 40px); -moz-transform: translate(0px, 40px); -ms-transform: translate(0px, 40px); -o-transform: translate(0px, 40px); transform: translate(0px, 40px); -webkit-transition: visibility 0s, opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; -webkit-transition-delay: 0.525s, 0.175s, 0.175s; -moz-transition: visibility 0s 0.525s, opacity 0.35s ease-in-out 0.175s, -moz-transform 0.35s ease-in-out 0.175s; -o-transition: visibility 0s 0.525s, opacity 0.35s ease-in-out 0.175s, -o-transform 0.35s ease-in-out 0.175s; transition: visibility 0s 0.525s, opacity 0.35s ease-in-out 0.175s, transform 0.35s ease-in-out 0.175s; -webkit-backface-visibility: hidden; } .cssanimations #lang_sel li:hover ul { display: block; visibility: visible; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; -webkit-transform: translate(0px, 0px); -moz-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: visibility 0s ease-in-out, opacity 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; -webkit-transition-delay: 0.175s, 0.175s, 0.175s; -moz-transition: visibility 0s ease-in-out 0.175s, opacity 0.35s ease-in-out 0.175s, -moz-transform 0.35s ease-in-out 0.175s; -o-transition: visibility 0s ease-in-out 0.175s, opacity 0.35s ease-in-out 0.175s, -o-transform 0.35s ease-in-out 0.175s; transition: visibility 0s ease-in-out 0.175s, opacity 0.35s ease-in-out 0.175s, transform 0.35s ease-in-out 0.175s; } /* 7.2 Sociable Plugin ----------------------------------------------------------------------------- */ #skyscraper .wpPlugin-MainFrame { z-index: 999; } .entry-header, .archive-header { margin-bottom: 3em; position: relative; } .g1-collection .entry-header, .g1-collection .entry-header:after { margin-bottom: 0; } .g1-archive-intro { margin-bottom: 1.5em; } .g1-archive-intro:before, .g1-archive-intro:after { content: " "; display: table; } .g1-archive-intro:after { clear: both; } #ie7 .g1-archive-intro { zoom: 1; } /* x.x Sections ----------------------------------------------------------------------------- */ .g1-section { margin: 0 auto; padding: 3em 0 1.5em 0; } .g1-content-layout-wide-narrow .g1-section { max-width: 100%; } .g1-content-layout-semi-narrow .g1-section { max-width: 1136px; } .g1-content-layout-standard-narrow .g1-section { max-width: 1024px; } /* Small tweaks based on the body class */ .g1-primary-full .g1-content > .g1-layout-inner { max-width: 100%; width: 100%; padding-top: 0; padding-bottom: 0; } .g1-primary-full .g1-content > .g1-layout-inner > .g1-nav-breadcrumbs { max-width: 94.53125%; width: 968px; margin: 1em auto -0.75em auto; } /* x.x Shortcode Documentation ----------------------------------------------------------------------------- */ .g1-sc-doc { margin: 0 0 3em 0; } .g1-sc-doc__attributes { margin-left: 0; list-style: none; } .g1-sc-doc__attribute { padding-bottom: .75em; overflow: hidden; } .g1-sc-doc__attribute .g1-name { width: 200px; float: left; font-weight: bold; } .g1-sc-doc__attribute .g1-description { float: left; } .g1-sc-doc__attribute .g1-options-label { display: none; } .g1-sc-doc__attribute .g1-options { margin-top: 0; margin-bottom: 0; } .g1-sc-doc__attribute .g1-hint ~ .g1-options { margin-top: .75em; } .g1-sc-doc__attribute + .g1-sc-doc__attribute { padding-top: .75em; border-width: 1px 0 0; } body.archive.date .archive-header .g1-hgroup, body.search .page-header .g1-hgroup { padding-left: 94px; position: relative; } body.archive.date .archive-header .g1-hgroup:before, body.search .page-header .g1-hgroup:before { margin-top: -42px; display: block; position: absolute; left: 0; top: 50%; text-align: left; font: 84px/84px FontAwesome; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=35); opacity: 0.35; } body.archive.date .archive-header .g1-hgroup:before { content: "\f017"; } body.search .page-header .g1-hgroup:before { content: "\f002"; } /* =effect-grayscale */ img.g1-effect-grayscale, figure.g1-effect-grayscale img, .g1-frame.g1-effect-grayscale img, .g1-collection.g1-effect-grayscale .entry-featured-media { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: gray; } img.g1-effect-grayscale:hover, figure.g1-effect-grayscale:hover img, .g1-frame.g1-effect-grayscale:hover img, .g1-collection.g1-effect-grayscale .entry-featured-media:hover { filter: url("data:image/svg+xml;utf8,#grayscale"); filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); } /* Add z-indexes */ #g1-preheader { z-index: 800; } #g1-header { z-index: 700; } #g1-precontent { z-index: 600; } .g1-content { z-index: 500; } #g1-prefooter { z-index: 300; } #g1-footer { z-index: 400; } #g1-primary-nav-menu > li:hover > .g1-submenus { z-index: 999 !important; } body { position: relative; } #g1-demo-page-loader { position: fixed; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%; background: #fff; } #g1-demo-page-loader-info { width: 220px; height: 120px; padding-top: 100px; margin: -160px 0 0 -160px; position: absolute; left: 50%; top: 50%; text-align: center; font: 14px/22px Helvetica, Arial, sans-serif !important; background: white url(./../images/demo-page-loader.gif) center top no-repeat; } .mfp-bg { z-index: 10001 !important; } .mfp-wrap { z-index: 10002 !important; } .g1-maintenance-mode-status { margin-left: -12px !important; margin-right: -12px !important; padding-left: 12px !important; padding-right: 12px !important; font-weight: bold !important; background: #ff0000; color: #ffffff; text-shadow: none !important; } #g1-demo-skin-8 { position: relative; } #g1-demo-skin-8:after { margin-left: 7px; padding: 2px 10px; position: absolute; left: 100%; top: 3px; font-size: 11px; content: "NEW"; background: #ff0000; color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #g1-demo-skin-8:before { position: absolute; right: -8px; top: 9px; border-width: 5px; border-color: transparent #ff0000 transparent transparent; border-style: solid; content: ""; } .g1-tagcloud { margin-bottom: 1.5em; } .g1-tagcloud:after { display: table; clear: both; content: ""; } .g1-tagcloud > a { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; overflow: hidden; position: relative; z-index: 0; margin: 0 5px 5px 0; padding: 0.375em 10px; border-width: 1px; color: inherit !important; font-size: 0.83em !important; line-height: 1.25; border-style: solid; } .g1-tagcloud > a:before { display: block; position: absolute; left: 0; top: 0; z-index: -1; width: 100%; height: 100%; content: ""; background-color: currentColor; opacity: 0; -webkit-transition: opacity 0.375s ease-in-out; -moz-transition: opacity 0.375s ease-in-out; -o-transition: opacity 0.375s ease-in-out; transition: opacity 0.375s ease-in-out; } .g1-tagcloud > a:hover:before { opacity: 0.1; } .avatar { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .contact-form label { display: block; padding-bottom: 0; } .comment-form p { margin-bottom: 0; } .comment-form label { display: block; padding-bottom: 0; } .comment-form .form-submit { margin-top: 1.5em; }