body,#item-wrap{ background-color:#eeeeee } #item-wrap li.item .entry a,#item-wrap li.item #comments_inlist a,#filterable li.current a, #filterable li a:hover,#navi li.current-menu-item a, #navi li.current-menu-ancestor a, #navi li.current-menu-parent a,.meta a,#item-wrap li.item .meta a,#item-wrap li.item .comment-meta a,.comment-meta a,a.comment-edit-link, #wp-calendar a,.pagination .current,#respondwrap a:hover,.sucess-tip a:hover,li.widget-container li a:hover,.entry a,#item-wrap li.item a.readmore:hover,#item-wrap li.item .layout-stand h2 a:hover,#item-wrap li.item .item_respondbtn a:hover,#filterable li.current a,#filterable li a:hover,.pagination a:hover,#item-wrap li.item .item_respondbtn a:hover,#item-wrap li.item .item_bottom a:hover,#item-wrap li.item a.post-edit-link:hover,#item-wrap li.item .item_respondbtn a,#item-wrap li.item .layout-stand h2 a.post_title:hover{ color:rgb(237,110,92); } .mejs-controls .mejs-time-rail .mejs-time-loaded{ background-color:rgb(237,110,92)\9; background-color:rgba(237,110,92,0.2); } .loading_ajax,.galleria-loader{ background-color:rgb(237,110,92)\9; background-color:rgba(237,110,92,0.6); } .pagination .next:hover,.pagination .pre:hover,.tw_style a:hover{ background-color:rgb(237,110,92)\9; background-color:rgba(237,110,92,0.8); } #respond input#submit,.contactform input.idi_send,.pagination .next,.pagination .pre,.tw_style a{ border-color:rgb(237,110,92)\9; border-color:rgba(237,110,92,0.7); background-color:rgb(237,110,92)\9; background-color:rgba(237,110,92,0.7); } #respond input#submit:hover,.contactform input.idi_send:hover, .pagination .next:hover,.pagination .pre:hover,.tw_style a:hover{ border-color:rgb(237,110,92); background-color:rgb(237,110,92)\9; background-color:rgb(237,110,92); } #respond input:focus,#respond textarea:focus,.contactform input:focus,.contactform textarea:focus{ border-color:rgb(237,110,92)\9; border-color:rgba(237,110,92,0.4)} .da-thumbs .gallerylayout a div span .more,.page_navi a:hover,#filterable li.current a:before, #filterable li a:hover:before,#item-wrap li.item a.readmore:hover:before,#navi ul li.current-menu-parent a span.dot,#navi ul li.current-menu-ancestor a span.dot,#navi ul li.current-menu-item a span.dot,#infscr-loading,#top:hover{ background-color:rgb(237,110,92); } .close_ajax:hover{ border-bottom: 40px solid rgb(237,110,92) ; } #prevslide, #nextslide{ background-color:#eeeeee; } #prevslide:hover, #nextslide:hover{ background-color:#dddddd; } #slidecaption{ background-color:#666666\9; background-color:rgba(238,238,238,1); } #slidecaption,#slidecaption a{ color:#625d63; } #siderbar{ background-color:#625d63;} #logo_text,#logo,#logo_retina{ background-color:#625d63;} #navi li a{ color:#ffffff;} #navi ul li a span.dot{ background-color:#ffffff; } #navi ul li:hover>a{ color:#ffffff;} #navi ul li:hover a span.dot,#navi ul li.current-menu-parent:hover a span.dot,#navi ul li.current-menu-item:hover a span.dot{ background-color:#ffffff; } #navi>div>ul>li:hover,#navi ul li ul.sub-menu li{ background-color:rgb(237,110,92)\9; background-color:rgba(237,110,92,0.8); } #navi ul li ul.sub-menu li:hover{ background-color: rgb(237,110,92); } #navi ul li ul.sub-menu li{ border-top:1px solid rgb(237,110,92); border-bottom:1px solid rgb(237,110,92); border-left:1px solid rgb(237,110,92); } #navi ul li ul.sub-menu li:last-child{border-right:1px solid rgb(237,110,92);} #navi.navi_b ul li ul.sub-menu li{ border-top:1px solid rgb(237,110,92); border-right:1px solid rgb(237,110,92); border-left:1px solid rgb(237,110,92); } #navi.navi_b ul li ul.sub-menu li:last-child{border-bottom:1px solid rgb(237,110,92);} #copyright, #copyright_mobile, #copyright a, #copyright_mobile a { color: #cccccc} .textboxsearch { color: #999999; } #search span.searchicon { background-color:#999999; } #item-wrap li.item { background-color:#ffffff; } .da-thumbs .gallerylayout a div span h2{ color:#cccccc; } .da-thumbs .gallerylayout a div span h2{ background-color:#625d63; } .da-thumbs .gallerylayout a div span .more{ color:#ffffff; } .da-thumbs .gallerylayout:hover p.da-mask{ background-color:rgba(0,0,0,0.18); } #item-wrap li.item a.readmore{ color:#999999; } #item-wrap li.item a.readmore:before{ background-color:#999999; } #item-wrap h1,#single-wrap h1,#item-wrap li.item .layout-stand h2 a.post_title,h2.audio_title, h1 a.sinletitle{ color: #625d63; } .loading_ajax,.galleria-loader{ background-image: url(https://www.atelier-iconographie.com/wp-content/uploads/2012/09/ajax-loader.gif); background-color: rgba(255,255,255,0) } body,input,select,textarea{ font-family: Varela Round} #single-wrap h1,#navi a,h3.widget-title,#item-wrap li.item .layout-stand h2 a.post_title,.da-thumbs .gallerylayout a div span,h2.audio_title,#item-wrap h1,a.btn,h1.archive_title,.contactform h2,.respondbtn,h2.typograph,h3.typograph,h4.typograph,h5.typograph,h6.typograph,#comments_box #comments a,#item-wrap li.item #comments_inlist a,#item-wrap li.item .item_respondbtn a,span#comments, h1 a.sinletitle{ font-family: Dosis} #navi li a{ font-size:14px; font-family: Metrophobic; font-style:normal;} #filterable li a{ font-size:12px; font-family: Metrophobic; font-style:normal;} #copyright, #copyright_mobile, #copyright a, #copyright_mobile a { font-size:12px; font-style:normal;} .textboxsearch{ font-size:13px; font-style:normal;} #item-wrap li.item .layout-stand h2 a.post_title { font-size:26px; font-style:normal;} #item-wrap li.item .layout-stand h2 a.post_title.blog_title{ font-size:18px; font-style:normal;} #item-wrap h1,#single-wrap h1, h1 a.sinletitle{ font-size:26px; font-style:normal;} .layout-stand p,.layout-stand,.entry p{ font-size:14px; font-style:normal;} #item-wrap li.item a.readmore{ font-size:13px; font-style:normal;} .da-thumbs .gallerylayout a div span .more{ font-size:13px; font-style:normal;} .da-thumbs .gallerylayout a div span h2{ font-size:22px; font-style:normal;} .meta{ font-size:13px; font-style:normal;} span#comments,.contactform h2, .respondbtn,#item-wrap li.item #comments_inlist a, #item-wrap li.item .item_respondbtn a{ font-size:14px; font-style:normal;} #item-wrap .meta, .commentlist{ font-size:12px; font-style:italic;} h3.widget-title{ font-size:16px; font-style:normal;} li.widget-container a, li.widget-container{ font-size:13px; font-style:normal;} #respond input#submit, .contactform input.idi_send,.pagination .next, .pagination .pre, .tw_style a{ font-size:16px; font-family: Metrophobic; font-style:normal;} #slidecaption{ font-size:28px; font-family: Metrophobic; font-style:normal; line-height:28px; } #respond textarea, #respond input, .contactform input, .contactform textarea{ font-size:Array; font-family: arial; font-style:Normal;} /* //////////////////// /////Respondsive//// //////////////////// */ @media only screen and (min-width: 768px) and (max-width: 959px) { .sidebar_right{ display:none } #content.content_wrap{ margin-right:0; } #respond #author,#respond #email,#respond #url,.contactform input,.contactform input.website{ width:346px; float:none; } #respond textarea,.contactform textarea{ width:346px} } @media only screen and (min-width: 480px) and (max-width: 767px){ /*Markup*/ html{ height:auto } #navi{ text-align:center; } .mobileMenu{ } #logo,#logo_retina{ margin-bottom:10px; } #logo img{ margin-bottom:0} #wrap{width:100%; height:auto} #siderbar{width:100%; height:auto; position:relative; display:block; margin-bottom:0; box-shadow:none; background:none repeat scroll 0 0 transparent; } #filterable{ display:none; } #content{ position:static; width:100%; padding:0;display:block; margin-left:0; clear:both} #copyright{ display:none} #siderbar_bottom{ position: static; top:10px; left:0; clear:both; width:100%; text-align:center; } #search{ display:none; width:40px; margin:-90px auto 60px; text-align:left; } #search span.searchicon{ display:none } .textboxsearch{ width:35px;} #social_icon { display:none; } #social_icon.social_icon_mobile{ display:block; } #copyright_mobile{display:none;clear:both; width:100%; display:block;text-align:center; padding:20px 0; color:#c5c5b1; } /*Slider*/ #slidecaption{ display:none; } /*list - Block*/ #item-wrap { margin-left:auto; margin-right:auto; margin-top:40px; padding:0 0 60px 0; display:block;} img,iframe,object,embed { margin-bottom:-6px;} #item-wrap li.item{ } #item-wrap li.item.imageblock .gallerylayout{} #pagenums { width:100%; left:0; bottom:10px; text-align:center; } #pagenums.tw_style { bottom:10px; position: relative; } .tw_style a{ float:none; padding:5px 10px;} /*Repond Box*/ #respond{ height:inherit;} #respond #author,#respond #email,#respond #url,.contactform input,.contactform input.website{ width:360px; float:none; } #respond textarea,.contactform textarea{ width:360px} /*Player*/ .single-audio{ width:100%; margin-left:0; } #single-wrap .mejs-container .mejs-controls{ width:100%; } /* sigle page 404 */ h1.archive_title{ position:inherit; width:100%; margin:30px 0 -80px; padding:50px 0 0; text-align:center} #fourofourwrap{ position:static; margin:0 auto; width:80%; text-align:center; } #single-wrap{ width:auto; min-width:350px; margin: 0 auto 0; padding:40px 20px; overflow:hidden; } #infscr-loading, #pagenums{left:10px;} ul.like_icon_intip.insingle{ padding-left:0; } .sidebar_right{ position:inherit; min-width:350px; padding:20px; border:none; } #single-wrap .entry{ margin-right:0} .fixed_column{ width:390px } .image-wrap img{ max-width:100%; min-width:inherit } } @media only screen and (min-width: 320px) and (max-width: 479px){ /*Markup*/ html{ height:auto } #navi{ text-align:center; } .mobileMenu{} #logo,#logo_retina{ margin-bottom:10px; } #logo img{ margin-bottom:0} #wrap{ width:100%; height:auto} #siderbar{width:100%; height:auto; position:relative; display:block; margin-bottom:0; box-shadow:none; background:none repeat scroll 0 0 transparent; } #filterable{ display:none; } #content{ position:static; width:100%; padding:0;display:block; margin-left:0; clear:both} #copyright{ display:none} #siderbar_bottom{ position: static; top:10px; left:0; clear:both; width:100%; text-align:center; } #search{ display:none; width:40px; margin:-90px auto 60px; text-align:left; } #search span.searchicon{ display:none } .textboxsearch{ width:35px;} #social_icon { display:none; } #social_icon.social_icon_mobile{ display:block; } #copyright_mobile{display:none;clear:both; width:100%; display:block;text-align:center; padding:20px 0; color:#c5c5b1; } /*Slider*/ #slidecaption{ display:none; } /*list - Block*/ #item-wrap { margin-left:auto; margin-right:auto; margin-top:20px; padding:0 0 60px 0; display:block;} img,iframe,object,embed { margin-bottom:-6px;} #pagenums { width:100%; left:0; bottom:10px; text-align:center; } #pagenums.tw_style { bottom:10px; position: relative; } .tw_style a{ float:none; padding:5px 10px;} li.item{ width:100%; } /*Repond Box*/ #respond{ height:inherit;} #respond #author,#respond #email,#respond #url,.contactform input,.contactform input.website{ width:260px; float:none; } #respond textarea,.contactform textarea{ width:260px} /*Player*/ .single-audio{ width:100%; margin-left:0; } #single-wrap .mejs-container .mejs-controls{ width:100%; } /* sigle page 404 */ h1.archive_title{ position:inherit; width:100%; margin:30px 0 -80px; padding:50px 0 0; text-align:center} #fourofourwrap{ position:static; margin:0 auto; width:80%; text-align:center; } #single-wrap{ width:auto; min-width:250px; margin: 0 auto 0; padding:40px 20px; overflow:hidden; } #infscr-loading, #pagenums{left:10px;} ul.like_icon_intip.insingle{ padding-left:0; } .sidebar_right{ position:inherit; padding:20px; border:none; } #single-wrap .entry{ margin-right:0} .fixed_column{ width:290px } .image-wrap img{ max-width:100%; min-width:inherit } }