/* ZURB Navi for Foundation */ dl.nav { display: block; width: auto; height: 27px; margin: 0 0 18px; } dl.nav dt, dl.nav dd { float: left; display: inline; } dl.nav dt { color: #999; font-weight: normal; } dl.nav dd a { text-decoration: none; margin-left: 6px; padding: 5px 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; } dl.nav dd a:hover { background: #eee; } dl.nav dd.current-menu-item a, dl.nav dd.current-post-ancestor a, dl.nav dd.current-menu-parent a, dl.nav dd.current-post-parent a { background: #2A85E8; color: #fff; } /* Foundation-specific presentation CSS by ZURB */ body { padding-bottom: 0px; width: 100%; background: #fff; border: none; max-width: 100%; } div.reverie-header { margin: 0 0 30px 0; padding: 20px 0 0 0; border-bottom: solid 1px #ccc; } div.reverie-header h1 { margin-bottom: 0; padding: 0; } div.reverie-header h1 a { color: #181818; } div.reverie-header h1 a:hover { color: #181818; } div.reverie-header .subheader { margin-bottom: 9px; } div.highlight { margin-bottom: 12px; } img.beta { position: absolute; top: 0px; right: 0px; } /* ----------------------------------------- Styling Basic WordPress Outputs ----------------------------------------- */ /* Resizing the Blog Post */ .post-box p { line-height: 21px; font-size: 14px; font-size: 1.4rem; } .post-box h1 { font-weight: bold; font-size: 30px; font-size: 3rem; line-height: 1; margin-bottom: 2px; } .post-box h2 { font-weight: bold; font-size: 26px; font-size: 2.6rem; line-height: 1; margin-bottom: 2px; } .post-box h3 { font-size: 22px; font-size: 2.2rem; } .post-box h4 { font-size: 18px; font-size: 1.8rem; } /* Add Align Class for Images */ img.alignright { float: right; margin: 0 0 18px 18px; } img.alignleft { float: left; margin: 0 18px 18px 0; } img.aligncenter { display: block; margin: 18px auto; } /* Add HTML5 Caption Class for Images */ figure.figure { background: #EEE; margin: 0 0 18px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: inline-block; } figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; } figure.alignright.figure { float: right; margin: 0 0 18px 18px; } figure.alignleft.figure { float: left; margin: 0 18px 18px 0; } /* Sidebar Adjustment */ .sidebar-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; } /* Footer Nav */ .footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; } .footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; } /* Breadcrumb Adjustment */ ul.breadcrumbs li span { padding-left: 12px; } ul.breadcrumbs li a { padding-left: 0; } /* ------------------------------------------------------- Customize Foundation Style Pagination for WP-Pagenavi ---------------------------------------------------- */ div.wp-pagenavi { display: block; height: 24px; margin-left: -5px; color: #555; } div.wp-pagenavi a, div.wp-pagenavi span { float: left; display: block; padding: 6px 7px 4px; height: 24px; color: #555; font-size: 15px; font-size: 1.5rem; margin-left: 5px; } div.wp-pagenavi span.pages { padding-left: 0; } div.wp-pagenavi .current, div.wp-pagenavi a:hover { border-bottom: solid 2px #00a6fc; color: #141414; } div.wp-pagenavi span.unavailable:hover { border-bottom: none; } /* --------------------------- :: Customize for BuddyPress --------------------------- */ .padder label + textarea { margin-top: 0; } .padder #item-body #message-threads .thread-avatar img { max-width: 50px; } ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px; } .padder select { display: inline-block; } .padder div.item-list-tabs { margin: 25px 0; } .padder form#whats-new-form textarea { height: 30px; } .padder .button { display: inline; } textarea, input { outline: none; } /* ============================================================================= RESET ========================================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* ============================================================================= PRETTIFY ========================================================================== */ /* desert scheme ported from vim to google prettify */ pre { display: block; background-color: #333; padding:10px; border-radius:5px;} pre .nocode { background-color: none; color: #000 } pre .str { color: #ffa0a0 } /* string - pink */ pre .kwd { color: #f0e68c; font-weight: normal } pre .com { color: #87ceeb; font-style: italic } /* comment - skyblue */ pre .typ { color: #98fb98 } /* type - lightgreen */ pre .lit { color: #cd5c5c } /* literal - darkred */ pre .pun { color: #fff } /* punctuation */ pre .pln { color: #fff } /* plaintext */ pre .tag { color: #f0e68c; font-weight: normal } /* html/xml tag - lightyellow */ pre .atn { color: #bdb76b; font-weight: normal } /* attribute name - khaki */ pre .atv { color: #ffa0a0 } /* attribute value - pink */ pre .dec { color: #98fb98 } /* decimal - lightgreen */ /* Specify class=linenums on a pre to get line numbering */ ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */ li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none } /* Alternate shading for lines */ li.L1,li.L3,li.L5,li.L7,li.L9 { } @media print { pre { background-color: none } pre .str, code .str { color: #060 } pre .kwd, code .kwd { color: #006; font-weight: normal } pre .com, code .com { color: #600; font-style: italic } pre .typ, code .typ { color: #404; font-weight: normal } pre .lit, code .lit { color: #044 } pre .pun, code .pun { color: #440 } pre .pln, code .pln { color: #000 } pre .tag, code .tag { color: #006; font-weight: normal } pre .atn, code .atn { color: #404 } pre .atv, code .atv { color: #060 } } /* ============================================================================= FOUNDATION ========================================================================== */ ul, ol { margin-bottom: 18px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 30px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } li { margin-bottom: 12px; } ul.large li { line-height: 21px; } .left { float: left; } .right { float: right; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .hide { display: none; } .highlight { background: #ff0; } h1, h2, h3, h4, h5, h6 { color: #181818; font-weight: normal; line-height: 1.25 } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 46px; font-size: 4.6rem; margin-bottom: 12px;} h2 { font-size: 35px; font-size: 3.5rem; margin-bottom: 9px; } h3 { font-size: 28px; font-size: 2.8rem; margin-bottom: 9px; } h4 { font-size: 21px; font-size: 2.1rem; margin-bottom: 3px; } h5 { font-size: 18px; font-size: 1.8rem; font-weight: normal; margin-bottom: 3px; } h6 { font-size: 15px; font-size: 1.5rem; font-weight: normal; } .subheader { color: #777; font-weight: 300; margin-bottom: 24px; } p { font-size: 13px; font-size: 1.3rem; line-height: 1.25; margin: 0 0 18px; } p img { margin: 0; } p.lead { font-size: 18px; font-size: 1.8rem; line-height: 1.5; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small { color: #777; } /* Blockquotes */ blockquote, blockquote p { line-height: 20px; color: #777; } blockquote { margin: 0 0 18px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; } blockquote cite { display: block; font-size: 12px; font-size: 1.2rem; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #555; } abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222; border-bottom: 1px solid #ddd; cursor: help; } abbr { text-transform: none; } /** * Print styles. * * Inlined to avoid required HTTP connection: www.htmied.com/delay-loading-your-print-css/ * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ p a, p a:visited { color: #444 !important; text-decoration: underline; } p a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } } .container { padding: 0 20px; } .single .container, .archive .container, .page .container, .search .container { padding: 0; } .row { width: 100%; max-width: 1280px; min-width: 320px; margin: 0 auto; } /* To fix the grid into a certain size, set max-width to width */ .row .row { min-width: 0; } .column, .columns { margin-left: 4.4%; float: left; min-height: 1px; position: relative; } .column:first-child, .columns:first-child { margin-left: 0; } [class*="column"] + [class*="column"]:last-child { float: right; } .row .one { width: 4.3%; } .row .two { width: 13%; } .row .three { width: 21.679%; } .row .four { width: 30.37%; } .row .five { width: 39.1%; } .row .six { width: 47.8%; } .row .seven { width: 56.5%; } .row .eight { width: 65.2%; } .row .nine { width: 73.9%; } .row .ten { width: 82.6%; } .row .eleven { width: 91.3%; } .row .twelve { width: 100%; } .row .offset-by-one { margin-left: 13.1%; } .row .offset-by-two { margin-left: 21.8%; } .row .offset-by-three { margin-left: 30.5%; } .row .offset-by-four { margin-left: 39.2%; } .row .offset-by-five { margin-left: 47.9%; } .row .offset-by-six { margin-left: 56.6%; } .row .offset-by-seven { margin-left: 65.3%; } .row .offset-by-eight { margin-left: 74.0%; } .row .offset-by-nine { margin-left: 82.7%; } .row .offset-by-ten { margin-left: 91.4%; } .row .centered { float: none; margin: 0 auto; } .row .offset-by-one:first-child { margin-left: 8.7%; } .row .offset-by-two:first-child { margin-left: 17.4%; } .row .offset-by-three:first-child { margin-left: 26.1%; } .row .offset-by-four:first-child { margin-left: 34.8%; } .row .offset-by-five:first-child { margin-left: 43.5%; } .row .offset-by-six:first-child { margin-left: 52.2%; } .row .offset-by-seven:first-child { margin-left: 60.9%; } .row .offset-by-eight:first-child { margin-left: 69.6%; } .row .offset-by-nine:first-child { margin-left: 78.3%; } .row .offset-by-ten:first-child { margin-left: 87%; } .row .offset-by-eleven:first-child { margin-left: 95.7%; } /* Source Ordering */ .push-two { left: 17.4% } .push-three { left: 26.1%; } .push-four { left: 34.8%; } .push-five { left: 43.5%; } .push-six { left: 52.2%; } .push-seven { left: 60.9%; } .push-eight { left: 69.6%; } .push-nine { left: 78.3%; } .push-ten { left: 87%; } .pull-two { right: 17.4% } .pull-three { right: 26.1%; } .pull-four { right: 34.8%; } .pull-five { right: 43.5%; } .pull-six { right: 52.2%; } .pull-seven { right: 60.9%; } .pull-eight { right: 69.6%; } .pull-nine { right: 78.3%; } .pull-ten { right: 87%; } img, object, embed { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, .map_canvas img {max-width: none!important;} /* Nicolas Gallagher's micro clearfix */ .row:before, .row:after, .clearfix:before, .clearfix:after { content:""; display:table; } .row:after, .clearfix:after { clear: both; } .row, .clearfix { zoom: 1; } .block-grid { display: block; overflow: hidden; } .block-grid>li { display: block; height: auto; float: left; } .block-grid.two-up { margin-left: -4% } .block-grid.two-up>li { margin-left: 4%; width: 46%; } /* .block-grid.two-up>li:nth-child(2n+1) {clear: left;} */ .block-grid.three-up { margin-left: -2% } .block-grid.three-up>li { margin-left: 2%; width: 31.3%; } /* .block-grid.three-up>li:nth-child(3n+1) {clear: left;} */ .block-grid.four-up { margin-left: -2% } .block-grid.four-up>li { margin-left: 2%; width: 23%; } /* .block-grid.four-up>li:nth-child(4n+1) {clear: left;} */ .block-grid.five-up { margin-left: -1.5% } .block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; } /* .block-grid.five-up>li:nth-child(5n+1) {clear: left;} */ /* ============================================================================= FONTS ========================================================================== */ @font-face { font-family: 'Lato light'; src: url('fonts/lato-light-webfont.eot'); src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-light-webfont.woff') format('woff'), url('fonts/lato-light-webfont.ttf') format('truetype'), url('fonts/lato-light-webfont.svg#lato_lightregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Lato'; src: url('fonts/lato-regular-webfont.eot'); src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lato-regular-webfont.woff') format('woff'), url('fonts/lato-regular-webfont.ttf') format('truetype'), url('fonts/lato-regular-webfont.svg#latoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserratbold'; src: url('fonts/montserrat-bold-webfont.eot'); src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-bold-webfont.woff') format('woff'), url('fonts/montserrat-bold-webfont.ttf') format('truetype'), url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('fonts/montserrat-regular-webfont.eot'); src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-regular-webfont.woff') format('woff'), url('fonts/montserrat-regular-webfont.ttf') format('truetype'), url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Old Standard TT'; src: url('fonts/oldstandard-italic-webfont.eot'); src: url('fonts/oldstandard-italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/oldstandard-italic-webfont.woff') format('woff'), url('fonts/oldstandard-italic-webfont.ttf') format('truetype'), url('fonts/oldstandard-italic-webfont.svg#old_standard_ttitalic') format('svg'); font-weight: normal; font-style: normal; } header.main h1, header.main h1 a, footer h3 a { font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; font-style: normal; letter-spacing: 0px !important; color: #333 !important; } header.main h1 a, h1.somewhere a { color: #333 !important; transition-delay: 0.5s; -moz-transition-delay: 0.5s; /* Firefox 4 */ -webkit-transition-delay: 0.5s; /* Safari and Chrome */ -o-transition-delay: 0.5s; /* Opera */ font-weight: 400; font-size: 1.0em; min-width: 230px; display: inline-block; position: relative; top: 2px; font-family: "Old Standard TT", "Times New Romana", Georgia, serif; text-transform: none; } header.main h1 a strong, h1.somewhere a strong { font-family: Montserrat, Lato, Arial, Verdana, sans-serif; font-weight: normal; font-weight: normal; font-style: normal; font-size: 1em; margin-left: 4px; letter-spacing: -5px !important; color: #222 !important; font-size: 1em; } header.main h1 a strong span, h1.somewhere a strong span{ letter-spacing: 0px !important; -webkit-transition: all 0.2s ease-out; /* Saf3.2+, Chrome */ -moz-transition: all 0.2s ease-out; /* FF4+ */ -o-transition: all 0.2s ease-out; /* Opera 10.5+ */ transition: all 0.2s ease-out; } header.main h1 a span.yellow, h1.somewhere a strong span.yellow { transition-delay: 0.1s; -moz-transition-delay: 0.1s; /* Firefox 4 */ -webkit-transition-delay: 0.1s; /* Safari and Chrome */ -o-transition-delay: 0.1s; /* Opera */ } header.main h1 a span.blue, h1.somewhere a strong span.blue { transition-delay: 0.4s; -moz-transition-delay: 0.4s; /* Firefox 4 */ -webkit-transition-delay: 0.4s; /* Safari and Chrome */ -o-transition-delay: 0.4s; /* Opera */ } header.main h1 a span.green, h1.somewhere a strong span.green { transition-delay: 0.2s; -moz-transition-delay: 0.2s; /* Firefox 4 */ -webkit-transition-delay: 0.2s; /* Safari and Chrome */ -o-transition-delay: 0.2s; /* Opera */ } header.main h1 a span.orange, h1.somewhere a strong span.orange { transition-delay: 0.5s; -moz-transition-delay: 0.5s; /* Firefox 4 */ -webkit-transition-delay: 0.5s; /* Safari and Chrome */ -o-transition-delay: 0.5s; /* Opera */ } header.main h1 a span.red, h1.somewhere a strong span.red { transition-delay: 0.3s; -moz-transition-delay: 0.3s; /* Firefox 4 */ -webkit-transition-delay: 0.3s; /* Safari and Chrome */ -o-transition-delay: 0.3s; /* Opera */ } header.main h1 a span.orange.kerning, h1.somewhere a strong span.orange.kerning { margin-left: 0px; margin-right: 0px; } header.main h1 a:hover { padding-bottom: 10px; } header.main h1 a:hover span.yellow, h1.somewhere a:hover span.yellow { color: #FFD57B; } header.main h1 a:hover span.blue, h1.somewhere a:hover span.blue { color: #5FD0D6; } header.main h1 a:hover span.green, h1.somewhere a:hover span.green { color: #74D5A9; } header.main h1 a:hover span.orange, h1.somewhere a:hover span.orange { color: #FFB172; } header.main h1 a:hover span.red, h1.somewhere a:hover span.red { color: #FE827F; } h1.somewhere { margin: 20px auto 40px auto; padding: 0; text-align: center; } h1.somewhere a { text-align: center; margin: 0; padding: 0; font-size: 0.875em; } h1.somewhere a strong { display: block; margin-top: 10px; font-size: 1.2em; } .cta strong, strong.personal { color: #ccc; font-weight: normal; } /* -------------------------- Your Customized Style ----------------------- */ img.bg { -webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 10s linear 1 0s; -moz-animation: imageAnimation 10s linear 1 0s; -o-animation: imageAnimation 10s linear 1 0s; -ms-animation: imageAnimation 10s linear 1 0s; animation: imageAnimation 10s linear 1 0s; } .loader-frame { display: block; float: left; overflow:hidden; height: 100% !important; margin: 0; padding: 0; position: relative; top: 0 !important; } .loader-frame a { margin: 0; padding: 0; position: absolute; top: 0; overflow: hidden; } .loader-frame a img { /* Set rules to fill background */ min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0 !important; left: 0; margin: 0; padding: 0; } #preloader { display: block; z-index: 1000000000 !important; min-height: 100%; height:auto !important; height:100%; overflow: hidden !important; background: #000; } #preloader-2 { display: block !important; z-index: 1000000000 !important; min-height: 100%; height:auto !important; height:100%; overflow: hidden !important; background: #fff !important; width: 100% !important; } /* ============================================================================= TYPOGRAPHY ========================================================================== */ h1, .h1, .trip-gallery header hgroup h2 { font-size: 2.250em; /* 36px */ line-height: 1.50em; margin: 1em 0 0.5em 0; } h2, .h2 { font-size: 1.875em; /* 30px */ line-height: 1.50em; margin: 1em 0 0.5em 0; } h3, .h3 { font-size: 1.500em; /* 24px */ line-height: 1.50em; margin: 1em 0 0.5em 0; } h4, .h4 { font-size: 1.375em; /* 22px */ line-height: 1.50em; margin: 1em 0 0.5em 0; } h5, .h5, .trip-content h3, .page-template-page-about-php p.col, .page-template-page-about-php .manifesto ul li h4 { font-size: 1.125em; /* 18px */ line-height: 1.50em; margin: 1em 0 0.5em 0; } h6, .h6, .page-template-page-about-php .manifesto ul li p, .trip-gallery header hgroup h3 { font-size: 0.875em; /* 14px */ line-height: 1.50em; margin: 1em 0 0.5em 0; } .alpha { font-size: 0.938em; /*15px*/ } .beta { font-size: 0.8750em; /*14px*/ } .gamma { font-size: 0.813em; /*13px*/ } .delta, .navlink, footer.main p, .trip-gallery header aside h4, section.articleinfo .articlebox h4, section.articleinfo .articlebox h5 { font-size: 0.750em; /*12px*/ } .epsilon { font-size: 0.625em; /*10px*/ } .kilo, section.articleinfo .articlebox h3 { font-size: 2.375em; /*38px*/ } .mega { font-size: 2.625em; /* 42px*/ } .giga, footer h3.personal { font-size: 3.125em; /* 50px*/ } p, .trip-content p.summary, .trip-content a, .trip-gallery aside a { font-size: 13px; line-height: 1.60em; margin: 1em 0 0.5em 0; } a {} ul, ol { line-height: 1.60em; margin: 1em 0 0.5em 0; } ul li, ol li { list-style-type: none; } .personal { font-family: 'Amatic SC'; font-weight: 400; text-transform: lowercase; line-height: 1em; color: #acd7e8; } .formal { font-family: 'Old Standard TT', Georgia, Times, serif; text-transform: none !important; } footer.main .credits ul li a span { text-transform: lowercase; line-height: 1em; } footer.main .credits ul li a span i { font-family: 'Old Standard TT', Georgia, Times, serif; font-weight: normal; font-style:normal; text-transform: none; } ::-moz-selection { color: #fff; background: #fed37f; } ::selection { color: #fff; background: #fab735; } /* ============================================================================= ASCENSOR ========================================================================== */ * { color: #444; font-size: 1em; } body { color: #fff; overflow-x: hidden; overflow-y: hidden; } #content { background: #000 } .contenu { width: 100%; margin: 0 auto; margin-top: 00px; } .contenu p { line-height: 24px } .contenu .loader-frame {} .contenu .loader-frame a { overflow: hidden !important; } .contenu .loader-frame a img { width: 100% !important; height: auto; overflow: hidden !important; vertical-align: middle !important; } /* ============================================================================= NAVIGATION ========================================================================== */ #container { margin: 0; padding: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header-wrapper, .body-wrapper { background: #fff; } .body-wrapper { background: #fff; float: left; } .header-wrapper { display: block; margin: 0 !important; padding: 0 !important; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header-wrapper .header { margin: 0; padding: 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } header.main { display: block; } header.main h1 { display: inline-block; line-height: 70px; margin: 0; position: relative; left: 20px; top: -1px; } header.main h1 a { color: #222; } .nav { display: block; position: relative; z-index: 100000; width: 60%; float: right; height: 30px; line-height: 30px; padding: 35px 0; } .nav dl { float: right; } .nav dt { float: left; } .nav dt a { line-height: 1.5em !important; color: #90bdcf; text-transform: uppercase; letter-spacing: 2px; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; margin-left: 30px; } .nav dt a:hover { color: #5b7783; } .nav a.contribute { color: #fab735 !important; } /* ============================================================================= GENERAL ========================================================================== */ body, html{ font-size: 16px; line-height: 1.5em; color: #333; height: 100%; font-family: Lato, Arial, Helvetica, Sans-serif; } .home body { display: -webkit-flexbox; display: -moz-flexbox; display: flexbox; flex-align: -moz-center; flex-align: center; margin: 0; height: 100%; } a { font-weight: normal; letter-spacing: 0px; text-decoration: none; color: #83abbc; line-height: 1em; -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-out; /* FF4+ */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ transition: all 0.3s ease-out; } a:hover { color: #fab735; } a.btn.round { font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; font-size: 0.75em; display: block; margin-bottom: 60px; height: auto; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #FED37F; color: #fff; padding: 20px 40px; border-radius: 40px; } a.btn.round:hover { color: #fff; background: #8EBCD0; } p.andyou { width: 100%; display: block; text-align: center; padding: 0 !important; margin: 30px 0 50px 0 !important; float: left; clear: both; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ============================================================================= HOME ========================================================================== */ #iconnav.toggle a { position: absolute; display: block; width: 40px; height: 40px; text-align: center; line-height: 40px; top: 120px; right: 0px; padding: 20px; background: rgba(0,0,0,0.2); -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #iconnav.toggle a.toggleopen:hover { background: #3D69C8; color: #517edf; text-shadow: none; font-size: 60px; -webkit-box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.23), inset 1px 1px 0 #2652b1, inset 0px -1px 0 #2652b1; -moz-box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.23), inset 1px 1px 0 #2652b1, inset 0px -1px 0 #2652b1; box-shadow: 3px 2px 5px rgba(0, 0, 0, 0.23), inset 1px 1px 0 #2652b1, inset 0px -1px 0 #2652b1; } #iconnav.toggle a.toggleclose:hover { background: rgba(0,0,0,0.6); font-size: 60px; } #toggle-menu { display: block; position: absolute; z-index: 200000; left: 0; top: 0; } #general { position: absolute; background: #fff; margin: 0; float: left; left: 0; width: 100%; padding: 0; } #content { background: #fff; position: relative; margin: 0px; left: 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contenu { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; overflow: hidden; padding: 20px; margin: 20px 20px 20px -20px; padding: 20px 40px !important; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contenu article { overflow: hidden; position: absolute; top: 0px !important; bottom: 0px; width: 100%; display: block; margin-left: 0px; bottom: 0; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .contenu article img { } .overlay { display: block; float: left; position: absolute; width: 100%; z-index: 1; } .contenu .articleimage { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 100%; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: absolute; top: 0; left: 0; margin: 0; padding: 0; } .contenu article header { display: inline-block; position: absolute; opacity: 1; display: block; z-index: 30; background: transparent; width: 100%; height: 100%; position: relative; left: -20px; top: 0; right: 0; margin: 0; -webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 10s linear 1 0s; -moz-animation: imageAnimation 10s linear 1 0s; -o-animation: imageAnimation 10s linear 1 0s; -ms-animation: imageAnimation 10s linear 1 0s; animation: imageAnimation 10s linear 1 0s; } .home .desktop-front .articleinfo .articlebox { left: 0px !important; top: 0px !important; position: absolute; margin: 0 !important; float: none; height: 450px; width: 100%; } section.articleinfo { display: inline-block; width: 100%; height: 450px; margin: 0 auto; padding: 0; text-align: center; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .articleinfo .articlebox:hover { background: rgba(0,0,0,0.95); } .home .contenu article section.articleinfo { position: absolute !important; margin-top: 0px; margin: 0 !important; bottom: 0 !important; width: 450px; height: 450px; left: 50%; top: 50%; margin-top: -330px !important; margin-left: -225px !important; } .articleinfo .articlebox { display: block; padding: 0; width: 450px; height: 450px; margin: 0 auto; cursor: pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; background: rgba(255,255,255,0.93); -webkit-border-radius: 225px; border-radius: 225px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .articleicon { width: 60px; height: 60px; display: block; margin: 0 auto; background: transparent url(images/spr-icons.png) 0px 0px no-repeat; } .articleicon.map { width: 80px; background: transparent url(images/spr-icons.png) -720px 0px no-repeat; } .articleicon.map.blue { width: 80px; background: transparent url(images/spr-icons.png) -720px -120px no-repeat; } .articleicon.share { background: transparent url(images/spr-icons.png) -240px -60px no-repeat; } section.articleinfo .articlebox .articleicon { background: transparent url(images/spr-icons.png) -120px -120px no-repeat; display: block; width: 60px; height: 60px; margin: 0 auto; opacity: 0.2; margin-bottom: 10px; } section.articleinfo .articlebox:hover .articleicon { display: block; opacity: 0.8; } .articleicon.rocket { z-index: 1000; opacity: 1 !important; background: transparent url(images/spr-icons.png) -60px -120px no-repeat; } .articleicon.rocket.white { background: transparent url(images/spr-icons.png) -60px -300px no-repeat; } section.articleinfo .articlebox:hover { } section.articleinfo .articlebox h3, section.articleinfo .articlebox h3 a, section.articleinfo .articlebox h3 a span, section.articleinfo .articlebox h4, section.articleinfo .articlebox h4 a, section.articleinfo .articlebox h5 { letter-spacing: 2px; word-spacing: 5px; text-transform: uppercase; color: #222 !important; } section.articleinfo .articlebox h3 { margin: 0 0 20px 0; display: block; padding-top: 150px; } section.articleinfo .articlebox h3 a{ font-weight: 300 !important; letter-spacing: 1px !important; font-size: 1em; } section.articleinfo .articlebox .dash { margin: 25px auto 30px auto !important; } section.articleinfo .articlebox h3 a span { display: none; letter-spacing: 1px; padding: 0em 0; font-size: 11px; font-weight: normal; font-weight: normal; text-transform: uppercase !important; letter-spacing: 3px; margin-bottom: 15px; } section.articleinfo .articlebox h3, section.articleinfo .articlebox h4, section.articleinfo .articlebox h5 { display: block; position: relative; clear: both; top: 0; } section.articleinfo .articlebox h4 a { text-transform: none; padding: 0px 20px 1.5em 30px; margin-bottom: 10px; letter-spacing: 3px; margin-left: -3px; font-size: 20px; display: inline-block; position: relative; font-size: 12px; letter-spacing: 10px; font-style: normal; text-transform: uppercase !important; font-weight: normal; font-weight: normal; } section.articleinfo .articlebox:hover h3 a, section.articleinfo .articlebox:hover h4 a { color: #acd7e8 !important; color: #fed37f !important; color: #fff !important; } section.articleinfo .articlebox:hover h4 a { padding-top: 0; } section.articleinfo .articlebox:hover h3 a span, section.articleinfo .articlebox h5 .postcategoryicon { color: #111 !important; } section.articleinfo .articlebox h5 { display: block; letter-spacing: 1px; padding: 0.35em 0; } .contenu article header .postcategoryicon { } .contenu article header.dark, .contenu article header.dark h1, .contenu article header.dark h1 a, .contenu article header.dark h2, .contenu article header.dark h2 a, .contenu article header.dark h3, .contenu article header.dark h4 { color: rgba(0,0,0,0.9); } .contenu article header .cta-container { display: block; } .contenu article header .cta-container .ctaborder-outer { width: 100%; left: 0px; top: 250px; position: absolute; } .contenu article header h1, .contenu article header h1 a { text-transform: uppercase; font-size: 2.2em; color: #fff; margin-bottom: 0.5em; text-align: center; margin-top: 3em; text-indent: -10000000px; } #inspirationnav { display: block; width: 300px; height: 100px; position: absolute !important; top: 300px !important; left: 200px !important; z-index: 100 !important; } a#inspirationPrev, a#inspirationNext { display: block; position: fixed !important; z-index: 100; bottom: 29px !important; width: 50px; height: 50px; text-shadow: 0px 1px 0px rgba(0,0,0,0.0); font-size: 0.80em !important; text-transform: uppercase; letter-spacing: 2px; text-align: center; line-height: 48px; font-family: Lato, Arial, Verdana, sans-serif; font-weight: 400; } a#inspirationPrev , a#inspirationNext, .btn-toggle { color: #222 !important; background: rgba(255,255,255,0.95) !important; } a#inspirationPrev:hover , a#inspirationNext:hover, .btn-toggle:hover { color: #fff !important; background: rgba(0,0,0,0.95) !important; } a#inspirationPrev { margin: 0; padding: 0; left: 30px !important; /*left: 35.5% !important; top: 35% !important;*/ } a#inspirationNext { left: 81px !important; /*left: 61.7% !important; top: 63% !important;*/ margin: 0; padding: 0; } dl#inspirationNavigation { display: block; position: relative; z-index: 10000 !important; width: 50%; height: 300px; } dl#inspirationNavigation dt { float: left !important; width: 10% !important; } .inspirationNavigationButton { -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; height: 2px !important; width: 2% !important; } .single a#inspirationPrev , .single a#inspirationNext { display: none; } #toggle-menu-nav { display: block; position: fixed; top: 65px; right: 500px; z-index: 100000; } #toggle-menu-nav div { display: block; width: 30px; height: 30px; border: 2px solid rgba(255,255,255,0.7); color: #fff; text-shadow: 0px 1px 0px rgba(0,0,0,0.4); font-size: 1.6em; line-height: 30px; text-align: center; -webkit-box-shadow: 0px 0px 4px 0px #ffffff; box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.4); -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } #toggle-form-close:hover { color: #E93C3C !important; color: #333 !important; } #iconnav a { color: #fff; } .loader-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; display: block; float: left; z-index: 0; } .loader-frame a { float: left; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .loader-frame a img { margin: 0 !important; padding: 0 !important; position: absolute; top: 0 !important; } img.load { position: fixed; width: 250px; height: 250px; top: 50%; left: 50%; margin-left: -125px; margin-top: -150px; border: 1px solid red; border: 0; background: rgba(0,0,0,0.1); -webkit-border-radius: 20px; border-radius: 20px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } /* ============================================================================= SINGLE ========================================================================== */ body.single, body.archive, body.page, body.search{ background: #f8fdff url("images/bg-content.gif") 0 0 repeat; overflow: visible !important; background: #111 url("images/bg-dark-retina.jpg") 0 0 repeat; } .single #main, .page #main, body.page-template-page-about-php { background: #fff; /*border-left: 1px solid #e9f2f6; border-right: 1px solid #e9f2f6;*/ overflow: visible !important; } .single #main { width: 100% !important; display: block; } #single-content { overflow: visible !important; width: 100% !important; display: block; } .single article { } .single .post-box { position: relative; } .single article header { } .single article .entry-content { } article.trip-container { width: 100% !important; display: block; z-index: 2000 !important; } article .trip-gallery { position:relative; width: 100% !important; display: block; margin: 0; padding: 0; } article .trip-gallery img { width: 100%; width: 100% !important; display: block; } article .trip-gallery header { width: 40%; height: 100%; float: left; display: block; position: relative; margin-top:-20px; padding-bottom: 40px; padding: 100px 0 0 0; width: 25% !important; } article .trip-gallery .author-thumb { width: 100px; height: 100px; border: 5px solid #fff; position: absolute; right: -55px; left: 20px; top: -35px; z-index: 100; -webkit-box-shadow: 0px -1px 1px rgba(0,0,0,0.10), 0px -3px 4px rgba(0,0,0,0.03), 1px 1px 1px rgba(0,0,0,0.15), 2px 3px 4px rgba(0,0,0,0.15); -moz-box-shadow: 0px -1px 1px rgba(0,0,0,0.10), 0px -3px 4px rgba(0,0,0,0.03), 1px 1px 1px rgba(0,0,0,0.15), 2px 3px 4px rgba(0,0,0,0.15); box-shadow: 0px -1px 1px rgba(0,0,0,0.10), 0px -3px 4px rgba(0,0,0,0.03), 1px 1px 1px rgba(0,0,0,0.15), 2px 3px 4px rgba(0,0,0,0.15); -webkit-border-radius: 100px; border-radius: 100px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } article .trip-gallery .author-thumb img { width: 100px; height: 100px; -webkit-border-radius: 100px; border-radius: 100px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } article .trip-gallery header hgroup { padding: 0 20% 50px 20%; border-bottom: 1px solid #e9f2f6; margin-top: -20px; padding: 34px 20% 90px 20%; } article .trip-gallery hgroup { /*padding: 0 0 40px 0; border: 2px solid #222 !important; margin: 50px 0;*/ } article .trip-gallery header hgroup h2 { margin: 0 0 0.5em 0; text-transform: uppercase; font-family: "Lato light", Arial, Verdana, sans-serif; letter-spacing: 1px; font-size: 3em; } article .trip-gallery header hgroup h3 { margin: 0; font-weight: normal; color: #111; } article .trip-gallery header hgroup h3 a { border-bottom: 1px dotted #fed37f; color: #222; padding-bottom: 7px; } article .trip-gallery header aside { padding: 30px 20% 40px 20%; } article .trip-gallery .socialbox { position: relative; width: 100%; display: block; height: 50px; } article .trip-gallery .socialbox h4 { margin: 0; display: inline-block; position: absolute; left: 0; top: 0; } article .trip-gallery .sharebar { margin: 0; padding: 0; width: 100%; height: 40px; margin: 0; padding: 0; width: 320px; margin: 0 auto; } article .trip-gallery .sharebar li { float: left; height: 35px; margin-top: -3px; padding: 0 1.5%; display: block; margin: 0 auto; width: 155px; margin-left: 0px; position: relative; } article .trip-gallery .sharebar li a { width: 90px; float: left; position: relative; margin-right: 5px; } article .trip-gallery .sharebar li a.addthis_button_pinterest_pinit { margin-right: -20px; right: -10px; } article .trip-gallery .sharebar li .twitter-share-button { top: 8px !important; left: 33px !important; position: absolute; } article .trip-gallery .sharebar li div.fb-like { margin-top: 10px; top: -5px; left: 0; margin-left: -86px !important; position: absolute; } article .trip-gallery .sharebar li > span { margin: 0; line-height: 35px; height: 35px; display: block; margin-top: 5px; font-size: 1.5em; text-align: left; } article .trip-gallery .sociallinks { width: 100% !important; position: absolute; margin: 0!important; padding: 0 !important; left: 0 !important; top: 0 !important; } article .trip-gallery .sociallinks { text-align: center; width: 100%; display: block; } article .trip-gallery .sociallinks a { display: block; height: 43px; height: auto; display: inline-block; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; margin: 0 10px; font-size: 0.75em; } article .trip-gallery div.trip-content .authorlinks .sociallinks li a { text-indent: 0 !important; } article .trip-gallery .socialbox a.twitter { background-position: 0 -86px; } article .trip-gallery .socialbox a.twitter:hover { background-position: 0 -86px; } article .trip-gallery .socialbox a.facebook { background-position: -43px -86px; } article .trip-gallery .socialbox a.facebook:hover { background-position: -43px -86px; } article .trip-gallery .socialbox a.flickr { background-position: -86px -86px; } article .trip-gallery .socialbox a.flickr:hover { background-position: -86px -86px; } article .trip-gallery .socialbox a.fivehoundretpx { background-position: -172px -86px; } article .trip-gallery .socialbox a.fivehoundretpx:hover { background-position: -172px -86px; } article .trip-gallery .socialbox a.url { background-position: -129px -86px; } article .trip-gallery .socialbox a.url:hover { background-position: -129px -86px; } article .trip-gallery .socialbox a { position: relative; } article .trip-gallery .socialbox h4 { font-size: 1.125em; } article .trip-gallery .socialbox .sociallinks { position: relative; width: 225px; display: block; height: 45px; margin: 0; padding: 0; margin: 0; position: relative; left: -14px; } article .trip-gallery header aside .articleicon.map { width: 80px; height: 60px; background: transparent url("images/spr-icons.png") -720px -120px no-repeat; margin-top: -40px; float: right; } article .trip-gallery { overflow:hidden; } article .trip-gallery div.trip-content { width: 50%; float: right; margin-right: 25%; padding: 60px 10% 50px 10%; padding: 0; position: relative; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } article .trip-gallery div.trip-content .content { text-align: center; padding: 45px 10% 60px 10%; } article .trip-gallery div.trip-content .content i { color: #fed57b; margin-right: 10px; } article .trip-gallery div.trip-content .content i.end { margin-left: 10px; } article .trip-gallery div.trip-content h3 { margin-bottom: 0.75em; font-size: 1.500em; font-size: 3em; } article .trip-gallery div.trip-content h4 { margin-bottom: 0; font-size: 1.250em; border-top: 2px solid #111; display: inline-block; padding-right: 20px; padding-top: 30px; margin-bottom: 1em; } article .trip-gallery div.trip-content h4.personal { font-weight: normal; text-transform: none; color: #222; display: block; font-size: 2em; margin-top: 2em !important } article .trip-gallery div.trip-content p.summary { color: #222; font-family: "Lato light", Arial, Verdana, sans-serif; line-height: 1.7em; font-size: 1.125em; text-align: left; letter-spacing: 0.01em; margin: 4em 0 2em 0; } article .trip-gallery div.trip-content .furtherreading { display: block; width: 100%; height: auto; text-align: center; margin-bottom: 50px; float: left; line-height: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article .trip-gallery div.trip-content .furtherreading .dash, .dash { width: 10%; height: 2px; background: #111; display: block; position: relative; margin-bottom: 15px; margin: 20px auto !important; } .dash.left { margin: 20px 0; } article .trip-gallery div.trip-content .furtherreading h4 { font-weight: normal; margin: 15px 0; display: block; clear: both ; width: 100%; } article .trip-gallery div.trip-content .furtherreading ul { margin: 0; padding: 0; clear: both; position: relative !important; float: left; display: block; width: 100%; } article .trip-gallery div.trip-content .furtherreading ul li { display: block; } article .trip-gallery div.trip-content .furtherreading ul li a { } article .trip-gallery div.trip-content .tripbutton { font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; font-size: 1em; display: block; margin-bottom: 60px; height: auto; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article .trip-gallery div.trip-content .tripbutton a { background: #FED37F; color: #fff; padding: 20px 40px; border-radius: 40px } article .trip-gallery div.trip-content .tripbutton a:hover { color: #111; background: #aef6d5; background: #fff; color: #fff; background: #8EBCD0; } article .trip-gallery div.trip-content .spreadlinks { width: 100%; display: block; float: left; } article .trip-gallery div.trip-content .authorlinks { width: 100%; text-align: center; margin: 0; padding: 0; position: relative; border-top: 1px solid #e2ebef; padding-top: 40px; padding-bottom: 20px; clear: both; } article .trip-gallery div.trip-content .authorlinks .author-thumb { width: 100px; height: 100px; border: 5px solid #fff; position: relative; left: 50%; margin-left: -55px; top: 45px; z-index: 100; -webkit-box-shadow: 0px -1px 1px rgba(0,0,0,0.10), 0px -3px 4px rgba(0,0,0,0.03), 1px 1px 1px rgba(0,0,0,0.15), 2px 3px 4px rgba(0,0,0,0.15); -moz-box-shadow: 0px -1px 1px rgba(0,0,0,0.10), 0px -3px 4px rgba(0,0,0,0.03), 1px 1px 1px rgba(0,0,0,0.15), 2px 3px 4px rgba(0,0,0,0.15); box-shadow: 0px -1px 1px rgba(0,0,0,0.10), 0px -3px 4px rgba(0,0,0,0.03), 1px 1px 1px rgba(0,0,0,0.15), 2px 3px 4px rgba(0,0,0,0.15); -webkit-border-radius: 100px; border-radius: 100px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } article .trip-gallery div.trip-content .authorlinks h4, article .trip-gallery div.trip-content .spreadlinks h4, article .trip-gallery div.trip-content .furtherreading h4 { text-align: center; font-weight: normal; font-family: 'Old Standard TT', Georgia, Times, serif; } article .trip-gallery div.trip-content .authorlinks h4 .spacing { margin-left: -10px; } article .trip-gallery div.trip-content .authorlinks p.latesttweet { width: 85%; margin: 0 auto; display: block; position: relative; font-size: 1em; line-height: 1.6em; text-align: center; margin-top: 100px; margin-bottom: 0px; font-family: "Old Standard TT", Georgia, Times, serif; } article .trip-gallery div.trip-content .authorlinks p.latesttweet span{ color: #fcd78e; font-size: 130px; font-family: "Old Standard TT", Georgia, Times, serif; } article .trip-gallery div.trip-content .authorlinks p.latesttweet span.left { position: absolute; top: 0; left: -60px; } article .trip-gallery div.trip-content .authorlinks p.latesttweet span.right { bottom: 20px; right: -60px; position: absolute; display: block; height: 30px; } article .trip-gallery div.trip-content .spreadlinks h4{ text-align: right; margin: 0; } article .trip-gallery div.trip-content .spreadlinks .addthis_toolbox { position: relative; display: block; float: left; width: 100%; height: 50px; margin-bottom: 40px; } article .trip-gallery div.trip-content .spreadlinks .addthis_toolbox ul { position: absolute; right: 50%; margin-right: -150px; width: auto; top: 0px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } article .trip-gallery div.trip-content .authorlinks .sociallinks { position: relative !important; top: 0 !important; width: 100% !important; } article .trip-gallery div.trip-content footer { width: 100%; float: left; position: relative; margin: 2em 0 0 0; } article .trip-gallery div.trip-content footer .social-box { width: 100%; border: 0px solid #e9f2f6; height: 40px; background: #fbfcfd; opacity: 0; position: relative; bottom: 0px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; /* -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;*/ background: #fff; } article .trip-gallery div.trip-content:hover footer .social-box { opacity: 1; bottom: 40px; } article .trip-gallery .sidebar { position: absolute; opacity: 0; top: 20px; width: 50%; height: 100%; color: #fff; right: -46%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } article .trip-gallery .sidebar a { color: #fff; width: 50%; display: block; width: 50px; height: 50px; border: 1px solid #222; color: #222; width: 50px; height: 50px; text-align: center; line-height: 45px; } article .trip-gallery .sidebar a i { color: #333; width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 0.75em; } article .trip-gallery .sidebar a:hover { background: #7FDAB1; } article .trip-gallery .sidebar .next { position: absolute; right: 0; top: 0; } article .trip-gallery .sidebar .previous { position: absolute; right: 51px; top: 0; } article .trip-gallery .trip-content:hover .sidebar { opacity: 1; } article .trip-gallery .sidebar div.sharethis { display: block; height: 50px; width: 103px; margin: 0; padding: 0; position: absolute; left: 0; top: 14px; } article .trip-gallery .sidebar div.sharethis a { margin: 0; padding: 0; } article .trip-gallery .sidebar div.sharethis a.share-facebook { position: absolute; top: 0; right: 0; } article .trip-gallery .sidebar div.sharethis a.share-twitter { position: absolute; top: 0; left: 0; } article .trip-gallery .paging { color: #111; width: 70px; height: 70px; text-align: center; top: 10%; margin: 0; padding: 0; text-shadow: 0 !important; text-shadow: none !important; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } article .trip-gallery .paging a { display: block; width: 70px; border: 1px solid #111; height: 70px; line-height: 64px; position: absolute; top: 0 !important; margin: 0; padding: 0; color: #222; font-weight: normal; font-size: 1em; text-shadow: 0 !important; text-shadow: none !important; } article .trip-gallery .paging a span { display: block; position: absolute; top: 70px; text-align: left; background: #000; color: #fff; min-width: 200%; font-size: 0.75em; padding: 35px 30px; line-height: 1.2em; letter-spacing: 1px; font-size: 0.688em; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; opacity: 0; text-align: center; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } article .trip-gallery .paging.previous a span { left: -1px; top: 69px; } article .trip-gallery .paging.next a span { right: -1px; top: 69px; } article .trip-gallery .paging a span em { font-family: "Old Standard TT", Georgia, Times, serif; color: #FED37F; text-transform: none; font-weight: normal; font-style: normal; } article .trip-gallery .paging a:hover span { opacity: 1; } article .trip-gallery .paging a:hover span { } article .trip-gallery .paging ~ .content { position: relative; padding-left: 0; right: 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } article .trip-gallery .previous { position: absolute; left: -25%; color: #111 !important; cursor: pointer; } article .trip-gallery .previous:hover { position: absolute; } article .trip-gallery .previous:hover ~ .content { right: -10%; opacity: 0.5; } article .trip-gallery .next { position: absolute; right: -25%; } article .trip-gallery .next:hover ~ .content { margin-left: -10%; margin-right: 10%; opacity: 0.5; } /* ============================================================================= COMMENTS ========================================================================== */ #comments { /*border-bottom: 1px solid #dae8ee;*/ } #respond { } #respond, #comments { width: 80%; margin: 0 auto; padding: 45px 0 0 0; margin-bottom: 50px; position: relative; border-top: 1px solid #dae8ee; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position: relative; clear: both; display: block; } #respond h3, #comments h3, #respond h4, #comments h4 { text-align: center; margin: 0; font-weight: normal; display: block; width: 100%; font-family: "Old Standard TT", Georgia, Times, serif; } .comment-thumb { width: 80px; height: 80px; border: 5px solid #fff; position: relative; z-index: 100; float: left; margin-right: 25px; -webkit-box-shadow: 0px -1px 1px rgba(0,0,0,0.10), 0px -3px 4px rgba(0,0,0,0.03), 1px 1px 1px rgba(0,0,0,0.15), 2px 3px 4px rgba(0,0,0,0.15); -moz-box-shadow: 0px -1px 1px rgba(0,0,0,0.10), 0px -3px 4px rgba(0,0,0,0.03), 1px 1px 1px rgba(0,0,0,0.15), 2px 3px 4px rgba(0,0,0,0.15); box-shadow: 0px -1px 1px rgba(0,0,0,0.10), 0px -3px 4px rgba(0,0,0,0.03), 1px 1px 1px rgba(0,0,0,0.15), 2px 3px 4px rgba(0,0,0,0.15); -webkit-border-radius: 80px; border-radius: 80px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .comment-thumb img { width: 80px; height: 80px; -webkit-border-radius: 80px; border-radius: 80px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .commentlist { float: left; display: block; position: relative; width: 100% !important; } .commentlist li { width: 100% !important; display: block; clear: both; float: left; margin: 15px 0 40px 0; padding: 0; } .commentlist li .comment { float: right; text-align: left; max-width: 440px; width: 75%; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; } .commentlist li .comment header { width: 100% !important; display: block; border-bottom: 1px dotted #dae8ee; clear: both; font-size: 0.75em; margin: 0 0 20px 0; padding: 0 0 7px 0; } .commentlist li .comment header cite { font-size: 1.5em; float: left; display: inline-block; } .commentlist li .comment header time { display: inline-block; width: auto; float: right; } .commentlist li .comment p { font-size: 0.75em; clear: both; font-family: Montserrat, Lato, Arial, Verdana, sans-serif; font-weight: normal; letter-spacing: 0 !important; } #respond form { padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #respond label { width: 100%; display: block; text-align: center; font-family: Montserrat, Lato, Arial, Verdana, sans-serif; font-weight: normal; font-size: 0.688em; margin-bottom: 12px; } #respond p { width: 100%; clear: both; display: block; margin-bottom:22px; } #respond .input-text, #respond textarea { clear: both; display: block; width: 100%; margin: 0 auto 25px auto; padding: 15px 20px; float: left; color: #666; font-family: "Old Standard TT", Georgia, Times, serif; font-size: 0.75em; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 1.2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1); box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1); } #respond .input-text { } #respond textarea { height: 140px; } #respond .input-text { } #respond input[type="submit"] { font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; font-size: 0.688em; display: block; height: auto; margin: 0 auto 25px auto; border: 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #FED37F !important; color: #fff; padding: 10px 30px; border-radius: 40px; height: 40px; width: 200px; -webkit-appearance: none; } #respond input[type="submit"]:hover { background: #8ebdd0 !important; cursor: pointer; } /* ============================================================================= VIDEO ARTICLE ========================================================================== */ .single-format-video { } .single-format-video .body-wrapper { width: 100% !important;} .single-format-video .body-wrapper #main { width: 100% !important; } .single-format-video {} .single-format-video .trip-gallery { margin: 0; padding: 0; position: relative; left: 0; width: 100%; } .single-format-video .article-wrapper { margin: 0; padding: 0; position: relative; left: 0; width: 100% !important; float: left; } .single-format-video .trip-content { width: 50% !important; margin: 0 25%; position: relative; left: 0; border: 0 !important; } .single-format-video .trip-content .content { margin: 0; padding: 0; padding-bottom: 100px !important; } .single-format-video hgroup { text-align: center; } .single-format-video h3, .trip-content h3 { border: 0 !important; margin-bottom: 0 !important; } .single-format-video h4, .trip-content h4 { text-transform: uppercase; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; border-top: 0 !important; text-align: center; padding: 7px 0 15px 5px !important; margin: 0 !important; } .single-format-video .spreadlinks { font-weight: normal; width: 100%; text-align: center !important; clear: both; } .single-format-video h4.formal { font-weight: normal; width: 100%; text-align: center !important; clear: both; } .single-format-video h4 a , .trip-content h4 a { padding: 0 20px 20px 20px !important; color: #222 !important; margin: 0 !important; text-align: center; font-size: 0.620em !important; letter-spacing: 7px !important; } .trip-content .dash { margin: 5px auto !important; } .single-format-video h4 a:hover , .trip-content h4 a:hover { } .single-format-video h5, .trip-content h5 { font-size: 1em; } .single-format-video .entry-title { font-weight: normal; } .single-format-video .trip-gallery .video-wrapper { border: 1px solid red; float: left; display: block; clear: both; } .single-format-video .trip-gallery > p { margin: 0 auto; position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; overflow: hidden; background: #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .single-format-video .trip-gallery p iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0 auto; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .single-format-video .trip-gallery p.summary { clear: both; } .single-format-video .triplink { margin: 0 auto 3em auto; text-align: center; } /* ============================================================================= ADMIN META & MOST INPISRING ========================================================================== */ .adminmeta { position: absolute; height: 30px; top: 10px; left: 10px; z-index: 1000000; width: 121px; } .adminmeta .postviews { display: block; position: absolute; width: 90px; top: 0px; left: 0px; height: 30px; line-height: 29px; text-align: center; font-size: 0.62em; text-transform: uppercase; background: rgba(0,0,0,0.70); color: #fff !important; } .adminmeta .postedit { width: 50px; position: absolute; top: 0; width: 30px; right: 0; font-size: 0.62em; text-transform: uppercase; text-align: center; } .adminmeta .postedit a { color: #fff; background: rgba(0,0,0,0.70); display: block; height: 30px; line-height: 29px; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; } .adminmeta .postedit a:hover { color: #000; background: rgba(255,255,255,0.9); } .adminmeta .postedit a i { color: #fff; font-size: 1.5em; } .adminmeta .postedit a:hover i { color: #000; } .badge-inspiring { position: absolute; height: 30px; bottom: 20px; left: 20px; z-index: 1000; height: 30px; line-height: 29px; text-align: center; font-size: 0.62em; text-transform: none; margin: 0; z-index: 10000; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; } .single .badge-inspiring { position: relative; top: -60px; left: 20px; display: inline-block; } .search .badge-inspiring { bottom: 50px; } .badge-inspiring a { display: block; background: rgba(0,0,0,0.70); color: #fff; height: 30px; line-height: 30px; padding: 0 18px 1px 18px; border-radius: 30px; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; } .badge-inspiring a i { font-size: 1em; color: #fed37f; line-height: 29px; margin: 0 9px 0 0; } .badge-inspiring a:hover { color: #fff; background: rgba(0,0,0,0.99); -webkit-border-radius: 0; border-radius: 0; } .badge-inspiring a:hover i { } /* ============================================================================= FOOTER ========================================================================== */ #searchwrapper { padding: 0px 0 15px 0; position: relative; } #searchform { position: relative; clear: both; display: block; margin: 0; padding: 0; position: relative; height: 40px; line-height: 48px; } #searchform label { display: none; } #searchform input#s { border: 0; background: transparent; box-shadow: none; border-bottom: 1px solid #e2ebef; font-family: "Old Standard TT", "Times New Romana", Georgia, serif; font-size: 1.5em; position: relative; color: #5f94aa; float: left; margin: 0; position: absolute; width: 100%; -webkit-transition: all 0.3s ease-out; /* Safari 3.2+, Chrome */ -moz-transition: all 0.3s ease-out; /* Firefox 4-15 */ -o-transition: all 0.3s ease-out; /* Opera 10.5–12.00 */ transition: all 0.3s ease-out; /* Firefox 16+, Opera 12.50+ */ clear: both; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; border: 1px solid #bbb; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1); box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1); font-family: "Old Standard TT", Georgia, Times, serif; font-size: 1em; height: 40px; margin-bottom: 10px; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #searchform input#s:focus { color: #333; } #searchform input#s:after { font-size: 2em; color: red; } #searchform #searchsubmit { letter-spacing: 1px; text-transform: uppercase; font-style: normal; background: #90bdcf; color: #fff; display: block; float: right; -webkit-box-shadow: none; box-shadow: none; cursor:pointer; -webkit-border-radius: 3px; border-radius: 3px; width: 100px; text-shadow: 0px 1px 1px rgba(0,0,0,0.2); font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; margin: 0; position: absolute; top: 0; right: 0; font-size: 0.62em !important; height: 40px; line-height: 36px !important; padding-bottom: 2px !important; border: 1px solid #5d8799; -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); background: #aedaed; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlZGFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MGJkZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #aedaed 0%, #90bdd0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aedaed), color-stop(100%,#90bdd0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #aedaed 0%,#90bdd0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #aedaed 0%,#90bdd0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #aedaed 0%,#90bdd0 100%); /* IE10+ */ background: linear-gradient(to bottom, #aedaed 0%,#90bdd0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aedaed', endColorstr='#90bdd0',GradientType=0 ); /* IE6-8 */ } #searchform #searchsubmit:hover { color: #5b7783; color: #666 !important; text-shadow: 0px 1px 0px #fff; border: 1px solid #a9acae; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */ } #searchform #searchsubmit:active { background: #eeeeee; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } /* ============================================================================= FOOTER ========================================================================== */ footer.main { position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden; } footer.main .inspired { padding: 2em 0 0em 0; background: #000 url("images/bg-dark-retina.jpg") 0 0 repeat; } footer.main .inspired h3 { z-index: 100 !important; position: relative; font-family: "Old Standard TT", Georgia, Times, serif; text-transform: none; color: #fff; font-size: 1.5em; line-height: 1.5em; } footer.main .inspired h3 span { color: #fcd78e; font-size: 1em; } footer.main .inspired .socialbox { width: 100%; text-align: center; position: relative; top: -30px; z-index: 10000 !important; padding-right: 70px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition-delay: 0.1s; -moz-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } footer.main .inspired .socialbox .fb-like { text-align: center; margin-top: 0px; position: absolute; top: 0px; left: 51.5%; } footer.main .inspired .bg-map { width: 100%; position: absolute; top: 0; z-index: 1; overflow-x: hidden; } footer.main .credits { background: #83abbc; width: 100%; margin: 0 !important; padding: 0 0 100px 0 !important; background: #111 url("images/bg-dark-retina.jpg") 0 0 repeat; text-align: center; display: block; position: relative; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } footer.main .credits ul { margin: 0; position: relative; top: -50px; left: 0; width: 90% !important; display: block; margin: 0 auto ; padding: 0 !important; margin-top: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } footer.main .credits ul li { float: left; width: 20%; } footer.main .credits ul li a { margin: 30px 0 0 0; padding: 0; display: block; position: relative; color: #617e8b; text-shadow: none !important; transition-delay: 0.1s; -moz-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } footer.main .credits ul li a span { opacity: 0; position: absolute; top: 30px; left: -5px; height: 100%; display: block; width: 100%; text-align: center; height: 0; color: #617e8b; text-transform: uppercase; font-size: 1.5em; letter-spacing: 8px; text-shadow: none !important; color: #000; font-family: Montserrat, Lato, Arial, Verdana, sans-serif; font-weight: normal; font-style: normal; transition-delay: 0.1s; -moz-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; } footer.main .credits ul li a span i { line-height: 0.5em !important; font-size: 0.5em !important; color: #fed37f; color: #E6F2F6; letter-spacing: 1px; } footer.main .credits ul li a:hover span { opacity: 1; display: inline-block; height: 100%; width: 100%; /*background: #fed37f; height: 100%; line-height: 3em !important;*/ position: absolute; top: 60px; } footer.main .credits ul li.asia a:hover span { color: #fcd78e; } footer.main .credits ul li.africa a:hover span{ color: #FFB076; } footer.main .credits ul li.america a:hover span { color: #82D9B2; } footer.main .credits ul li.oceania a:hover span { color: #85D6DE; } footer.main .credits ul li.europe a:hover span { color: #FE8F8C; } footer.main .credits ul li a img { padding: 3em 0 0em 0; width: 154px; height: 89px; transition-delay: 0.1s; -moz-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } footer.main .credits ul li a:hover img { opacity: 0.0; padding: 1.5em 0 1.5em 0; } footer.main p { color: #617e8b; color: #fff; color: #333; padding-bottom: 30px; margin: 0; font-family: Lato, Arial, Verdana, sans-serif; font-style: normal; font-weight: 400; } footer.main .credits p { clear: both; position: absolute; bottom: 0; width: 90%; margin-left: 5%; } footer.main .credits a { color: #617e8b; font-weight: 400; color: #fcd78e; } footer.main .credits a:hover { color: #fed37f; } footer.main .credits p > a:hover { border-bottom: 1px dotted #fcd78e; } footer h3.personal { color: #75a1b3; text-transform: uppercase; text-align: center; padding: 2em 0; } /* -------------------------------------------------- :: DROPDOWN ---------------------------------------------------*/ #navigation_horiz { padding: 0 0 0 0 !important; margin: 0 !important; z-index: 10000000 !important; position: absolute; top: 0 !important; right: 0px !important; left: -130px; height: 70px; width:780px; margin: 0 auto !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: transparent; } #navigation_horiz > ul { height:70px; padding:0 0 0 0 !important; margin:0 auto !important; float: none; } #navigation_horiz > ul li { display:block; float:left; margin:0 1px 0px 0; position:relative; text-align: left !important; } #navigation_horiz > ul li a.navlink { display:block; width: 100%; height:70px; line-height: 70px; padding: 0 ; text-decoration:none; color: #90bdcf; color: #333; text-transform: uppercase; letter-spacing: 1px; margin: 0 15px; font-weight: 600; font-size: 12px; font-weight: normal; } /*ACTIVE CLASSES*/ .page-template-page-about-php #navigation_horiz > ul li a.navlink.about, .page-template-page-contact-php #navigation_horiz > ul li a.navlink.contact, .category-travel-inspiration #navigation_horiz > ul li a.navlink.freshinspiration, .category-most-inspiring-trips #navigation_horiz > ul li a.navlink.mostinspiring, .asia #navigation_horiz > ul li a.navlink.destination, .america #navigation_horiz > ul li a.navlink.destination, .europe #navigation_horiz > ul li a.navlink.destination, .oceania #navigation_horiz > ul li a.navlink.destination, .africa #navigation_horiz > ul li a.navlink.destination { color: #fab735; color: #7fdab1; } #navigation_horiz ul li a.navlink:hover{ color: #5b7783; color: #fab735; } #navigation_horiz .dropdown { position:fixed !important; top: 70px !important; width: 100% !important; background: #fbfcfd; border: 0; padding: 2em 0; display: none; z-index: 1000000 !important; border-top: 1px solid #e2ebef; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.25), 0px 10px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 2px 2px rgba(0,0,0,0.25), 0px 10px 10px 0px rgba(0,0,0,0.15); } #navigation_horiz a.contribute { color: #fab735 !important; color: #90bdd0 !important; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } #navigation_horiz a.contribute span { opacity: 0; color: #90bdd0 !important; } #navigation_horiz a.contribute:hover span { opacity: 1; color: #90bdd0 !important; } #navigation_horiz a.contribute:before { content: "Want to"; display: block; position: absolute; top: -12px; font-size: 0.75em; color: #fed37f; color: #a3d3e7; opacity: 0; } #navigation_horiz a.contribute:hover:before { opacity: 1; } #navigation_horiz a.destination:before { content: "Choose a"; display: block; position: absolute; top: -12px; font-size: 0.75em; color: #fed37f; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; opacity: 0; } #navigation_horiz a.destination:hover:before { opacity: 1; } #navigation_horiz .dropdown { margin: 0; padding: 0; position: relative; height: auto; overflow: hidden; margin-top: -5px; z-index: 1000 !important; background: #fff url(../img/header-line.jpg); background-position: bottom; background-repeat: no-repeat; background-size: 100% 6px; } #dropdown_two { margin: 0; padding: 0; position: absolute; top: -2em; } .dropdown .destination { margin: 0; width: 25%; padding: 0 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; position: relative; /*padding: 1em 0 0.5em 0;*/ margin: 0 0 0 0; height: auto; padding-bottom: 3em; z-index: 10000000 !important; border-right: 1px solid #e2ebef; padding-bottom: 502.0em; margin-bottom: -500em; } .dropdown .destination.europe { border-right: 0px solid red; } .dropdown .destination.oceania > a, .border-bar li.oceania , .dropdown .destination.oceania ul li span { background: #85d6de !important; } .dropdown .destination.asia > a, .border-bar li.asia, .dropdown .destination.asia ul li span { background: #FED37F !important; } .dropdown .destination.africa > a, .border-bar li.africa, .dropdown .destination.africa ul li span { background: #ffb076 !important; } .dropdown .destination.europe > a, .border-bar li.europe, .dropdown .destination.europe ul li span { background: #fe8f8c !important; } .dropdown .destination.america > a, .border-bar li.america, .dropdown .destination.america ul li span { background: #82d9b2 !important; } .border-bar { margin: 0; padding: 0; height: 7px; } .border-bar li { float: left; width: 20%; height: 7px; margin: 0; padding: 0; } .border-bar.single li { width: 100%; } .archive .border-bar.all { display: none !important; } .category-most-inspiring-trips .border-bar.all, .category-travel-inspiration .border-bar.all{ display: block !important; } .category-most-inspiring-trips .border-bar.single, .category-travel-inspiration .border-bar.single { display: none !important; } .archive .border-bar, .archive .border-bar li, .search .border-bar, .search .border-bar li { height: 7px; } .dropdown .destination h3 { font-size: 18px; text-transform: uppercase; letter-spacing: 2px; font-weight: 800; padding: 8px 0 0 0px; margin-bottom: 25px; margin-top: 0.5em; line-height: 1em; color: #04B386; text-align: left; font-family: Montserrat, Lato, Arial, Verdana, sans-serif !important; font-weight: normal; } .dropdown .destination img { width: 55px; height: 30px; margin-top: -55px; } .dropdown .destination ul { display: block; padding: 0; margin: 0 0 25px 0; float: left; width: 100%; height: auto; min-height: 80px; /* EXPAND DESTINATIONS DD*/ max-height: 250px; /* EXPAND DESTINATIONS DD*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropdown .destination ul li { float: left; width: 49%; display: block; margin: 0 0 5px 0; height: 25px; line-height: 16px; font-size: 13px; text-transform: uppercase; color: #999; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropdown .destination ul li span { /*background-color: #90bdcf;*/ -webkit-border-radius: 15px; border-radius: 15px; color: white; cursor: default; float: right; font-size: 8px; height: 14px; line-height: 14px; text-align: center; width: 18px; margin-right: 0px; margin-top: -1px; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; } .dropdown .destination ul li:nth-child(odd) span { margin-right: 5px; } .dropdown .destination ul li:nth-child(even) { padding-left: 5px; } .dropdown .destination ul li span:hover { background-color: #000; } .dropdown .destination ul li:nth-child(odd) a{ } .dropdown .destination ul li a { display: inline-block; margin: 0 0 10px 0; padding: 0; letter-spacing: 1px; text-transform: uppercase; color: #222; font-size: 0.875em; /* height: 59px; */ line-height: 17px; font-weight: normal; } .dropdown .destination ul li a:hover { border-bottom: 1px solid #00599b; color:#00599b } .dropdown .destination > a { padding-top: 15px; display: block; text-align: center; position: relative; letter-spacing: 0px; -webkit-border-radius: 30px; border-radius: 30px; font-style: normal; text-shadow: 0; background: #fed37f; font-size: 0.75em; font-size: 0.688em !important; height: 24px; line-height: 24px; padding: 7px 18px; color: #fff; margin: 0 auto; width: 110px; clear: both; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; } .dropdown .destination > a span { color: #fff; } .dropdown .destination > a:hover { background: #90bdcf !important; } .dropdown .destination img.dest-icon { position: absolute; top: 1.75em; right: 1.75em; right: 20px; top: 28px; } .dropdown.contribute { } .dropdown.contribute div { width: 50%; float: left; padding: 2em; padding: 3em 10em; padding-bottom: 4em; margin-bottom: -1.25em; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropdown.contribute div p { text-align: center; margin: 0.75em 0 1.5em 0; } .dropdown.contribute div > a { width: 140px; font-size: 0.62em; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; text-transform: uppercase; margin: 0 auto; display: block; letter-spacing: 1px; } .dropdown.contribute div > a:hover { background: #FCD78E; } .dropdown.contribute .twitter-share-button { height: 20px; display: block; margin: 0 auto; } .dropdown.contribute div h3 { margin: 0; padding: 0; text-align: center; font-family: "Old Standard TT", Georgia, Times, serif; text-transform: none; } .dropdown.contribute .viatwitter { position: relative; border-right: 1px solid #e2ebef; } .dropdown.contribute .viatwitter p {} .dropdown.contribute .viatwitter .easy { width: 160px; background: #fed37f; -webkit-border-radius: 40px; border-radius: 40px; height: 40px; line-height: 40px; padding: 0; position: absolute; text-transform: uppercase; text-align: center; right: 0; top: 50%; margin-top: -28px; margin-right: -80px; border: 1px solid #e2ebef; background: #fbfcfd; z-index: 100; } .dropdown.contribute .viatwitter .easy span { padding: 0 10px; color: #fff; color: #90BDCF; font-weight: normal; font-size: 1em; position: relative; top: -2px; font-family: "Old Standard TT", Georgia, Times, serif; text-transform: none; } .dropdown.contribute .viatwitter .easy i{ color: #fab735; color: #90BDCF; font-size: 1em; } .dropdown.contribute .vialink { text-align: center; } .dropdown.contribute .vialink a{ padding-top: 15px; display: block; text-align: center; letter-spacing: 0px; -webkit-border-radius: 30px; border-radius: 30px; font-style: normal; text-shadow: 0; background: #fed37f; font-size: 0.688em !important; text-transform: none; height: 24px; line-height: 24px; padding: 8px 3px; color: #fff; margin: 0 auto; clear: both; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; } .dropdown.contribute .vialink a:hover { background: #90bdcf !important; } .dropdown.contribute > div:hover { background: #fffdf8; } .tinynav { display: none } #nav .selected a{ } /* styles for mobile */ /* ============================================================================= MAPS ========================================================================== */ .wpgmappity_container { margin: 0 0 0 -1px; padding: 0; width: 100%; height: 400px; position: relative; clear: both; } /* ============================================================================= ARCHIVES ========================================================================== */ body.archive {} .archive {} .archive article, .search article, .home .mobile-front article { position: relative; width: 100%; top: 0; margin: 0; padding: 0; display: block; height: 700px !important; min-height: 700px !important; max-height: 700px !important; float: left; overflow: hidden !important; } .archive article, .search article { z-index: 8 !important; } .archive article header {} .archive article .articleinfo, .search article .articleinfo, .home .mobile-front article .articleinfo { position: absolute; top: 50%; margin-top: -200px; z-index: 3; height: 700px; } .archive img.archive-img, .search img.archive-img { position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; z-index: 2; height: 100%; } #archive-content, #search-content { overflow: visible !important; position: relative; } #post-nav { display: none; } .archive p > em { height: 0px; display: none; } #main .inf-scroll { } #infscr-loading { margin: 0 auto; text-align: center; } #infscr-loading em { font-family: Montserrat, Lato, Arial, Verdana, sans-serif; font-weight: normal; color: #FED37F; font-size: 0.75em; font-style: normal; font-weight: 400; } #infscr-loading img { margin: 20px auto; width: 16px; display: inline-block; } #main .post-box .post { } article.search { height: 300px !important; min-height: 300px !important; max-height: 300px !important; } article.search p { text-align: center; color: #fff; margin-top: 190px !important; font-size: 1em; font-family: Montserrat, Lato, Arial, Verdana, sans-serif; font-weight: normal; line-height: 1.5em; } /* ============================================================================= ABOUT ========================================================================== */ .page-template-page-about-php header.banner { display: block; position: relative; top: 0px; background: #000 url("images/travel-somewhere-about2.jpg") 50% 0 no-repeat; background-size: cover; padding: 0 !important; margin: 0 !important; width: 100%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-about-php header.banner h2 { position: relative; z-index: 1111; color: #fff; line-height: 1.3em; text-align: center; font-weight: normal; word-spacing: 0.1em; margin: 0; font-family: "Old Standard TT", Georgia, Times, serif; font-size: 1.25em; z-index: 2 !important; color: #fff; margin: 160px auto; width: 30%; text-transform: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-about-php header.banner .dash { margin: 0px auto !important; position: relative;top: -120px; } .page-template-page-about-php .post-box { padding: 0; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-about-php #main { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; float: left; margin: 0; padding: 0; } .page-template-page-about-php article.introduction { width: 100%; padding: 4em 0 6em 0; margin: 0; float: left; margin: 0; padding: 0; border-bottom: 1px solid #dae8ee; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-about-php article.introduction .wrapper { max-width: 1800px; margin: 0 auto; display: block; } .page-template-page-about-php h3.intro-teaser { margin: 0; padding: 0; text-align: left; line-height: 1.5em; margin: 0 auto; letter-spacing: 0px; word-spacing: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: Montserrat, Lato, Arial, Verdana, sans-serif; padding: 60px 12% 40px 12%; } .page-template-page-about-php article.introduction .dash { margin: 50px auto 100px auto !important; } .page-template-page-about-php p.col { line-height: 1.6em; font-family: "Lato light", Arial, Verdana, sans-serif; width: 50%; } .page-template-page-about-php p.col.left { float: left; padding: 0; margin: 0; padding-left: 12%; padding-right: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-about-php p.col.right { padding: 0; margin: 0; padding-right: 12%; padding-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-about-php p.col a { } .page-template-page-about-php .authordetails { display: block; clear: both; margin: 3em 0 3em 0; float: left; width: 100%; position: relative; float: left; padding-bottom: 120px; /*border-bottom: 1px solid #dae8ee;*/ padding-right: 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-about-php .authordetails h4 { font-family: "Old Standard TT", Georgia, Times, serif; text-align: center; letter-spacing: 0; margin:0 0 0.5em 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-about-php .authordetails ul, .contactlinks { display: block; margin: 0 auto; width: 520px; width: 100%; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-about-php .authordetails ul li { text-align: center; margin: 0; padding: 0 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-about-php .authordetails img { width: 140px; height: 140px; } .contactlinks { width: 350px; margin:0; float: left; margin-top: 5px; } .contactlinks li { float: left; padding: 0 5px; } .contactlinks li{ margin:0; padding: 0; } .page-template-page-about-php .authordetails ul li a, .contactlinks li a { padding: 6px 10px 6px 13px; font-weight: 400; font-size: 0.688em; letter-spacing: 3px; text-transform: uppercase; } .contactlinks li a { letter-spacing: 1px; font-size: 0.75em; margin: 0 10px 0 0; padding: 0; color: #90BFDA !important; } .page-template-page-about-php .authordetails ul li a:hover, .contactlinks li a:hover { } .contactlinks li a:hover { color: #FCBF35 !important; background: transparent; } .page-template-page-about-php .authordetails img { position: absolute; bottom: -40px; left: 50%; margin-left: -70px; } .page-template-page-about-php .authordetails .articleicon { margin: 0 auto; position: relative; left: 0px; } .page-template-page-about-php .authortwitter { clear: both; display: block; float: left; height: 220px; width: 100%; position: relative; padding: 0; margin-bottom: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-about-php .authortwitter p.latesttweet { width: 400px; margin: 0 auto; display: block; position: relative; left: 0px; font-size: 1em; line-height: 1.6em; text-align: center; margin-top: 50px; margin-bottom: 20px; font-family: "Old Standard TT", Georgia, Times, serif; } .page-template-page-about-php .authortwitter p span{ color: #fcd78e; font-size: 130px; opacity: 0.5; font-family: "Old Standard TT", Georgia, Times, serif; -webkit-transition: 0.3s all ease-out; -moz-transition: 0.3s all ease-out; transition: 0.3s all ease-out; } .page-template-page-about-php .authortwitter:hover span { opacity: 1; } .page-template-page-about-php .authortwitter p span.left { position: absolute; top: 0; left: -80px; } .page-template-page-about-php .authortwitter p span.right { bottom: 20px; right: -80px; position: absolute; display: block; height: 30px; padding-right: 20px; } .page-template-page-about-php .authortwitter .follow { margin-left: -82px; width: 171px; position: relative; left: 50%; } .page-template-page-about-php .manifesto { width: 100%; float: left; padding: 100px 8% 5em 8%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 140px; padding-bottom: 500em; margin-bottom: -500em; background: #fbfcfd; } .page-template-page-about-php .manifesto h3 { font-size: 3.5em !important; line-height: 1em!important; margin-bottom: 40px !important; } .page-template-page-about-php .manifesto p { width: 100%; text-align: center; margin: 0px auto 30px auto; } .page-template-page-about-php .manifesto img.badge-manifesto { position: relative; margin-bottom: 0px; left: 50%; margin-left: -75px; } .page-template-page-about-php h3.manifesto-teaser { margin: 0; text-align: center; line-height: 0.688em !important; } .page-template-page-about-php h3.manifesto-teaser span { position: relative; top: 0em; margin: 0; font-family: "Old Standard TT", Georgia, Times, serif; font-size: 0.25em; text-transform: none; } .page-template-page-about-php .manifesto ul { list-style-type: none; text-align: center; float: left; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-about-php .manifesto ul li { margin-bottom: 2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 40%; margin: 1% 2.5% 4% 7.5%; float: left; padding-right: 5%; padding: 6% 5% 5% 5%; border: 1px solid #DAE8EE; background: #fff; } .page-template-page-about-php .manifesto ul li:nth-child(even) { padding-right: 0; padding-left: 5%; padding: 6% 5% 5% 5%; margin: 1% 7.5% 4% 2.5%; } .page-template-page-about-php .manifesto ul li h4, .page-template-page-about-php .manifesto h4.main { font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; font-style: normal; text-align: center; } .page-template-page-about-php .manifesto ul li h5, .page-template-page-about-php .manifesto h5.main { margin: 0; font-size: 1em; text-align: center; } .page-template-page-about-php .manifesto ul li h4 span, .page-template-page-about-php .manifesto h4.main span { display: inline-block; background: #fbd68e; background: #8EBDD0; background: #FFD47A; height: 40px; width: 40px; /*-webkit-border-radius: 40px; border-radius: 40px;*/ text-align: center; color: #fff; line-height: 42px; margin-bottom: 35px; margin-top: 20px; font-size: 0.688em; background: #fff; border: 1px solid #999; color: #333; font-weight: 400; } .page-template-page-about-php .manifesto h4.main span i { font-size: 0.75em; position: relative; top: -2px; } .page-template-page-about-php .manifesto ul li p, .page-template-page-about-php .manifesto p.description { margin-bottom: 2em; font-family: "Lato light", Arial, Verdana, sans-serif; line-height: 1.6em !important; } .page-template-page-about-php .manifesto p.description{ margin-bottom: 70px; padding: 0 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.125em; } .page-template-page-about-php .manifesto ul li img { margin: 0 auto; position: relative; display: block; } .post-box.manifest { overflow: hidden; } /* ============================================================================= CONTACT ========================================================================== */ .page-template-page-contact-php, .page-template-page-contact-php #main, .page-template-page-imprint-php, .page-template-page-imprint-php #main { background: transparent; border: none; } .page-template-page-contact-php #main { padding: 2em 0; } .page-template-page-contact-php .contactform { float: left; } .page-template-page-contact-php .contactform form { float: left; width: 400px; position: relative; top: -5px; margin-top: -10px; font-size: 16px; } .page-template-page-contact-php .divider { width: 100px; } .page-template-page-contact-php .contactform input { clear: both; float: left; display: block; width: 100%; margin: 0; float: left; color: #666; font-size: 1.25em !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-contact-php .contactform textarea { width: 100%; clear: both; height: 150px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px; border: 1px solid #bbb; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1); box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1); font-family: "Old Standard TT", Georgia, Times, serif; font-size: 1em; margin-bottom: 10px; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-contact-php .contactform input:focus, .page-template-page-contact-php .contactform textarea:focus, #respond input:focus { color: #222; border: 1px solid #888; background: #fff; } .page-template-page-contact-php .contactform div { margin: 0 0 10px 0; padding: 0; width: 50%; float: left; font-size: 1em; font-family: Lato, Arial, Verdana, sans-serif; font-size: 0.75em; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; } .page-template-page-contact-php .contactform div.name { width: 170px; margin-right: 15px; } .page-template-page-contact-php .contactform div.email { width: 255px; } .page-template-page-contact-php .contactform div input { -webkit-border-radius: 3px; border-radius: 3px; height: 36px; display: block; line-height: 35px; padding: 0 10px; z-index: 1000; position: relative; border: 1px solid #bbb; margin-top: -3px; outline: none; -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1); box-shadow: inset 1px 1px 2px rgba(0,0,0,0.1); font-family: "Old Standard TT", Georgia, Times, serif; } .page-template-page-contact-php .contactform p span { display: block; margin: 0; padding: 0; } .page-template-page-contact-php .contactform div p { width: 100%; position: relative; float: left; display: block; } .page-template-page-contact-php .contactform div.submit { width: 100%; } .page-template-page-contact-php .contactform div input[type="submit"] { letter-spacing: 1px; font-style: normal; background: #90bdcf; color: #fff; height: 40px; width: 200px; margin:0; float: right; position: relative; left: 120px; left: 0; display: block; -webkit-box-shadow: none; box-shadow: none; cursor:pointer; -webkit-border-radius: 20px; border-radius: 20px; font-size: 1em !important; line-height: 40px; letter-spacing: 1px; text-transform: uppercase; font-style: normal; background: #90bdcf; color: #fff; display: block; height: 40px; -webkit-box-shadow: none; box-shadow: none; cursor:pointer; -webkit-border-radius: 3px; border-radius: 3px; text-shadow: 0px 1px 1px rgba(0,0,0,0.255); font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; border: 1px solid #5d8799; -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); background: #aedaed; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlZGFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MGJkZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #aedaed 0%, #90bdd0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aedaed), color-stop(100%,#90bdd0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #aedaed 0%,#90bdd0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #aedaed 0%,#90bdd0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #aedaed 0%,#90bdd0 100%); /* IE10+ */ background: linear-gradient(to bottom, #aedaed 0%,#90bdd0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aedaed', endColorstr='#90bdd0',GradientType=0 ); /* IE6-8 */ } .page-template-page-contact-php .contactform div input[type="submit"]:hover { color: #5b7783; color: #666 !important; text-shadow: 0px 1px 0px #fff; border: 1px solid #a9acae; background: #ffffff; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */ } .page-template-page-contact-php .contactform div input[type="submit"]:active { background: #eeeeee; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } #panel { width: 100%; top: 0; z-index: 3; display: block; position: relative; top: 55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 21%; } #panel div.content { background: #fff; position: relative; display: block; float: left; -webkit-border-radius: 3px; border-radius: 3px; width: 100%; margin: 0%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #panel div.signupform { clear: both; width: 100%; margin: 0; padding: 0; } #panel h1 { font-size: 1.6em; padding: 5px 0 10px; margin: 0; color: white; } #panel h2{ font-size: 1.2em; padding: 10px 0 5px; margin: 0; color: white; } #panel p { margin: 5px 0; padding: 0; } #panel a { text-decoration: none; color: #15ADFF; } #panel a:hover { color: white; } #panel a.lost-pwd { display: block; float: left; } #panel .content { width: 100%; margin: 0 auto; padding: 70px 60px 65px 80px; text-align: left; height: 440px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #panel .content .more h3 { font-size: 2em; font-family: "Old Standard TT", Lato, Arial, Verdana, sans-serif; color: #333 !important; line-height: 1.6em; margin: 0; margin-top: 0.22em; margin-bottom: 0.85em; width: 100%; } #panel .content .more { font-size: 0.85em; width: 100%; padding: 0px; color: #444 !important; margin-bottom: 0.85em; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #panel .content .more img.fingerprints { position: absolute; bottom: 50px; right: 0; } #panel .content .more img.stamp { position: absolute; top: 10px; right: 10px; } #panel .content div.left { float: left; margin: 0; padding: 0 20px 0 0; width: 45%; font-weight: 400; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #panel .content div.right { margin: 0; padding: 0 0 0 30px; width: 40%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #panel .content div.right p { font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; } #panel .content .contactdetails { margin: 0; padding: 0; } #panel .content a { color: #fff; clear: both; clip: both; display: block; font-size: 1em; margin: 30px 0 20px 0; width: 150px; text-align: center; padding: 15px 30px; } #panel .content .contactdetails .dash { margin: 20px 0 !important; clear: both !important; width: 30%; float: left; height: 2px; } #panel .content .contactdetails ul { width: 100%; margin: 0 !important; padding: 0 !important; font-size: 0.75em; text-align: left; clear: both; position: relative; top: 0px; height: 30px !important; float: left; } #panel .content ul li { width: 45%; text-align: left !important; min-width: 100px; margin: 0 !important; padding: 0 !important; height: 24px; line-height: 24px; position: relative; float: left; } #panel .content ul li a{ height: 24px; display: block; text-align: left; margin: 0; padding: 0; line-height: 24px; position: relative; float: left; } #panel .content .more p { font-size: 1em; } #panel .content .more p strong.bold { font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; color: #222 !important; } #panel .content .more .ps { } #panel .personal { color: #7892cd; color: #bbb; font-size: 1em; } #panel .content form { margin: 0 0 10px 0; width: 440px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #panel .content label { float: left; padding-top: 8px; clear: both; width: 280px; display: block; } /* Image styles */ #panel .content { -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2),: 0 0 1px rgba(0,0,0,0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.3); border: 1px solid #fff; /*background: #f9f7f0 !important;*/ background: #fff url("images/bg-post.png") 0 0 repeat !important; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: 0.3s all ease-out; -moz-transition: 0.3s all ease-out; transition: 0.3s all ease-out; } #panel .content:hover { border: 1px solid #fff !important; -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 50px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 1px rgba(0,0,0,0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 50px rgba(0,0,0,0.4); box-shadow: 0 0 1px rgba(0,0,0,0.9), 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 50px rgba(0,0,0,0.7); } /* Stacks creted by the use of generated content */ #panel .content:before, #panel .content:after { content: ""; width: 100%; height: 452px !important; display: block; position: absolute; left: 0; padding: 0 7px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.15), 0 0px 4px rgba(0, 0, 0, 0.1), 0 0px 10px rgba(0, 0, 0, 0.15); box-shadow: inset 1px 1px 1px rgba(255,255,255,0.4), 1px 1px 1px rgba(0,0,0,0.3), -1px -1px 1px rgba(0,0,0,0.15), 0 0px 4px rgba(0, 0, 0, 0.2), 0 0px 10px rgba(0, 0, 0, 0.20); -webkit-transition: 0.3s all ease-out; -moz-transition: 0.3s all ease-out; transition: 0.3s all ease-out; } #panel .content:before { top: -7px; left: -7px; z-index: -1; background: #f5f2e9 url(images/bg-airmail-5.jpg) 0 0 repeat; } /* 1st element in stack (behind image) */ #panel .content:after { top: -6px; right: 0px; left: -5px; width: 100%; opacity: 0.8; z-index: -2; background: #f5f2e9 url(images/bg-airmail-5.jpg) 0 0 repeat; -webkit-transform: rotate(1.5deg); -moz-transform: rotate(1.5deg); -ms-transform: rotate(1.5deg); -o-transform: rotate(1.5deg); transform: rotate(1deg); } /* 2nd element in stack (behind image) */ #bg-1 { position: fixed; top: 0; left: 0; z-index: -1; right: 0; width: 100%;} #bg-2 { position: fixed; top: 0; left: 0; z-index: -2; width: 100%;} /* ============================================================================= CONTRIBUTER LIST ========================================================================== */ #contributerlist, #contributerhowto { width: 100%; top: 0; z-index: 3; display: block; position: relative; top: 90px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 21%; } #contributerlist div.content, #contributerhowto div.content { background: #fff; position: relative; display: block; float: left; -webkit-border-radius: 3px !important; border-radius: 3px !important; width: 100%; margin: 0%; margin-bottom: 4em; border: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2),: 0 0 1px rgba(0,0,0,0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 5px 5px rgba(0,0,0,0.2), 0 0 1px rgba(0,0,0,0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 1px 4px rgba(0, 0, 0, 0.3); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-transition: 0.3s all ease-out; -moz-transition: 0.3s all ease-out; transition: 0.3s all ease-out; } #contributerlist {} #contributerlist ul { display: block; width:100%; margin: 0; padding: 40px; float: left; margin: 0; position: relative !important; margin-top:-4em; margin-bottom: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #contributerlist ul li { width: 100%; display: block; margin: 0 ; padding: 0; margin-bottom: 10px; position: relative; border-bottom: 1px dotted #dae8ee; float: left; } #contributerlist ul li:last-of-type { border-bottom: 0; } #contributerlist ul li .info { display: block; width: 100%; position: relative; } #contributerlist ul li .info i { position: absolute; right: 0; top: 0; padding: 0px 0 0 12px; letter-spacing: 0px; border-left: 1px dotted #ccc; cursor: pointer; } #contributerlist ul li .destinationlist { float: right; margin: 0 50px 0 0; padding: 0; z-index: 100 !important; position: relative; } #contributerlist ul li .destinationlist i { margin-right: 5px; } #contributerlist ul li .info { float: left; margin: 0; padding: 0; position: absolute; z-index: 1; top: 0; } #contributerlist ul li .info h3 { float: left; text-align: left; margin: 0; padding: 0; } #contributerlist ul li .info.trigger_active { border-bottom: 0; } #contributerlist ul li .info i.icon-angle-down { display: none; } #contributerlist ul li .info.trigger_active i.icon-angle-right { display: none; } #contributerlist ul li .info.trigger_active i.icon-angle-down { display: block; } #contributerlist ul li .details { display: block; width: 100%; height: auto; background: #fff; clear: both; position: relative !important; padding: 1.25em 0 0 0 !important; margin: 0 !important; } #contributerlist ul li .details div { padding: 0 !important; line-height: 1em; padding-top: 0; text-align: left; z-index: 3; width: 100%; position: relative; top: 5px; } #contributerlist ul li .details div a { margin: 0 15px 0 0; padding: 0; text-align: left; } #contributerlist ul li .details div a:hover { color: #FED37F; } #contributerlist ul li .details .description { width: 65%; padding: 0; float: left; font-size: 0.75em; text-align: left; line-height: 1.5em !important; color: #333; margin: 0 !important; top: -10px; padding: 0 !important; position: relative; font-family: "Lato", Arial, Verdana, sans-serif; } #contributerlist ul li:first-child { border-top: 0; } #contributerlist ul li h3 { margin: 0; padding: 0; line-height: 45px; display: inline-block; float: left; position: absolute; left: 0; font-size: 1.25em; font-family: "Old Standard TT", Georgia, Times, serif; cursor: pointer; } #contributerlist ul li .trigger i { color: #DDEAEF; margin-left: 10px; position: absolute; top: 4px !important; border: 1px solid #999999 !important; width: 28px; padding-left: 2px !important; height: 30px; line-height: 28px; padding: 0; color: #111; border: 0; top: 1px; font-size: 0.75em; text-align: center; } .toggle-container { border-bottom: 1px dotted #999999 !important; } #contributerlist ul li div { float: right; display: block; margin: 0; padding: 0; z-index: 1; top: 0; right: 0px; text-align: right; height: 50px; line-height: 38px; padding-right: 27px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #contributerlist ul li div a { color: #444; float: none; display: inline; margin-left: 10px; font-family: Montserrat, Lato, Arial, Verdana, sans-serif; font-weight: 400; font-size: 0.60em; text-transform: uppercase; letter-spacing: 1px; } #contributerlist ul li div a.interview { color: #fff; color: #ffd478; padding: 5px 12px; letter-spacing: 0px; border-right: 1px dotted #ccc; } #contributerlist ul li div a.asia:hover { color: #ffd478; } #contributerlist ul li div a.africa:hover { color: #ffb171; } #contributerlist ul li div a.america:hover { color: #7fdab1; } #contributerlist ul li div a.oceania:hover { color: #82d6df; } #contributerlist ul li div a.europe:hover { color: #ff8e8a; } #contributerlist .content:before, #contributerlist .content:after { display: none; } .contributercontent { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3em 20%; background: #fbfcfd; border-bottom: 1px solid #dfebf0; margin-bottom: 4em; } .contributercontent.howto p { padding-bottom: 3em !important; } #contributerhowto .more > div { width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3em; position: relative; margin: 0; } #contributerhowto .more div h3 { text-align: center; } #contributerhowto .more div p { text-align: center; font-size: 0.75em; } #contributerhowto .more > div:last-of-type { border-left: 1px solid #dfebf0; } #contributerhowto .more div .twitter-share-button { margin-top: 20px; position: relative; left: 50%; margin-left: -39px; } #contributerhowto .more div .easy { position: absolute; top: 26%; right: -20px; margin: 0; padding: 0; width: 20px; z-index: 2; text-align: center; background: #fbfcfd; border: 1px solid #dfebf0; -webkit-border-radius: 30px; border-radius: 30px; height: 40px; width: 40px; line-height: 36px; font-size: 0.75em !important; } #contributerhowto .more div a.round { padding-top: 15px; display: block; text-align: center; letter-spacing: 0px; -webkit-border-radius: 30px; border-radius: 30px; font-style: normal; text-shadow: 0; background: #fed37f; font-size: 0.688em !important; text-transform: none; height: 24px; line-height: 24px; padding: 8px 20px; width: 120px; color: #fff; margin: 3em auto 0em auto; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; } .contributercontent h3 { font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; font-weight: 400; text-align: center; margin: 0; } .contributercontent h4 { text-align: center; margin: 0; color: #444; font-size: 0.875em; } .contributercontent p:first-of-type { margin-top: 3em; } .contributercontent a.round { display: block; text-align: center; letter-spacing: 0px; -webkit-border-radius: 30px; border-radius: 30px; font-style: normal; text-shadow: 0; background: #fed37f; font-size: 0.688em !important; text-transform: none; height: 40px; color: #fff; margin: 4em auto 0 auto; clear: both; width: 150px; line-height: 40px!important; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; } .contributercontent p { text-align: left; } #contributerhowto .vialink a { width: 90px !important; } .contributercontent a.round :hover, #contributerhowto .vialink a:hover { background: #90bdcf !important; } .contributercontent h3 span { display: inline-block; background: #fbd68e; background: #8EBDD0; background: #FFD47A; height: 40px; width: 40px; /*-webkit-border-radius: 40px; border-radius: 40px;*/ text-align: center; color: #fff; line-height: 42px; margin-bottom: 35px; margin-top: 20px; font-size: 0.688em; background: #fff; border: 1px solid #999; color: #333; font-weight: 400; } #contributerhowto { } #contributerhowto div.content { } #contributerhowto div.content .contributercontent { margin-bottom: 0 !important; padding-bottom: 0 !important; } .contributercontent.criteria { border-bottom: 0px; border-top: 1px solid #dfebf0; float: left; } .contributercontent .badge-pioneer { margin: 1em auto 0.5em auto; display: block; } #contributerhowto ul.criterialist { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3em 0%; float: left; } #contributerhowto ul.criterialist li { width: 50%; float: left; min-height: 140px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.875em; line-height: 1.6em; } #contributerhowto ul.criterialist li:nth-child(odd) { padding-right: 1em; } #contributerhowto ul.criterialist li:nth-child(even) { padding-left: 1em; } #contributerhowto ul.criterialist li span { font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; margin-right: 10px; font-size: 1.125em; } /* ============================================================================= IMPRINT ========================================================================== */ .page-template-page-imprint-php { } .page-template-page-imprint-php #main { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0em 0; } .page-template-page-imprint-php #main h3 { color: #fff; margin: 0; padding: 0; text-indent: -10000000px; } .page-template-page-imprint-php #main h4 { color: #fff; margin: 30px 0 0 0 !important; clear: both; padding: 0; padding-top: 0px; line-height: 1em; } .page-template-page-imprint-php #main p { color: #666; font-size: 0.75em; line-height: 1.5em; font-family: "Lato light", Arial, Verdana, sans-serif; clear: both; display: block; } .page-template-page-imprint-php #main .data { width: 50%; float: left; text-align: right; margin: 0; padding: 0 30px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-imprint-php #main .data p { float: left; font-size: 1em; text-align: right; display: block; width: 100%; } .page-template-page-imprint-php #main .disclaimer { width: 50%; float: right; padding-right: 15%; padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-imprint-php #main .disclaimer p { font-size: 1.0em; color: #666; margin-bottom: 40px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* ============================================================================= ALERTS ========================================================================== */ .alert { display: block; text-align: center; height: 70px; width: 100%; z-index: 9; -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.1), 0px 2px 3px rgba(0,0,0,0.15); box-shadow: inset 0px 0px 3px rgba(0,0,0,0.1), 0px 2px 3px rgba(0,0,0,0.15); } .alert h2 { color: #5f94aa; color: #fff; font-weight: normal; font-size: 16px; line-height: 35px; margin: 0; } .alert h2 span { color: #333; color: #fcd78e; } .alert.explore { display: block; height: 35px; top: 0; background: rgba(0,0,0,0.6); } .alert.top { top: 0px; position: absolute; } .alert.bottom { clear: both; position: relative; margin-top: -35px; z-index: 10000; float: left; } /* ============================================================================= SINGLE SLIDESHOW ========================================================================== */ div.gallery-to-slideshow-wrapper { width: 100%; overflow: hidden; padding: 0; margin: 0; position: relative; clear: both; display: block; width: 100% !important; display: block; } /* =Header -------------------------------------------------------------- */ .gallery-to-slideshow-header { overflow: hidden; /*padding: 1em; border: 1px solid #000; margin: 0 auto 1em; font: bold 0.9em georgia, verdana, arial; text-transform: uppercase; letter-spacing: 0.17em; text-indent: 0; text-shadow: #fff 0 1px; */ /* edit */ clear: both; display: block; display: none; } .gallery-to-slideshow-title { width:40%; float: left; clear: none; text-align:left; } .gallery-to-slideshow-caption { width:60%; float: right; clear: none; text-align:right; } .gallery-to-slideshow-title, .gallery-to-slideshow-caption { margin-bottom: 0; } /* =Slides -------------------------------------------------------------- */ .flex-container a:active, .gallery-to-slideshow a:active { outline: none; } .gallery-to-slideshow .slides { margin: 0; padding: 0; list-style: none; background-color: #000; background-color: transparent !important; background: transparent !important; -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-out; /* FF4+ */ -ms-transition: all 0.3s ease-out; /* IE10 */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ transition: all 0.3s ease-out; } .gallery-to-slideshow { width: 100% !important; margin: 0 auto; padding: 0; background: #000; background-color: transparent !important; background: transparent !important; /*height: 550px; overflow: hidden;*/ /* edit*/ } .gallery-to-slideshow .slides { background-color: transparent !important; background: transparent !important; display: block !important; } .gallery-to-slideshow .slides > li { /* edit */ display: none; /*height: 550px; position: absolute; overflow: hidden; background-color: #000;*/ top: 0; width: 100%; background-color: transparent !important; background: transparent !important; position: relative !important; } .gallery-to-slideshow .slides > li:after { padding-top: 56.25% !important; /*16:9 ratio*/ display: block !important; content: '' !important; } .gallery-to-slideshow .slides img { /* edit */ /*min-height: 100%; width: 100%; height: auto; position: absolute; top: 0; left: 0; border-top: 1px dotted #999 !important;*/ position: absolute !important; top: 0 !important; bottom: 0 !important; right: 0 !important; left: 0 !important; } .gallery-to-slideshow .slides li a { } .gallery-to-slideshow .slides li a img { display: block; } .gallery-to-slideshow .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .gallery-to-slideshow .slides { display: block; } * html .gallery-to-slideshow .slides { height: 1%; } .no-js .gallery-to-slideshow .slides > li:first-child { display: block; } /* =Pager -------------------------------------------------------------- */ .gallery-to-slideshow .pager { text-align: center; list-style: none; overflow: hidden; z-index: 4; margin: 0; padding: 0; height: 20px; float: right; position: absolute; right:0%; /*top: 520px;*/ /* edit*/ bottom: 16px; width: 100%; z-index: 100000; } .gallery-to-slideshow .pager li { display: inline-block; margin: 0; padding: 0; vertical-align:top; z-index: 6; } .gallery-to-slideshow .pager li a { display: block; height: 7px; width: 7px; margin-left: 5px; background: #000; z-index: 4 !important; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; } .gallery-to-slideshow .pager li a img { display: none; } .gallery-to-slideshow .pager li.active a { opacity: 1; background: #fff; } .gallery-to-slideshow-wrapper .slider-navi { position: absolute; z-index: 1000; top: 0px; height: 100%; left: 0; overflow: hidden; width: 100px; float: left; width: 100%; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-out; /* FF4+ */ -ms-transition: all 0.3s ease-out; /* IE10 */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ transition: all 0.3s ease-out; transition-delay: 0.3s; -moz-transition-delay: 0.3s; /* Firefox 4 */ -webkit-transition-delay: 0.3s; /* Safari and Chrome */ -o-transition-delay: 0.3s; /* Opera */ } .gallery-to-slideshow-wrapper .slider-navi ul { height: 70px; position: absolute; top: 50%; width: 100%; margin: 0; margin-top: -50px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery-to-slideshow-wrapper .slider-navi ul li { width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery-to-slideshow-wrapper .slider-navi ul li a { float: left; margin: 0px; width: 70px; height: 70px; background: rgba(0,0,0,0.5); margin-left: 10px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .gallery-to-slideshow-wrapper .slider-navi ul li a i { margin: 0; padding: 0; width: 70px; height: 70px; line-height: 70px; text-align: center; color: #fff; color: #FED37F; font-size: 0.75em; color: #fff; } .gallery-to-slideshow-wrapper .slider-navi ul li a.flex-previous { } .gallery-to-slideshow-wrapper .slider-navi ul li a.flex-next { text-align: right; float: right; margin-right: 10px; } /* =Small -------------------------------------------------------------- */ @media ( max-width: 959px ) { .gallery-to-slideshow-title { width: 100%; text-align: center; } .gallery-to-slideshow-caption { display: none; } } /* ============================================================================= ANIMATION ========================================================================== */ .contentu article header { } @-webkit-keyframes imageAnimation { 0% { opacity: 0; -webkit-animation-timing-function: ease-in; } 8% { opacity: 1; -webkit-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 1 } 100% { opacity: 1 } } @-moz-keyframes imageAnimation { 0% { opacity: 0; -moz-animation-timing-function: ease-in; } 8% { opacity: 1; -moz-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 1 } 100% { opacity: 1 } } @-o-keyframes imageAnimation { 0% { opacity: 0; -o-animation-timing-function: ease-in; } 8% { opacity: 1; -o-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 1 } 100% { opacity: 1 } } @-ms-keyframes imageAnimation { 0% { opacity: 0; -ms-animation-timing-function: ease-in; } 8% { opacity: 1; -ms-animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 1 } 100% { opacity: 1 } } @keyframes imageAnimation { 0% { opacity: 0; animation-timing-function: ease-in; } 8% { opacity: 1; animation-timing-function: ease-out; } 17% { opacity: 1 } 25% { opacity: 1 } 100% { opacity: 1 } } /* ============================================================================= MENU PANEL ========================================================================== */ div#menubar { z-index: 10000; position: fixed; display: block; } #menubar .border-left { width: 4px; overflow: hidden; position: absolute; display: block; left: 0px; box-shadow: 2px 0 0 rgba(0,0,0,0.3); } #menubar .wrapper { height: auto; padding: 25% 0 20% 0; } #menubar h2 { height: 10%; } #menubar p.credits { height: 35px; position: absolute; bottom: 100px; } #menubar .divider { margin: 1.5em 0 1em 0; } #menubar #btn-inspiring { position: fixed; z-index: 100; bottom: 29px; left: 338px; color: #333; height: 50px; width: 100px; padding: 0; margin: 0; font-size: 0.60em !important; text-align: center; letter-spacing: 3px; padding-left: 2px; text-transform: uppercase; line-height: 50px; text-shadow: none !important; background: rgba(0,0,0,0.75); font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; } #menubar #btn-about { position: fixed; z-index: 100; bottom: 29px; left: 132px; color: #333; height: 50px; width: 100px; padding: 0; margin: 0; font-size: 0.60em !important; text-align: center; letter-spacing: 2px; padding-left: 2px; text-transform: uppercase; line-height: 50px; text-shadow: none !important; background: rgba(0,0,0,0.75); font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; bottom: 29px !important; } #menubar #btn-contact { position: fixed; z-index: 100; bottom: 29px; left: 235px; color: #333; height: 50px; width: 100px; padding: 0; margin: 0; font-size: 0.60em !important; text-align: center; letter-spacing: 2px; padding-left: 2px; text-transform: uppercase; line-height: 50px; text-shadow: none !important; background: rgba(0,0,0,0.75); font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; } #ToggleMenubar { /* MENU */ position: fixed; z-index: 3000000; bottom: 29px; left: 471px; color: #fff; height: 50px; width: 50px; padding: 0; margin: 0; font-size: 0.95em !important; text-align: center; letter-spacing: 2px; padding-left: 2px; text-transform: uppercase; line-height: 50px; text-shadow: none !important; background: rgba(0,0,0,0.75) !important; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; top: 30px; left: 30px; } #ToggleMenubar i { color: #fff; margin-left: -2px; margin-bottom: -1px; } #ToggleMenubar:hover { background: rgba(0,0,0,0.95) !important; background: #fed37f !important; } #ToggleMenubar:hover i { color: #fed37f; color: #fff; } .home .share-facebook { /* FACEBOOK */ position: fixed; z-index: 3000000; bottom: 29px; left: 524px; color: #333; height: 50px; width: 50px; padding: 0; margin: 0; font-size: 1.2em !important; text-align: center; letter-spacing: 3px; padding-left: 2px; text-transform: uppercase; line-height: 50px; text-shadow: none !important; background: rgba(0,0,0,0.75); top: 30px; left: 83px; left: 30px; top: 132px; } .home .share-facebook i { color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.2) !important; } .home .share-twitter { position: fixed; z-index: 3000000; bottom: 29px; left: 577px; color: #333; height: 50px; width: 50px; padding: 0; margin: 0; font-size: 0.10em !important; text-align: center; letter-spacing: 3px; padding-left: 2px; line-height: 50px; text-shadow: none !important; background: rgba(0,0,0,0.75); top: 30px; left: 136px; left: 30px; top: 81px; } .home .share-twitter:hover { background: rgba(50,204,254,0.95); } .home .share-facebook:hover { background: rgba(59,89,152,0.95); } .page-template-page-contact-php .share-facebook, .page-template-page-contact-php .share-twitter { color: #333; height: 40px; width: 40px; padding: 0; margin: 0; display: block; font-size: 0.70em !important; text-align: center; letter-spacing: 3px; padding-left: 2px; text-transform: uppercase; line-height: 40px; text-shadow: none !important; -webkit-border-radius: 20px; border-radius: 20px; float: left; background: #90BDCF; margin-right: 5px; margin-left: 0px; margin-top: -5px; letter-spacing: 1px; text-transform: uppercase; font-style: normal; background: #90bdcf; color: #fff; display: block; font-size: 0.688em !important; height: 40px; -webkit-box-shadow: none; box-shadow: none; cursor:pointer; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #5d8799; -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4); background: #aedaed; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlZGFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MGJkZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #aedaed 0%, #90bdd0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aedaed), color-stop(100%,#90bdd0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #aedaed 0%,#90bdd0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #aedaed 0%,#90bdd0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #aedaed 0%,#90bdd0 100%); /* IE10+ */ background: linear-gradient(to bottom, #aedaed 0%,#90bdd0 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aedaed', endColorstr='#90bdd0',GradientType=0 ); /* IE6-8 */ } .page-template-page-contact-php .share-facebook:hover { background: rgba(59,89,152,0.95); -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25); box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25); } .page-template-page-contact-php .share-twitter:hover { background: rgba(50,204,254,0.95); -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25); box-shadow: inset 0px 1px 0px rgba(255,255,255,0.25); } div#menubar-content, div#aboutbar-content { width: 400px; height: 100%; overflow: hidden; position: fixed; right: 15px; z-index: 3000; display: none; height: 100%; } div#about-content { z-index: 3; } div#menubar-content .innerwrapper, div#aboutbar-content .innerwrapper{ width: 305px; height: 100%; padding: 30px 40px 30px 55px; position: absolute; right: 1px; background: #fff; } div#menubar-content .innerwrapper .manifesto { top: 10%; padding-bottom: 200px; } div#menubar-content .credits { text-align: center; font-size: 0.62em !important; margin: 0 auto; padding: 0; display: block; width: 300px; } div#menubar-content .credits a{ } div#menubar-content .manifesto .dash { margin: 30px auto !important; } div#menubar-content .manifesto p { margin: -5px 0 0 0 !important; padding: 0 0 5px 0 !important; font-size: 0.68em; text-align: center; } div#menubar-content .manifesto ul { text-align: center; font-size: 0.75em; } #menubar-content .manifesto p.intro { padding-bottom: 30px !important; } div#menubar-content .manifesto ul li { position: relative; } div#menubar-content .manifesto ul li h4 span { font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; font-style: normal; display: none; } div#menubar-content .manifesto .twitter-share-button { width: 120px; position: absolute; top: 10px; left: 40px; } div#menubar-content .manifesto div.fb-like { display: block; width: 120px; position: absolute; top: 10px; right: 35px; height: 30px; z-index: 1000; } /* ============================================================================= CONTACT FORM OVERLAY ========================================================================== */ #smcf-overlay { background-color:#000; } #smcf-container { width:450px; font-size:16px; text-align:left; border-radius: 10px !important; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fff url("images/bg-post.png") 0 0 repeat !important; } #smcf-container .smcf-content { background-color:#fff; color:#ddd; height:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 60px 0 60px; } #smcf-container .smcf-cc {font-size:.9em; cursor:default;} #smcf-container h1 { margin:20px 0 0 0; padding:0 0 0px 0px; font-size:1.5em; text-align:center; font-family: "Old Standard TT", Georgia, Times, serif; } #smcf-container .smcf-loading { position:absolute; background:url("images/loading.gif") no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;} #smcf-container .smcf-message {text-align:center;} #smcf-container .smcf-error { width:92%; font-size:.8em; background:#000; font-size:0.688em; font-weight:bold; margin:0 auto; border-radius: 20px; background: #fff; text-transform: uppercase; padding: 0px; margin-top: -4px; } #smcf-container br {clear:both;} #smcf-container form { margin:0; width: 100%; background: #fff; margin: 0; padding: 0; height: 300px !important; } #smcf-container label { clear:left; display:none; width: 100%; text-align: center; font-family: "Old Standard TT", Georgia, Times, serif; font-size: 0.75em; } #smcf-container .smcf-input { clear: both; float: left; display: block; width: 100%; margin: 0 auto; padding: 15px 20px; float: left; color: #666; font-family: "Old Standard TT", Georgia, Times, serif; font-size: 1em; -webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 1.2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #smcf-container textarea { width: 100%; clear: both; height: 150px; -webkit-border-radius: 3px; border-radius: 3px; padding: 15px 20px; border: 1px solid #bbb; font-family: "Old Standard TT", Georgia, Times, serif; font-size: 1em; margin: 0 auto; color: #666; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #smcf-container .smcf-input, #smcf-container textarea:focus, #smcf-container .smcf-input:focus { color: #222; border: 1px solid #ccc; background: #fff; } #smcf-container div.smcf-top {background-color:#fff; border-radius: 5px 5px 0px 0px; height:13px; padding:0; margin:0; -webkit-border-radius: 5px 5px 0px 0px;} #smcf-container div.smcf-bottom {background-color:#fff; border-radius:0px 0px 5px 5px; height:13px; -webkit-border-radius:0px 0px 5px 5px;} #smcf-container .smcf-button { font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; font-size: 1em; display: block; margin-bottom: 60px; height: auto; margin: 0 auto 15px auto; border: 0; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #FED37F; color: #fff; padding: 10px 30px; border-radius: 40px; } #smcf-container .smcf-button:hover { background: #8ebdd0; cursor: pointer; } #smcf-container a.modalCloseX, #smcf-container a.modalCloseX:link, #smcf-container a.modalCloseX:active, #smcf-container a.modalCloseX:visited { text-decoration:none; font-size:1.2em; position:absolute; right:8px; color:#999; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; background: #ddd; color: #fff; padding: 5px 10px 5px 10px; border-radius: 2px; position: absolute; top: 5px; right: 5px; font-size: 0.75em; } #smcf-container a.modalCloseX:hover { background: #8ebdd0; cursor: pointer;} /* ============================================================================= FONT AWESOME ========================================================================== */ @font-face { font-family: "FontAwesome"; src: url('fonts/fontawesome-webfont.eot'); src: url('fonts/fontawesome-webfont.eot?#iefix') format('eot'), url('fonts/fontawesome-webfont.woff') format('woff'), url('fonts/fontawesome-webfont.ttf') format('truetype'), url('fonts/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"]:before, [class*=" icon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; } a [class^="icon-"], a [class*=" icon-"] { display: inline-block; text-decoration: inherit; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: top; font-size: 1.3333333333333333em; } .btn [class^="icon-"], .btn [class*=" icon-"] { /* keeps button heights with and without icons the same */ line-height: .9em; } li [class^="icon-"], li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] { /* 1.5 increased font size for icon-large * 1.25 width */ width: 1.875em; } li[class^="icon-"], li[class*=" icon-"] { margin-left: 0; list-style-type: none; } li[class^="icon-"]:before, li[class*=" icon-"]:before { text-indent: -2em; text-align: center; } li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before { text-indent: -1.3333333333333333em; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .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-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-coffee:before { content: "\f0f4"; } .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 { 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 { 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 { 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-user-md:before { content: "\f200"; } /* ============================================================================= ANIMATE ========================================================================== */ .animated { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .delayed-0-5sec { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -ms-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s; } .delayed-1sec { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -ms-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .delayed-1-5sec { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; -ms-animation-delay: 1.5s; -o-animation-delay: 1.5s; animation-delay: 1.5s; } .delayed-2sec { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; -ms-animation-delay: 2s; -o-animation-delay: 2s; animation-delay: 2s; } .delayed-2-5sec { -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; -ms-animation-delay: 2.5s; -o-animation-delay: 2.5s; animation-delay: 2.5s; } .delayed-3sec { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; -ms-animation-delay: 3s; -o-animation-delay: 3s; animation-delay: 3s; } .delayed-3-5sec { -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; -ms-animation-delay: 3.5s; -o-animation-delay: 3.5s; animation-delay: 3.5s; } .delayed-4sec { -webkit-animation-delay: 4s; -moz-animation-delay: 4s; -ms-animation-delay: 4s; -o-animation-delay: 4s; animation-delay: 4s; } .delayed-5sec { -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -ms-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } .delayed-12sec { -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -ms-animation-delay: 12s; -o-animation-delay: 12s; animation-delay: 12s; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-ms-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-o-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInSlide { 0% {opacity: 0; margin-top: -70px;} 100% {opacity: 1; margin-top: 0;} } @-moz-keyframes fadeInSlide { 0% {opacity: 0; margin-top: -40px;} 100% {opacity: 1; margin-top: 0;} } @-ms-keyframes fadeInSlide { 0% {opacity: 0; margin-top: -40px;} 100% {opacity: 1; margin-top: 0;} } @-o-keyframes fadeInSlide { 0% {opacity: 0; margin-top: -40px;} 100% {opacity: 1; margin-top: 0;} } @keyframes fadeInSlide { 0% {opacity: 0; margin-top: -40px;} 100% {opacity: 1; margin-top: 0;} } .fadeInSlide { -webkit-animation-name: fadeInSlide; -moz-animation-name: fadeInSlide; -ms-animation-name: fadeInSlide; -o-animation-name: fadeInSlide; animation-name: fadeInSlide; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translateY(20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInLeft { 0% { opacity: 0; -ms-transform: translateX(-20px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -ms-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-ms-keyframes fadeOutUp { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -ms-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-ms-keyframes fadeOutDown { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -ms-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-ms-keyframes fadeOutLeft { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } /* ============================================================================= DEVICES ========================================================================== */ /* MOBILE 320 ----------- */ @media only screen and (min-width : 320px) and (max-width : 600px) and (orientation : portrait) { #panel .content .more img.stamp { width: 40%; top: 5px; right: 5px; } .header header.main { height: 130px !important; } .header header.main h1 { width: 90%; margin-left: -7px; position: relative; top: 9px; text-align: center; font-size: 1.4em; } .tinynav { top: 69px !important; margin-right: 65px !important; } footer.main .credits { padding-bottom: 80px !important; } #contributerlist ul li .info h3 { font-size: 1.10em; } .gallery-to-slideshow-wrapper .slider-navi ul { margin-top: -62px !important; } } /* Desktops and laptops ----------- */ @media only screen and (min-width: 320px) and (max-width : 600px) { .contenu .loader-frame { overflow: hidden !important; } #panel { width: 100%; top: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 8%; height: auto !important; } #panel .content, #panel .content .more, #panel .content .left, #panel .content .right { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 !important; width: 100% !important; margin: 0px; } #panel .content .more { padding-top: 16px !important; } #panel .content .dash.left { width: 50px !important; } #panel .content { padding: 17px !important; } #panel .content { height: 480px; } #panel .content:before, #panel .content:after { height: 493px !important; } #panel .content .more img.stamp { width: 40%; top: 5px; right: 5px; } .gallery-to-slideshow { height: 250px !important; } .gallery-to-slideshow .slides > li { /* edit */ /*height: 250px !important;*/ } article .trip-gallery div.trip-content { width: 100% !important; margin: 0% auto !important; padding: 0px 0% 80px 0% !important; padding: 0 20px 80px 20px !important; margin-bottom: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article .trip-gallery .paging { position: absolute; top: 20px !important; } article .trip-gallery .paging.previous { left: 0; } article .trip-gallery .paging.next { right: 0; } article .trip-gallery .paging.next a { right: 20px !important; margin: 0 !important; padding: 0 !important; position: absolute; } article .trip-gallery .paging.previous a { left: 20px !important; margin: 0 !important; padding: 0 !important; position: absolute; } article .trip-gallery .paging:hover span, article .trip-gallery .paging a:hover span, article .trip-gallery .paging span:hover span { display: none; opacity: 0; } article .trip-gallery .paging.previous a { left: 100px; width: 40px; height: 40px; line-height: 36px; } article .trip-gallery .paging.previous a span { top: -49px; width: 100%; display: none; } article .trip-gallery .paging.next a { right: 100px; width: 40px; height: 40px; line-height: 36px; } article .trip-gallery .paging.next a span { top: 49px; width: 300%; } article .trip-gallery div.trip-content h3 { font-size: 2em; margin: 0 !important; } article .trip-gallery div.trip-content .content { margin: 90px 0 0 0 !important; padding: 0 !important; } a#ToggleMenubar { display: none; } #menubar #btn-contact, #menubar #btn-inspiring { display: none; } #menubar #btn-about { bottom: 29px; left: 132px; width: 96px; } .home .share-facebook { top: 81px; } .home .share-twitter { top: 30px; } .home section.articleinfo .articlebox h3 { padding-top: 60px !important; } section.articleinfo { width: 100%; margin: 0 auto; height: 500px !important; padding: 0 !important; font-size: 9px !important; line-height: 1em !important; } .articleinfo .articlebox { display: block; padding: 0; width: 200px !important; height: 200px !important; position: absolute; left: 50%; margin-left: -99px; top: 50%; margin-top: -99px; } .badge-inspiring { display: none; } .archive .articleinfo .articlebox h3 { margin: 0 0 20px 0; display: block; padding-top: 60px !important; } section.articleinfo .articlebox h3 a { letter-spacing: 0px !important; } section.articleinfo .articlebox h3 a span { display: none; } section.articleinfo .articlebox h4 a{ letter-spacing: 2px !important; margin-left: -5px; font-size: 1.25em; } section.articleinfo .articlebox .dash { margin: -10px auto 13px auto !important; height: 1px; width: 50px; } .archive article, .search article, .home .mobile-front article { height: 400px !important; min-height: 400px !important; max-height: 400px !important; } .archive article .articleinfo, .search article .articleinfo, .home .mobile-front .articleinfo { margin-top: -250px !important; } footer h3.personal { padding: 0em 0 2em 0; } footer.main .credits p { font-size: 0.62em !important; } footer.main .credits ul, footer.main .credits ul li { overflow: visible !important; width: 100% !important; position: relative !important; margin: 0 !important; padding: 0 !important; } footer.main .credits ul { margin-top: 60px !important; } footer.main .credits ul li a, footer.main .credits ul li a:hover { height: 50px; padding: 0em 0 1em 20px; text-align: left; margin: 0; border-radius: 10px; border: 1px solid black; background: #111; background: #1a1a1a; /* Old browsers */ background: -moz-linear-gradient(top, #1a1a1a 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a1a1a), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1a1a1a 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #1a1a1a 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #1a1a1a 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom, #1a1a1a 0%,#000000 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a1a1a', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ margin-bottom: 5px; width: 90%; margin: 3px auto; box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15), inset 0px -1px 0px rgba(255,255,255,0.05), 0px 0px 10px 3px rgba(255,255,255,0.02); } footer.main .credits ul li a:hover { background: #000000; /* Old browsers */ background: -moz-linear-gradient(top, #000000 0%, #1a1a1a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#1a1a1a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#1a1a1a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#1a1a1a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#1a1a1a 100%); /* IE10+ */ background: linear-gradient(to bottom, #000000 0%,#1a1a1a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#1a1a1a',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15), inset 0px -1px 0px rgba(255,255,255,0.05), 0px 0px 10px 3px rgba(0,0,0,0.3); box-shadow: inset 0px 1px 0px rgba(255,255,255,0.15), inset 0px -1px 0px rgba(255,255,255,0.05), 0px 0px 10px 3px rgba(0,0,0,0.3); } footer.main .credits ul li a span, footer.main .credits ul li a:hover span{ display: block; opacity: 1; text-align: left; margin: 0; padding: 0; position: relative; top: 2px; left: 5px; } footer.main .credits ul li a span br {} footer.main .credits ul li a span i { position: relative; left: 3px; } footer.main .credits ul li.asia a span { color: #fcd78e; } footer.main .credits ul li.africa a span{ color: #FFB076; } footer.main .credits ul li.america a span { color: #82D9B2; } footer.main .credits ul li.oceania a span { color: #85D6DE; } footer.main .credits ul li.europe a span { color: #FE8F8C; } footer.main .credits ul li a img, footer.main .credits ul li a:hover img { padding: 0em 0 0em 0; width: 80px !important; height: 46px !important; width: 60px !important; height: 35px !important; position: absolute; left: 90%; margin-left: -50px; opacity: 1; top: 14px; } .page-template-page-about-php header.banner { } .page-template-page-about-php header.banner h2 { margin: 70px auto; width: 90%; } .page-template-page-about-php .intro-teaser { font-size: 1.35em; line-height: 1.4em; letter-spacing: 0px !important; width: 100%; padding: 10% 5% !important; } .page-template-page-about-php .dash { display: none; margin: 30px auto !important; } .page-template-page-about-php p.col { width: 100%; } .page-template-page-about-php p.col.left { padding-left: 5%; padding-right: 5%; margin-bottom: 1.6em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-about-php p.col.right { padding-left: 5%; padding-right: 5%; } .page-template-page-about-php .manifesto ul li, .page-template-page-about-php .manifesto ul li:nth-child(even) { min-height: auto; max-height: auto; height: auto !important; font-size: 1.25em; width: 100%; text-align: left; margin: 0 0 50px 0; padding: 50px 15px 10px 15px !important; } .page-template-page-about-php .manifesto p.description { padding-left: 0px !important; padding-right: 0px !important; text-align: center; margin-top: 30px; } .page-template-page-about-php .authortwitter { clear: both; display: block; float: left; height: 180px; width: 100%; position: relative; padding: 0 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-about-php .authortwitter p.latesttweet { width: 300px; margin-top: 30px; } .page-template-page-about-php .authortwitter p span { color: #fcd78e; font-size: 130px; font-family: "Old Standard TT", Georgia, Times, serif; } .page-template-page-about-php .authortwitter p span.left { position: absolute; top: 0; left: -60px; } .page-template-page-about-php .authortwitter p span.right { bottom: 20px; right: -60px; position: absolute; display: block; height: 30px; } .page-template-page-about-php .authortwitter .follow { margin-left: -90px; width: 150px; position: relative; left: 50%; } .body-wrapper { width: 100%; } #smcf-container { width:90% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute !important; top: 64px !important; } #smcf-container .smcf-content { padding: 20px 20px 0 20px; } div.gallery-to-slideshow-wrapper .slider-navi { /***/ display: block; opacity: 1 !important; } .gallery-to-slideshow-wrapper .slider-navi { position: absolute; z-index: 1000; top: 0px; left: 0; height: 100%; width: 100px; width: 100%; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */ -moz-transition: all 0.3s ease-out; /* FF4+ */ -ms-transition: all 0.3s ease-out; /* IE10 */ -o-transition: all 0.3s ease-out; /* Opera 10.5+ */ transition: all 0.3s ease-out; transition-delay: 0.3s; -moz-transition-delay: 0.3s; /* Firefox 4 */ -webkit-transition-delay: 0.3s; /* Safari and Chrome */ -o-transition-delay: 0.3s; /* Opera */ } .gallery-to-slideshow-wrapper .slider-navi ul { height: 50px; top: 50%; margin-top: -25px; } .gallery-to-slideshow-wrapper .slider-navi ul li a { width: 50px; height: 50px; background: rgba(0,0,0,0.5); margin-left: 10px !important; } .gallery-to-slideshow-wrapper .slider-navi ul li a i { margin: 0; padding: 0; width: 50px; height: 50px; line-height: 50px; } .gallery-to-slideshow-wrapper .slider-navi ul li a.flex-previous { } .gallery-to-slideshow-wrapper .slider-navi ul li a.flex-next { text-align: right; float: right; margin-right: 10px; } .wpgmappity_container { height: 250px; } #respond, #comments { width: 100%; } #contributerlist ul { } #contributerlist ul li { padding-bottom: 20px; } #contributerlist ul li .trigger h3 {/****/ width: 100%; float: none; text-align: left; clear: both; padding-bottom: 10px; } #contributerlist ul li .trigger i { border: 0; top: 2px; } #contributerlist ul li .info i { top: 10px !important; } #contributerlist ul li .destinationlist { float: left; text-align: left; margin: 35px 50px 0 0; padding: 0; z-index: 100 !important; position: relative; height: 20px; } #contributerlist ul li .destinationlist a { text-align: left; float: left; margin: 10px 11px 0 0; padding: 0; border: 0; } #contributerlist ul li .destinationlist a.interview { margin: 10px 10px 0 0; padding: 0; border: 0; } #contributerlist ul li .details { top: 12px; } #contributerlist ul li .details p { width: 100% !important; } #contributerlist ul li .details div { text-align: left; width: 100% !important; border-top: 0; padding: 23px 0 7px 0; height: 40px; } #contributerlist ul li .details div a { margin-right: 5px; } .criteria .criterialist li { width: 100% !important; float: none; margin: 0 0 1.5em 0 !important; padding: 0 !important; min-height: auto !important; } #contributerhowto .more > div { width: 100%; float: none; border: 0; padding: 3em 5%; } #contributerhowto .more > div p { text-align: left; } #contributerhowto .more > div:first-of-type { border-bottom: 1px solid #E1ECF1; } #contributerhowto .more > div:last-of-type { border-left: 0; } #contributerhowto .more > div .easy { top: 100%; left: 50%; margin-left: -20px; margin-top: -20px; } #contributerhowto .badge-manifesto { top: 1.75em; position: relative; } #contributerhowto ul.criterialist { padding-bottom: 2em !important; } #contributerhowto ul.criterialist li { min-height: 20px !important; line-height: 1.6em; margin: 1.2em 0 1em 0 !important; } } /* Desktops and laptops ----------- */ @media only screen and (min-width : 600px) and (max-width : 767px) { section.articleinfo { width: 100%; margin: 0 auto; padding: 0 !important; font-size: 9px !important; line-height: 1em !important; } .articleinfo .articlebox { display: block; padding: 0; width: 350px; height: 350px; position: absolute; top: 50%; left: 50%; margin: 0 auto; margin-top: -220px; margin-left: -175px; } section.articleinfo .articlebox h3 { margin: 0 0 20px 0; display: block; padding-top: 135px; } section.articleinfo .articlebox h3 a{ font-size: 1.5em; letter-spacing: 0px !important; } section.articleinfo .articlebox h3 a span { display: none; } section.articleinfo .articlebox h4 a{ letter-spacing: 5px !important; } section.articleinfo .articlebox .dash { margin: -5px auto 20px auto !important; } #panel .content { width: 140% !important; padding: 30px 35px 50px 35px !important; margin-left: -20% !important; } #panel .content .more img.stamp { width: 40% !important; max-width: 140px !important; top: 5px; right: 5px; } .page-template-page-about-php .intro-teaser { font-size: 1.35em; line-height: 1.4em; letter-spacing: 0px !important; width: 100%; padding: 10% !important; } .page-template-page-about-php .dash { display: none; margin: 30px auto !important; } .page-template-page-about-php p.col { width: 100%; } .page-template-page-about-php p.col.left { padding-left: 10%; padding-right: 10%; margin-bottom: 1.6em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-about-php p.col.right { padding-left: 10%; padding-right: 10%; } .page-template-page-about-php .manifesto ul li, .page-template-page-about-php .manifesto ul li:nth-child(even) { min-height: 500px; max-height: 700px; font-size: 1.25em; width: 100%; text-align: left; margin: 0 0 50px 0; padding: 50px 50px 30px 50px !important; } .page-template-page-about-php .manifesto p.description { padding-left: 0px !important; padding-right: 0px !important; text-align: center; margin-top: 30px; } .page-template-page-about-php .authortwitter { clear: both; display: block; float: left; height: 180px; width: 100%; position: relative; padding: 0 0 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .page-template-page-about-php .authortwitter p.latesttweet { width: 300px; margin-top: 30px; } .page-template-page-about-php .authortwitter p span { color: #fcd78e; font-size: 130px; font-family: "Old Standard TT", Georgia, Times, serif; } .page-template-page-about-php .authortwitter p span.left { position: absolute; top: 0; left: -60px; } .page-template-page-about-php .authortwitter p span.right { bottom: 20px; right: -60px; position: absolute; display: block; height: 30px; } .page-template-page-about-php .authortwitter .follow { margin-left: -90px; width: 150px; position: relative; left: 50%; } .body-wrapper { width: 100%; } .gallery-to-slideshow { /* edit */ /* height: 350px; */ } .gallery-to-slideshow .slides > li { /* edit */ /* height: 350px;*/ } .archive article, .search article { height: 450px !important; min-height: 450px !important; max-height: 450px !important; } .dropdown .destination { width: 100%; margin: 0; padding: 10px; z-index: 100000 !important; border-bottom: 1px solid #e1eaef; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropdown .destination > a { padding: 5px 20px; margin: 0 auto; width: 70px; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; } .dropdown .destination > a span { display: none; } .dropdown .destination h3 { margin: 12px 0 10px 0; padding: 0; } .dropdown .destination ul { width: 100%; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropdown .destination ul li { width: 32% !important; float: left !important; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropdown .destination ul li a { margin: 0 0px; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropdown .destination img.dest-icon { position: absolute; top: 8px; right: 8px } article .trip-gallery div.trip-content { width: 80% !important; margin-right: 10%; padding: 0px 0% 80px 0% !important; padding: 0; margin-bottom: 50px; } article .trip-gallery .paging.previous a { left: 60px; width: 50px; height: 50px; line-height: 50px; } article .trip-gallery .paging.previous a span { top: 49px; width: 300%; } article .trip-gallery .paging.next a { right: 60px; width: 50px; height: 50px; line-height: 50px; } article .trip-gallery .paging.next a span { top: 49px; width: 300%; } article .trip-gallery div.trip-content .authorlinks p.latesttweet { width: 80%; margin: 75px auto 0 auto; } footer.main .credits ul li a img { padding: 3em 0 0em 0; width: 90px !important; height: 52px !important; } } /* Desktops and laptops ----------- */ @media only screen and (min-width : 600px) and (max-width : 767px) and (orientation : portrait) { section.articleinfo { width: 100%; position: absolute; margin: 0 auto; padding: 0 !important; font-size: 9px !important; line-height: 1em !important; } .articleinfo .articlebox { display: block; padding: 0; width: 350px; height: 350px; position: absolute; top: 50%; left: 50%; margin: 0 auto; margin-top: -250px; margin-left: -175px; } .home .articleinfo .articlebox { margin: 0; width: 357px; height: 357px; } .archive article, .search article { height: 700px !important; min-height: 700px !important; max-height: 700px !important; } article.search { height: 300px !important; min-height: 300px !important; max-height: 300px !important; } .archive article .articleinfo, .search article .articleinfo { margin-top: -285px; } section.articleinfo .articlebox h3 { margin: 0 0 20px 0; display: block; padding-top: 135px; } section.articleinfo .articlebox h3 a{ font-size: 1.5em; letter-spacing: 0px !important; } section.articleinfo .articlebox h3 a span { display: none; } section.articleinfo .articlebox h4 a{ letter-spacing: 5px !important; } section.articleinfo .articlebox .dash { margin: -5px auto 20px auto !important; } } /* iPads ----------- */ @media only screen and (min-width : 768px) and (max-width : 1024px) { article .trip-gallery div.trip-content { width: 66% !important; margin-right: 17%; padding: 50px 0% 80px 0%; padding: 0; margin-bottom: 50px; } #panel .content { height: 510px; } #panel .content:before, #panel .content:after{ height:522px !important; } article .trip-gallery .paging.previous a { left: 30px; } article .trip-gallery .paging.next a { right: 30px; } article .trip-gallery div.trip-content .authorlinks p.latesttweet { width: 80%; margin: 75px auto 0 auto; } .archive article, .search article, .home .mobile-front article { height: 600px !important; min-height: 600px !important; max-height: 600px !important; } article.search { height: 300px !important; min-height: 300px !important; max-height: 300px !important; } .archive article .articleinfo, .search article .articleinfo, .home .mobile-front article .articleinfo { margin-top: -180px; } .archive article .articleinfo .articlebox, .search article .articleinfo .articlebox, .home .mobile-front article .articleinfo .articlebox { width: 360px; height: 360px; } .archive article .articleinfo .articlebox h3, .search article .articleinfo .articlebox h3, .home .mobile-front article .articleinfo .articlebox h3 { padding-top: 100px; } .dropdown .destination { padding: 0 18px; padding-bottom: 502.2em; margin-bottom: -500em; } .dropdown .destination > a { padding: 5px 20px; margin: 0 auto; width: 70px; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; } .dropdown .destination > a span { display: none; } .dropdown .destination ul { display: block; } .dropdown .destination ul li { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropdown .destination ul li a { position: relative; width: 100%; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropdown .destination ul li span { position: absolute; right: 0; top: 0; margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropdown .destination h3{ width: 100%; margin-top: 45px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropdown .destination img.dest-icon { position: absolute; top: 25px; left: 50%; margin-left: -30px; } .dropdown.contribute div { width: 50%; float: left; padding: 2em; padding: 3em 3em; padding-bottom: 4em; margin-bottom: -1.25em; } .dropdown.contribute div.viatwitter { padding-left: 2em; } .dropdown.contribute div.viatwitter h3 { padding-right: 3em; } .dropdown.contribute div.viatwitter p { padding-right: 5em; } .dropdown.contribute .twitter-share-button { height: 20px; display: block; margin: 0 auto; position: relative; left: -2.5em; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .dropdown.contribute div.vialink { padding-right: 2em; } .dropdown.contribute div.vialink h3 { padding-left: 3em; } .dropdown.contribute div.vialink p { padding-left: 5em; } .dropdown.contribute div.vialink a { position: relative; right: -3em; letter-spacing: 0 !important; } footer.main .credits ul li a img { padding: 3em 0 0em 0; width: 110px !important; height: 62px !important; } .page-template-page-about-php header.banner h2 { margin: 130px auto; width: 80%; } } @media only screen and (max-width : 1024px) { .home { overflow-y: scroll; } .archive article { } .archive article a {} .home article a img, .archive article a img { position: absolute; top: 0; left: 0; margin: 0; } #panel .content .more img.stamp { width: 40% !important; max-width: 180px; top: 5px; right: 5px; } #panel .content div.left { width: 100%; padding: 0 20px 0 0; } #panel .content div.left p { margin-top: 4px; } #panel .content div.left a { margin: 30px auto 20px auto; } #panel .content div.right { padding: 0; width: 100%; text-align: center; clear: both; padding: 0 20px 0 0; } #panel .content div.right p { width: 100%; text-align: center; } #panel .content div.right .dash { margin: 20px auto !important; float: none; width: 12%; } #panel .content div.right ul { width: 100%; padding: 0; margin: 0; } #panel .content div.right ul li { width: 50% !important; padding: 0 !important; margin: 0 !important; text-align: center; min-width: 60px; } #panel .content div.right ul li a { width: 100%; display: block; text-align: center; padding: 0; margin: 0; } .page-template-page-imprint-php { overflow:hidden; } .page-template-page-imprint-php .data, .page-template-page-imprint-php .disclaimer { float: none !important; text-align: left !important; margin: -30px 0 0 0 !important; padding: 0 20px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100% !important; } .page-template-page-imprint-php .disclaimer { margin: 30px 0 0 0 !important; } .page-template-page-imprint-php .data { margin-bottom: 50px !important; } .page-template-page-imprint-php .data p { padding-bottom: 40px; } .page-template-page-imprint-php .data p, .page-template-page-imprint-php .disclaimer p { text-align: left !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div#menubar-content, div#aboutbar-content { width: 100%; height: 100%; right: 0px; z-index: 1000; height: 100%; } div#menubar-content .innerwrapper, div#aboutbar-content .innerwrapper{ width: 90%; padding: 90px 40px 0px 55px; } div#menubar-content .innerwrapper .manifesto { top: 10%; padding-bottom: 0px; } div#menubar-content .credits { text-align: center; font-size: 0.62em !important; margin: 0 auto; width: 90%; position: fixed; bottom: 20px; } div#menubar-content .credits a { } div#menubar-content .manifesto .dash { margin: 30px auto !important; } div#menubar-content .manifesto h1.h5 { font-size: 1.5em; } div#menubar-content .manifesto p { margin: -5px 0 0 0 !important; padding: 0 15% 5px 15% !important; font-size: 0.875em; text-align: center; } div#menubar-content .manifesto ul { text-align: center; font-size: 1em; } #menubar-content .manifesto p.intro { padding-bottom: 30px !important; } div#menubar-content .manifesto ul li { position: relative; } div#menubar-content .manifesto ul li h4 span { font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; font-style: normal; display: none; } div#menubar-content .manifesto .twitter-share-button { width: 120px; position: absolute; top: 5px; left: 50%; margin-left: -100px; } div#menubar-content .manifesto div.fb-like { display: block; width: 120px; position: absolute; top: 3px; right: 50%; margin-right: -100px; height: 30px; z-index: 3000; } .articleinfo .articlebox { -webkit-border-radius: 0px; border-radius: 0px; } #ToggleMenubar { left: 388px !important; left: 30px !important; } .share-twitter { left: 388px !important; left: 30px !important; } .share-facebook { left: 388px !important; left: 30px !important; } .loader-frame a img { /*width : 100% !important; height : 100% !important;*/ left: 50%; margin-left: -512px; } .desktop-front { display: none; position: absolute; top: 0; right: 0; z-index: 1000000; } #menubar { display: none !important; } .mobile-front { display: block; position: relative; top: 0; width: 100%; margin: 0 !important; padding: 0 !important; overflow: hidden !important -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 0px !important; background: #fff; } .mobile-front .post-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px !important; background: #fff !important; width: 100%; } .home .mobile-front article { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px !important; position: relative !important; } .home .mobile-front .articlebox { z-index: 1000000 !important; } div.gallery-to-slideshow-wrapper .slider-navi { /***/ display: block; opacity: 1 !important; } #contributerlist, #contributerhowto { padding: 0 5% !important; /***/ top: 40px; } #contributerlist ul { margin: -40px 0 15px 0; } #contributerlist ul li:last-of-type { border-bottom: 0; } .badge-pioneer { margin: 0.75em auto -0.5em auto !important; } .contributercontent { padding: 1em 6%; margin-bottom: 4em; } .contributercontent .round { margin-bottom: 3em !important; } #contributerlist .content ul { padding: 1em 6% !important; } .contributercontent a { margin: 3.5em auto 2.5em auto; } .criteria .criterialist { margin: 0 !important; padding: 0 !important; } #contributerhowto ul.criterialist li { max-height: 130px; } } @media only screen and (min-width : 1025px) { .desktop-front { display: block; position: absolute; top: 0; right: 0; } .mobile-front { display: none; position: absolute; top: 0; z-index: 1000000; } #menubar { display: block !important; } } /* iPads (landscape) ----------- */ @media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) { #panel .content { height: 520px; } #panel .content h3 { position: relative; top: 10px; } #panel .content:before, #panel .content:after{ height: 532px !important; } #panel .content div.left { width: 100%; padding: 0 20px 0 0; } #panel .content div.left p { margin-top: 20px; } #panel .content div.left a { margin: 35px auto 25px auto; } } /* Desktops and laptops ----------- */ @media only screen and (max-width : 1200px) { .dropdown .destination ul { min-height: 270px; /* EXPAND DESTINATIONS DD*/ max-height: 330px; /* EXPAND DESTINATIONS DD*/ } .dropdown .destination ul li { float: left; width: 100%; display: block; margin: 0 0 5px 0; height: 20px; line-height: 1em; font-size: 0.625em; text-transform: uppercase; color: #999; font-family: Montserratbold, Lato, Arial, Verdana, sans-serif; } .dropdown .destination ul li:nth-child(odd) span { margin-right: 0; padding-right: 0; } .dropdown .destination ul li:nth-child(even) { margin-left: 0; padding-left: 0; } .page-template-page-about-php .manifesto p.description{ padding: 0 15%; } .page-template-page-about-php aside.manifesto { } } /* Desktops and laptops ----------- */ @media only screen and (max-width : 1400px) { .dropdown .destination { padding-left: 9px; padding-right: 9px; } .dropdown .destination ul li a { letter-spacing: 1px !important; /* padding: 10px 0; */ font-size: 9px; } .dropdown .destination ul li span { /*background-color: #90bdcf;*/ -webkit-border-radius: 20px; border-radius: 20px; color: white; cursor: default; float: right; font-size: 8px; height: 13px; line-height: 12px; text-align: center; width: 16px; margin-right: 0px; margin-top: -1px; } #smcf-container { margin-top: -65px; } #contributerhowto ul.criterialist li { min-height: 160px; } } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1400px) { body{ font-size: 17px; } .body-wrapper { width: 100%; } .gallery-to-slideshow { /* edit */ /*height: 650px;*/ } .gallery-to-slideshow .slides > li { /* edit */ /* height: 650px;*/ } .gallery-to-slideshow .slides > li img { width: 100%; } .archive article, .search article { height: 800px; min-height: 700px; max-height: 800px; } article.search { height: 300px !important; min-height: 300px !important; max-height: 300px !important; } .gallery-to-slideshow .pager { /*top: 630px;*/ /* edit */ } .dropdown .destination { padding-left: 15px; padding-right: 15px; } .archive article, .search article { height: 800px !important; min-height: 800px !important; max-height: 800px !important; } article.search { height: 300px !important; min-height: 300px !important; max-height: 300px !important; } .archive article .articleinfo, .search article .articleinfo { margin-top: -200px; } } /* Large screens ----------- */ @media only screen and (max-width : 1824px) { .page-template-page-about-php .manifesto ul li { height: 600px; } } /* Large screens ----------- */ @media only screen and (min-width : 1824px) { body{ font-size: 19px; } .body-wrapper { width: 100%; } .gallery-to-slideshow { /* edit */ /*height: 900px;*/ } .gallery-to-slideshow .slides > li { /* edit */ /*height: 900px;*/ } .gallery-to-slideshow .slides > li img { width: 100%; } .archive article, .search article { height: 1000px; min-height: 1000px; max-height: 1000px; } article.search { height: 300px !important; min-height: 300px !important; max-height: 300px !important; } .gallery-to-slideshow .pager { /*top: 820px;*/ /* edit */ } #panel { padding: 0 32%; } #panel .content { padding: 0 32%; padding: 100px; height: 520px; } #panel .content:before, #panel .content:after { height: 533px !important; } .page-template-page-about-php .manifesto ul li { min-height: 700px; } .archive article, .search article { height: 1000px !important; min-height: 1000px !important; max-height: 1000px !important; } article.search { height: 300px !important; min-height: 300px !important; max-height: 300px !important; } .archive article .articleinfo, .search article .articleinfo { margin-top: -200px; } } /* Large screens ----------- */ @media only screen and (min-width : 2560px) { .gallery-to-slideshow { /* edit */ /* height: 1100px; */ } .gallery-to-slideshow .slides > li { /* edit */ /*height: 1100px;*/ } .archive article, .search article { height: 1100px; min-height: 1100px; max-height: 1100px; } } .hotels{ width:1024px; height:auto; } .h4{ font-size: 18px; text-transform: uppercase; letter-spacing: 2px; font-weight: 800; padding: 8px 0 0 0px; margin-bottom: 15px; margin-top: 0.5em; line-height: 1em; color: #04B386; text-align: center; font-family: Montserrat, Lato, Arial, Verdana, sans-serif !important; font-weight: normal;} .hotels ul{ width: 70%; list-style: none; margin: 18px auto; } .hotels ul li{ display:inline; margin:0 20px 0 20px !important; } .hotels ul li a{ display: inline-block; margin: 0 0 0px 0; padding: 0; letter-spacing: 1px; text-transform: uppercase; color: #222; font-size: 12px; /* height: 59px; */ line-height: 17px; font-weight: normal; } .hotels ul li a:hover{ border-bottom: 1px solid #00599b; color: #005196; } .li{ width:100% !important; padding-left:0 !important;}