/* Theme Name: Julia et Max Theme URI: http://underscores.me/ Author: Max Author URI: http://www.juliaetmax.com Description: Description Version: 1.0 License: GNU General Public License License URI: license.txt Text Domain: juliaetmax Domain Path: /languages/ Tags: This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Julia et Max is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc. Resetting and rebuilding styles have been helped along thanks to the fine work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ and Blueprint http://www.blueprintcss.org/ */ /* =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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } html { font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ } body { background: #fff; font-family: Georgia; } html, body { width: 100%; height: 100%; } article, aside, details, figcaption, figure, footer, header, main, nav, section { display: block; } ol, ul { list-style: none; } table { /* tables still need 'cellspacing="0"' in the markup */ border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a:focus { outline: thin dotted; } a:hover, a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */ outline: 0; } a img { border: 0; } /* =Global ----------------------------------------------- */ body, button, input, select, textarea { color: #000; font-family: Georgia, serif; font-size: 16px; font-size: 1.6rem; line-height: 1.5; outline: none; } /* Headings */ h1, h2, h3, h4, h5, h6 { clear: both; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } /* Text elements */ p { margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } b, strong { font-weight: bold; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 1.5rem; line-height: 1.6; margin-bottom: 1.6em; padding: 1.6em; overflow: auto; max-width: 100%; } code, kbd, tt, var { font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } small { font-size: 75%; } big { font-size: 125%; } figure { margin: 0; } table { margin: 0 0 1.5em; width: 100%; } th { font-weight: bold; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } button, input, select, textarea { font-size: 100%; /* Corrects font size not being inherited in all browsers */ margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ vertical-align: baseline; /* Improves appearance and consistency in all browsers */ *vertical-align: middle; /* Improves appearance and consistency in all browsers */ } button, input { line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */ } button, html input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid #ccc; border-color: #ccc #ccc #bbb #ccc; border-radius: 3px; background: #e6e6e6; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, .8); cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ font-size: 12px; font-size: 1.2rem; line-height: 1; padding: .6em 1em .4em; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa #bbb; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); } button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb #bbb; box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; Addresses box sizing set to content-box in IE8/9 padding: 0; /* Addresses excess padding in IE8/9 */ } input[type="search"] { -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */ -moz-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ border: 0; padding: 0; } input[type="text"], input[type="email"], input[type="password"], input[type="search"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; } input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus { color: #111; } input[type="text"], input[type="email"], input[type="password"], input[type="search"] { padding: 3px; } textarea { overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ padding-left: 3px; vertical-align: top; /* Improves readability and alignment in all browsers */ width: 98%; } /* Links */ a { color: #000; -moz-transition: all 300ms ease-in-out; -webkit-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out; } a:visited { color: #000; } a:hover, a:focus, a:active { color: #000; } /* Alignment */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin: 0 auto; } /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ } /* Clearing */ .clear:before, .clear:after, [class*="content"]:before, [class*="content"]:after, [class*="site"]:before, [class*="site"]:after { content: ''; display: table; } .clear:after, [class*="content"]:after, [class*="site"]:after { clear: both; } .clear { clear: both; margin: 0; padding: 0; } #page { width:100%; height:100%; max-width: 1280px; } /*Fonts*/ @font-face { font-family: 'BG_Light'; src: url('fonts/brandon_light-webfont.eot'); src: url('fonts/brandon_light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/brandon_light-webfont.woff') format('woff'), url('fonts/brandon_light-webfont.ttf') format('truetype'), url('fonts/brandon_light-webfont.svg#brandon_grotesquelight') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BG_Reg'; src: url('fonts/brandon_reg-webfont.eot'); src: url('fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/brandon_reg-webfont.woff') format('woff'), url('fonts/brandon_reg-webfont.ttf') format('truetype'), url('fonts/brandon_reg-webfont.svg#brandon_grotesqueregularRg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BG_RegIt'; src: url('fonts/brandon_reg_it-webfont.eot'); src: url('fonts/brandon_reg_it-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/brandon_reg_it-webfont.woff') format('woff'), url('fonts/brandon_reg_it-webfont.ttf') format('truetype'), url('fonts/brandon_reg_it-webfont.svg#brandon_grotesqueregularRgIt') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'BG_Bld'; src: url('fonts/brandon_bld-webfont.eot'); src: url('fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/brandon_bld-webfont.woff') format('woff'), url('fonts/brandon_bld-webfont.ttf') format('truetype'), url('fonts/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'gfs_didotregular'; src: url('fonts/gfsdidot-webfont.eot'); src: url('fonts/gfsdidot-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gfsdidot-webfont.woff') format('woff'), url('fonts/gfsdidot-webfont.ttf') format('truetype'), url('fonts/gfsdidot-webfont.svg#gfs_didotregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'sharing-icons'; src:url('fonts/sharing-icons.eot'); } @font-face { font-family: 'sharing-icons'; src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff'), url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'sharing-icons'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'icons_jm'; src: url('fonts/icons_jm.eot?93735350'); src: url('fonts/icons_jm.eot?93735350#iefix') format('embedded-opentype'), url('fonts/icons_jm.woff2?93735350') format('woff2'), url('fonts/icons_jm.woff?93735350') format('woff'), url('fonts/icons_jm.ttf?93735350') format('truetype'), url('fonts/icons_jm.svg?93735350#icons_jm') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "icons_jm"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; /*width: 1em;*/ /*margin-right: .2em;*/ text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ /*line-height: 1em;*/ /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ /*margin-left: .1em;*/ /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .icon-instagram_rnd { font-size: 136%; line-height: 0.86em; } .icon-right-open-big:before { content: '\e800'; } /* '' */ .icon-pinterest_rnd:before { content: '\e801'; } /* '' */ .icon-pinterest:before { content: '\e802'; } /* '' */ .icon-fb_rnd:before { content: '\e803'; } /* '' */ .icon-fb:before { content: '\e804'; } /* '' */ .icon-twitter_rnd:before { content: '\e805'; } /* '' */ .icon-twitter:before { content: '\e806'; } /* '' */ .icon-rss:before { content: '\e807'; } /* '' */ .icon-heart:before { content: '\e808'; } /* '' */ .icon-srch:before { content: '\e809'; } /* '' */ .icon-close:before { content: '\e80a'; } /* '' */ .icon-instagram_rnd:before { content: '\e80c'; } /* '' */ .icon-instagram:before { content: '\e80d'; } /* '' */ /* Image with 'data' attribute is hidden */ img[data-lazy-original] { /* we set the opacity to 0 */ opacity: 0; } /* Image without 'data' attribute is (or becomes) visible */ img.lazyloaded { /* prepare the future animation */ -webkit-transition: opacity .2s linear 0.2s; -moz-transition: opacity .2s linear 0.2s; transition: opacity .2s linear 0.2s; /* we set the opacity to 1 to do the magic */ opacity: 1; } /* =Header ----------------------------------------------- */ .left_column { width: 230px; height: 100%; min-height: 625px; background-color: #fff; position: fixed; } .site-header { height: 100%; overflow:hidden; margin: 0; padding: 0; } .header-up { min-height: 100%; width: 160px; margin: 0 0 0 35px; } .site-branding { width: 160px; margin: 25px 0 0 0; } .site-search { width: 160px; text-align: center; padding: 14px 0 0 0; } .site-search .icon-search{ color:#999; font-size: 1.1em; text-decoration: none; } .site-search .icon-search:hover{ color:#000; } .header-bottom { height: 110px; width: 160px; margin: -140px 0 0 35px; } .social-links { height: 50px; bottom: 20px; margin: 0 0 0 14px; display: inline-block; } .social-links ul { list-style-type: none; margin: 0; padding: 0; line-height:1.8em; } .social-links ul li { display: block; float: left; margin: 0 0 0 3px; padding: 0; } .social-links ul li:first-child { display: block; float: left; margin:0; } .social-links .icon-search { display: none; } .icon-social{ font-size: 1.9em; color: #cccccc; text-decoration: none; } .icon-social:hover{ color: #000; } .icon-social:visited{ color: #cccccc; } .icon-social:visited:hover{ color: #000000; } /* =Menu ----------------------------------------------- */ .menu-main-container { width: 160px; margin: 20px 0 0 0; padding: 20px 0 0 0; background: url(images/stripes-pattern.jpg) 0 0 repeat-x; background-size: 4px 7px; } .menu-mobile { display: none; } .menu-main-container ul { list-style: decimal-leading-zero inside; margin: 0; padding: 0 0 20px 0; background: url(images/stripes-pattern.jpg) 0 0 repeat-x ; background-size: 4px 7px; background-position: bottom; } .menu-main-container li { font-size: 0.8em; color: #d9d9d9; font-weight: normal; letter-spacing: 0.1em; } .menu-main-container a { text-decoration: none; text-transform: uppercase; font-size: 1.2em; letter-spacing: 0.06em; font-weight: 400; font-family: 'BG_Reg'; -webkit-text-shadow: rgba(255,255,255,0.01) 0 0 1px; color:#000; line-height: 1.8em; } /*.main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); display: none; float: left; position: absolute; top: 1.5em; left: 0; z-index: 99999; } .main-navigation ul ul ul { left: 100%; top: 0; } .main-navigation ul ul a { width: 200px; } .main-navigation ul ul li { }*/ .menu-main-container li:hover > a { color:#cccccc; } .main-navigation ul ul :hover > a { } .main-navigation ul ul a:hover { } .menu-main-container ul li:hover > ul { display: block; } .menu-main-container li.current_page_item a, .menu-main-container li.current-menu-item a { text-decoration: underline; } .snd-navigation { width: 160px; margin: 0 0 10px 0; position: relative; } .snd-navigation ul { list-style: none; padding: 0px; margin: 0px; } .snd-navigation li { } .snd-navigation li a { display: block; text-decoration: none; text-transform: uppercase; font-size: 0.8em; letter-spacing: 0.1em; font-family: 'BG_Reg'; color:#000; font-weight: 400; line-height: 1.5em; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); text-align: center; } .snd-navigation li:hover > a { color:#cccccc; } /* = Content ----------------------------------------------- */ .site-content { margin: 0 0 0 230px; padding: 0; } .content-area { padding: 0; margin: 0; } .left_side { float:left; width: 100%; margin-left: -150px; } .page-header {margin-top: 25px; padding-right:18px; } .page-title { background: url(images/stripes-pattern.jpg) repeat-x left bottom; background-size: 4px 7px; padding: 20px 0 0 0; width: 100%; padding: 0 0 20px 0; margin: 0 0 20px 0; text-align: center; text-transform: uppercase; font-family: 'BG_Bld'; font-size: 2em; line-height: 1; } .subtitle-category { font-size: 0.7em; text-align: center; text-transform: uppercase; padding: 0; margin: 20px 0 3px 0; line-height: 1; font-family: 'BG_Light'; } .entry { margin: -1px 0 0 150px; overflow: hidden; } .entry .entry-category { display:inline-block; position:relative; left:50%; margin: 0px; padding: 0px; z-index:300; } .entry .entry-category .cat-container { background-color: #4dffc3; padding: 2px 7px 2px 8px; position:relative; left:-50%; height: auto; width: auto; color: #fff; -moz-transition: all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; } .entry .entry-category .cat-container a { font-family: 'BG_Reg'; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 0.8em; letter-spacing: 0.2em; } .entry .entry-category .cat-container:hover { background-color: #000; color: #FFF; } .entry .entry-category .cat-container:hover a:hover { text-decoration: underline; } .entry .entry-thumb { width:100%; height: auto; margin-top: -30px; overflow: hidden; background-color: #fff; position:relative; } .entry .entry-thumb img { width: 100%; z-index:100; } .entry .entry-title, .entry .entry-title-full { font-family: 'gfs_didotregular'; font-size: 2.2em; text-align: center; margin: 20px 0 15px 0; padding: 0 60px 0 60px; font-weight: lighter; letter-spacing: 0.1em; line-height: 1em; } .entry .entry-title a, .entry .entry-title-full a { text-decoration: none; -moz-transition: all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; } .entry .entry-title a:hover, .entry .entry-title-full .a:hover { color: #4dffc3; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); } .entry .entry-title-full { margin: 40px 0 26px 0; padding-bottom: 30px; background: url(images/separator.jpg) 50% bottom no-repeat; } .entry .entry-content-excerpt { padding: 0 60px 0 60px; text-align: center; font-size: 94%; letter-spacing: 0.05em; } .entry .entry-content-full { padding: 0 0 0 0; letter-spacing: 0.05em; margin: 0 0 0 0; } .entry .entry-content-full h2 { padding: 0 60px 0 60px; font-size: 105%; line-height: 2em; margin: 24px 0 8px 0; color: #333333; } .entry .entry-content-full p { padding: 0 60px 0 60px; font-size: 94%; line-height: 2em; margin: 18px 0 18px 0; color: #333333; } .entry .entry-content-full .content-column p { padding:0 !important; } .entry .entry-content-full p:first-child { margin: 0 0 18px 0; } .entry .entry-content-full p a { color: #333333; } .entry .entry-content-full ol.wishlistlinks { list-style: none; counter-reset: my-awesome-counter; margin: 25px 0 25px 0; padding: 0 60px 0 60px; } .entry .entry-content-full ol.wishlistlinks li { counter-increment: my-awesome-counter; margin-bottom: 0.5em; line-height: 1.4em; } .entry .entry-content-full ol.wishlistlinks li::before { content: counter(my-awesome-counter) " - "; font-weight: bold; font-style: italic; /* Style away! */ } .entry .entry-content-full p.wrap-image { padding: 0; margin: 0px 0 22px 0; width:100%; height: auto; overflow: hidden; position:relative; } .entry .entry-content-full p.wrap-image a { color:#000; } .entry .entry-content-full p.wrap-image img { vertical-align: middle; } .entry .entry-content-full blockquote { padding: 0; margin: 0 1.5em 0 1.5em; } .entry .entry-content-full blockquote p { padding: 1em 0 0 0; margin: 0 0 0 0; line-height: 1.6em; font-size: 94%; } .one_half { width: 48.6% !important; margin-right: 2.8% !important; } .one_half.last_column { width: 48.6% !important; margin-right: 0px !important; } .newgifts { margin-top:0%; padding-top:0%; } .newgifts img{ display: block; margin: 0 auto; } .newgifts .one_half { padding-top:8%; } .newgifts .one_half.last_column { padding-top:8%; } .wrap-image .pin_btn { display:inline-block; width:100%; text-align:center; vertical-align:middle; height: 40px; position:absolute; z-index:0; transition: all linear 0.2s; opacity:0; } .wrap-image:hover .pin_btn { opacity:1; z-index:300; display:none; } .gifts .wrap-image:hover .pin_btn { opacity:0; z-index:0; } .newgifts .wrap-image:hover .pin_btn { opacity:0; z-index:0; display:none; } .wrap-image .pin_btn a { font-family: 'BG_Reg'; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 1.2em; letter-spacing: 0.2em; border: 2px solid white; padding:8px 10px; transition: all linear 0.2s; } .wrap-image .pin_btn a:hover { } .entry .entry-content-full p.wrap-video { padding: 0; margin: 22px 0 0 0; } .entry .entry-content-full ol{ padding: 0 100px 0 85px; font-size: 94%; line-height: 1.6em; margin: 8px 6px 0 0; color: #333333; } .entry .entry-content-full ol li { margin: 0 0 8px 0; } .entry .entry-content-full ul { padding: 0 100px 0 85px; font-size: 94%; line-height: 1.2em; margin: 8px 0 0 0; color: #333333; } .entry .entry-content-full ul li { margin: 0 0 4px 0; } .entry .entry-content-full .gifts { border-collapse: separate; border-spacing:0; width: 100%; border-left:0 solid #fff; border-right:0 solid #fff; margin-top:1em; } .entry .entry-content-full .gifts tr{ } .entry .entry-content-full .gifts td{ text-align:center; padding:0px; margin:0; line-height:normal; border-bottom:3em solid white; } .entry .entry-content-full .gifts td.last, .entry .entry-content-full .gifts td.last2 { border-bottom:1.2em solid white; } .entry .entry-readmore { text-align: center; font-family: 'BG_Light'; font-size: 0.8em; letter-spacing: 0.1em; text-transform: uppercase; margin: 18px 0 20px 0; } .entry .entry-readmore a{ padding: 20px 0 20px 0; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); background: url(images/separator.jpg) 50% 0 no-repeat; -moz-transition: all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; } .entry .entry-readmore a:hover { color: #4dffc3; } .entry-social { margin: 30px 0 20px 150px; float: left; } .entry-social ul { list-style-type: none; margin: 0; padding: 0; } .entry-social ul li { display: inline-block; margin-left: 15px; overflow: visible !important; } .entry-social ul li:first-child { margin-left: 0px; } .fb-like span{overflow:visible !important; width:450px !important; margin-right:-330px; top:-7px;} .pinterest-share { width:74px !important; } .gplus-share { width: 82px !important; } .tumblr-share { margin-top:-1px; width: 77px !important; height: 20px; } .tumblr-share a { display:inline-block; text-indent:-9999px; overflow:hidden; background:url('images/share-tumblr-icon.jpg') 0 0 no-repeat transparent; background-size: 77px 20px; width: 77px !important; height: 20px; margin-top: -1px; position: absolute; } .post-like { text-align: center; margin-top: 20px; float: right; border-left: 1px solid #d2d2d2; padding-left: 10px; } .post-like a { color: #fd7e67; text-decoration: none; margin-right: 0; font-size: 1.8em } .post-like a:hover { color: #000; } .post-like .alreadyvoted { color: #ccc; margin-right: 5px; font-size: 1.8em } .post-like .count { color: #000; font-family: 'BG_Bld'; font-size: 12pt; line-height: 42px; vertical-align: top; padding: 0px; margin-right: 4px; } .post-like .texte { color: #666666; font-family: 'BG_Reg'; font-size: 10pt; line-height: 42px; vertical-align: top; } .entry-tags { height: auto; background-color: #fafafa; margin: 0 0 50px 150px; padding: 8px 0 0 10px; display: block; line-height: 1.6em; clear: both; } .entry-tags .tag-titre { text-transform: uppercase; font-family: 'BG_Bld'; color: #ccc; font-size: 0.8em; float:left; margin: 0 5px 0 0; } .entry-tags ul { list-style-type: none; margin: 0; padding: 0; } .entry-tags ul li { display: inline-block; margin-left:8px; } .entry-tags ul li:first-child { margin-left:8px; } .entry-tags ul li .one-tag { height: 24px; width: auto; clear: both; } .entry-tags ul li .begin-tag { background: url(images/left-tag.jpg) 0 0 no-repeat; background-size: 3px 24px; width:3px; height: 24px; float: left; } .entry-tags ul li .thetag { background-color: #d2d2d2; float: left; padding: 0 8px 0 10px; vertical-align: top; line-height: 1.4em; height: 24px; } .entry-tags ul li .thetag a { text-decoration: none; text-transform: capitalize; font-family: Georgia, serif; font-weight: bold; font-size: 0.7em; color: #fafafa; } .entry-tags ul li .thetag a:hover { color: #000; } .entry-tags ul li .close-tag { background: url(images/right-tag.jpg) 0 0 no-repeat; background-size: 12px 24px; width:12px; height: 24px; float: left; } .right_side { float:left; width: 150px; } .entry-right { height: 175px; } .entry-date { text-align:center; line-height: 0.6em; margin: 0 0 20px 0; } .entry-date-jour { font-family: Georgia; font-style: italic; font-size: 2.2em; letter-spacing: 0.1em; font-weight: 300; -webkit-font-smoothing: antialiased; margin: 0 0 18px 0; padding: 0; height: auto; } .entry-date-mois, .entry-date-annee { font-style: italic; font-size: 1.3em; letter-spacing: 0.1em; font-weight: 300; -webkit-font-smoothing: antialiased; margin: 10px 0 0 0; } .entry-comment-link { background: url(images/separator.jpg) 50% 0 no-repeat; padding: 12px 0 0 0; margin:0; text-align: center; } .entry-comment-link a{ background-color: #4dffc3; padding: 4px 7px 2px 8px; font-family: 'BG_Reg'; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 0.6em; letter-spacing: 0.2em; -moz-transition: all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; } .entry-comment-link a .nb-comment { font-family: 'BG_Bld'; font-weight: bold; font-size: 1.5em; color: #fff; } .entry-comment-link a:hover{ background-color: #000; color: #fff; } .entry-like { text-align: center; margin-top: 8px; } .entry-like a { color: #cccccc; text-decoration: none; margin-right: 0; } .entry-like a:hover { color: #fd7e67; } .entry-like .alreadyvoted { color: #cccccc; margin-right: 5px; } .entry-like .count { color: #000; font-family: 'BG_Bld'; font-size: 8pt; line-height: 22px; vertical-align: top; padding: 0px; } .entry-sharing-links { background: url(images/separator.jpg) 50% 0 no-repeat; padding: 16px 0 0 0; margin: 6px 0 0 0; text-align: center; } .entry-sharing-links ul { list-style-type: none; margin: 0; padding: 0; display: block; } .entry-sharing-links ul li { display: inline-block; margin: 0 0 0 0; padding: 5px 5px 5px 5px; line-height: 1; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 0.8em; } .entry-sharing-links ul li:first-child { border-left: 1px solid #ccc; } .entry-sharing-links ul li a{ font-size: 0.8em; margin: 0; } .entry-back { font-family: 'BG_Light'; font-size: 0.7em; letter-spacing: 0.1em; text-transform: uppercase; background: url(images/separator.jpg) 50% 0 no-repeat; text-align: center; padding: 16px 0 0 0; margin-top:14px; line-height: 1; } .entry-back a { text-decoration: none; } .entry-back a:hover { color: #ccc; } .sticky { } .hentry { margin: 0 0 1.5em; } .byline, .updated { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .content-bottom { background: url(images/stripes-pattern.jpg) repeat-x 0 0; background-size: 4px 7px; height: 7px; margin: 0 0 20px 0; padding: 0; } #pbd-alp-load-posts { background: url(images/stripes-pattern.jpg) repeat-x 0 0; background-size: 4px 7px; padding: 20px 0 0 0; width: 100%; } #pbd-alp-load-posts a:link, #pbd-alp-load-posts a:visited { background-color: #000; text-align: center; padding: 6px 8px 3px 8px; color: #fff; text-decoration: none; font-family: 'BG_Reg'; font-size: 0.8em; letter-spacing: 0.1em; text-transform: uppercase; display:block; } #pbd-alp-load-posts .nomore-post { font-style: italic; background-color: #f7f7f7; color:#666666; text-align: center; padding: 6px 8px 3px 8px; text-decoration: none; font-family: 'BG_Reg'; font-size: 0.8em; letter-spacing: 0.1em; text-transform: uppercase; display:block; } #pbd-alp-load-posts a:hover, #pbd-alp-load-posts a:active { background-color: #4dffc3; color:#fff; } /* =Search overlay ----------------------------------------------- */ #search-overlay { display:none; min-width:100%; min-height:100%; z-index:1000; position: absolute; top:0; left:0; } .grey-overlay { background: rgba(255,250,250,0.9); background-size:contain; z-index:100; top:0px; left:0px; min-width:100%; min-height:100%; position: fixed; height: auto; } #search-overlay .formcontainer { z-index:500; width: 80%; position:relative; margin:0 auto; padding-top: 50px; max-width: 1280px; } #search-overlay .formcontainer .icon-close { color: #ccc; text-decoration: none; position:absolute; right:0px; font-size: 2em; } input, select { vertical-align: top; } .search-txtfield { width: 100%; height: auto; overflow: hidden; font-family: 'BG_Bld'; text-transform: uppercase !important; font-size: 90px; letter-spacing: 2px; outline: none; background: transparent; margin:60px 0 0 0; padding: 0; border: none !important; color:#000; } #loading-image { visibility: hidden; width: 28px; height: 28px; background: url('images/loader.gif') 0 0 no-repeat; margin:0 auto; position: relative; } #ajax-results-container { margin-top:30px; height: auto; } #ajax-results-container ul{ list-style-type: none; padding: 0 15px 0 15px; margin: 0; } #ajax-results-container ul li.s-result { background: #FFF; margin:0px 10px 10px -60px; overflow: hidden; width:100%; vertical-align: top; -webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.1); box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.1); opacity: 0; } #ajax-results-container ul li.s-noresult { background: none !important; display: inline-block; overflow: hidden; width:auto; vertical-align: top; } #ajax-results-container ul li .s-entry-thumb { margin:-2px 0 0 0; float: left; display: block; } #ajax-results-container ul li .s-entry-thumb .s-entry-category { z-index: 100; position: relative; display: inline-block; margin: 0 auto; left: 50%; } #ajax-results-container ul li .s-entry-category a { background-color: #4dffc3; padding: 4px 7px 2px 8px; font-family: 'BG_Reg'; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 0.7em; letter-spacing: 0.2em; position:relative; height: auto; width: auto; left: -50%; } #ajax-results-container ul li .s-entry-thumb img { height: 150px; width: auto; display: block; margin-top: -22px; } #ajax-results-container ul li .s-entry-thumb img:hover + .s-entry-title a { color: #4dffc3; } #ajax-results-container ul li .s-entry-title { text-align: center; text-transform: uppercase; font-family: 'gfs_didotregular'; font-size: 1em; letter-spacing: 0.1em; line-height: 1.2em; color: #000; height: 130px; display: table-cell; vertical-align: middle; padding: 10px 30px 10px 30px; } #ajax-results-container ul li .s-entry-title a{ color: #000; text-decoration: none; } #ajax-results-container ul li .s-entry-title a:hover{ color: #4dffc3; } /* =Media ----------------------------------------------- */ .page-content img.wp-smiley, .entry-content img.wp-smiley, .comment-content img.wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } .wp-caption { border: 1px solid #ccc; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin: 1.2% auto 0; max-width: 98%; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .site-content .gallery { margin-bottom: 1.5em; } .gallery-caption { } .site-content .gallery a img { border: none; height: auto; max-width: 90%; } .site-content .gallery dd { margin: 0; } .site-content .gallery-columns-4 .gallery-item { } .site-content .gallery-columns-4 .gallery-item img { } /* Make sure embeds and iframes fit their containers */ embed, iframe, object { max-width: 100%; } /* =Navigation ----------------------------------------------- */ .site-content [class*="navigation"] { margin: 0 0 1.5em; overflow: hidden; } [class*="navigation"] .nav-previous { float: left; width: 50%; } [class*="navigation"] .nav-next { float: right; text-align: right; width: 50%; } /* =Comments ----------------------------------------------- */ #comments { margin: 20px 0 0 150px; background: url(images/stripes-pattern.jpg) bottom left repeat-x; background-size: 4px 7px; } #comments .headercomments { margin:0 0 20px 0px; background: url(images/stripes-pattern.jpg) repeat-x bottom left; background-size: 4px 7px; padding: 0 0 40px 0; } #comments .comments-title { text-transform: uppercase; font-family: 'BG_Bld'; color: #b2b2b2; font-size: 1em; letter-spacing: 0.1em; float:left; } #comments .nb-comments { color: #000; font-size: 1.6em; } .comment-content a { word-wrap: break-word; } #comments .btn_react a { background-color: #4dffc3; padding: 6px 8px 4px 8px; text-decoration: none; text-transform: uppercase; color: #fff; font-family: 'BG_Bld'; float: right; margin: -9px 0 0 0; font-size: 1em; } #comments .btn_react a:hover { background-color: #000; color: #fff; } #comments .comment-list { list-style-type: none; margin: 0; padding: 0; clear: both; } #comments .comment-list li { margin: 40px 0 0 0; clear: both; } #comments .comment-list .children { list-style-type: none; margin: 40px 0 0 80px; padding: 0; } #comments .comment-list .children li { clear: both; margin: 40px 0 0 0; } #comments .comment-list .comment-avatar { float: left; width: 70px; height: auto; margin-right: 10px; } .comment-right { margin: 0 0 0 80px; padding: 0; } #comments .comment-list .comment-content { background-color: #fafafa; font-family: Georgia, serif; font-style: italic; font-size: 0.8em; line-height: 1.8em; padding: 0; } #comments .comment-list .comment-meta { float: left; } #comments .comment-list .comment-meta .comment-author { font-family: Georgia, serif; font-size: 0.8em; font-style: italic; text-transform: capitalize; } #comments .comment-list .comment-meta .comment-time { font-family: Georgia, serif; font-size: 0.8em; font-style: italic; text-transform: capitalize; color: #7c7c7c; } #comments .comment-list .comment-footer .reply { float: right; } #comments .comment-list .comment-footer .reply a{ text-transform: uppercase; font-family: 'BG_Reg'; color: #4dffc3; text-decoration: none; font-size: 0.7em; } #comments .comment-list .comment-content p { padding: 10px 12px 10px 12px; margin: 0; } .no-comments { clear: both; background: url(images/separator.jpg) 50% 0 no-repeat; padding: 22px 0 30px 0; margin: 50px 0 30px 0; font-style: italic; font-weight: bold; text-align: center; } #respond { margin: 30px 0 20px 0; padding: 0 0 40px 0; } #respond .comment-reply-title { text-transform: uppercase; font-family: 'BG_Bld'; font-size: 0.8em; text-align: center; background: url(images/separator.jpg) 50% 0 no-repeat; padding: 22px 0 0 0; margin: 0 0 20px 0; } #commentform { margin: 20px 0 0 0; } /* =Archives ----------------------------------------------- */ .archive_year { font-family: 'BG_Bld'; font-size: 1.8em; font-weight: lighter; letter-spacing: 0.1em; line-height: 1em; color: #4dffc3; margin-bottom: 20px; } .archives_list { list-style-type: none; padding: 0; margin: 0 0 0 10px; padding-bottom: 20px; } .archives_list li { padding: 0; line-height: 1.6em; } .archives_list li .date { font-size: 0.8em; color: #ccc; margin-right: 8px; } .archives_list li a { text-decoration: none; font-family: 'gfs_didotregular'; font-size: 1em; } .archives_list li a:hover { color:#4dffc3; } /* =Contact ----------------------------------------------- */ #contact-content { padding: 0 60px 0 0; } #contact-content p { background: url(images/separator.jpg) 50% bottom no-repeat; padding: 0 0 20px 0; margin: 0 0 20px 0; font-size: 0.8em; letter-spacing: 0.1em; text-align: center; } .wpcf7-form { width: 60%; } .wpcf7-form p{ background: none; font-size: 1em; font-style: normal; } .wpcf7-form label { text-transform: uppercase; font-family: 'BG_Light'; font-size: 0.9em; margin-bottom: 8px; float: none !important; clear: both; } .wpcf7-form label span { color: #ccc; } .wpcf7-form .wpcf7-text { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #e5e5e5; border: none; padding: 6px 6px 6px 12px; color: #000; font-size: 0.9em; font-style: italic; resize: none; float: none !important; clear: both; margin-bottom: 10px; height: 18px; width: 60%; } .wpcf7-form textarea { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background-color: #e5e5e5; border: none; padding: 6px 6px 6px 12px; color: #000; font-size: 0.9em; font-style: italic; resize: none; height: 100px; margin-bottom: 20px; } .wpcf7-form .wpcf7-text:focus, .wpcf7-form textarea:focus { background-color: #f5f5f5; border: 1px solid #e5e5e5; } .wpcf7-form .message { margin-bottom: 44px; } .wpcf7-form .wpcf7-validation-errors { font-size: 0.8em; color: #dc1c03; border-color: #dc1c03; letter-spacing: 0.1em; text-align: center; } .wpcf7-form .wpcf7-mail-sent-ok { font-size: 0.8em; border-color: #4effc3; letter-spacing: 0.1em; text-align: center; } .wpcf7-form .wpcf7-not-valid { border: 1px solid #dc1c03; } .wpcf7-form .wpcf7-file { background: none; } div.wpcf7 input[type=file] { font-style: italic !important; font-size: 0.9em; margin-top: 5px; } .wpcf7-form .wpcf7-submit { background: none !important; background-color: none !important; background-image: none !important; background-clip: none !important; padding: 10px; text-decoration: none; text-transform: uppercase; color: #fff; font-family: 'BG_Bld'; font-size: 1em; font-style: normal; font-weight: normal; border: none !important; box-shadow: none !important; margin-top: 20px; background-color: #4dffc3 !important; -moz-transition: all 200ms ease-in-out; -webkit-transition:all 200ms ease-in-out; -o-transition:all 200ms ease-in-out; transition:all 200ms ease-in-out; } .wpcf7-form .wpcf7-submit:hover { background-color: #000 !important; } /* PAGE A PROPOS*/ #apropos-content { padding: 20px 20px 20px 0; width:100%; text-align:center; } #apropos-content .text{ font-size: 0.8em; letter-spacing: 0.1em; text-align: center; padding: 30px 20px 20px 20px; margin-top: 30px; background: url(images/separator.jpg) 50% top no-repeat; } #apropos-content .couple { margin: 0 0 20px 0; } #apropos-content .big { font-family: 'gfs_didotregular'; font-size: 1.4em; text-transform: uppercase; margin: 0px 0px 16px 0px; padding: 0px; line-height: 1; text-align: center; } #apropos-content .round { color: #fff; width: 50px; height: 50px; font-size: 2.6em; border-radius: 50px; padding: 0; background-color: #4effc3; text-align: center; margin: 8px auto 18px auto; position: relative; } #apropos-content .macaron-facesnetwork { text-align:center; margin-top:60px; } /* =Responsive ----------------------------------------------- */ @media screen and (min-width: 900px) and (max-width: 1024px) { .site-branding .logo { margin: 0 auto; width: 160px; } } @media screen and (max-width: 990px) { .one_half { width: 100% !important; margin-right: 0 !important; } .one_half.last_column { width: 100% !important; margin-right: 0px !important; } .newgifts .one_half { width: 48.6% !important; margin-right: 0 !important; } .newgifts .one_half.last_column { width: 48.6% !important; margin-right: 0px !important; } } /*Date mobile page liste*/ .entry-date-mobile { display: none; } @media screen and (max-width: 800px) { /*.menu-toggle, .main-navigation.toggled .nav-menu { display: block; } .main-navigation ul { display: none; }*/ .left_column { width: 100%; min-height: 130px !important; height: auto; margin: 0; padding: 0; position: static; } .site-header { overflow:hidden; margin: 20px 0 0 0; padding: 0; text-align: center; } .header-up { width: auto; margin: 0; text-align: center; } .site-branding { margin: 0 auto 16px auto; width:190px; } .site-branding .logo { height:auto; width:190px; } .site-branding .logo img { height:auto; width:190px; } .site-search { display: none; } .site-search .icon-search{ color:#999; font-size: 1.4em; text-decoration: none; } .site-search .icon-search:hover{ color:#000; } .header-bottom { width: auto; height: auto; margin: 0 auto; padding: 0; display: inline-block; } .social-links { margin: 0; height: 50px; width: auto; padding: 0; } .icon-social{ font-size: 2em; color: #cccccc; text-decoration: none; margin: 0; } .icon-rss { display: none; } .social-links ul { list-style-type: none; margin:0; padding: 0; } .social-links ul li { display: inline; margin: 1px 0 0 10px; padding: 0; width: auto; } .social-links ul li:first-child { margin: 0 5px 0 0; border-right: 1px solid #ccc; } .social-links .icon-search { display: block; font-size: 1.4em; padding: 0 5px 0 0; margin: 0 10px 0 0; } .main-navigation { display: static; } .snd-navigation { display: none; clear: both; } .menu-main-container { display: none; } .menu-mobile { display: block; margin: 0 20px 20px 20px; padding: 2px 2px 2px 2px; } .menu-mobile .menu-mobile-title { background-color: #e5e5e5; padding: 1px; } .menu-mobile .menu-mobile-title a { text-align: left; text-transform: uppercase; font-family: 'BG_Light'; padding: 10px 0 8px 10px; display: block; text-decoration: none; height: 100%; background: url(images/picto-menu-mobile.jpg) #ededed right no-repeat; background-size: 45px 49px; } .menu-mobile-container { display: none; background-color: #f3f3f3; padding: 0; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } .menu-mobile-container ul { list-style: none; text-align: left; padding: 0; margin: 0; } .menu-mobile-container ul ul{ list-style: decimal-leading-zero inside; text-align: left; padding: 0 10px 0 0; margin: 0; } .menu-mobile-container li { font-size: 0.7em; color: #d9d9d9; font-weight: normal; letter-spacing: 0.1em; border-top: 1px solid #e5e5e5; padding: 8px 0 4px 10px; text-align: center; } .menu-mobile-container ul ul li { font-size: 1em; color: #d9d9d9; font-weight: normal; letter-spacing: 0.1em; border-top: 1px solid #e5e5e5; padding: 8px 0 4px 10px; text-align: left; } .menu-mobile-container li:first-child { border-top: none; } .menu-mobile-container ul li a { text-decoration: none; text-transform: uppercase; font-size: 1.2em; letter-spacing: 0.1em; font-family: 'BG_Bld'; color:#000; line-height: 1.8em; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); } .category-title-mobile { text-transform: uppercase; font-size: 1.2em; letter-spacing: 0.1em; font-family: 'BG_Bld'; color:#000; line-height: 1.8em; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); background: url(images/arrow_down.jpg) 90px 2px no-repeat; background-size: 12px; padding: 0 20px 0 0; display: inline; } .menu-mobile-container ul ul li a { text-decoration: none; text-transform: uppercase; font-size: 1.2em; letter-spacing: 0.1em; font-family: 'BG_Light'; color:#000; line-height: 1.8em; text-shadow: 1px 1px 1px rgba(0,0,0,0.004); } .menu-mobile-container ul li a:hover, .menu-mobile-container ul ul li a:hover { color: #ccc; } .menu-mobile-container li.current_page_item a, .menu-mobile-container li.current-menu-item a { text-decoration: underline; } .site-content { margin: 1px 0 0 0; padding: 0; background-color: #fff; float: none; width: 100%; } .page-header {margin-top: 25px; padding:0px; } .content-area { padding: 0; margin: 0; } .site-main { margin: 0; padding: 0; float: none; } .hentry { margin: 0; } .left_side { float:none; width: 100%; margin: 0; padding: 0; } .entry { margin: 0; padding: 0; } .entry .entry-category .cat-container a { font-size: 1em; } .entry-date-mobile { display: block; text-align: center; color: #4dffc3; font-family: Georgia; font-style: italic; margin: 14px 0 0 0; letter-spacing: 0.1em; font-size: 1.1em; font-weight: lighter; } .entry .entry-title { margin-top: 12px; font-size: 2em; } .entry .entry-title, .entry .entry-title-full { padding: 0 30px 0 30px; } .entry .entry-title-full { margin-top: 40px; padding-bottom: 30px; background: url(images/separator.jpg) 50% bottom no-repeat; } .entry .entry-content-excerpt { font-size: 1.05em; padding: 0 20px; letter-spacing: 0.08em; } .entry-content-full { text-align: center; } .entry .entry-content-full p { padding: 0 12px 0 12px; margin: 0 12px 12px 12px; font-size: 1.1em; overflow:hidden; line-height: 1.4em; } .entry .entry-content-full ol { font-size: 1.1em; color: #333333; width:80%; padding: 0 0px 0 45px; } .entry .entry-content-full ol.wishlistlinks { margin: 25px auto; padding: 0 12px 0 12px; text-align: center; overflow: hidden; } .entry .entry-content-full ol.wishlistlinks li { margin-bottom: 1em; line-height: 1.4em; text-align: center; } .entry .entry-content-full ul { font-size: 1.1em; color: #333333; width:80%; padding: 20px 0px 10px 0px; margin:0 auto; text-align: center; list-style-position: inside; } .entry .entry-content-full ul li { padding: 0 0px 0 0; text-align: center; } .entry .entry-readmore { margin: 18px 0 32px 0; font-size: 0.9em; } .entry .entry-content-full p.wrap-image { padding: 0; margin: 18px 0 0 0; } .right_side { display: none; } .entry-social { margin: 30px 0 0px 22px; } .post-like { margin-right: 20px; } .pinterest-share { width:74px !important; } .gplus-share { width: 82px !important; } .tumblr-share { width: 77px !important; height: 20px; } .tumblr-share a { text-indent:-9999px; overflow:hidden; background:url('images/share-tumblr-icon.jpg') 0 0 no-repeat transparent; background-size: 77px 20px; width: 77px !important; height: 20px; } .entry-tags { margin: 20px 20px 0 20px; height: auto; } .entry-tags .tag-titre { text-transform: uppercase; font-family: 'BG_Bld'; color: #ccc; font-size: 0.8em; float:left; margin: 0 5px 0 0; } .entry-tags ul { list-style-type: none; margin: 0; padding: 0 0 0 40px; } #comments { margin: 40px 20px 0 20px; } #comments .headercomments { margin:0 0 0 0px; background: url(images/stripes-pattern.jpg) repeat-x bottom left; background-size: 4px 7px; padding: 0 0 46px 0; } #comments .comments-title { text-transform: uppercase; font-family: 'BG_Bld'; color: #b2b2b2; font-size: 1em; letter-spacing: 0.1em; float:left; } .comment-content a { word-wrap: break-word; } #comments .btn_react a { background-color: #4dffc3; padding: 6px 8px 4px 8px; text-decoration: none; text-transform: uppercase; color: #fff; font-family: 'BG_Bld'; float: right; margin: -9px 0 0 0; } #comments .btn_react a:hover { background-color: #000; color: #fff; } #comments .comment-list { list-style-type: none; margin: 0; padding: 0; } #comments .comment-list li:first-child { margin: 20px 0 0 0; } #comments .comment-list li { margin: 40px 0 0 0; clear: both; } #comments .comment-list .children { list-style-type: none; margin: 40px 0 0 80px; padding: 0; } #comments .comment-list .children li { clear: both; margin: 40px 0 0 0; } #comments .comment-list .comment-avatar { float: left; width: 70px; height: auto; margin-right: 10px; } .comment-right { margin: 0 0 0 80px; padding: 0; } #comments .comment-list .comment-content { background-color: #fafafa; font-family: Georgia, serif; font-style: italic; font-size: 0.8em; line-height: 1.8em; padding: 0; } #comments .comment-list .comment-meta { float: left; } #comments .comment-list .comment-meta .comment-author { font-family: Georgia, serif; font-size: 0.8em; font-style: italic; } #comments .comment-list .comment-meta .comment-time { font-family: Georgia, serif; font-size: 0.8em; font-style: italic; text-transform: capitalize; color: #7c7c7c; } #comments .comment-list .comment-footer .reply { float: right; } #comments .comment-list .comment-footer .reply a{ text-transform: uppercase; font-family: 'BG_Reg'; color: #4dffc3; text-decoration: none; font-size: 0.7em; } #comments .comment-list .comment-content p { padding: 10px 12px 10px 12px; margin: 0; } #respond { margin: 46px 0 80px 0; padding: 0 0 40px 0; background: url(images/stripes-pattern.jpg) bottom left repeat-x; background-size: 4px 7px; } #respond .comment-reply-title { text-transform: uppercase; font-family: 'BG_Bld'; font-size: 0.8em; text-align: center; background: url(images/separator.jpg) 50% 0 no-repeat; padding: 22px 0 0 0; margin: 0 0 20px 0; } #commentform { margin: 20px 0 0 0; } /* =Search overlay ----------------------------------------------- */ .search-txtfield { font-size: 80px; } #ajax-results-container { margin-top:20px; height: auto; } #ajax-results-container ul { list-style-type: none; padding: 0 15px 0 15px; margin: 0; } #ajax-results-container ul li.s-result { margin:0px 10px 20px -60px; } #ajax-results-container ul li .s-entry-thumb { margin:-2px 0 0 0; float: none; display: block; width: 100%; height:auto; } #ajax-results-container ul li .s-entry-thumb img { height: auto; width: 100%; display: block; margin-top: -22px; } #ajax-results-container ul li .s-entry-title { text-align: center; text-transform: uppercase; font-family: 'gfs_didotregular'; font-size: 1em; letter-spacing: 0.1em; line-height: 1.2em; color: #000; display: inherit; height: auto; padding: 30px 10px 30px 10px; } #ajax-results-container ul li .s-entry-title a{ color: #000; text-decoration: none; } /* =Contact ----------------------------------------------- */ #contact-content { padding: 0 32px 20px 20px; } #contact-content p { background: url(images/separator.jpg) 50% bottom no-repeat; padding: 0 0 20px 0; margin: 0 0 20px 0; font-size: 0.8em; letter-spacing: 0.1em; text-align: center; } .wpcf7 { margin-bottom: 40px; } .wpcf7-form { width: 100%; margin-bottom: 40px; } .wpcf7 .wpcf7-text { width: 80%; } .wpcf7-form textarea { margin-right: 10px; } #pbd-alp-load-posts { margin-top: 35px; } /* =Archives ----------------------------------------------- */ .archive_year { padding: 0 10px 0 10px; } .archives_list { padding: 0 10px 0 10px; } } @media screen and (max-width: 637px) { .newgifts .one_half { width: 100% !important; margin-right: 0 !important; } .newgifts .one_half.last_column { width: 100% !important; margin-right: 0px !important; } } @media screen and (max-width: 480px) { .site-branding .logo { width: 160px; margin: 0 auto; } #search-overlay .formcontainer { padding-top: 20px; } .search-txtfield { font-size: 34px; } #ajax-results-container ul li.s-noresult { text-align: center; } #ajax-results-container { margin-top: 15px; } .entry-content-full { text-align: center; } .entry .entry-content-full p { padding: 0 12px 0 12px; font-size: 1.1em; } .entry .entry-content-full p.wrap-image { padding: 0; margin: 0px 0 0 0; } .entry .entry-content-full blockquote { padding: 0 12px 0 12px; margin: 0 12px; } .entry .entry-content-full blockquote p { padding: 0.8em 0 1em 0; margin: 0 0 0 0; line-height: 1.4em; font-size: 1.1em; } .entry-social ul li { display: block; margin-left: 0px; } .entry .entry-content-full .gifts { border-collapse: separate; border-spacing:0; width: 100%; border-left:2em solid #fff; border-right:2em solid #fff; margin-top:1.2em; } .entry .entry-content-full .gifts tr{ } .entry .entry-content-full .gifts td{ text-align:center; padding:0px; margin:0; line-height:normal; border-bottom:1.8em solid white; display:block; width:100%; } .entry .entry-content-full .gifts td.last { border-bottom:1.8em solid white; } .entry .entry-content-full .gifts td.last2 { border-bottom:none; } .entry-social .fb-like { max-width: 340px !important; overflow: hidden; } .fb_iframe_widget span { max-width: 340px !important; } #comments .btn_react a { font-size: 0.8em; padding: 5px 6px 5px 6px; line-height: 1; margin: -1px 0 0 0; } #comments .comments-title { text-transform: uppercase; font-family: 'BG_Bld'; color: #b2b2b2; font-size: 0.8em; letter-spacing: 0.1em; float:left; } #comments .nb-comments { color: #000; font-size: 1.4em; } #comments .headercomments { margin:0 0 0 0px; padding: 0 0 35px 0; } .post-like { margin-top: 10px; padding-top: 20px; padding-left: 30px; clear: both; border-left: none; float: none; line-height: 1pt; text-align: left; } .post-like a { font-size: 30pt; } .post-like .alreadyvoted { font-size: 30pt; margin-right: 10px; } .post-like .count { font-size: 12pt; line-height: 50px; } .post-like .texte { display: none; padding: 0; } /* PAGE A PROPOS*/ #apropos-content { padding: 20px 20px 20px 20px; } #apropos-content .big { font-size: 1.6em; } #apropos-content .round { font-size: 2.6em; } /* =Contact ----------------------------------------------- */ #contact-content { padding: 0 32px 20px 20px; } .wpcf7-form { overflow: hidden; } .wpcf7 .wpcf7-text { width: 80%; } .wpcf7-form textarea { } } @media screen and (max-height: 700px) and (min-width: 800px) { .site-branding { width: 160px; margin:20px 0 10px 0; } .menu-main-container { margin: 10px 0 0 0; } .menu-main-container ul li a { font-size: 1.1em; line-height: 1.5em; } .header-bottom { margin-top: -125px; } .snd-navigation { margin: 0 0 5px 0; } .snd-navigation li { line-height: 1em; font-size: 0.9em; } } /* Image with 'data' attribute is hidden */ img[data-lazy-src] { /* we set the opacity to 0 */ opacity: 0; } /*Image without 'data' attribute is (or becomes) visible */ img.lazyloaded { /* prepare the future animation */ -webkit-transition: opacity .2s linear 0.2s; -moz-transition: opacity .2s linear 0.2s; transition: opacity .2s linear 0.2s; /* we set the opacity to 1 to do the magic */ opacity: 1; } .grecaptcha-badge{ visibility: collapse !important; }