@charset "UTF-8"; /* Themify Suco 7.5.5 framework 7.9.4 */ /*/css/base.min.css*/ :where(.tf_loader){width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}:where(.tf_overflow){overflow:hidden}.tf_box{box-sizing:border-box}:where(.tf_abs){position:absolute;inset:0}:where(.tf_abs_t){position:absolute;top:0;left:0}:where(.tf_abs_b){position:absolute;bottom:0;left:0}:where(.tf_abs_c){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf_rel{position:relative}:where(.tf_opacity){opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper>.post,.woocommerce ul.loops-wrapper.products>li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:3.2%;clear:none}.woocommerce .loops-wrapper.no-gutter.products>.product,body .loops-wrapper.no-gutter>.post{margin:0}.woocommerce .loops-wrapper.products.list-post>.product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137,137,137,.2);--tf_scroll_color_hover:rgba(137,137,137,.4);scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w,10px);height:var(--tf_scroll_h,10px)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}.tf_vd_lazy:fullscreen video{height:100%;object-fit:contain} /*/css/themify-common.css*/ iframe{border:0}a{cursor:pointer}:is(button,a,input,select,textarea,.button):focus{outline:1px dotted hsla(0,0%,59%,.2)}.tf_focus_heavy :is(button,a,input,select,textarea,.button):focus{outline:2px solid rgba(0,176,255,.8)}.tf_focus_none a,.tf_focus_none:is(button,a,input,select,textarea,.button):focus{outline:0}.tf_large_font{font-size:1.1em}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.skip-to-content:focus{clip-path:none}.post-image .themify_lightbox{display:block;max-width:100%;position:relative}.post-image .themify_lightbox .zoom{background:rgba(0,0,0,.3);border-radius:100%;height:35px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:35px}.post-image .themify_lightbox .zoom .tf_fa{color:#fff;vertical-align:middle;stroke-width:1px;left:50%;line-height:100%;position:absolute;top:50%;transform:translate(-50%,-50%)}.post-image .themify_lightbox:hover .zoom{background:rgba(0,0,0,.6)}.pswp:not(.pswp--open){display:none}:is(.ptb_map,.themify_map) button{border-radius:0;max-width:inherit} /*/wp-content/themes/suco/styles/modules/site-logo.css*/ #site-logo{font:small-caps 50px/100% Rokkitt,Arial,Helvetica,sans-serif;letter-spacing:1px;margin:0;position:absolute;text-shadow:0 2px 0 rgba(0,0,0,.2);top:30px}#site-logo a{color:#fff}#site-logo a,#site-logo a:hover{text-decoration:none} /*/wp-content/themes/suco/styles/modules/site-description.css*/ #site-description{color:#bdb9b7;font:14px/100% Rokkitt,Arial,Helvetica,sans-serif;margin:0;position:absolute;text-transform:uppercase;top:85px}#site-description .site-taglink{color:inherit;font:inherit}#site-description .site-taglink:hover{text-decoration:none} /*/css/modules/social-links.css*/ .social-widget .widget{display:inline-block;margin:0 3px 0 0}.social-widget .widgettitle{background:0;border:0;border-radius:0;box-shadow:none;display:inline-block;font-family:inherit;font-size:100%;font-weight:700;letter-spacing:0;margin:0 .5em 0 0;padding:0;text-transform:none;vertical-align:middle;width:auto}.social-widget .social-links{display:inline;margin:6px 0 0;padding:0}.widget .social-links li img{vertical-align:middle}.widget .social-links{line-height:1em;padding:0}.social-links .social-link-item{border:0;display:inline-block;list-style:none;margin:0 5px 5px 0;padding:0}.social-links.vertical li{display:block;margin:0 0 5px}.widget .social-links a,.widget .social-links a:hover{text-decoration:none}.social-links li em{border-radius:100%;display:inline-block;font-size:20px;height:20px;line-height:1em;padding:4px;text-align:center;vertical-align:middle;width:20px}.social-links .icon-small em{font-size:16px;height:16px;width:16px}.social-links .icon-large em{font-size:28px;height:36px;padding:6px;width:36px}.social-links .icon-small img{max-height:16px;max-width:16px}.social-links .icon-medium img{max-height:24px;max-width:24px}.social-links .icon-large img{max-height:32px;max-width:32px}#footer .social-links.horizontal li,#sidebar .social-links.horizontal li{border:0;display:inline-block}#footer .social-links.vertical,#sidebar .social-links.vertical{display:block}#footer .social-links.vertical li,#sidebar .social-links.vertical li{display:block;margin:0 0 .5em} /*/wp-content/themes/suco/style.css*/ /*! Theme Name:Themify Suco Theme URI:https://themify.me/themes/suco Version:7.5.5 Description:Created by Themify. Author:Themify Author URI:http://www.themify.me License:GNU General Public License v2.0 License URI:http://www.gnu.org/licenses/gpl-2.0.html Copyright:(c) 2016 Themify. Tags:featured-images, translation-ready, custom-menu Text Domain:themify Requires PHP:7.2 Changelogs: https://themify.org/changelogs/suco.txt --------- DO NOT EDIT THIS FILE. If you need to override theme styling, please add custom CSS in Appearance > Customize > Custom CSS or a child theme (https://themify.me/docs/child-theme). */a,abbr,acronym,address,b,bdo,big,blockquote,body,br,button,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,form,h1,h2,h3,h4,h5,h6,html,i,img,ins,kbd,legend,li,map,object,ol,p,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0}fieldset,img{border:0}img{box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}audio,iframe,object{max-width:100%}@font-face{font-display:swap;font-family:themify_theme_icons;src:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/fonts/themify_theme_icons.woff2) format("woff2")}html{-webkit-font-smoothing:antialiased}body{background:#403430 url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/crossed-bg.png);color:#777;font:.85em/150% Arial,Helvetica,sans-serif;overflow-wrap:break-word}a{color:#9b885d;outline:none;text-decoration:none}a:hover{text-decoration:underline}p{margin:0 0 1.2em;padding:0}small{font-size:87%}blockquote{font:italic 110%/130% Times New Roman,Times,serif;padding:8px 30px 15px}ol,ul{line-height:140%;margin:1em 0 1.4em 24px}li,ol,ul{padding:0}li{margin:0 0 .5em}h1,h2,h3,h4,h5,h6{color:#3f2103;font-family:Rokkitt,Arial,Helvetica,sans-serif;font-weight:400;line-height:1.4em;margin:20px 0 .4em;overflow-wrap:normal;text-shadow:0 2px 0 rgba(0,0,0,.15)}h1{font-size:2.4em}h2{font-size:2em}h3{font-size:1.8em}h4{font-size:1.6em}h5{font-size:1.4em}h6{font-size:1em}button,input,input[type=search],select,textarea{font-family:inherit;font-size:100%}input[type=email],input[type=password],input[type=search],input[type=text],input[type=url],textarea{-webkit-appearance:none;background-color:#ddd;border:0;border-radius:5px;padding:6px 10px}input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=text]:focus,input[type=url]:focus,textarea:focus{background-color:#eee;outline:none}input[type=email],input[type=search],input[type=text],input[type=url]{max-width:96%;width:240px}textarea{line-height:150%;width:96%}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{display:none}button,input[type=reset],input[type=submit]{-webkit-appearance:none;background-color:#d7400d;border:1px solid #681d06;border-radius:4px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2);color:#fff;font-weight:700;line-height:100%;padding:8px 20px;text-shadow:0 -1px 0 rgba(0,0,0,.4)}button:hover,input[type=reset]:hover,input[type=submit]:hover{background-color:#c62807}#body,#content,#footer,#footerwrap,#header,#headerwrap,#layout,#main-nav,#pagewrap,#sidebar,.author-box,.pagewidth,.post,.post-nav,.widget{box-sizing:border-box}.pagewidth,.row_inner{margin:0 auto;max-width:100%;width:978px}#body{background:#fff url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/noise-bg.png);padding:0 0 40px}#upperwrap{background:#ded0a8 url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/fibre-bg.png);border-bottom:1px solid #ccc;padding:40px 0 30px}#content{float:left;width:680px}#content,#sidebar{margin:40px 0 60px}#sidebar{width:252px}#sidebar,.sidebar-left #content{float:right}.sidebar-left #sidebar{float:left}.sidebar-none #content{float:none;width:100%}.full_width #layout{max-width:100%;width:100%}.full_width #content{padding:0}.full_width #content,.full_width #sidebar{float:none;width:auto}.col2-1,.col3-1,.col3-2,.col4-1,.col4-2,.col4-3{float:left;margin-left:3.2%}.col4-1{width:22.6%}.col2-1,.col4-2{width:48.4%}.col4-3{width:74.2%}.col3-1{width:31.2%}.col3-2{width:65.6%}.col.first,.col2-1.first,.col3-1.first,.col3-2.first,.col4-1.first,.col4-2.first,.col4-3.first{clear:left;margin-left:0}#headerwrap{position:relative;z-index:100}#header{color:#b3aeac;height:180px;position:relative}#header a{color:#c7af77}#nav-bar{background:#261e1c url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/dash-bg.png) repeat-x 0 bottom;border-top:1px solid #000;bottom:0;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 -1px 3px rgba(0,0,0,.2);height:50px;left:0;position:absolute;width:100%;z-index:1}#searchform-wrap{position:absolute;right:0;top:85px;width:160px}#header #searchform #s{border-radius:12px;box-shadow:inset 0 2px 2px rgba(0,0,0,.7),0 1px 0 hsla(0,0%,100%,.1);color:#a5a099;padding-left:28px;transition:width .7s;width:120px}#header #searchform{display:inline-block;float:right;position:relative}#searchform:before{content:"\e800";font-family:themify_theme_icons;left:8px;position:absolute;top:4px;transform:rotate(90deg);z-index:1}#header #searchform #s:focus{width:140px}.social-widget{bottom:10px;float:right;margin-top:-1px;position:absolute;right:0;z-index:1000}.social-widget a,.social-widget a:hover{text-decoration:none}.social-widget .widget{display:inline-block;margin:0 5px 0 0}.social-widget .widget div{display:inline}.social-widget .widgettitle{background:0;border:0;box-shadow:none;display:inline-block;font:700 100% Arial,Helvetica,sans-serif;letter-spacing:0;margin:5px 8px 2px 0;padding:0;position:static;text-transform:none;width:auto}.social-widget ul{display:inline;margin:6px 0 0!important;padding:0}.social-links.horizontal li{border:0!important;clear:none;display:inline-block;line-height:100%;margin:0;padding:0 2px 5px 0}.social-widget li img{margin-top:-5px;vertical-align:middle}.social-widget div.rss{display:inline}.social-widget div.rss a{background:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/rss.png) no-repeat 0;display:inline-block;padding:3px 0 2px 30px}.header-widget{line-height:130%;position:absolute;right:0;text-align:right;top:20px}.header-widget h1,.header-widget h2,.header-widget h3,.header-widget h4,.header-widget h5,.header-widget h6{color:#fff;margin:0;padding:0}#main-nav{bottom:12px;left:0;margin:0;padding:0;position:absolute;z-index:100}#main-nav li{float:left;list-style:none;margin:0;padding:0;position:relative}#main-nav a{color:#fff;display:block;font-weight:700;margin:0 5px 0 0;padding:5px 15px;text-decoration:none}#main-nav a:hover,#main-nav li:hover>a{color:#c8ad6c}#main-nav .current-menu-item a,#main-nav .current_page_item a{background-color:#161211;border-radius:15px;box-shadow:inset 0 2px 2px rgba(0,0,0,.7),0 1px 0 hsla(0,0%,100%,.1);color:#c8ad6c}#main-nav .current-menu-item a:hover,#main-nav .current_page_item a:hover{color:#fff}#main-nav .current-menu-item ul a,#main-nav .current_page_item ul a,#main-nav ul .current-menu-item a,#main-nav ul .current_page_item a,#main-nav ul a{background:0;border-radius:0;box-shadow:none;color:#666;font-weight:400;margin:0;padding:7px 0 7px 15px;width:180px}#main-nav .current-menu-item ul a:hover,#main-nav .current_page_item ul a:hover,#main-nav ul .current-menu-item a:hover,#main-nav ul .current_page_item a:hover,#main-nav ul a:hover{background-color:#f3f3f3;color:#000}#main-nav ul{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.2);display:none;list-style:none;margin:0;padding:5px 0;position:absolute;z-index:100}#main-nav ul li{background:0;display:block;float:none;margin:0;padding:0}#main-nav ul ul{left:190px;top:-2px}#main-nav li:hover>ul{display:block}.welcome-message{color:#573a1e;font:280%/110% Rokkitt,Arial,Helvetica,sans-serif;margin-bottom:35px;text-align:center}#sliderwrap .slider{color:#736357;font-size:115%;line-height:130%;margin:0;overflow:hidden;padding:0;position:relative;width:100%}#sliderwrap .slide-post-title{color:#603913;font-size:56px;line-height:110%;margin:0 0 10px}#sliderwrap p{margin:0 0 20px;padding-left:0;padding-right:0;padding-top:0}#sliderwrap .slides a{color:#f26522;text-decoration:none}#sliderwrap .slides a:hover{text-decoration:underline}#sliderwrap .slides{margin:0 0 20px;overflow:hidden;padding:0}#sliderwrap .slides .tf_swiper-slide{background:0!important;float:left;margin:0;overflow:hidden;padding:0;position:relative;width:100%}#sliderwrap .slide-image{float:left;margin:0 30px 0 0;width:58%}#sliderwrap .slide-feature-image{float:left;margin:0 30px 0 0;vertical-align:text-bottom}#sliderwrap .slide-content{overflow:hidden;padding:30px 0 0}#sliderwrap .image-caption-wrap{font-size:13px;line-height:140%;position:relative;vertical-align:bottom}#sliderwrap .image-caption-wrap img{vertical-align:bottom}#sliderwrap .image-caption-wrap .caption{background:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/slide-caption-bg.png);bottom:0;color:#ccc;left:0;padding:15px 20px 10px;position:absolute;z-index:5}#sliderwrap .image-caption-wrap h3{color:#fff;font:700 140%/120% Arial,Helvetica,sans-serif;margin:0 0 5px;padding:0}#sliderwrap .image-caption-wrap p{margin:0}#sliderwrap .image-caption-wrap a{color:#fff;text-decoration:none}#sliderwrap .image-caption-wrap a:hover{text-decoration:underline}#sliderwrap .image-slide{text-align:center}#sliderwrap .slider-image-caption img,#sliderwrap .slider-image-only img{background-color:#fff;border:1px solid;border-color:#ccc #ccc #aaa;padding:4px}#sliderwrap .tf_carousel_bullets{display:block;margin:0;padding:0;text-align:center;width:100%}#sliderwrap .tf_carousel_bullets a{background:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/slide-nav.png) no-repeat -40px 0;border:0;cursor:pointer;display:inline-block;height:11px;margin:0 2px 1px;overflow:hidden;padding:2px;text-indent:-250px;width:10px}#sliderwrap .tf_carousel_bullets a:hover{background-position:-20px 0}#sliderwrap .tf_carousel_bullets .selected{background-position:0 0}#sliderwrap .tf_carousel_nav_wrap{margin-top:20px;padding:0}#sliderwrap .tf_carousel_nav_wrap>a{display:none;height:49px;margin-top:-60px;overflow:hidden;padding:0;position:absolute;text-indent:-900em;top:50%;width:49px;z-index:2000}#sliderwrap .tf_carousel_nav_wrap>a:before{content:none}#sliderwrap .carousel-prev{background:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/slide-next-prev.png) no-repeat;left:7px}#sliderwrap .carousel-next{background:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/slide-next-prev.png) no-repeat 0 -49px;right:7px}#sliderwrap .carousel-disabled{opacity:.2}#sliderwrap .slider:hover .tf_carousel_nav_wrap>a{display:block}#sliderwrap a.button{color:#000}#sliderwrap a.button:hover{text-decoration:none}#sliderwrap a.black{color:#fff}#sliderwrap .slider a.tb_turn_on,.home-highlights a.tb_turn_on{display:none}.home-highlightswrap{background:#3d2c29 url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/dash-bg.png) repeat-x 0 bottom;border-top:1px solid #000;box-shadow:inset 0 2px 3px rgba(0,0,0,.3);position:relative}.home-highlights{color:#b1aba9;padding:30px 0 10px;position:relative}.home-highlights h4{color:#fff;font-size:160%;line-height:120%;margin:0}.home-highlights .icon{float:left;padding:5px 0 0 5px;position:relative}.home-highlights .icon img{margin:0 15px 0 0}.home-highlights .icon .zoom{background:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/zoom-icon.png) no-repeat;display:block;height:27px;left:0;position:absolute;top:0;width:27px}.home-highlights .home-highlights-content{margin-bottom:20px;overflow:hidden}.action-text{background-color:#fbf2d4;border:1px solid #cebe8f;border-radius:10px;box-shadow:0 1px 0 rgba(0,0,0,.1);margin-top:40px;padding:15px 200px 15px 25px;position:relative}.action-text h2,.action-text h3,.action-text h4{color:#483633;font-size:26px;line-height:110%;margin:0 0 2px}.action-text p{margin:0 0 5px}.action-text .button{background-color:#d43b0c;border:1px solid #681d06;border-radius:10px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.5);color:#fff;font:26px/100% Rokkitt,Arial,Helvetica,sans-serif;padding:10px 20px;position:absolute;right:20px;text-decoration:none;top:15px}.action-text .button:hover{text-decoration:none}.home-widgets{padding:50px 0 20px}.author-bio{margin:0 0 30px}.author-bio .author-avatar{float:left;margin:0 15px 0 0}.author-bio .author-avatar img{background-color:#fff;border:1px solid #ccc;padding:4px}.author-bio .author-name{font-size:160%;margin:0 0 5px;padding:0}.author-posts-by{border-color:#ccc hsla(0,0%,46%,.3) hsla(0,0%,46%,.3);border-top:4px double hsla(0,0%,46%,.3);font-size:140%;margin:0 0 20px;padding:10px 0 0;text-transform:uppercase}.page-title{font-size:360%;line-height:110%;margin:0;padding:0}.category-section{clear:both;margin-bottom:30px}.category-section-title{font-size:120%;margin:0 0 20px;text-transform:uppercase}.post{box-sizing:border-box;margin-bottom:40px;position:relative}.post-content{min-width:120px}.post-title{font-size:200%;line-height:110%;margin:0 0 5px;padding:0}.post-title a{color:#3f2103}.post-title a,.post-title a:hover{text-decoration:none}.post-image{margin:0 0 15px;max-width:100%}.post-meta{font-size:90%}.post-meta .post-date{font-weight:700;margin-right:5px}.post-meta .post-author{background:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/post-author.png) no-repeat 0 2px;margin-right:7px;padding-left:16px}.post-meta .post-comment{background:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/post-comment.png) no-repeat 0 2px;margin-right:7px;padding-left:16px}.post-meta .post-category{background:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/post-category.png) no-repeat 0 2px;margin-right:7px;padding-left:16px}.post-meta .post-tag{background:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/post-tag.png) no-repeat 0 2px;margin-right:7px;padding-left:16px}.loops-wrapper.list-post .post{min-height:200px;padding-left:130px;position:relative}.loops-wrapper.list-post .post-title{font-size:34px;margin:0 0 10px}.loops-wrapper.list-post .post-image{margin:0 0 15px}.loops-wrapper.list-post .post-meta{font-size:85%;left:0;position:absolute;top:55px;width:115px}.loops-wrapper.list-post .post-meta>span{background-position:0 7px;border-top:1px solid #ccc;display:block;margin:0 5px 5px 0;padding-top:5px}.loops-wrapper.list-post .post-meta .post-date{display:block;margin-bottom:10px}.loops-wrapper.grid4 .post{font-size:90%}.loops-wrapper.grid4 .post-title{font-size:1.7em;margin:5px 0}.loops-wrapper.grid3 .post-title{font-size:1.9em;margin:5px 0}.loops-wrapper.grid2 .post-title{font-size:2em;margin:5px 0}.loops-wrapper.grid2-thumb .post-title{font-size:1.8em;margin:5px 0}.loops-wrapper.grid2-thumb .post-image{float:left;margin:5px 14px 10px 0}.loops-wrapper.grid2-thumb .post-content{overflow:hidden}.loops-wrapper.list-thumb-image .post-image{float:left;margin:7px 16px 10px 0}.loops-wrapper.list-thumb-image .post-content{overflow:hidden}.loops-wrapper.list-large-image .post-image{float:left;margin:7px 22px 10px 0}.loops-wrapper.list-large-image .post-content{overflow:hidden}.format-audio .audio-image img{float:left;margin:0 20px 10px 0}.format-audio .audio-player{padding:8px 0 10px}.post audio{max-width:100%}.format-quote .quote-content{font:italic 120%/130% OFL Sorts Mill Goudy TT,Georgia,Times,serif}.format-quote .quote-author{font-family:OFL Sorts Mill Goudy TT,Georgia,Times,serif;font-style:normal;font-variant:small-caps;letter-spacing:.1em;margin:0 0 10px;text-align:right}.format-link .post-title a{background:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/link-arrow.png) no-repeat 100%;padding-right:26px}.embed-youtube,.post-video{font-size:.9em;height:0;margin-bottom:15px;overflow:hidden;padding-bottom:56.25%;padding-top:30px;position:relative}.embed-youtube embed,.embed-youtube iframe,.embed-youtube object,.post-video embed,.post-video iframe,.post-video object{height:100%;left:0;position:absolute;top:0;width:100%}.twitter-tweet-rendered{max-width:100%!important}.post-icon{background:#bba265 url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/icon-post.png) no-repeat 50%;border:1px solid #948051;border-radius:4px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2);display:block;float:left;height:36px;margin:2px 14px 0 0;width:36px}.loops-wrapper.list-post .post-icon{display:block;left:0;margin:0 0 10px;position:absolute;top:0}.format-audio .post-icon{background-image:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/icon-audio.png)}.format-gallery .post-icon{background-image:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/icon-gallery.png)}.format-link .post-icon{background-image:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/icon-link.png)}.format-quote .post-icon{background-image:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/icon-quote.png)}.format-status .post-icon{background-image:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/icon-status.png)}.format-aside .post-icon{background-image:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/icon-aside.png)}.format-video .post-icon{background-image:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/icon-video.png)}.format-image .post-icon{background-image:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/icon-image.png)}.format-chat .post-icon{background-image:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/icon-chat.png)}.author-box{margin:15px 0}.author-box .author-avatar{float:left;margin:0 15px 5px 0}.author-box .author-name{margin:0 0 5px}.post-pagination{margin:.5em 0 2em;text-align:right}.post-pagination strong{margin-right:3px}.post-pagination a{margin-left:3px;margin-right:3px}.post-nav{clear:both;font-size:110%;margin:0 0 30px;padding:15px 0}.post-nav .next,.post-nav .prev{width:45%}.post-nav a{font-size:110%}.post-nav a,.post-nav a:hover{text-decoration:none}.post-nav .prev{float:left}.post-nav .prev a{display:block;padding:6px 0}.post-nav .next{float:right;text-align:right}.post-nav .next a{display:block;padding:6px 0}.post-nav .arrow{background-color:#bba265;border:1px solid #948051;border-radius:4px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2);color:#fff;display:block;float:left;font:normal 22px/100% Times New Roman,Times,serif;height:26px;margin:-6px 10px 17px 0;text-align:center;width:26px}.post-nav .next .arrow{float:right;margin-left:10px;margin-right:0}.commentwrap{clear:both;position:relative}#reply-title,.comment-title{font-size:220%;margin:0 0 10px;padding:0}.commentwrap .pagenav{border:0}.commentwrap .pagenav.top{margin:0;position:absolute;right:0;top:15px}.commentlist{border-top:1px solid #ddd;margin:0;padding:5px 0 0}.commentlist li{list-style:none;margin:0;padding:15px 0 0;position:relative}.commentlist ol,.commentlist ul{margin:0 0 0 90px;padding:0}.commentlist .comment-author{margin:2px 0 5px;padding:0}.commentlist .avatar{float:left;margin:0 15px 0 0}.commentlist cite{font-size:140%;font-style:normal}.commentlist cite a{text-decoration:none}.commentlist cite .tf_fa{margin-right:10px}.commentlist .bypostauthor>.comment-author cite{background:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/icon-author-comment.png) no-repeat 0 2px;padding-left:18px}.commentlist .comment-time{font-size:75%;text-transform:uppercase}.commentlist .commententry{border-bottom:1px solid #ddd;min-height:40px;overflow:hidden;padding-bottom:5px;position:relative}.commentlist .reply{position:absolute;right:0;top:20px}.commentlist .comment-reply-link{background-color:#bba265;border:1px solid #948051;border-radius:4px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2);color:#fff;font-size:11px;line-height:100%;padding:2px 6px;text-decoration:none;text-transform:uppercase}.commentlist .comment-reply-link:hover{text-decoration:none}#respond{clear:both;margin:40px 0 30px;padding:10px 0 0;position:relative}#respond #cancel-comment-reply-link{background-color:#d7400d;border:1px solid #681d06;border-radius:4px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2);color:#fff;display:block;font-size:80%;font-weight:400;line-height:100%;padding:5px 10px;position:absolute;right:0;text-decoration:none;text-shadow:0 -1px 0 rgba(0,0,0,.4);top:20px}#respond #cancel-comment-reply-link:hover{background-color:#c62807}#commentform{margin:0;padding:0}#commentform label{font-weight:700}#commentform label small{font-weight:400}#commentform textarea{box-sizing:border-box;height:140px;width:100%}#commentform .comment-form-author,#commentform .comment-form-email{box-sizing:border-box;clear:none;float:left;width:50%}#commentform p.comment-form-author{padding-right:2%}#commentform .comment-form-email{padding-left:2%}#commentform input[type=email],#commentform input[type=text],#commentform input[type=url]{box-sizing:border-box;max-width:none;width:100%}.widget{margin:0 0 30px}.widgettitle{font-size:165%;margin:0 0 10px;padding:0}.widget ul{margin:0;padding:0}.widget li{border-top:1px solid #ddd;clear:both;list-style:none;margin:0;padding:6px 0}.widget ul ul{border-top:none;margin:6px 0 -6px;padding:0}.widget ul ul li{margin:0;padding-left:10px}.widget #wp-calendar caption{font-weight:700;padding-bottom:10px}.widget #wp-calendar td{padding:4px 2px;text-align:center;width:31px}.widget .feature-posts-list br{display:none}.widget .feature-posts-list .post-img{float:left;margin:4px 12px 10px 0}.widget .feature-posts-list small{display:block;font:italic 90% Times New Roman,Times,serif;margin:0 0 3px}.widget .feature-posts-list .feature-posts-title{margin:4px 0 3px}.widget .feature-posts-list .post-excerpt{display:block}.widget .twitter-list .twitter-timestamp{font:italic 90% Times New Roman,Times,serif}.widget .follow-user{margin:0;padding:5px 0}.widget .links-list img,.widget_links img{margin-right:7px;vertical-align:middle}.recent-comments-list .avatar,.widget .flickr_badge_image{float:left;margin-right:12px}.widget .flickr_badge_image{margin-bottom:12px}.widget .flickr_badge_image img{height:60px;width:60px}.shortcode .flickr_badge_image{float:left;margin:0 1.5% 1.5% 0;width:23.8%}.shortcode .flickr_badge_image:nth-of-type(4n){margin-right:0}.shortcode .flickr_badge_image img{margin:0}#sidebar #searchform{position:static}#sidebar #searchform #s{width:93%}#content .twitter-tweet-rendered,#content .twt-border{max-width:100%!important}#content .twt-border{min-width:180px!important}.widget .social-links{line-height:100%;margin:0 0 20px;padding:0}.widget .social-links li{border:0;display:inline-block;list-style:none;margin:0 5px 5px 0;padding:0}.widget .social-links img{vertical-align:middle}.widget .textwidget ul{margin:0 0 1.4em 1.6em}.widget .textwidget li{display:list-item}.widget .textwidget ul li{list-style:disc}.widget .textwidget ol li{list-style:decimal}.footer-widgetswrap{background:#261e1c url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/dash-bg.png) repeat-x 0 0;border-bottom:1px solid #000;box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.1),0 1px 2px rgba(0,0,0,.3);padding:15px 0 0}.footer-widgets{color:#b3aeac}.footer-widgets .widget{margin-bottom:30px;margin-top:20px}.footer-widgets .widget li{border-color:#514b49}.footer-widgets .widgettitle{color:#fff}.footer-widgets a{color:#c7af77}#footer{clear:both;color:#b3aeac;min-height:100px;padding:30px 0;position:relative}#footer a{color:#c7af77}.footer-nav{clear:both;margin:0 0 5px;padding:0}.footer-nav li{display:inline;list-style:none;margin:0 20px 0 0;padding:0}.footer-nav a{font-weight:700}#footer-logo{font:small-caps 36px/100% Rokkitt,Arial,Helvetica,sans-serif;margin:0;position:absolute;right:0;text-shadow:0 2px 0 rgba(0,0,0,.2);top:34px}#footer-logo a{color:#fff}#footer-logo a,#footer-logo a:hover{text-decoration:none}.footer-text{font-size:90%}img.aligncenter,img.alignleft,img.alignnone,img.alignright{margin-bottom:15px}.alignleft{float:left;margin-right:30px}.alignright{float:right;margin-left:30px}.aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center}.wp-caption{margin-bottom:15px;max-width:100%;text-align:center}.wp-caption-text{font:normal 95%/120% Georgia,Times New Roman,Times,serif;margin:6px 0}.attachment.single-attachment,.single-attachment .attachment{float:none;margin:0;text-align:left}#body .gallery img,.attachment img,.commentlist .avatar,.image-wrap img,.module .image-wrap img,.module .post-image img,.module .slide-image img,.post-image img,.recent-comments-list .avatar,.shortcode .flickr_badge_image img,.slide-image img,.widget .feature-posts-list .post-img,.widget .flickr_badge_image img,.wp-caption img,img.aligncenter,img.alignleft,img.alignnone,img.alignright{background-color:#fff;border:1px solid #e3e3e3;border-bottom-color:#ddd;padding:2px}.module.loops-wrapper.list-post .post{padding-left:0;position:relative}.module .post-icon,.module.list-post .post-icon{display:none}.module.loops-wrapper.list-post .post-meta{position:static;width:auto}.module.loops-wrapper.list-post .post-meta span{background-position:left 0;border-top:none;display:inline;margin:0 7px 5px 0;padding-left:18px;padding-top:0}.clear{clear:both}.left{float:left}.right{float:right}.textleft{text-align:left}.textright{text-align:right}.textcenter{text-align:center}#body:after,#content:after,#footer:after,#main-nav:after,.menu:after,.widget li:after,footer:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}#body,#footer,#main-nav,.menu,.widget li,footer{display:block}@media(max-width:1260px){.default_width #layout .row_inner{max-width:100%}} /*/wp-content/themes/suco/media-queries.css*/ @media (max-width:1200px){ @media(max-width:980px){#pagewrap{max-width:100%}.pagewidth,.row_inner{max-width:94%}#content{margin:7% 0 5%}.sidebar1 #content{max-width:67.8%}#sidebar{margin:7% 0 5%;max-width:26.2%}#sidebar .secondary{max-width:47%}.col2-1,.col3-1,.col3-2,.col4-1,.col4-2,.col4-3{margin-left:2%}.col4-1{max-width:23%}.col2-1,.col4-2{max-width:48%}.col4-3{max-width:72%}.col3-1{max-width:31%}.col3-2{max-width:62%}#sliderwrap .slide-feature-image{margin-bottom:2%;margin-right:3%;max-width:40%}#sliderwrap .slide-content{font-size:100%;line-height:130%;overflow:visible;padding:1% 0 0}}@media(max-width:760px){#sidebar,.sidebar1 #content{clear:both;float:none;max-width:100%;width:100%}#sidebar .secondary{width:48%}#sliderwrap .slide-post-title{font-size:260%;line-height:100%;margin:0 0 1%}#sliderwrap .slide-content{font-size:90%}#sliderwrap .caption{font-size:80%;line-height:120%}.home-highlights .home-highlights-content{overflow:visible}.footer-nav{padding-right:200px}.footer-nav li{margin:0 8px 5px 0}}@media(max-width:680px){#sliderwrap .slide-image{float:none;margin:0 0 30px;width:auto}#sliderwrap .slide-feature-image{float:none;margin-bottom:30px;margin-right:0;max-width:100%}#sliderwrap .slide-content{padding:0}#sliderwrap .image-caption-wrap .caption{background:url(https://www.martenot-arts-plastiques.com/wp-content/themes/suco/images/slide-caption-bg.png);color:#ccc;padding:15px 20px 10px;position:static;z-index:auto}#sliderwrap .slides:hover .flex-direction-nav a{display:none}.loops-wrapper.list-post .post{max-width:100%!important;padding-left:0!important;width:100%!important}.loops-wrapper.list-post .post-meta{position:static;text-align:left;width:100%}.loops-wrapper.list-post .post-meta span{border:0;display:inline;margin:0 5px 0 0}.loops-wrapper.list-post .post-icon{border:0;display:block;float:left;height:30px;margin:2px 14px 5px 0;position:static;width:27px}.action-text{padding:3% 4%}.action-text .button{clear:both;margin:2% 0 0;position:static;width:auto}html{-webkit-text-size-adjust:none}.col2-1,.col3-1,.col3-2,.col4-1,.col4-2,.col4-3{margin-left:0;max-width:100%;width:100%}.loops-wrapper.grid4 .post{font-size:100%}.post{float:none!important;margin-left:0!important;max-width:100%!important;width:auto!important}.post-title{font-size:2em!important;margin:0 0 2px!important;padding-top:4px}.post-nav .next,.post-nav .prev{clear:both;display:block;margin-bottom:10px;width:100%}.commentlist{padding-left:0}.commentlist .commententry{clear:left}.commentlist .avatar{float:left;height:40px;margin:0 10px 10px 0;width:40px}.commentlist ol,.commentlist ul{margin:0 0 0 7%}#footer-logo{position:static!important}.footer-nav{padding:0}.woocommerce #content div.product div.images,.woocommerce #content div.product div.summary{float:none!important;width:100%!important}} } /*/wp-content/themes/sucochild/style.css*/ /* Theme Name: Sucochild Version: 1.0 Description: A child theme of Themify Suco Template: suco */ */ /************************************************************************************ RESET *************************************************************************************/ html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure { margin: 0; padding: 0; } img, fieldset { border: 0; } /* set img max-width */ img { max-width: 100%; height: auto; -moz-box-sizing: border-box; box-sizing: border-box; } /* ie 8 img max-width */ @media \0screen { img { width: auto;} } /* set html5 elements to block */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* audio */ audio { max-width: 100%; } /* iframes and objects max-width */ iframe, object { max-width: 100%; } /************************************************************************************ GENERAL STYLING *************************************************************************************/ html { -webkit-font-smoothing: antialiased; } body { font: .81em/150% Muli; background: #403430 url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/crossed-bg.png); word-wrap: break-word; color: #777; } a { text-decoration: none; outline: none; color: #9b885d; } a:hover { text-decoration: underline; } p { margin: 0 0 1.2em; padding: 0; } small { font-size: 87%; } blockquote { font: italic 110%/130% "Times New Roman", Times, serif; padding: 8px 30px 15px; } /* list */ ul, ol { margin: 1em 0 1.4em 24px; padding: 0; line-height: 140%; } li { margin: 0 0 .5em 0; padding: 0; } /* headings */ h1, h2, h3, h4, h5, h6 { line-height: 1.4em; margin: 20px 0 .4em; font-family: Muli; color: #3f2103; font-weight: normal; word-wrap: normal; } h1 { font-size: 2.4em; } h2 { font-size: 2em; } h3 { font-size: 1.8em; } h4 { font-size: 1.6em; } h5 { line-height: 1.4em; margin: 20px 0 .4em; font-family: Muli; color: #3f2103; font-weight: normal; word-wrap: normal; } h6 { font-size: 1em; } /* form input */ input, textarea, select, input[type=search], button { font-size: 100%; font-family: inherit; } textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url] { background-color: #ddd; border: none; padding: 6px 10px; border-radius: 5px; -webkit-appearance: none; } textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus { outline: none; background-color: #eee; } /* form field width */ input[type=text], input[type=search], input[type=email], input[type=url] { width: 240px; max-width: 96%; } textarea { line-height: 150%; width: 96%; } /* search input */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { display: none; } /* form buttons */ input[type=reset], input[type=submit], button { padding: 8px 20px; line-height: 100%; color: #fff; font-weight: bold; background-color: #d7400d; border: solid 1px #681d06; text-shadow: 0 -1px 0 rgba(0,0,0,.4); box-shadow: inset 0 1px 0 rgba(255,255,255,.2); border-radius: 4px; -webkit-appearance: none; } input[type=reset]:hover, input[type=submit]:hover, button:hover { background-color: #c62807; } /************************************************************************************ STRUCTURE *************************************************************************************/ #pagewrap, pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav, .pagenav, #sidebar, .widget, #footerwrap, #footer { -moz-box-sizing: border-box; box-sizing: border-box; } .pagewidth { width: 978px; margin: 0 auto; } /* body */ #body { padding: 0 0 40px; background: #fffff } /* upperwrap */ #upperwrap { background: #fffff url(http://www.martenot-arts-plastiques.com/wp-content/uploads/2016/07/slo.png); border-bottom: solid 0px #ccc; padding: 40px 0 30px; } /* content */ #content { margin: 40px 0 60px; width: 680px; float: left; } /* sidebar */ #sidebar { width: 252px; float: right; margin: 40px 0 60px; } /* sidebar left */ .sidebar-left #content { float: right; } .sidebar-left #sidebar { float: left; } /* sidebar-none content */ .sidebar-none #content { width: 100%; float: none; } /* fullwidth content */ .full_width #layout { width: 100%; max-width: 100%; } .full_width #content { padding: 0; width: auto; float: none; } .full_width #sidebar { width: auto; float: none; } /************************************************************************************ GRID *************************************************************************************/ .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { margin-left: 3.2%; float: left; } .col4-1 { width: 22.6%; } .col4-2, .col2-1 { width: 48.4%; } .col4-3 { width: 74.2%; } .col3-1 { width: 31.2%; } .col3-2 { width: 65.6%; } .col.first, .col4-1.first, .col4-2.first, .col4-3.first, .col3-1.first, .col3-2.first, .col2-1.first { margin-left: 0; clear: left; } /************************************************************************************ HEADER *************************************************************************************/ #headerwrap { position: relative; z-index: 100; } #header { position: relative; height: 180px; color: #b3aeac; } #header a { color: #c7af77; } /* site logo */ #site-logo { margin: 0; position: absolute; top: 30px; font: small-caps 50px/100% Rokkitt, Arial, Helvetica, sans-serif; letter-spacing: 1px; text-shadow: 0 2px 0 rgba(0,0,0,.2); } #site-logo a { text-decoration: none; color: #fff; } #site-logo a:hover { text-decoration: none; } /* site description */ #site-description { margin: 0; font: 14px/100% Rokkitt, Arial, Helvetica, sans-serif; text-transform: uppercase; position: absolute; top: 85px; color: #bdb9b7; } /* nav bar */ #nav-bar { background: #261e1c url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/dash-bg.png) repeat-x 0 bottom; border-top: solid 1px #000; width: 100%; height: 50px; position: absolute; z-index: 1; bottom: 0; left: 0; box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 -1px 3px rgba(0,0,0,.2); } /************************************************************************************ SEARCH FORM *************************************************************************************/ #header #searchform { position: absolute; right: 0; top: 85px; width: 160px; } #header #searchform #s { width: 120px; color: #a5a099; background: #221b19 url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/search.png) no-repeat 8px center; padding-left: 28px; float: right; box-shadow: inset 0 2px 2px rgba(0,0,0,.7), 0 1px 0 rgba(255,255,255,.1); border-radius: 12px; -webkit-transition: width .7s; -moz-transition: width .7s; transition: width .7s; } #header #searchform #s:focus { width: 140px; } /************************************************************************************ SOCIAL WIDGET *************************************************************************************/ .social-widget { float: right; margin-top: -1px; position: absolute; bottom: 10px; right: 0; z-index: 1000; } .social-widget a { text-decoration: none; } .social-widget a:hover { text-decoration: none; } .social-widget .widget { display: inline-block; zoom:1; *display:inline; margin: 0 5px 0 0; } .social-widget .widget div { display: inline; } .social-widget .widgettitle { width: auto; font: bold 100% Arial, Helvetica, sans-serif; text-transform: none; border: none; letter-spacing: 0; position: static; display: inline-block; zoom:1; *display:inline; margin: 5px 8px 2px 0; padding: 0; background: transparent; box-shadow: none; } .social-widget ul { margin: 6px 0 0 !important; padding: 0; display: inline; } .social-widget ul li { padding: 0 2px 5px 0; margin: 0; display: inline-block; zoom:1; *display:inline; border: none !important; clear: none; line-height: 100%; } .social-widget li img { vertical-align: middle; margin-top: -5px; } /* rss */ .social-widget div.rss { display: inline; } .social-widget div.rss a { background: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/rss.png) no-repeat left center; padding: 3px 0 2px 30px; display: inline-block; zoom:1; *display:inline; } /************************************************************************************ HEADER WIDGET *************************************************************************************/ .header-widget { position: absolute; top: 20px; right: 0; line-height: 130%; text-align: right; } .header-widget h1, .header-widget h2, .header-widget h3, .header-widget h4, .header-widget h5, .header-widget h6 { margin: 0; padding: 0; color: #fff; } /************************************************************************************ MAIN NAVIGATION *************************************************************************************/ #main-nav { margin: 0; padding: 0; position: absolute; left: 0; bottom: 12px; z-index: 100; } #main-nav li { margin: 0; padding: 0; list-style: none; float: left; position: relative; } /* main level link */ #main-nav a { color: #fff; display: block; padding: 5px 15px; margin: 0 5px 0 0; text-decoration: none; font-weight: bold; } /* main level link :hover */ #main-nav a:hover, #main-nav li:hover > a { color: #c8ad6c; } /* current link */ #main-nav .current_page_item a, #main-nav .current-menu-item a { background-color: #161211; color: #c8ad6c; box-shadow: inset 0 2px 2px rgba(0,0,0,.7), 0 1px 0 rgba(255,255,255,.1); border-radius: 15px; } /* current link :hover */ #main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover { color: #fff; } /* sub-levels link */ #main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a { color: #666; font-weight: normal; padding: 7px 0 7px 15px; margin: 0; width: 180px; background: none; box-shadow: none; border-radius: 0; } /* sub-levels link :hover */ #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover { background-color: #F3F3F3; color: #000; color: black; } /* sub-level ul */ #main-nav ul { margin: 0; padding: 5px 0; list-style: none; position: absolute; background-color: #fff; border: solid 1px #ccc; z-index: 100; display: none; border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,.2); } #main-nav ul li { background: none; padding: 0; margin: 0; display: block; float: none; } /* sub-sub-level dropdown */ #main-nav ul ul { left: 190px; top: -2px; } /* show dropdown ul on hover */ #main-nav li:hover > ul { display: block; } /************************************************************************************ WELCOME MESSAGE *************************************************************************************/ .welcome-message { font: 280%/110% Rokkitt, Arial, Helvetica, sans-serif; color: #573a1e; text-align: center; margin-bottom: 35px; } /************************************************************************************ SLIDER *************************************************************************************/ #slider { overflow: hidden; position: relative; color: #736357; font-size: 115%; line-height: 130%; } #slider .slide-post-title { margin: 0 0 10px; font-size: 56px; line-height: 110%; color: #603913; } #slider p { margin: 0 0 20px; padding-top: 0; padding-left: 0; padding-right: 0; } #slider .slides a { text-decoration: none; color: #f26522; } #slider .slides a:hover { text-decoration: underline; } #slider .slides { margin: 0 0 20px; padding: 0; overflow: hidden; } #slider .slides li { background: none !important; position: relative; margin: 0; padding: 0; width: 100%; list-style: none; float: left; overflow:hidden; } body.rtl .flex-viewport { direction: ltr; } /* slide image (for video url) */ #slider .slide-image { width: 58%; margin: 0 30px 0 0; float: left; } /* default slide */ #slider .slide-feature-image { float: left; margin: 0 30px 0 0; vertical-align: text-bottom; } #slider .slide-content { overflow: hidden; padding: 30px 0 0 0; } /* image caption wrap */ #slider .image-caption-wrap { position: relative; font-size: 13px; line-height: 140%; vertical-align: bottom; } #slider .image-caption-wrap img { vertical-align: bottom; } #slider .image-caption-wrap .caption { position: absolute; bottom: 0; left: 0; padding: 15px 20px 10px; z-index: 5; background: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/slide-caption-bg.png); color: #ccc; } #slider .image-caption-wrap h3 { color: #fff; margin: 0 0 5px; padding: 0; font: bold 140%/120% Arial, Helvetica, sans-serif; } #slider .image-caption-wrap p { margin: 0; } #slider .image-caption-wrap a { text-decoration: none; color: #fff; } #slider .image-caption-wrap a:hover { text-decoration: underline; } /* image only slide */ #slider .image-slide { text-align: center; } /* FlexSlider Necessary Styles */ #slider { width: 100%; margin: 0; padding: 0; } #slider .slides > li { display: none; } /* slider image styles */ #slider .slider-image-caption img, #slider .slider-image-only img { padding: 4px; background-color: #fff; border: solid 1px #ccc; border-bottom-color: #aaa; } /* slider navigation */ #slider .flex-control-nav { text-align: center; display: block; width: 100%; padding: 0; margin: 0; } #slider .flex-control-nav li { display: inline; margin: 0; padding: 0; } #slider .flex-control-nav a { display: inline-block; zoom:1; *display:inline; background: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/slide-nav.png) no-repeat -40px 0; width: 10px; height: 11px; padding: 2px; margin: 0 2px 1px; text-indent: -250px; overflow: hidden; cursor: pointer; } #slider .flex-control-nav a:hover { background-position: -20px 0; } #slider .flex-control-nav .flex-active { background-position: 0 0; } /* next previous slide button */ #slider .flex-direction-nav { margin: 0; padding: 0; } #slider .flex-direction-nav li { margin: 0; padding: 0; list-style: none; } #slider .flex-direction-nav a { display: block; width: 49px; height: 49px; text-indent: -900em; overflow: hidden; position: absolute; z-index: 2000; top: 50%; margin-top: -60px; display: none; } #slider .flex-direction-nav .flex-prev { background: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/slide-next-prev.png) no-repeat; left: 7px; } #slider .flex-direction-nav .flex-next { background: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/slide-next-prev.png) no-repeat 0 -49px; right: 7px; } #slider .flex-direction-nav .carousel-disabled { opacity: .2; } #slider:hover .flex-direction-nav a { display: block; /* toggle slider next/prev arrow */ } /* slide buttons */ #slider a.button { color: #000; } #slider a.button:hover { text-decoration: none; } #slider a.black { color: #fff; } /************************************************************************************ HOME HIGHLIGHTS *************************************************************************************/ .home-highlightswrap { position: relative; background: #3d2c29 url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/dash-bg.png) repeat-x 0 bottom; border-top: solid 1px #000; box-shadow: inset 0 2px 3px rgba(0,0,0,.3); } .home-highlights { padding: 30px 0 10px; color: #b1aba9; position: relative; } .home-highlights h4 { margin: 0; font-size: 160%; line-height: 120%; color: #fff; } .home-highlights .icon { padding: 5px 0 0 5px; float: left; position: relative; } .home-highlights .icon img{ margin: 0 15px 0 0; } .home-highlights .icon .zoom { position: absolute; top: 0; left: 0; width: 27px; height: 27px; display: block; background: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/zoom-icon.png) no-repeat; } .home-highlights .home-highlights-content { overflow: hidden; margin-bottom: 20px; } /************************************************************************************ HOMEPAGE CALL OF ACTION TEXT *************************************************************************************/ .action-text { background-color: #fbf2d4; border: solid 1px #cebe8f; position: relative; margin-top: 40px; padding: 15px 200px 15px 25px; border-radius: 10px; box-shadow: 0 1px 0 rgba(0,0,0,.1); } .action-text h2, .action-text h3, .action-text h4 { font-size: 26px; line-height: 110%; margin: 0 0 2px; color: #483633; } .action-text p { margin: 0 0 5px; } /* action button */ .action-text .button { background-color: #d43b0c; padding: 10px 20px; font: 26px/100% Rokkitt, Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; position: absolute; top: 15px; right: 20px; border: solid 1px #681d06; border-radius: 10px; box-shadow: inset 0 1px 0 rgba(255,255,255,.5); } .action-text .button:hover { text-decoration: none; } /************************************************************************************ HOME WIDGETS *************************************************************************************/ .home-widgets { padding: 50px 0 20px; } /************************************************************************************ AUTHOR PAGE *************************************************************************************/ .author-bio { margin: 0 0 30px; } .author-bio .author-avatar { float: left; margin: 0 15px 0 0; } .author-bio .author-avatar img { background-color: #fff; padding: 4px; border: solid 1px #ccc; } .author-bio .author-name { margin: 0 0 5px; padding: 0; font-size: 160%; } .author-posts-by { margin: 0 0 20px; padding: 10px 0 0; font-size: 140%; text-transform: uppercase; border-top: double 4px #ccc; border-color: rgba(118,118,118,.3); } /************************************************************************************ PAGE TITLE *************************************************************************************/ .page-title { margin: 0; padding: 0; font-size: 360%; line-height: 110%; } /************************************************************************************ CATEGORY SECTIONS *************************************************************************************/ .category-section { clear: both; margin-bottom: 30px; } .category-section-title { font-size: 120%; text-transform: uppercase; margin: 0 0 20px; } /************************************************************************************ POST *************************************************************************************/ .post { margin-bottom: 40px; position: relative; box-sizing: border-box; -moz-box-sizing: border-box; } /* post content */ .post-content { min-width: 120px; } /* post title */ .post-title { font-family: Muli; margin: 0 0 5px; padding: 0; line-height: 110%; font-size: 200%; } .post-title a { color: #3f2103; text-decoration: none; } .post-title a:hover { text-decoration: none; } /* post image */ .post-image { max-width: 100%; margin: 0 0 15px; } /* lightbox zoom image */ .post-image .themify_lightbox { position: relative; display: inline-block; zoom:1; *display:inline; max-width: 100%; } .post-image .themify_lightbox .zoom { width: 40px; height: 40px; background: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/icon-zoom.png) no-repeat center center; margin: -20px 0 0 -20px; position: absolute; top: 50%; left: 50%; border-radius: 10em; } .post-image .themify_lightbox:hover .zoom { background-color: #000; } /* post meta */ .post-meta { font-size: 90%; } .post-meta .post-date { font-weight: bold; margin-right: 5px; } .post-meta .post-author { background: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/post-author.png) no-repeat 0 2px; padding-left: 16px; margin-right: 7px; } .post-meta .post-comment { background: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/post-comment.png) no-repeat 0 2px; padding-left: 16px; margin-right: 7px; } .post-meta .post-category { background: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/post-category.png) no-repeat 0 2px; padding-left: 16px; margin-right: 7px; } .post-meta .post-tag { background: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/post-tag.png) no-repeat 0 2px; padding-left: 16px; margin-right: 7px; } /* list post */ .loops-wrapper.list-post .post { padding-left: 130px; position: relative; min-height: 200px; } .loops-wrapper.list-post .post-title { margin: 0 0 10px; font-size: 34px; } .loops-wrapper.list-post .post-image { margin: 0 0 15px; } .loops-wrapper.list-post .post-meta { font-size: 85%; width: 115px; position: absolute; left: 0; top: 55px; } .loops-wrapper.list-post .post-meta span { display: block; margin: 0 5px 5px 0; padding-top: 5px; border-top: solid 1px #ccc; background-position: 0 7px; } .loops-wrapper.list-post .post-meta .post-date { margin-bottom: 10px; display: block; } /* grid4 post */ .loops-wrapper.grid4 .post { font-size: 90%; width: 222px; margin-left: 30px; float: left; } .sidebar1 .loops-wrapper.grid4 .post { width: 23%; margin-left: 2.5%; } .loops-wrapper.grid4 .post-title { font-size: 1.7em; margin: 5px 0; } /* grid3 post */ .loops-wrapper.grid3 .post { width: 306px; margin-left: 30px; float: left; } .sidebar1 .loops-wrapper.grid3 .post { width: 30%; margin-left: 3.5%; } .loops-wrapper.grid3 .post-title { font-size: 1.9em; margin: 5px 0; } /* grid2 post */ .loops-wrapper.grid2 .post { width: 474px; margin-left: 30px; float: left; } .sidebar1 .loops-wrapper.grid2 .post { width: 48%; margin-left: 3.75%; } .loops-wrapper.grid2 .post-title { margin: 5px 0; font-size: 2em; } /* grid2-thumb post */ .loops-wrapper.grid2-thumb .post { width: 48%; margin-left: 4%; float: left; } .loops-wrapper.grid2-thumb .post-title { margin: 5px 0; font-size: 1.8em; } .loops-wrapper.grid2-thumb .post-image { float: left; margin: 5px 14px 10px 0; } .loops-wrapper.grid2-thumb .post-content { overflow: hidden; } /* clear grid posts */ .loops-wrapper.grid4 .post:nth-of-type(4n+1), .loops-wrapper.grid3 .post:nth-of-type(3n+1), .loops-wrapper.grid2 .post:nth-of-type(2n+1), .loops-wrapper.grid2-thumb .post:nth-of-type(2n+1) { margin-left: 0; clear: left; } /* thumb post */ .loops-wrapper.list-thumb-image .post-image { float: left; margin: 7px 16px 10px 0; } .loops-wrapper.list-thumb-image .post-content { overflow: hidden; } /* large image post */ .loops-wrapper.list-large-image .post-image { float: left; margin: 7px 22px 10px 0; } .loops-wrapper.list-large-image .post-content { overflow: hidden; } /************************************************************************************ POST FORMATS *************************************************************************************/ /* audio format */ .format-audio .audio-image img { float: left; margin: 0 20px 10px 0; } .format-audio .audio-player { padding: 8px 0 10px; } .post audio { max-width: 100%; } /* quote format */ .format-quote .quote-content { font: italic 120%/130% "OFL Sorts Mill Goudy TT", Georgia, Times, serif; } .format-quote .quote-author { margin: 0 0 10px; font-style: normal; font-variant: small-caps; text-align: right; letter-spacing: .1em; font-family: "OFL Sorts Mill Goudy TT", Georgia, Times, serif; } /* format link */ .format-link .post-title a { background: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/link-arrow.png) no-repeat right center; padding-right: 26px; } /************************************************************************************ POST VIDEO (css for fluid video) *************************************************************************************/ .post-video, .embed-youtube { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; font-size:.9em; margin-bottom: 15px; } .post-video iframe, .post-video object, .post-video embed, .embed-youtube iframe, .embed-youtube object, .embed-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /************************************************************************************ POST EMBEDS (css for various fluid elements) *************************************************************************************/ .twitter-tweet-rendered { max-width: 100% !important; } /************************************************************************************ POST ICON *************************************************************************************/ .post-icon { background: #bba265 url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/icon-post.png) no-repeat center center; width: 36px; height: 36px; display: block; float: left; margin: 2px 14px 0px 0; border: solid 1px #948051; box-shadow: inset 0 1px 0 rgba(255,255,255,.2); border-radius: 4px; } .loops-wrapper.list-post .post-icon { margin: 0 0 10px; display: block; position: absolute; top: 0; left: 0; } .format-audio .post-icon { background-image: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/icon-audio.png); } .format-gallery .post-icon { background-image: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/icon-gallery.png); } .format-link .post-icon { background-image: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/icon-link.png); } .format-quote .post-icon { background-image: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/icon-quote.png); } .format-status .post-icon { background-image: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/icon-status.png); } .format-aside .post-icon { background-image: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/icon-aside.png); } .format-video .post-icon { background-image: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/icon-video.png); } .format-image .post-icon { background-image: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/icon-image.png); } .format-chat .post-icon { background-image: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/icon-chat.png); } /************************************************************************************ PAGE NAVIGATION *************************************************************************************/ .pagenav { clear: both; padding-bottom: 20px; text-align: right; margin: 20px 0; } .pagenav a, .pagenav span { line-height: 100%; padding: 3px 6px; margin: 0 3px; vertical-align: middle; display: inline-block; zoom:1; *display:inline; } .pagenav a { color: #fff; text-decoration: none; background-color: #bba265; padding: 2px 6px; border: solid 1px #948051; box-shadow: inset 0 1px 0 rgba(255,255,255,.2); border-radius: 4px; } .pagenav a:hover { background-color: #a68e53; text-decoration: none; } .pagenav .current { color: #666; text-decoration: none; } /************************************************************************************ AUTHOR BOX *************************************************************************************/ .author-box { margin: 15px 0; } .author-box .author-avatar { float: left; margin: 0 15px 5px 0; } .author-box .author-name { margin: 0 0 5px; } /************************************************************************************ POST NAVIGATION (the tag) *************************************************************************************/ .post-pagination { text-align: right; margin: .5em 0 2em; } .post-pagination strong { margin-right: 3px; } .post-pagination a { margin-left: 3px; margin-right: 3px; } /************************************************************************************ POST NAVIGATION *************************************************************************************/ .post-nav { margin: 0 0 30px; padding: 15px 0; clear: both; font-size: 110%; } .post-nav .prev, .post-nav .next { width: 45%; } .post-nav a { text-decoration: none; font-size: 110%; } .post-nav a:hover { text-decoration: none; } .post-nav .prev { float: left; } .post-nav .prev a { padding: 6px 0 6px 0; display: block; } .post-nav .next { float: right; text-align: right; } .post-nav .next a { padding: 6px 0 6px 0; display: block; } /* post nav arrow */ .post-nav .arrow { color: #fff; font: normal 22px/100% "Times New Roman", Times, serif; display: block; float: left; text-align: center; margin: -6px 10px 17px 0; background-color: #bba265; width: 26px; height: 26px; display: block; float: left; border: solid 1px #948051; box-shadow: inset 0 1px 0 rgba(255,255,255,.2); border-radius: 4px; } .post-nav .next .arrow { float: right; margin-left: 10px; margin-right: 0; } /************************************************************************************ COMMENTS *************************************************************************************/ .commentwrap { position: relative; clear: both; } /* comment title */ .comment-title, #reply-title { font-size: 220%; margin: 0 0 10px; padding: 0; } /* comment pagenav */ .commentwrap .pagenav { border: none; } .commentwrap .pagenav.top { margin: 0; position: absolute; top: 15px; right: 0; } /* commentlist */ .commentlist { margin: 0; padding: 5px 0 0; border-top: solid 1px #ddd; } .commentlist li { margin: 0; padding: 15px 0 0; list-style: none; position: relative; } /* commentlist sub-levels */ .commentlist ul, .commentlist ol { margin: 0 0 0 90px; padding: 0; } /* commentlist author line */ .commentlist .comment-author { margin: 2px 0 5px; padding: 0; } .commentlist .avatar { float: left; margin: 0 15px 0 0; } .commentlist cite { font-size: 140%; font-style: normal; } .commentlist cite a { text-decoration: none; } .commentlist .bypostauthor > .comment-author cite { background: url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/icon-author-comment.png) no-repeat 0 2px; padding-left: 18px; } .commentlist .comment-time { font-size: 75%; text-transform: uppercase; } /* commententry */ .commentlist .commententry { border-bottom: solid 1px #ddd; position: relative; min-height: 40px; overflow: hidden; padding-bottom: 5px; } /* reply link */ .commentlist .reply { position: absolute; right: 0; top: 20px; } .commentlist .comment-reply-link { font-size: 11px; line-height: 100%; color: #fff; text-transform: uppercase; text-decoration: none; background-color: #bba265; padding: 2px 6px; border: solid 1px #948051; box-shadow: inset 0 1px 0 rgba(255,255,255,.2); border-radius: 4px; } .commentlist .comment-reply-link:hover { text-decoration: none; } /* respond */ #respond { margin: 40px 0 30px; padding: 10px 0 0; position: relative; clear: both; } #respond #cancel-comment-reply-link { position: absolute; top: 20px; right: 0; font-size: 80%; font-weight: normal; line-height: 100%; text-decoration: none; padding: 5px 10px; display: block; color: #fff; background-color: #d7400d; border: solid 1px #681d06; text-shadow: 0 -1px 0 rgba(0,0,0,.4); box-shadow: inset 0 1px 0 rgba(255,255,255,.2); border-radius: 4px; } #respond #cancel-comment-reply-link:hover { background-color: #c62807; } /* comment form */ #commentform { margin: 0; padding: 0; } #commentform input[type=text] { width: 206px; margin-right: 5px; } #commentform label { font-weight: bold; } #commentform label small { font-weight: normal; } #commentform textarea { height: 140px; } /************************************************************************************ SIDEBAR *************************************************************************************/ .widget { margin: 0 0 30px; } .widgettitle { margin: 0 0 10px; padding: 0; font-size: 165%; } .widget ul { margin: 0; padding: 0; } .widget li { margin: 0; padding: 6px 0; list-style: none; clear: both; border-top: solid 1px #ddd; } .widget ul ul { margin: 6px 0 -6px 0px; padding: 0; border-top: none; } .widget ul ul li { margin: 0; padding-left: 10px; } /************************************************************************************ WIDGET STYLES *************************************************************************************/ /* calendar widget */ .widget #wp-calendar caption { font-weight: bold; padding-bottom: 10px; } .widget #wp-calendar td { width: 31px; padding: 4px 2px; text-align: center; } /* feature posts widget */ .widget .feature-posts-list br { display: none; } .widget .feature-posts-list .post-img { margin: 4px 12px 10px 0; float: left; } .widget .feature-posts-list small { font: italic 90% "Times New Roman", Times, serif; display: block; margin: 0 0 3px; } .widget .feature-posts-list .feature-posts-title { margin: 4px 0 3px; } .widget .feature-posts-list .post-excerpt { display: block; } /* twitter widget */ .widget .twitter-list .twitter-timestamp { font: italic 90% "Times New Roman", Times, serif; } .widget .follow-user { margin: 0; padding: 5px 0; } /* links widget */ .widget .links-list img, .widget_links img { vertical-align: middle; margin-right: 7px; } /* recent comments widget */ .recent-comments-list .avatar { margin-right: 12px; float: left; } /* flickr widget */ .widget .flickr_badge_image { margin-right: 12px; margin-bottom: 12px; float: left; } .widget .flickr_badge_image img { width: 60px; height: 60px; } /* flickr shortcode */ .shortcode .flickr_badge_image { width: 23.8%; margin: 0 1.5% 1.5% 0; float: left; } .shortcode .flickr_badge_image:nth-of-type(4n) { margin-right: 0; } .shortcode .flickr_badge_image img { margin: 0; } /* search widget */ #sidebar #searchform { position: static; } #sidebar #searchform #s { width: 93%; } /* reset twitter embed max-width to 100% */ #content .twitter-tweet-rendered { max-width: 100% !important; } #content .twt-border { max-width: 100% !important; min-width: 180px !important; } /* Social Links Widget */ .widget .social-links { margin: 0 0 20px; padding: 0; line-height: 100%; } .widget .social-links li { margin: 0 5px 5px 0; padding: 0; list-style: none; border: none; display: inline-block; zoom:1; *display:inline; } .widget .social-links img { vertical-align: middle; } /************************************************************************************ FOOTER *************************************************************************************/ /* footer widgets */ .footer-widgetswrap { background: #261e1c url(https://www.martenot-arts-plastiques.com/wp-content/themes/sucochild/images/dash-bg.png) repeat-x 0 0; border-bottom: solid 1px #000; padding: 15px 0 0; box-shadow: inset 0 -1px 0 rgba(255,255,255,.1), 0 1px 2px rgba(0,0,0,.3); } .footer-widgets { color: #b3aeac; } .footer-widgets .widget { margin-top: 20px; margin-bottom: 30px; } .footer-widgets .widget li { border-color: #514b49; } .footer-widgets .widgettitle { color: #fff; } .footer-widgets a { color: #c7af77; } /* footer */ #footer { clear: both; position: relative; min-height: 100px; color: #b3aeac; padding: 30px 0; } #footer a { color: #c7af77; } /* footer nav */ .footer-nav { clear: both; margin: 0 0 5px; padding: 0; } .footer-nav li { padding: 0; margin: 0 20px 0 0; display: inline; list-style: none; } .footer-nav a { font-weight: bold; } /* footer logo */ #footer-logo { position: absolute; top: 34px; right: 0; font: small-caps 36px/100% Rokkitt, Arial, Helvetica, sans-serif; text-shadow: 0 2px 0 rgba(0,0,0,.2); margin: 0; } #footer-logo a { color: #fff; text-decoration: none; } #footer-logo a:hover { text-decoration: none; } /* footer text */ .footer-text { font-size: 90%; } /************************************************************************************ WORDPRESS POST FORMATTING *************************************************************************************/ .sticky {} img.alignleft, img.aligncenter, img.alignright, img.alignnone { margin-bottom: 15px; } .alignleft { float: left; margin-right: 30px; } .alignright { float: right; margin-left: 30px; } .aligncenter { text-align: center; display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; margin-bottom: 15px; max-width: 100%; } .wp-caption-text { font: italic 95%/120% Georgia, "Times New Roman", Times, serif; margin: 6px 0; } /************************************************************************************ ATTACHMENT SINGLE VIEW *************************************************************************************/ .attachment.single-attachment, .single-attachment .attachment { float: none; margin: 0; text-align: left; } /************************************************************************************ GALLERY *************************************************************************************/ #body .gallery { margin: 5px 0 10px; } /* gallery item */ #body .gallery .gallery-item { margin: 0 8px 8px 0; vertical-align: top; width: auto; float: left; text-align: center; } /* gallery image */ #body .gallery img { border: none; vertical-align: middle; } /* gallery caption */ #body .gallery .gallery-caption { line-height: 120%; font-size: 90%; text-align: center; margin: 5px 0 0; } /* GALLERY COLUMN ================================================ */ /* gallery column 1 (display all in one line) */ #body .gallery-columns-1 .gallery-item { width: auto; } #body .gallery-columns-1 br { display: none !important; } /* gallery column 2 */ #body .gallery-columns-2 .gallery-item { width: 49.2%; } /* gallery column 3 */ #body .gallery-columns-3 .gallery-item { width: 32.3%; } /* gallery column 4 */ #body .gallery-columns-4 .gallery-item { width: 23.8%; } /* gallery column 5 */ #body .gallery-columns-5 .gallery-item { width: 18.8%; } /* gallery column 6 */ #body .gallery-columns-6 .gallery-item { width: 15.4%; } /* gallery column 7 */ #body .gallery-columns-7 .gallery-item { width: 13%; } /* gallery column 8 */ #body .gallery-columns-8 .gallery-item { width: 11.18%; } /* gallery column 9 */ #body .gallery-columns-9 .gallery-item { width: 9.77%; } /* set gallery item margin-right */ #body .gallery-columns-1 .gallery-item, #body .gallery-columns-2 .gallery-item, #body .gallery-columns-3 .gallery-item, #body .gallery-columns-4 .gallery-item, #body .gallery-columns-5 .gallery-item, #body .gallery-columns-6 .gallery-item, #body .gallery-columns-7 .gallery-item, #body .gallery-columns-8 .gallery-item, #body .gallery-columns-9 .gallery-item { margin: 0 1.5% 1.5% 0; } /* clear gallery item margin-right */ #body .gallery-columns-9 .gallery-item:nth-of-type(9n), #body .gallery-columns-8 .gallery-item:nth-of-type(8n), #body .gallery-columns-7 .gallery-item:nth-of-type(7n), #body .gallery-columns-6 .gallery-item:nth-of-type(6n), #body .gallery-columns-5 .gallery-item:nth-of-type(5n), #body .gallery-columns-4 .gallery-item:nth-of-type(4n), #body .gallery-columns-3 .gallery-item:nth-of-type(3n), #body .gallery-columns-2 .gallery-item:nth-of-type(2n) { margin-right: 0; } /* *********************************************************************************** IMAGE STYLES *************************************************************************************/ img.alignleft, img.aligncenter, img.alignright, img.alignnone, .wp-caption img, .post-image img, .widget .feature-posts-list .post-img, .widget .flickr_badge_image img, .shortcode .flickr_badge_image img, .commentlist .avatar, .recent-comments-list .avatar, #body .gallery img, .attachment img, .image-wrap img, .slide-image img, .module .slide-image img, .module .image-wrap img, .module .post-image img { padding: 2px; background-color: #fff; border: solid 1px #e3e3e3; border-bottom-color: #ddd; } /************************************************************************************ BUILDER *************************************************************************************/ /* builder row */ .full_width .themify_builder_row .row_inner { width: 978px; /* same width as .pagewidth */ max-width: 100%; margin: auto; } .full_width .themify_builder_row.fullwidth .row_inner { width: auto; padding: 0; } .module.loops-wrapper.list-post .post { padding-left: 0; position: relative; } .module .post-icon, .module.list-post .post-icon { display: none; } .module.loops-wrapper.list-post .post-meta { width: auto; position: static; } .module.loops-wrapper.list-post .post-meta span { display: inline; margin: 0 7px 5px 0; padding-top: 0; padding-left: 18px; border-top: none; background-position: left 0; } /************************************************************************************ CLEAR & ALIGNMENT *************************************************************************************/ .clear { clear: both; } .left { float: left; } .right { float: right; } .textleft { text-align: left; } .textright { text-align: right; } .textcenter { text-align: center; } /* clearfix */ .clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, #main-nav:after, .menu:after, .gallery:after, #content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, #main-nav, .menu, .gallery, #content { display: inline-block; } /* clearfix for ie7 */ .clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, #main-nav, .menu, .gallery, #content { display: block; zoom: 1; } /*/wp-content/uploads/themify-customizer-7.9.4-7.5.5.css*/ /* Themify Customize Styling */ body { font-family: "Arial", "Helvetica", sans-serif; font-weight:normal; font-size:15px; } a { font-weight:bold; font-weight:bold; color: #030303; } #upperwrap { background-repeat: no-repeat; background-position: center center; } #pagewrap { background: none; background-color: #ffffff; } #body { background: none; background-color: #ffffff;background-image: url(https://www.martenot-arts-plastiques.com/wp-content/uploads/2017/03/footpeti.jpg); background-repeat: no-repeat; background-position: center bottom; } #content { background: none; background-color: #ffffff;background-image: url(https://www.martenot-arts-plastiques.com/wp-content/uploads/2017/03/bambou-map.png); background-size: cover; background-position: center top; } #sidebar { font-family: "Arial", "Helvetica", sans-serif; font-weight:normal; font-size:14px; } h1 { font-family: "Muli"; font-weight:normal; font-size:20px; line-height:20px; } h2 { font-family: "Muli"; font-size:18px; } h3 { font-family: "Muli"; text-decoration:underline; font-weight:bold; font-size:22px; color: #878787; } h4 { font-family: "Muli"; font-weight:200; font-size:16px; color: #878787; } h5 { font-family: "Muli"; font-weight:normal; font-size:14px; text-align:left; } h6 { font-family: "Muli"; font-style:italic; font-weight:300; font-style:italic; font-size:13px; text-transform:none; text-align:left; } textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url], input[type=number], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=time], input[type=week] { background: none; background-color: #dbdbdb; } input[type=reset], input[type=submit], button { background: none; background-color: #f77676; } #headerwrap { background: none; background-color: #ffffff; } #header { font-family: "Muli"; font-weight:normal; font-size:13px; } body #site-logo a { font-family: "Muli"; font-size:35px; text-transform:lowercase; } body #site-logo a img { width: 48px; } #site-description { font-family: "Muli"; text-decoration:underline; font-weight:normal; font-size:22px; text-transform:lowercase; text-align:left; color: #a81818; } #nav-bar { background: none; background-color: #212121; } #main-nav a { font-family: "Muli"; font-weight:300; font-size:16px; color: #fafafa; } #main-nav a:hover, #main-nav li:hover > a { color: #f76b6b; } #main-nav .current_page_item a, #main-nav .current-menu-item a { color: #f76b6b; } #main-nav ul { background: none; background-color: #4d4d4d; } #main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a { font-size:14px; color: #ffffff; } #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover { color: #f76b6b; background-color: transparent; } .welcome-message h4 { font-family: "Muli"; font-size:15px; } .post { background-image: none; background-size: cover; } .post-title, .post-title a { font-family: "Arial", "Helvetica", sans-serif; font-weight:700; font-size:24px; } .post-title a:hover { color: #f76b6b; } .single-post .post-title { font-family: "Muli"; font-size:24px; } .loops-wrapper.grid4 .post-title, .loops-wrapper.grid4 .post-title a { font-family: "Muli"; } .loops-wrapper.grid3 .post-title, .loops-wrapper.grid3 .post-title a { font-family: "Muli"; } .loops-wrapper.grid2 .post-title, .loops-wrapper.grid2 .post-title a { font-family: "Muli"; font-weight:normal; } .loops-wrapper.grid2-thumb .post-title, .loops-wrapper.grid2-thumb .post-title a { font-family: "Muli"; font-weight:200; } .post-meta { color: #f76b6b; } .post-meta a { color: #030303; } .more-link { color: #f76b6b; } .post-nav a { color: #030303; } .post-nav .arrow { background: none; background-color: #f76b6b; } .page-title { color: #a81818; font-family: "Muli"; font-weight:bold; font-size:24px; } .module-title { color: #a81818; font-family: "Muli"; text-transform:capitalize; text-align:left; } #footer-logo { display: none; position:absolute; top: 18px; } #footer-logo img { width: 50px; } #footerwrap { background: none; background-color: #212121; } #footer { text-align:center; } #footer a { color: #cfcfcf; } @media(max-width: 1024px) { /* Themify Customize Styling */ body #site-logo a img { width: 48px; } #footer-logo img { width: 50px; } }@media(max-width: 768px) { /* Themify Customize Styling */ body #site-logo a img { width: 48px; } #footer-logo img { width: 50px; } }@media(max-width: 480px) { /* Themify Customize Styling */ body #site-logo a img { width: 48px; } #footer-logo img { width: 50px; } } /* Themify Custom CSS */ #upperwrap{ display: none; } /* START MOBILE MENU CSS */ @media screen and (max-width:1200px){ /*/wp-content/themes/suco/mobile-menu.css*/ #nav-bar{height:10px;position:static!important}#header{height:auto!important}#header hgroup{text-align:left}#main-nav,#site-description,#site-logo,.social-widget{clear:both;float:none;position:static}#site-logo{font-size:42px;margin:10px 0;padding:0 90px 0 0;text-align:left;width:auto}#site-logo a{font-size:30px}#site-description{margin:0 0 10px;text-align:left}#menu-icon{background-color:#fff;border-bottom:2px solid;cursor:pointer;display:inline-block;float:right;height:12px;outline:6px solid #fff;position:relative;text-decoration:none;width:16px}#menu-icon:after,#menu-icon:before{border-top:2px solid;content:"";display:block;position:absolute;top:0;width:100%}#menu-icon:after{top:50%}#main-nav-wrap{position:absolute;right:0;top:8px;z-index:1000}#main-nav{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 2px 12px rgba(0,0,0,.3);clear:both;display:none;height:auto;margin:23px -6px 0 0;max-height:70vh;overflow:auto;padding:10px 5px;position:static;width:200px;z-index:1000;-webkit-overflow-scrolling:touch}#main-nav li{border:0;box-shadow:none;clear:both;display:block;float:none;margin:5px 0 5px 10px;padding:0}#main-nav a,#main-nav ul a{background:0;border:0;box-shadow:none;color:#666;display:block;font:inherit;padding:4px 0;text-shadow:none;text-transform:inherit;width:auto}#main-nav a:hover,#main-nav ul a:hover{background:0;color:#000}#main-nav ul{background:0;border:0;border-radius:0;box-shadow:none;display:block;margin:0;padding:0;position:static}#searchform-wrap{position:absolute;right:40px;text-align:center;top:3px;z-index:1000}#search-icon{background-color:#eee;cursor:pointer;float:right;height:26px;line-height:26px;width:28px}#search-icon:before{content:"\e800";font-family:themify_theme_icons;vertical-align:middle}#header #searchform{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.2);clear:both;display:none;overflow:hidden;padding:5px;width:auto}#header #searchform:before{left:12px;top:8px}.social-widget{margin:10px 0;padding:0}.header-widget,.social-widget{float:none;position:static!important}.header-widget{clear:both;margin:0;text-align:left}.header-widget .widget{margin:0 0 10px} } /* END MOBILE MENU CSS */