/* BUG FIXÉ */ /* Règle le problème lorsque l'utilisateur est connecté de la barre WordPress et des positions fixed. */ .logged-in .header__nav{margin-top:32px;} .logged-in .header__nav__footer{margin-bottom: 32px;} @media screen and (max-width: 782px){ .logged-in .header__nav , .logged-in .header__nav__row{ margin-top:46px; } .logged-in .header__nav__footer{margin-bottom: 46px;} } @media screen and (max-width: 600px){ #wpadminbar { position: fixed!important; } } /* COULEUR DES LIENS LORSQUE L'UTILISATEUR EST CONNECTÉ */ .logged-in-as a{ color: #656565; } /* RESET */ *{outline: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;} body, h1{ margin: 0;} /* FONTS */ body{ font-family: 'Libre Baskerville';} header{ font-family: 'Open Sans';} body{ position: relative;} hr{ clear: both; background-color: #E3E3E3; height: 1px; border: none;} /* BLOCK PRÉLOADER */ .preloader{ width: 100%; height: 100vh; position: fixed; background: #111111; top: 0; bottom: 0; right: 0; left: 0; z-index: 1; overflow: hidden; } .preloader_wrapper{ display: table; width: 100%; height: 100vh; text-align: center; } .preloader_content{ display: table-cell; vertical-align: middle; } .preloader_content_title{ font-family: 'Open Sans'; color: #FEFDFD; font-weight: 300; text-transform: uppercase; margin: 0 6px; } .preloader_content_description{ color: #656565; font-weight: 400; font-style: italic; position: relative; } .preloader_content_loading{ position: relative; font-weight: 400; font-size: 12px; color: rgba(241, 145, 37, 0.55); } .preloader_content_loading:after{ display: block; position: absolute; content: ' '; height: 3px; width:50px; top: 30px; left:50%; margin-left:-25px; background: rgba(241, 145, 37, 0.55); } /* BLOCK HEADER */ .header{ margin:0 0 32px 0; width: 100%; position: relative;} .header__menu{ height: 48px; width: 100%; border-top: 1px solid #E3E3E3; } .header__menu_tertiaire{ text-align: center; line-height: 48px; margin: 0; text-decoration: none; padding: 0; } .menu-item a, .cat-item a{ font-size: 12px; text-transform: uppercase; font-weight: 300;text-decoration: none; color: #606060; } .menu-item a:hover, .cat-item a:hover{ color:#111111; } .header__nav{ line-height: 48px; background: rgba(17, 17, 17, 0.9); position: fixed; overflow: scroll; width: 100%; height: 100%; top: 0; bottom: 0; z-index: 102;} .header__nav__wrap{ display: flex; align-items: flex-start; width: 100%; } .header__nav__footer{ text-align: center; line-height: 48px; height: 48px; margin: 48px 0 0 0; position: relative; } .header__nav__footer_link{ color: #E3E3E3; text-transform: uppercase; font-weight: 300; text-decoration: none; margin: 0 12px 0 0;} .header__nav__footer_link:hover{ color: #A4A4A4; } .header__nav__footer_link:last-child{ margin: 0; } .header__nav__row_button, .header__nav__row_title-news a{ color: #E3E3E3; height: 48px; line-height: 48px; text-transform: uppercase; font-weight: 300; text-decoration: none;} .header__nav__row{clear: both; height: 48px;} .header__nav__row_button{ position: relative; margin: 0 0 0 96px; float: left; text-align: left; cursor: pointer; z-index: 10; } .header__nav__row_title{ position: absolute; margin: 0; width: 100%; text-align: center; height: 48px; line-height: 48px; text-transform: uppercase; font-weight: 300; z-index: 9; } .header__nav__row_title a{ color: #E3E3E3; text-decoration: none; } .header__nav__row_title a:hover{ color:#A4A4A4;} .header__nav__row_title-news{ float: right; text-align: right; margin:0 48px 0 0; position: relative; z-index: 10; } .header__nav__column_right, .header__nav__column_left{ flex: 1; } .header__nav__column_right{ float: left; width: 50%; margin: 48px 0 0 0; } .header__nav__column_right__wrap-news{ margin: 0 48px 0 0; padding: 0; float: right; } .header__nav__column_right__item{ display: block; float: left; margin: 0; } .header__nav__column_right__item_news{ display: block; line-height: 0; margin: 12px 12px 0 0; position: relative; background-color: #111111; overflow: hidden; } .header__nav__column_right__item_news_title{ position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 144px; line-height: 1; text-align: center; color: #E3E3E3; margin-right:3px; margin-left: 3px; text-transform: uppercase; } .header__nav__column_right__item_news_empty{ width: 144px; height: 144px; background: rgba(17, 17, 17, 0.95); overflow: hidden; } .header__nav__column_right__wrap-news li:nth-child(3n+4){ clear:both; margin-right:0; } .header__nav__column_left{ float: left; width: 50%; margin: 48px 0 0 0;} .header__nav__menu{ clear: both; margin: 0 0 0 48px; padding: 0; list-style-type: none; text-transform: uppercase; } .menu-item{ display: inline-block;} .header__nav__menu__item, .cat-item{ margin: 0 5px; display: block;} .header__nav__menu__item a, .cat-item a{ color: #E3E3E3; font-weight: 600; font-size: 48px; text-decoration: none; display: block; } .header__nav__menu__item a:hover, .cat-item a:hover{ color:#A4A4A4;} .header__nav__menu__item_search a{} .current-menu-item a{ } .header__title{ /* background: #111111; */ height: 48px; line-height: 48px; color: #606060; position:relative;} .header__title_button{ margin: 0 0 0 96px; position: absolute; left: 0; top: 0; text-transform: uppercase; font-weight: 300; cursor: pointer;} .header__title_button:hover{ color:#A4A4A4; } .header__nav__row_button:before, .header__title_button:before{ display: block; position: absolute; top: 0; left: -48px; content: ' '; background: url('../images/logo-anotherwhiskyformisterbukowski.png') center no-repeat; background-size: auto 38px; height: 48px; width: 48px; } .header__title_title{ text-transform: uppercase; font-weight: 400; width: 100%; text-align: center; display: block;} .header__title_title a{ color: #111111; text-decoration: none; display: block; font-family: 'Libre Baskerville'; font-weight: 400; font-size: 16px; width: 100%; } .header__title_link{ position: absolute; right: 0; top: 0; margin: 0 48px 0 0; } .header__title_link a{ text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: 300; color: #606060;} .header__title_title a:hover, .header__title_link a:hover{ color:#A4A4A4} /* BLOCK SEARCH */ .searchform{ clear: both; margin: 4%; display: inline-block; width: 92%; box-sizing:border-box; } .searchform__submit, .searchform__text{ float: left; height: 48px; line-height: 48px; } .searchform__label{ color: #E3E3E3; font-family: 'Open Sans'; font-weight: 600; font-size: 48px; text-transform: uppercase; float: left; padding: 0 5px 0 0; } .searchform__text{ margin: 0; padding: 0; border: 0; text-align: center; background: none; border-bottom: 6px solid #E3E3E3; color: #E3E3E3; box-sizing: border-box; font-family: 'Open Sans'; font-weight: 400; font-size: 30px; } .searchform__submit{ padding: 0 0 0 5px; margin: 0; border: 0; font-size: 48px; color: #E3E3E3; font-weight: 600; text-align: left; text-transform: uppercase; background: none; font-family: 'Open Sans'; cursor: pointer; } .searchform__submit:hover{ color:#A4A4A4; } /* BLOCK GRID */ main{ position: relative; } .grid{ width: 100%; } .grid__item:nth-child(6){ background: white; width: 50%; } .grid__item_wrap-logo{ height: 50vh; position: relative; } .grid__item_wrap-logo_content{ text-align: center; height: 80%; margin: 10% 0 0 0; } .grid__item_logo{ height: 60%; width: auto; } .grid__item_description{ margin: 6px auto 0 auto; font-size: 12px; height: 48px; width: 80%; display: block; } .grid__item{ position: relative; width: 25%; height: 50vh; overflow: hidden;} .grid__item a{ border: 6px solid white; box-sizing: border-box; text-decoration: none; } .grid__item__content{ position: relative; z-index: 10; display: table; margin: 0 auto; height: 100%; } .grid__item__content__header{ display: table-cell; vertical-align: middle; text-align: center; } .grid__item__title{ color: #FEFDFD; font-weight: 300; text-transform: uppercase; margin: 0 6px; } .grid__item__category{ font-family: 'Libre Baskerville'; font-weight: 400; margin: 0 0 6px 0; font-size: 14px; color: #F19125; } .grid__item__author{ font-size: 12px; color: #656565; margin: 0; font-style: italic; } .grid__item_permalink{ display: block; width: 100%; height: 100%; } .grid__item_date{ position: absolute; margin:6px 6px 0 0; top: 0; right: 0; width: 48px; height: 48px; z-index: 10; font-family: 'Open Sans'; font-weight: 800; font-size: 10; text-transform: uppercase; color: #FEFDFD;} .grid__item_date_day, .grid__item_date_month{ line-height: 24px; height: 24px; text-align: center; display: block; } .grid__item_overlay{ position: absolute; background: #111111; opacity: 0.5; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; margin: 6px; } /* BLOCK FOOTER */ .footer{ line-height: 48px; } .footer__posts-nav-link{ border-bottom: 1px solid #E3E3E3; padding: 0; margin: 0; text-transform: uppercase; font-weight: 300; text-align: center; font-family: 'Open Sans'; position: relative; } .footer__posts-nav-link a:hover{ color:#A4A4A4;} .footer__scroll-top{ position: absolute; right: 0; top: 0; bottom:0; margin:0 48px 0 0; } .footer__scroll-top:hover{ color:#A4A4A4; } .footer__posts-nav-link a{ color: #606060; text-decoration: none;} .footer__link{ color: #F19125; text-align: center; } .footer__link_social{ color: #606060; text-transform: uppercase; font-weight: 300; text-decoration: none; margin: 0 12px 0 0; font-family: 'Open Sans' } .footer__link_social:hover{ color: #F19125; } .footer__link_copyright{ font-size: 12px; text-transform: uppercase; color: #111111; margin-bottom: 0;} .footer__link_copyright a{ text-decoration: none; color: #606060; } .footer__link_copyright a:hover{ color:#A4A4A4; } /* SINGLE */ .single-article{margin: 48px 0 0 0;} /* BREACRUMBS YOAST */ .single-article__breadcrumbs{ font-size: 12px; margin: 6px 0 0 0; text-align: center; color: #656565; } .single-article__breadcrumbs a{ color: #656565; text-decoration: none; } .single-article__breadcrumbs a:hover{ color: #111111; } .single-article__header{text-align: center;} .single-article__header_category{ font-family: 'Open sans'; font-weight: 400; margin: 0; } .single-article__header_category a{ color: #F19125; text-decoration: none; } .single-article__header_title{ font-family: 'Open Sans'; font-weight: 600; text-transform: uppercase; } .single-article__header_banner{ width:100%; height: 50vh; border-bottom: 1px solid #656565; } .single-article__header_meta{ font-family: 'Libre Baskerville'; font-weight: 400; font-style: italic; color: #656565; margin-bottom: 0; padding-bottom: 48px; border-bottom:1px solid #E3E3E3; } .single-article__content{ width: 80%; margin: 0 10%; padding: 0 0 48px 0; clear: both; display: inline-block; border-bottom: 1px solid #E3E3E3; position: relative; } .single-article__content p{ text-indent: 48px; font-size: 16px; } .single-article__content a{ color: #F19125; font-weight: bold; } .single-article__content iframe{ display: block; margin: 12px auto;} .single-article__content img{ } .single-article__content_category{ position: absolute; bottom: -24px; padding: 0 6px; left: 50%; transform: translateX(-50%); text-align: center; } .single-article__content_category a{ display: block; text-decoration: none; height: 46px; border: 1px solid #E3E3E3; line-height: 48px; background: white; padding: 0 12px; text-transform: uppercase; color: #E3E3E3 } .single-article__content_category a:hover{ border-color: #656565; color: #656565; } /* TAGS */ .single-article__tags{ text-align: center; } .single-article__tags_item a{ text-decoration: none; color: white; display: inline-block; background:#F19125; padding: 6px; margin: 6px; text-transform: uppercase; font-family: 'Open Sans'; font-weight: 300; font-size: 12px; } .single-article__tags_item a:hover{ background: #656565; } /* RELATED */ .single-article__related{ margin: 48px 144px 24px 144px; padding: 0 0 24px 0; border-bottom: 1px solid #E3E3E3; } .single-article__related:after{ display: block; content: ' '; clear: both; } .single-article__related_wrap{ width: 100%; padding: 0; list-style-type: none; margin: 0 auto; text-align: center; } .single-article__related_title{ font-family: 'Open Sans'; text-align: center; text-transform: uppercase; color: #F19125; font-weight: 300; } .single-article__related_wrap_item_time{ font-size: 12px; font-style: italic; color: #656565; margin: 2px 6px 0 6px; } .single-article__related_wrap_item{ display: inline-block; } .single-article__related_wrap_item_permalink{ text-decoration: none; } .single-article__related_wrap_item_permalink img{ border: 1px solid #E3E3E3; border-radius: 2px; } .single-article__related_wrap_item_permalink_empty{ width: 144px; height: 144px; background: #E3E3E3; display: inline-block; margin: 0; border: 1px solid #E3E3E3; border-radius: 2px; } .single-article__related_wrap_item_title{ margin: 6px 1px; width: 144px; color: #656565; min-height: 140px; font-size: 15px; } .single-article__related_next{ float: right; } .single-article__related_next a, .single-article__related_previous a{ text-decoration: none; font-size: 12px; color: #656565; } .single-article__related_previous{ float: left; } /* MÉDIA WORDPRESS */ .alignleft, .alignright, .alignnone, .aligncenter{ border-radius:2px; border: 1px solid #E3E3E3; } .alignleft{ float: left; margin-right: 12px; } .alignright{ float: right; margin-left: 12px;} .alignnone{ margin:12px; max-width: 100%; height: auto; } .aligncenter{ display: block; margin-right: auto; margin-left: auto;} .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { height: auto; margin-bottom: 12px; margin-top: 12px; } .size-auto{} .size-full, .size-medium{ width: auto; } .size-thumbnail{ width: 25%; } .wp-caption{max-width: 100%;} .wp-caption-text{} .gallery-caption{} .bypostauthor{} .sticky{} /* BLOCK STRATUS */ #stratus{ z-index: 100!important; } /* BLOCK MENU */ .grid__menu_wrap{ position: absolute; z-index: 101; height: 100%; width: 100%; top: 0; right: 0; left: 0; bottom: 0; } .grid__menu{} .grid__menu_item{ position: relative; width: 25%; height: 50vh; overflow: hidden; display: table; text-align: center; background: rgba(17, 17, 17, 0.95); border: 6px solid white; box-sizing: border-box; text-decoration: none; overflow: hidden; } .grid__menu_item_news{ display: none; position: relative; } .grid__menu_item_news__wrap{ list-style-type: none; width: 100%; height: 100%; margin: 0; padding: 0; display: inline-block; } .grid__menu_item_news__wrap_item{ width: 100%; height: 100%; margin: 0; } .grid__menu_item_news__wrap_link{ display: table; height: 100%; width: 100%; text-decoration: none; } .grid__menu_item_news__wrap_title{background: rgba(17, 17, 17, 0.55);} .grid__menu_item_news_wrap_title-news{background: rgba(17, 17, 17, 0.95);} .grid__menu_item_news_wrap_title-news, .grid__menu_item_news__wrap_title{ vertical-align: middle; font-size: 30px; color: #FEFDFD; text-decoration: none; font-family: 'Open Sans'; font-weight: 300; text-transform: uppercase; } .grid__menu_item_news__wrap_title{ display: none; } .grid__menu_item_news_wrap_title-news{ display: table-cell; } .grid__menu_item span{ display: table-cell; vertical-align: middle; font-size: 30px; color: #FEFDFD; text-decoration: none; font-family: 'Open Sans'; font-weight: 300; text-transform: uppercase; } a[href$='#grid__menu_item__button-close']{ background: none; text-indent: -5000px; z-index: 1; width: 50%;} /* BLOCK 404 */ .page-error_title{ display: inline-block; z-index: 101; font-family: 'Open Sans'; font-weight: 600; font-size: 48px; text-transform: uppercase; color: #E3E3E3; } .page-error_wrap{ display: table-cell; vertical-align: middle; } .page-error{ display: table; text-align: center; background-size: ; width: 100%; height: 100vh; } /* PAGE CATEGORY */ .category-header{ text-align: center; } .category-wrapper{ display: inline-block; margin: 48px 48px 24px 48px; } .category-header_title{ padding: 41.92px 0 0 0; font-family: 'Open Sans'; font-weight: 600; text-transform: uppercase; text-align: center; } .category-header_description{ border-bottom: 1px solid #656565; margin: 0; text-align: center; font-family: 'Libre Baskerville'; font-weight: 400; font-style: italic; color: #656565; margin-bottom: 0; padding-bottom: 48px; min-height: 22px;} .category-header_banner{ height: 50vh; border-bottom: 1px solid #656565; } .category__content_wrap{ display: table; padding: 0 0 48px 0; margin: 0 0 24px 0; height: 420px; position: relative; width: 50%; float: left; border-bottom: 1px solid #E3E3E3; } .category__content_img{ height: 192px; width: 192px; float: left; border-radius: 2px; margin: 0 6px 0 0; display: table-cell; border: 1px solid #E3E3E3; } .category__content_img a{ display: block; width: 100%; height: 100%; } .category__content_tags{ width: 192px; } .category__content_tags a{ display: block; float: right; text-decoration: none; font-family: 'Open Sans'; font-weight: 300; font-size: 12px; border: 1px solid #E3E3E3; margin: 3px; padding: 3px; text-transform: uppercase; color: #656565; border-radius: 2px; } .category__content_tags a:hover{ background: #656565; color: #E3E3E3; border: 1px solid white; } .category__content_wrap_text{ display: table-cell; vertical-align: top; width: 100%; } .category__content_title{ margin: 0 6px; font-size: 16px; } .category__content_title a{ text-decoration: none; color: #111111; text-transform: uppercase; font-family: 'Open Sans'; font-weight: 600; } .category__content_meta{ font-size: 12px; font-style: italic; color: #656565; margin: 2px 6px 0 6px; } .category__content_excerpt p{ margin: 24px 24px 48px 6px; text-align: justify; font-size: 15px; } .read-more{ display: block; text-align: right; margin: 6px 0 0 0; color: #656565; } .read-more:hover{ color: #111111; text-decoration: none; } .category-footer{ position: absolute; bottom: 24px; right: 24px; font-size: 11px; color: #606060; } .category-footer a{ text-decoration: none; color: white; display: inline-block; background: #F19125; padding: 6px; margin: 6px; text-transform: uppercase; font-family: 'Open Sans'; font-weight: 300; font-size: 12px; } .category-footer a:hover{ background: #656565; } /* AUTHOR PAGE*/ .author-header{ border-bottom: 1px solid #E3E3E3; } .author-header_title{ padding: 0; margin: 0; font-family: 'Open Sans'; font-weight: 600; text-transform: uppercase; text-align: center;} .author-header_avatar{ text-align: center; display: block; width: 100%; } .author-header_avatar img{ border-radius: 100px; margin: 12px 0; } .author-header_description{ margin: 3px 48px 0 48px; text-align: center; font-family: 'Libre Baskerville'; font-weight: 400; font-style: italic; color: #656565; margin-bottom: 0; padding-bottom: 48px; min-height: 22px; } .author-header_link{ text-align: center; margin: 0 0 6px 0; height: 48px; line-height: 48px; } .author-header_link a{ margin: 6px; padding: 6px; border: 1px solid #E3E3E3; border-radius: 6px; color: #E3E3E3; font-family: "Open Sans"; font-weight: 300; text-decoration: none; } .author-header_link a:hover{ color: #656565; border-color:#656565; } .author-wrapper{ display: inline-block; margin: 48px 48px 24px 48px; } .author-wrapper_all-author{ margin: 0; padding: 0; text-align: center; } .author-wrapper_all-author li{ display: inline-block; margin: 6px; padding: 6px; border: 1px solid #E3E3E3; border-radius: 6px; color: #E3E3E3; font-family: "Open Sans"; font-weight: 300; cursor: pointer; } .author-wrapper_all-author li a{ text-decoration: none; color: #E3E3E3; } .author-wrapper_all-author li:hover, .author-wrapper_all-author li:hover a{ color: #656565; border-color: #656565; } .author__content_wrap{ display: table; padding: 0 0 48px 0; margin: 0 0 24px 0; min-height: 370px; position: relative; width: 50%; float: left; border-bottom: 1px solid #E3E3E3; } .author__content_img{ height: 192px; width: 192px; float: left; border-radius: 2px; margin: 0 6px 0 0; display: table-cell; border: 1px solid #E3E3E3; } .author__content_img a{ display: block; width: 100%; height: 100%; } .author__content_tags{ width: 192px; } .author__content_tags a{ display: block; float: right; text-decoration: none; font-family: 'Open Sans'; font-weight: 300; font-size: 12px; border: 1px solid #E3E3E3; margin: 3px; padding: 3px; text-transform: uppercase; color: #656565; border-radius: 2px; } .author__content_tags a:hover{ background: #656565; color: #E3E3E3; border: 1px solid white; } .author__content_wrap_text{ display: table-cell; vertical-align: top; width: 100%;} .author__content_title{ margin: 0 6px; font-size: 16px; } .author__content_title a{ text-decoration: none; color: #111111; text-transform: uppercase; font-family: 'Open Sans'; font-weight: 600; } .autor__content_meta{ font-size: 12px; font-style: italic; color: #656565; margin: 2px 6px 0 6px; } .author__content_excerpt p{ margin: 24px 24px 48px 6px; text-align: justify; font-size: 15px; } .author-footer{ position: absolute; bottom: 24px; right: 24px; font-size: 11px; color: #606060; } .author-footer a{ text-decoration: none; color: white; display: inline-block; background: #F19125; padding: 6px; margin: 6px; text-transform: uppercase; font-family: 'Open Sans'; font-weight: 300; font-size: 12px; } .author-footer a:hover{ background: #656565; } /* DÉCOUVRIR*/ /* HEADER */ .header_discover{ margin: 0; background: rgba(17, 17, 17, 0.95); } .header__title_title_discover{ text-transform: uppercase; font-weight: 400; width: 100%; text-align: center; display: block; } .header__title_title_discover a{ color: #E3E3E3; text-decoration: none; display: block; font-family: 'Libre Baskerville'; font-weight: 400; font-size: 16px; width: 100%; } .header__title_title_discover a:hover, .header__menu_discover .menu-item a:hover,.header__menu_discover .cat-item a:hover{ color:#F19125} .header__menu_discover{ border-top: 1px solid #A4A4A4; border-bottom: 1px solid #A4A4A4; height: auto; } .header__menu_discover_catchline{ margin: 0 0 6px 0; text-align: center; font-size: 11px; text-transform: uppercase; font-weight: 300; text-decoration: none; color: white; font-family: 'Open Sans';} /* MAIN DISCOVER */ .discover{ background: rgba(17, 17, 17, 0.95); } .discover-item{ height: 144px; width: 10%; overflow: hidden; position: relative; cursor: pointer;} .discover-item_title{ position: absolute; left: 0; top: 0; font-size: 12px; font-family: 'Open Sans'; color: white; font-weight: 500; text-transform: uppercase; text-align: center; display: table; height: 101%; width: 101%; background: rgba(17, 17, 17, 0.95); margin: 0; } .discover-item_title_date{ position: absolute; left: 0; top: 0; font-size: 14px; font-family: 'Open Sans'; font-weight: 800; text-transform: uppercase; text-align: center; display: table; height: 100%; width: 100%; color: rgba(241, 145, 37, 0.95); background: rgba(17, 17, 17, 0.95); margin: 0; } .discover-item_title_date span, .discover-item_title span{ display: table-cell; vertical-align: middle; } .discover-item_title:hover{ background: rgba(17, 17, 17, 0.3); } /* FOOTER DISCOVER */ .footer_discover{ background: rgba(17, 17, 17, 0.95); } .footer__link_copyright_discover{ color: #E3E3E3; } .footer__link_copyright_discover{ color: #E3E3E3; } /* BLOCK ARCHIVES */ .archives-header{ height: 50vh; margin: 48px 0 0 0; display: inline; } .archives-header_title{ padding: 41.92px 0 0 0; font-family: 'Open Sans'; font-weight: 600; text-transform: uppercase; text-align: center; } .archives-header_description{ border-bottom: 1px solid #656565; margin: 0; text-align: center; font-family: 'Libre Baskerville'; font-weight: 400; font-style: italic; color: #656565; margin-bottom: 0; padding-bottom: 48px; min-height: 22px; } .archives-header_banner{ height: 50vh; border-bottom: 1px solid #656565; } .archives-wrapper{ display: inline-block; margin: 48px 48px 24px 48px;} .archives__content_wrap{ display: table; padding: 0 0 48px 0; margin: 0 0 24px 0; height: 370px; position: relative; width: 50%; float: left; border-bottom: 1px solid #E3E3E3; } .archives__content_img{ height: 192px; width: 192px; float: left; border-radius: 2px; margin: 0 6px 0 0; display: table-cell; border: 1px solid #E3E3E3; } .archives__content_img a{ display: block; width: 100%; height: 100%; } .archives__content_tags{ width: 192px; } .archives__content_tags a{ display: block; float: right; text-decoration: none; font-family: 'Open Sans'; font-weight: 300; font-size: 12px; border: 1px solid #E3E3E3; margin: 3px; padding: 3px; text-transform: uppercase; color: #656565; border-radius: 2px; } .archives__content_tags a:hover{ background: #656565; color: #E3E3E3; border: 1px solid white; } .archives__content_wrap_text{ display: table-cell; vertical-align: top; width: 100%; } .archives__content_title{ margin: 0 6px; font-size: 16px; } .archives__content_title a { text-decoration: none; color: #111111; text-transform: uppercase; font-family: 'Open Sans'; font-weight: 600; } .archives__content_meta{ font-size: 12px; font-style: italic; color: #656565; margin: 2px 6px 0 6px; } .archives__content_excerpt{} .archives__content_excerpt p{ margin: 24px 24px 48px 6px; text-align: justify; font-size: 15px; } .archives-footer{ position: absolute; bottom: 24px; right: 24px; font-size: 11px; color: #606060; } .archives-footer a{ text-decoration: none; color: white; display: inline-block; background: #F19125; padding: 6px; margin: 6px; text-transform: uppercase; font-family: 'Open Sans'; font-weight: 300; font-size: 12px; } .archives-footer a:hover{ background: #656565; } /* BLOCK TAGS */ .tag-header{ height: 50vh; margin: 48px 0 0 0; display: inline; } .tag-header_title{ padding: 41.92px 0 0 0; font-family: 'Open Sans'; font-weight: 600; text-transform: uppercase; text-align: center; } .tag-header_description{ margin: 0; text-align: center; font-family: 'Libre Baskerville'; font-weight: 400; font-style: italic; color: #656565; margin-bottom: 0; padding-bottom: 48px; min-height: 22px; } .tag-header_related-tag{ border-bottom: 1px solid #656565; text-align: center; padding: 0 0 6px 0; margin: 0; line-height: 24px; } .tag-header_related-tag_item{ margin: 6px; padding: 6px; border: 1px solid #E3E3E3; border-radius: 6px; color: #E3E3E3; font-family: "Open Sans"; font-weight: 300; text-decoration: none; display: inline-block; cursor: pointer; } .tag-header_related-tag_item:hover{ color: #656565; border-color:#656565; } .tag-header_banner{ height: 50vh; border-bottom: 1px solid #656565;} .tag-wrapper{ display: inline-block; margin: 48px 48px 24px 48px; } .tag__content_wrap{ display: table; padding: 0 0 48px 0; margin: 0 0 24px 0; height: 370px; position: relative; width: 50%; float: left; border-bottom: 1px solid #E3E3E3; } .tag__content_img{ height: 192px; width: 192px; float: left; border-radius: 2px; margin: 0 6px 0 0; display: table-cell; border: 1px solid #E3E3E3; } .tag__content_img a{ display: block; width: 100%; height: 100%; } .tag__content_tags{ width: 192px; } .tag__content_tags a{ display: block; float: right; text-decoration: none; font-family: 'Open Sans'; font-weight: 300; font-size: 12px; border: 1px solid #E3E3E3; margin: 3px; padding: 3px; text-transform: uppercase; color: #656565; border-radius: 2px; } .tag__content_tags a:hover{ background: #656565; color: #E3E3E3; border: 1px solid white; } .tag__content_wrap_text{ display: table-cell; vertical-align: top; width: 100%; } .tag__content_title{ margin: 0 6px; font-size: 16px; } .tag__content_title a{ text-decoration: none; color: #111111; text-transform: uppercase; font-family: 'Open Sans'; font-weight: 600; } .tag__content_meta{ font-size: 12px; font-style: italic; color: #656565; margin: 2px 6px 0 6px; } .tag__content_excerpt p{ margin: 24px 24px 48px 6px; text-align: justify; font-size: 15px; } .tag-footer{ position: absolute; bottom: 24px; right: 24px; font-size: 11px; color: #606060; } .tag-footer a{ text-decoration: none; color: white; display: inline-block; background: #F19125; padding: 6px; margin: 6px; text-transform: uppercase; font-family: 'Open Sans'; font-weight: 300; font-size: 12px; } .tag-footer a:hover{ background: #656565; } /* PAGE */ .page-header{} .page-header_title{ padding: 41.92px 0 89.92px 0; font-family: 'Open Sans'; font-weight: 600; text-transform: uppercase; text-align: center; } .page-header_banner{ height: 50vh; border-bottom: 1px solid #656565; } .page__content{ margin: 48px 144px 0 144px; padding: 0 0 48px 0; clear: both; display: inline-block; position: relative; border-bottom: 1px solid #E3E3E3; } .page__content p{ text-indent: 48px; font-size: 16px; } .page__content a{ color: #F19125; } .page__content a:hover{ color: #F19125; text-decoration: none; } .page__breadcrumbs{ font-size: 14px; font-family: "Libre Baskerville"; margin: 6px 0 0 0; text-align: center; color: #656565; } .page__breadcrumbs a{ color: #656565; text-decoration: none; } .page__breadcrumbs a:hover{ color: #111111; } /* PAGE SEARCH */ .search-header{} .search-header_title{ padding: 41.92px 0 0 0; font-family: 'Open Sans'; font-weight: 600; text-transform: uppercase; text-align: center;} .search-header_description{ border-bottom: 1px solid #656565; margin: 0; text-align: center; font-family: 'Libre Baskerville'; font-weight: 400; font-style: italic; color: #656565; margin-bottom: 0; padding-bottom: 48px; min-height: 22px; } .search-header_banner{ height: 50vh; border-bottom: 1px solid #656565; } .search-wrapper{ margin: 48px 144px 0 144px; padding: 0 0 48px 0; clear: both; display: inline-block; position: relative; } .search-wrapper_text{ text-indent: 48px; font-size: 16px; font-family: "Libre Baskerville"; } .search__content_wrap{ display: table; padding: 0 0 48px 0; margin: 0 0 24px 0; min-height: 390px; position: relative; width: 50%; float: left; border-bottom: 1px solid #E3E3E3; } .search__content_img{ height: 192px; width: 192px; float: left; border-radius: 2px; margin: 0 6px 0 0; display: table-cell; border: 1px solid #E3E3E3; } .search__content_img a{ display: block; width: 100%; height: 100%; } .search__content_tags{ width: 192px; } .search__content_tags a{ display: block; float: right; text-decoration: none; font-family: 'Open Sans'; font-weight: 300; font-size: 12px; border: 1px solid #E3E3E3; margin: 3px; padding: 3px; text-transform: uppercase; color: #656565; border-radius: 2px; } .search__content_tags a:hover{ background: #656565; color: #E3E3E3; border: 1px solid white; } .search__content_wrap_text{ display: table-cell; vertical-align: top; width: 100%; } .search__content_title{ margin: 0 6px; font-size: 16px; } .search__content_title a{ text-decoration: none; color: #111111; text-transform: uppercase; font-family: 'Open Sans'; font-weight: 600; } .search__content_meta{ font-size: 12px; font-style: italic; color: #656565; margin: 2px 6px 0 6px; } .search__content_excerpt p{ margin: 24px 24px 48px 6px; text-align: justify; font-size: 15px;} .search-footer{ position: absolute; bottom: 24px; right: 24px; font-size: 11px; color: #606060; } .search-footer a{ text-decoration: none; color: white; display: inline-block; background: #F19125; padding: 6px; margin: 6px; text-transform: uppercase; font-family: 'Open Sans'; font-weight: 300; font-size: 12px; } .search-footer a:hover{ background: #656565; } /* FORMULAIRE DE RECHERCHE */ .page-search__form{ font-family: "Libre Baskerville"; text-align: center; width: 100%; font-size: 18px; height: 48px; line-height: 48px; display: inline-block; border-bottom:1px solid #E3E3E3; } .page-search__form__label{ font-size: 18px; line-height: 48px; font-family: "Libre Baskerville"; } .page-search__form__text{ margin: 0; padding: 0; height: 48px; line-height: 48px; border: none; font-size: 18px; box-sizing: border-box; font-family: "Libre Baskerville"; color: #111111; } .page-search__form__submit{ height: 48px; line-height: 48px; border: none; font-family: "Libre Baskerville"; background: none; margin: 0; padding: 0; font-size: 18px; color: #F19125; cursor: pointer; } .page-search__form ::-webkit-input-placeholder { /* WebKit browsers */ color: #F19125; } .page-search__form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #F19125; opacity: 1; } .page-search__form ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #F19125; opacity: 1; } .page-search__form :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #F19125; } /* COMMENT */ .comment{ margin: 48px 192px 12px 192px; padding: 0; list-style-type:none; border-bottom:1px solid #E3E3E3; position: relative; } .comment-author{ height: 48px; line-height: 48px; } .comment-author .avatar{ height: 48px; width: 48px; border-radius: 24px; float: left; } .fn{ margin: 0 0 0 6px; } .fn .url{ font-family: "Open Sans"; text-transform: uppercase; text-decoration: none; font-size: 22px; font-weight: 400; font-style: normal; color: #656565; } .fn .url:hover{ color: #F19125; } .comment-meta a{ font-size: 12px; font-style: italic; color: #656565; margin: 2px 6px 0 54px; text-decoration: none; } .comment-meta a:hover{ text-decoration: underline; } .comment-body p{ margin-bottom: 24px; font-size: 14px; } .reply{ height: 24px; line-height: 24px; position: absolute; right: 0; bottom: 0; } .reply a{ color: #656565; text-decoration: none; font-size: 12px; } .reply a:hover{ color: #606060; } .comment-respond{ width: 80%; margin: 0 auto; } .comment-reply-title{ text-align: center; font-family: 'Open Sans'; font-weight: 600; text-transform: uppercase; } .comment-reply-title a{ color: #E3E3E3; } .comment-reply-title a:hover{ color: #656565; } .comment-form, .wpcf7-form{ width: 80%; margin: 0 auto; margin-bottom: 48px; font-size: 14px; } /* f19125-111111-e3e3e3-d8cbc7-cc3f0c */ /* COULEUR POUR RÉUSSITE #0FA3B1 ET POUR ERREUR #CC3F0C */ /* MESSAGE D'ERREUR CF7 */ .wpcf7-validation-errors, .wpcf7-not-valid-tip{ font-family: 'Open Sans'; font-weight: 800; font-size: 12px!important; } .wpcf7-not-valid-tip{ color: #CC3F0C!important; text-align: center; margin: 6px 0 12px 0; } .wpcf7-validation-errors{ background: #CC3F0C; } .wpcf7-mail-sent-ok{ background: #0FA3B1; } .wpcf7-validation-errors, .wpcf7-mail-sent-ok{ color: white; padding: 12px!important; border-radius: 2px; border: 1px solid #E3E3E3!important; text-align: center; } .form-submit{ text-align: right; } .required{ color: #F19125; } .comment-form-author, .comment-form-email,.comment-form-url{ text-indent: none; height: 24px; line-height: 24px; margin: 0; } .comment-form-author label, .comment-form-email label,.comment-form-url label{ width: 30%; display: inline-block; float: left; cursor: pointer; overflow: hidden; } .comment-form-author input, .comment-form-email input,.comment-form-url input{ width: 69%; display: inline-block;float: left; margin: 0; padding: 0 0 0 1%; border-bottom:1px solid #E3E3E3; border-top: none; border-left: none; border-right: none; height: 24px; font-family: "Libre Baskerville"; font-size: 14px; color: #656565; } .form-allowed-tags{ font-size: 12px; } .comment-form-comment_text{ display: inherit; } .comment-form-comment label{ margin: 0 0 6px 0; display: inline-block; } .comment-form-comment textarea{ min-width: 98%; max-width: 98%; padding: 1%; border: 1px solid #E3E3E3; margin: 0; font-family: "Libre Baskerville"; font-size: 14px; color: #656565; } .form-submit{} .submit, .wpcf7-submit{ border: 1px solid #E3E3E3; font-family: "Open Sans"; font-size: 18px; font-weight: 300; text-transform: uppercase; background: none; color: #E3E3E3; cursor: pointer; border-radius: 2px; } .submit:hover, .wpcf7-submit:hover{ color: #656565; border-color:#656565; } @media screen and (max-width: 784px) { .logged-in .header__nav{ margin-top:0px;} .single-article__content, .page__content { margin: 0 48px; } .single-article__content_category a { line-height: 1; height: auto; padding: 12px; } .single-article__related { margin: 48px 48px 24px 48px;} .single-article__related_wrap_item { margin: 0 0 6px 0; } .single-article__related_wrap_item_title { min-height: 82px; } .header__title_button{ border-bottom: 1px solid #E3E3E3; position: relative; width: 100%; margin: 0; background: url('../images/logo-anotherwhiskyformisterbukowski.png') center no-repeat; background-size: auto 38px; height: 48px; } .header__title_button:before{ content: none; } .grid__item, .grid__menu_item{ width: 50%; } .grid__item__title{ font-size: 16px; } .grid__item:nth-child(3), a[href$='#grid__menu_item__button-close']{ width: 100%; } .header__menu{ margin-top: 30px; height: auto; padding: 12px 0; } .menu-item{ display: block; } .discover-item{ width: 20%; } .header__menu_tertiaire{ line-height: 1; } .header__menu_discover_catchline{ margin-top:12px; padding-top:12px; border-top: 1px solid #E3E3E3; } .page-search__form{ border: none; } .comment, .comment-respond{ margin: 0 auto 12px auto; } .footer__link_social{ font-size: 12px; } .author__content_wrap, .tag__content_wrap, .category__content_wrap, .search__content_wrap{ display: inherit; float: none; width: 100%; min-height: 470px;; } .author__content_img, .tag__content_img, .category__content_img, .search__content_img{ width: 100%; height: 25vh; } .author__content_tags, .tag__content_tags, .category__content_tags, .search__content_tags{ width: 100%; display: inline-block; } .author__content_tags a, .tag__content_tags a, .category__content_tags a, .search__content_tags a{ float: left; } .author__content_title, .tag__content_title, .category__content_title, .search__content_title{ margin: 0; text-align: center; font-size: 16px; } .autor__content_meta, .tag__content_meta, .category__content_meta, .search__content_meta{ text-align: center; } .comment-reply-title{ text-align: center; width: 100%; } .comment-notes{ text-align: center; } .form-allowed-tags{ text-align: center; margin-top:0; } .form-submit{ text-align: center; } .header__nav__wrap{ display: inherit; } .header__nav__column_left, .header__nav__column_right{ float: none; width: 100%; } .header__nav__column_right{ display: inline-block; text-align: center; margin: 0; } .header__nav__column_right__wrap-news{ float: none; display: inherit; margin: 0; } .searchform__label { font-size: 24px; } .searchform__submit{ font-size: 24px; } .searchform { display: inherit; margin: 0 auto; width: 80%; } .header__nav__row_title-news{ display: none; } } @media screen and (max-width: 1024px) { .header__menu{ margin-top: 30px; border-bottom: 1px solid #E3E3E3; } .header__menu_discover{ margin-top: 0; } .header__title{ height: auto;} .header__title_link{ display: block; height: 48px; margin: 0; text-align: center; border-top: 1px solid #E3E3E3; position: inherit; } .category__content_wrap, .tag__content_wrap, .archives__content_wrap, .search__content_wrap, .author__content_wrap{ float: none; width: 100%; } .comment-form-author, .comment-form-email,.comment-form-url{ height: auto; margin: 6px 0; } .comment-form-author label, .comment-form-email label,.comment-form-url label, .comment-form-author input, .comment-form-email input,.comment-form-url input{ width: 100%; float: none; } .header__nav__column_right__item_news img, .header__nav__column_right__item_news_empty{ width: 100px; height: 100px; } } @media screen and (max-width: 400px) { .footer__scroll-top{ display: none; } .header__nav__row_title{ display: none; } .tag__content_wrap { height: 630px; } @media screen and (max-width: 1040px) { .header__nav__column_right__item_news img, .header__nav__column_right__item_news_empty{ height: 100px; width: 100px; }