/* Theme Name: Twenty Twenty Child MP Theme URI: _ Description: Twenty Twenty Child MP Author: MP Author URI: _ Template: twentytwenty Version: _ License: GNU General Public License v2 or later License URI: _ Tags: _ Text Domain: _ */ /*CONTENTS : 1 – TESTS 2 – FONTS 3 – SITEWIDE + TINYMCE STYLES 4 – SITE HEADER 5 – MP TOP WIDGETS AREA 6 – SIDE TOGGLE MENU (MODAL / EXPANDED) 7 – TOP PRIMARY MENU 8 – WPLUG TRANSPOSH – Also for HOME / ARCHIVE 9 – PRIMARY > MAIN - SITE CONTENT - ARTICLE 10 – HOME & ARCHIVE PAGES 11 – ARCHIVE NOT HOME 12 – PAGINATION 13 – ENTRY TOP META & BOTTOM COMMENTS – ALSO IN DYN PAGES 14 – SINGLE POST 15 – SINGLE POST COMMENTS SECTION 16 – STATIC PAGES 17 – SEARCH RESULTS 18 – IMAGES & ICONS – ICONS FONTAWESOME – GALLERIES 19 – VIDEOS 20 – FOOTER & FOOTER MENU 21 – WPLUG REMOJI 22 – WPLUG WHATSAPP SHARE 23 – WPLUG FORMCRAFT 24 – WPLUG ACCESSPRESS ANONYMOUS POST 25 – WPLUGs USING FANCYBOX : ARI Lightbox, FV Player 26 – WPLUG SHULT 27 – WP STANDARD AUDIO PLAYER 28 – WPLUG MP3 JPLAYER AUDIO 29 – WPLUG POPUP ANYTHING – TO REPLACE 30 – WPLUG FV PLAYER = FOR VIDEOS 31 – WPLUG WP FEATHERLIGHT - FOR IMG / GALLS + Maybe Text Link for YT VIDEO and PDF 32 – WPLUG WPBAKERY 33 – WPLUG ARCHIVE CONTROL 34 – WPLUGs MISC 35 - 39 : FOR FUTURE WPLUGs -------------------------------------------------------------------------------- RESPONSIVENESS MAX 1024 = APPROX. LINE ****** 2720 40 – RESPONS 1024 : GENERAL 41 – RESPONS 1024 : HOME & ARCHIVE 42 – RESPONS 1024 : ARCHIVE ONLY 43 – RESPONS 1024 : SINGLE GENERAL 44 – RESPONS 1024 : SINGLE TINYMCE STYLES 45 – RESPONS 1024 : IMAGES & VIDEOS 46 – RESPONS 1024 : COMMENTS AREA 47 – RESPONS 1024 : FOOTER 48 – RESPONS 1024 : STATIC PAGE 49 – RESPONS 1024 : WPLUGS -------------------------------------------------------------------------------- 50 – RESPONSIVENESS MAX 479 = APPROX. LINE ****** 3630 */ /******************************************* 1 – TESTS ********************************************/ /******************************************** 2 – FONTS ******************************************/ @font-face { /* FJALLA ONE REGULAR */ font-display: swap; font-family: 'Fjalla One'; font-weight: normal; font-style: normal; src: url('../../mp-fonts/Fjalla-One.woff2') format('woff2'); } /* @font-face {/* LORA REGULAR * font-display: swap; font-family: 'Roboto'; font-weight: 400; font-style: normal; src: url('../../mp-fonts/Lora.woff2') format('woff2'); } */ @font-face {/* LORA 700 REGULAR */ font-display: swap; font-family: 'Lora'; font-weight: 700; font-style: normal; src: url('../../mp-fonts/Lora-700.woff2') format('woff2'); } @font-face { /* MULI REGULAR */ font-display: swap; font-family: 'Muli'; font-weight: normal; font-style: normal; src: url('../../mp-fonts/Muli.woff2') format('woff2'); } @font-face {/* ROBOTO REGULAR */ font-display: swap; font-family: 'Roboto'; font-weight: 400; font-style: normal; src: url('../../mp-fonts/Roboto.woff2') format('woff2'); } @font-face { /* SOURCE SANS PRO REGULAR */ font-display: swap; font-family: 'Source sans pro'; font-weight: normal; font-style: normal; src: url('../../mp-fonts/Source-Sans-Pro.woff2') format('woff2'); } @font-face { /* SOURCE SANS PRO ITALIC */ font-display: swap; font-family: 'Source sans pro'; font-weight: normal; font-style: italic; src: url('../../mp-fonts/Source-Sans-Pro-Italic.woff2') format('woff2'); } /******************************************** 3 – SITEWIDE *********************************************/ .mp-hidden { display: none; } #has-newer-autosave { display: none; } ::selection { background: #FFEF88; } :focus { outline: none!important; } html { scroll-behavior: auto; } body { user-select: unset; font-family: 'Source sans pro', 'Segoe UI', system-ui, -apple-system, "Helvetica Neue", Helvetica, sans-serif; background: unset; letter-spacing: unset; } .entry-content { font-family: "Source sans pro"; } #site-content div, #site-content p, #site-content li, .entry-content, .entry-content div, .entry-content p, .entry-content li { font-size: 2rem; } #site-content div .mp-smaller, #site-content p .mp-smaller, #site-content li .mp-smaller, .entry-content .mp-smaller, .entry-content div .mp-smaller, .entry-content p .mp-smaller, .entry-content li .mp-smaller { font-size: 1.8rem!important; } h1, h2, h3, h4, h5, h6, .faux-heading { letter-spacing: unset; } a { text-decoration: none!important; color: mediumblue!important; /* royalblue */ } .entry-content a:hover { color: #cd2653!important; } b, strong { font-weight: 600; } textarea { height: unset; } input, textarea { color: #555; } input, textarea, button, .button, .faux-button, .faux-button.more-link, .wp-block-button__link, .wp-block-file__button { font-family: 'Source sans pro'; } input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="month"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="number"], input[type="search"], input[type="tel"], input[type="color"], textarea { font-size: inherit; } blockquote { border-color: #778DDE!important; padding-left: 3rem; margin: 2.5rem 3rem 3rem 2rem!important; } article .post-meta-wrapper { margin-top: 0; height: 0; } .mp-underline { border-bottom: 1px dotted dodgerblue!important; padding-bottom: .05rem; cursor: pointer; } .mp-search-term { background: yellow; } .mp-mini-quote { padding-left: 2.5rem; text-indent: -1.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; } .mp-mini-quote:before { font-family: 'FontAwesome'; content: '\f10d'; font-size: 1.5rem; color: #e08eff; position: relative; right: 1.5rem; top: -1rem; } ul { list-style-image: url(../../uploads/bullet-orange.gif); margin-top: 3rem; margin-left: 5rem; } /********************** BUTTON "EDIT" IN ADMIN *********************/ .post-edit.meta-wrapper { position: fixed; top: 80px; right: 10%; background: #B1CBE1; padding: .5rem 1.5rem; border-radius: 3rem; z-index: 3; } .post-edit.meta-wrapper a { color: white!important; } .post-edit.meta-wrapper .meta-text:before { display: none; } /********************** ALSO TINYMCE STYLES ************************/ .mp-div-separ { /* FOR DIV */ height: 2rem; } .mp-heading-1 { /* SHOULD BE FOR DIV */ margin-top: 6rem; margin-bottom: 5rem; width: fit-content!important; margin-left: auto; margin-right: auto; text-align: center; font-family: 'Roboto'; font-weight: 500!important; font-size: 1.8rem!important; text-transform: uppercase; color: #333; letter-spacing: .1rem; padding: 0.5rem 2rem; background-image: linear-gradient(to right, #fff, #FFF381, #fff); background-size: 150%; background-repeat: no-repeat; background-position: bottom; } .mp-roboto-500-18 { /* FOR SPAN MAYBE – TO REVIEW */ color: #444; font-weight: 500; font-family: 'Roboto'; font-size: 1.8rem; /*letter-spacing: .07rem;*/ } .mpage-title { /* FOR DIV OR MAYBE SPAN – MPOLD*/ font-family: 'Lora'; font-size: 3.6rem; font-weight: 400; letter-spacing: 0px; text-transform: capitalize; text-align: center; } /************************************** 4 – SITE HEADER ********************************************/ #site-header { z-index: unset!important; background: none; /* #EAB5F1 - ALSO none IF TOP IMG */ } .header-inner.section-inner { max-width: inherit; } a.mp-site-name-ori { padding-bottom: 0.3rem!important; pointer-events: none; } a.mp-site-name-ori:hover { border-bottom: 1px dotted #555; } /************************************ 5 – MP TOP WIDGETS AREA ****************************************/ #mp-top-widgets-area { position: absolute; top: 1rem; right: 2rem; /* 10 if MODAL MENU RIGHT */ z-index: 2; } .mp-top-widgets-title { display: none; } .mp-top-warning-auto-translation { color: #E174E1; letter-spacing: 0.05rem; } .mp-top-warning-auto-translation-icon { display: none; margin: 0 1.5rem 0 0!important; } /***************************** 6 – SIDE TOGGLE MENU (MODAL / EXPANDED) **************************/ .header-inner .toggle-text { display: none; } .header-inner .toggle-wrapper::before { display: none; } .header-toggles { position: absolute; right: 2rem; top: 3rem; margin-right: 0; } .header-toggles .toggle { position: fixed; top: 3rem; right: 0rem; } .nav-toggle-wrapper { margin-right: 0rem; } .nav-toggle-wrapper.has-expanded-menu { /*display: none;*/ } button.close-nav-toggle { justify-content: unset; padding: 0; margin-left: 3rem; margin-bottom: 2rem; } .menu-modal.show-modal { /*display: initial;*/ } .menu-bottom { display: none; } .menu-modal.active { /*left: initial;*/ /*bottom: unset;*/ box-shadow: 0 8px 60px 0 rgba(103,151,255,.11), 0 12px 90px 0 rgba(103,151,255,.11); } .menu-modal-inner { width: auto; /* 30rem */ height: fit-content; padding: 2rem 5rem 3rem 1rem; /*background: #f9f9f9;*/ } .modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a { text-decoration: none; } .menu-modal .menu-top { margin-top: 2rem; } .menu-wrapper.section-inner { margin-left: 0!important; } .menu-modal-inner .toggle-text { display: none; } .modal-menu li a { white-space: nowrap; } .modal-menu > li > .ancestor-wrapper > a { padding: 1.5rem 0; } .modal-menu a { color: #555!important; } .expanded-menu a { text-decoration: none!important; font-weight: 500!important; letter-spacing: 0.01em!important; font-size: 2rem!important; } .menu-modal nav .mp-menu-all { border-top: none!important; } .modal-menu.reset-list-style { border-top: none!important; } .modal-menu > li > .ancestor-wrapper > a { /*border-top: 2px solid #FBC02D!important;*/ padding-left: 1.5rem; } .modal-menu > li > .ancestor-wrapper > a:first-letter { text-transform: uppercase; } .modal-menu li.current-menu-item > .ancestor-wrapper > a { text-decoration: none; background: #f2f2f2; } /***************** MP MENUS LANG *****************/ .mp-menu-all { /*margin-left: 3rem;*/ color: #cd2653; } .mp-menu-fr, .mp-menu-it, .mp-menu-uk { margin-left: 2rem; } /****************** ICONS BEFORE MENU ITEM **************/ .menu-modal #menu-item-840 a:before { font-family: 'fontawesome'; content: "\f16a"; font-size: 18px; color: #FBC02D; margin-right: 1.5rem; /*position: relative;*/ /*left: 15px;*/ /*vertical-align: middle; */ /*top: -2px;*/ } /************************************** 7 – TOP PRIMARY MENU *******************************************/ button.search-untoggle { margin-right: 0.5rem; } .header-navigation-wrapper { z-index: 2; } .primary-menu .icon { display: none; } .primary-menu-wrapper { /*position: absolute;*/ /* PB ON SINGLE */ /*top: 2.7rem;*/ /* PB ON SINGLE */ /*right: 10rem;*/ /* PB ON SINGLE */ } .primary-menu li.menu-item-has-children:hover > ul, .primary-menu li.menu-item-has-children:focus > ul, .primary-menu li.menu-item-has-children.focus > ul { right: -3rem; } .primary-menu ul { /*width: auto;*/ } ul.primary-menu { /* FOR TRANSPOSH FLAGS */ /*margin-top: 6rem;*/ margin-right: 0rem; /* 8 IF MODAL MENU RIGHT */ width: auto; } .primary-menu > li { margin: 0rem 0 0 2rem; } .primary-menu > li.menu-item-has-children > a { color: #fff!important; } .primary-menu a { white-space: nowrap; } /*************************************** 8 – WPLUG TRANSPOSH ****************************************/ li.menu-item.edit_translation{ /* BUTTON EDIT TRANSLATION */ position: fixed; top: 90px; right: 100px; } .edit_translation:after { content: "TPOSH"; font-size: 15px; font-weight: 400; letter-spacing: .5px; padding: 0 5px; } #tr_credit { display: none; } a#tr_setdeflang { color: #aaa; font-family: 'Roboto'; font-weight: 300!important; font-size: 1.5rem; position: relative; top: .6rem; letter-spacing: .05rem; border-bottom: 1px dotted #aaa; padding-bottom: .3rem!important; color: #555!important; letter-spacing: .08rem; } .footer-menu .switch_lang, .footer-menu .edit_translation, .expanded-menu .switch_lang, .expanded-menu .edit_translation { display: none; } .switch_lang img { margin-top: 0!important; margin-bottom: 0!important; box-shadow: none; } .switch_lang a { padding-top: 0; margin-top: -0.5rem; } .logged-in-administrator .no_translate { border-bottom: 1px dotted red!important; } /****************** TRANSPOSH : HOME / ARCHIVE *********************/ .archive #mp-top-widgets-area { /*margin-top: 0.5rem;*/ } .home .primary-menu .menu-item.edit_translation, .archive .primary-menu .menu-item.edit_translation { display: none; } .home expanded-menu .switch_lang, .archive expanded-menu .switch_lang, .home .expanded-menu .edit_translation, .archive .expanded-menu .edit_translation { /*display: initial;*/ } .home .footer-menu .switch_lang, .archive .footer-menu .switch_lang, .home .footer-menu .edit_translation, .archive .footer-menu .edit_translation { /*display: initial;*/ } /************************** 9 – PRIMARY > MAIN - SITE CONTENT - ARTICLE ****************************/ #site-content { /*margin-top: 3rem;*/ } article { width: 80rem; max-width: 90%; margin-right: auto; margin-left: auto; } .single-post article { padding-bottom: 3rem; } /*********************************** 10 – HOME & ARCHIVE PAGES **************************************/ /****** HOME/ARCHIVE TOP ********/ .home li.post-edit.meta-wrapper, .archive li.post-edit.meta-wrapper { /* BUTTON "EDIT" IN ADMIN */ display: none; /*top: 4px;*/ } .home #site-header, .archive #site-header { position: unset; /*position: absolute; IF TOP IMG*/ /*top: 0; IF TOP IMG*/ /*width: 100%; IF TOP IMG*/ /*background: linear-gradient(156deg,#252d4a,#aa278c 51%,#3062BD);*/ } .home .header-inner, .archive .header-inner { padding: 0; } .home .header-titles, .archive .header-titles { /*display: inherit;*/ margin: 0rem 0rem 0rem 0rem; } .home .site-title, .archive .site-title { z-index: 3; margin: 7rem 0rem 0rem 4rem; /*border: 0.2rem solid #c751c091!important;*/ /*padding: 1rem!important;*/ } /*************************** HOME/ARCHIVE LOGO ***********************/ /****** HOME LOGO ANIMATION ********/ @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @keyframes stretch { 0% { transform: scale(1); } 50% { transform: scale(1.2); } 100% { transform: scale(1); } } .home .mp-site-name-ori { animation: fadein 3s ease, stretch 1.5s ease; animation-delay: 0s; /*animation-timing-function: ease-out !important;*/ /*transition: opacity 3s linear !important;*/ /*transition-delay: 0s !important;*/ /*transition: all 3s ease;*/ } /**********************************************/ .home .mp-site-name-ori, .archive .mp-site-name-ori { font-family: 'Lora'; font-weight: 700; font-size: 5rem; letter-spacing: 0.015em; /*font-style: italic;*/ background-image: linear-gradient(119.39deg, rgb(255, 31, 115) 6.43%, rgb(143, 31, 255) 49.87%, rgb(31, 200, 255) 91.42%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .home .mp-site-name-suffix, .archive .mp-site-name-suffix { font-family: 'Roboto'; font-weight: 300; font-size: 3rem; letter-spacing: 0.01em; /*color: #555; NOT WORKING AS SUCH */ margin-left: 0.5rem; } /******************* HOME/ARCHIVE HEADER MENUS ********************/ .home .primary-menu-wrapper, .archive .primary-menu-wrapper { /******** TOP MENU *********/ /*top: 5.5rem; NO NEED IF NO REAL MENU */ } .home .primary-menu, .archive .primary-menu { /*margin-top: 6rem;*/ } .home #menu-1-top-menu li, .archive #menu-1-top-menu li { /******** IF REAL MENU – CHECK NAME *********/ display: inline; } .home ul#menu-1-top-menu, .archive ul#menu-1-top-menu { margin-bottom: 0; } .home #menu-1-top-menu li a, .archive #menu-1-top-menu li a { border-bottom: 1px dotted #eee; padding-bottom: 3px; color: #fff!important; } .home #menu-1-top-menu li a:hover, .archive #menu-1-top-menu li a:hover { color: dodgerblue!important; } .home .header-inner .toggle svg, .archive .header-inner .toggle svg { /******** MENU MODAL / EXPAND **********/ color: #FFF; } .home .header-toggles, .archive .header-toggles { /*top: 0.5rem;*/ } .home .nav-toggle, .archive .nav-toggle { /* NONEED MAYBE */ /*top: 0;*/ /*max-height: 8rem;*/ /*left: -1rem;*/ } .home .nav-toggle .toggle-inner, .archive .nav-toggle .toggle-inner { padding-top: 0rem; } .home .nav-toggle .toggle-icon, .archive .nav-toggle .toggle-icon { height: 3rem; width: 3rem; padding: 0.2rem!important; overflow: unset; } .home .nav-toggle .toggle-icon img, .archive .nav-toggle .toggle-icon img { margin-top: 0!important; margin-bottom: 0!important; } .home .mp-toggle-icon-white img, .archive .mp-toggle-icon-white img { /* MP ICON */ display: none; } .home .mp-toggle-icon-black, .archive .mp-toggle-icon-black { /* MP ICON */ box-shadow: none; margin: 0rem 0!important; } .home .mp-toggle-icon-black img { box-shadow: none; margin: 0rem 0!important; } .home .nav-toggle svg, .archive .nav-toggle svg { /* ORIGINAL THEME SVG ICON */ height: 5rem; width: 4rem; padding: 0.2rem!important; } .home .toggle-wrapper.search-toggle-wrapper, .archive .toggle-wrapper.search-toggle-wrapper { /* SEARCH */ margin-top: 1.3rem; } /******************* HOME/ARCHIVE CONTENT ********************/ /******** HOME/ARCHIVE ENTRY TITLE **********/ .home .entry-header-inner .entry-title, .archive .entry-header-inner .entry-title { /*display: none;*/ font-size: unset; /* BECAUSE PARENT THEME */ margin-top: 2.5rem; } .home .entry-header-inner .entry-title a, .archive .entry-header-inner .entry-title a { text-align: center; line-height: 1.4!important; font-family: 'Lora'; font-size: 2.2rem!important; /*font-weight: normal;*/ letter-spacing: .04rem; color: #000!important; } /********************** CONTENT OTHER ************************/ .home .post-inner.thin, .archive .post-inner.thin { padding-top: 3rem!important; } .home .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), .archive .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { max-width: unset; width: unset; } .home .entry-content, .archive .entry-content { font-family: "Source sans pro"; } .home article:first-of-type, .archive article:first-of-type { padding-top: 0rem!important; margin-top: 0; } /******* HOME/ARCHIVE COMMENTS FOR EACH POST ? ******/ .home #comments, .archive #comments { display: none; } .home #respond, .archive #respond { display: none; } /************** MORE LINK & BELOW *******************/ .mp-more-link { display:flex; justify-content: center; } .mp-arrow-go { color: #FF9800; margin-right: 1rem; font-size: 2rem; } .mp-more-link-text { border-bottom: 1px dotted #000; padding-bottom: 0.2rem; } .mp-more-link:after { font-family: 'FontAwesome'; content: "\f35d"; color: red; margin-left: 1rem; font-size: 1.3rem; } .type-post.tag-more .remoji_bar, .type-post.tag-more #wpusb-container-default { display: none; } .type-post.tag-more .mp-comments-link { margin-top: 3rem; } /*************** HR BETWEEN ENTRIES **************/ hr { margin: unset; } hr.styled-separator { background-image: linear-gradient(to right, #fff, #ff8eff, #fff); /* OR MIDDLE de2898 */ height: 1.5rem; width: 40%; margin: 6rem auto 7rem auto; } hr.styled-separator::before { display: none; width: 1rem; color: #37F9FF; } hr.styled-separator::after { display: none; } /************************************** 11 – ARCHIVE NOT HOME ****************************************/ .archive-header { /*position: absolute;*/ top: 1.2rem; /*z-index: 2;*/ padding: 0; background: none; text-align: left; margin-top: -11rem; } .archive-header .section-inner { margin-top: 11rem; /* 15 WITHOUT MP TOP WIDGET AREA */ width: unset; max-width: unset; } .archive .archive-title .color-accent { display: none; } .archive-title { font-weight: 500; background: dodgerblue; color: white; display: inline-block; position: relative; left: 49%; transform: translateX(-50%); padding: .8rem 1.2rem; font-size: 2rem; letter-spacing: .05rem; text-transform: uppercase; } .archive-title .color-accent { color: orange!important; margin-right: .6rem; } .archive-title:after { /*content: "";*/ /*height: 1rem;*/ /*max-width: 86rem;*/ /*display: block;*/ /*background-color: #FFCC3B;*/ /*margin-top: 0rem;*/ } .archive .entry-categories-inner { /******** CATEGS *********/ display: none; } .archive .post-categories.meta-wrapper { display: none; } .archive article:first-of-type { padding-top: 3rem!important; } .archive .mp-dropcap { float: left; display: inline-block; text-align: center; overflow: hidden; background: #FBE0FB; font-family: 'Lora'; color: darkviolet; /* font-weight: 400; */ font-size: 5rem!important; width: 1.5em!important; height: 1.5em!important; line-height: 1.5em; margin: 0.1em 0.5em 0em 0; } /*************** ARCHIVE CATEG " ASIDE " ****************/ .archive .format-aside h2.entry-title { display: none; } .logged-in-administrator.archive .format-aside h2.entry-title { display: initial; border-bottom: 5px dotted dodgerblue; padding-bottom: 7px; } .archive .format-aside .post-inner.thin { padding-top: 0!important; } .logged-in-administrator.archive .format-aside .post-inner.thin { padding-top: 3rem!important; } /************************************** 12 – PAGINATION *******************************************/ .pagination-wrapper { max-width: 100rem; margin-top: 4rem; margin-bottom: 8rem; margin-left: auto; margin-right: auto; padding-top: 0rem; /*border-top: 3rem solid #eee;*/ } .pagination-wrapper hr.styled-separator { width: unset; left: unset; margin: 4rem 0; } nav.navigation.pagination { /*border-top: 2px solid #9B2784;*/ /*padding-top: 3rem;*/ } .pagination .nav-links { justify-content: center!important; } .nav-links > * { margin: 0 1rem!important; background: #BBAEF6; padding: 1rem 2rem; border-radius: 50%; color: #fff!important; } .nav-links:before { font-family: 'FontAwesome'; content: "\f249"; font-size: 3rem; font-weight: normal!important; position: relative; top: 0.5rem; left: -2rem; color: #000; } .nav-links > *:hover { background: #9B2784; } span.page-numbers.current { background: #ccc; } .pagination .dots { transform: unset; background: none; border: 2px solid #BBAEF6; color: #000!important; } .nav-prev-text, .nav-next-text, .prev.page-numbers { display: none; } .prev.page-numbers:last-child, .next.page-numbers:last-child { display: none; } /************** 13 – ENTRY TOP META & BOTTOM COMMENTS – ALSO IN DYN PAGES ************/ /******************** ENTRY TOP META ******************/ .entry-header { background-color: inherit; } .entry-header.has-text-align-center { text-align: unset; } .entry-header-inner.section-inner.medium { text-align: center; } .post-meta { display: inline; } .post-meta a:focus, .post-meta a:hover { text-decoration: none; color: blue; } .post-meta .meta-wrapper { /* align-items: center; */ display: inline; } .post-meta-wrapper.post-meta-single.post-meta-single-top { /* FOR SINGLE */ margin-top: 0; max-width: unset; display: inline; } .archive .post-meta-wrapper.post-meta-single.post-meta-single-top { /* FOR ARCHIVE */ display: inline-block; left: 50%; position: relative; } .post-meta-wrapper.post-meta-single-bottom { display: none; } .post-meta-single-top .post-meta { justify-content: unset; letter-spacing: 0.5px!important; font-weight: 400; font-family: 'Source sans pro'; font-size: 1.9rem; } .post-meta .meta-icon { display: none; } li.post-author.meta-wrapper { /******* AUTHOR **********/ display: none; } .post-date a { /****** DATE GENERAL ***********/ pointer-events: none; font-size: 1.7rem; color: #8F42EC!important; /*text-transform: capitalize;*/ letter-spacing: 0.17rem; /*border-bottom: 1px dotted #000;*/ /*padding-bottom: .5rem;*/ } li.post-date.meta-wrapper .meta-icon { display: none; } .meta-text:before { display: none; font-family: 'FontAwesome'; content: "\f017"; font-size: 1.4rem; color: dodgerblue; position: relative; left: -1rem; top: 0.1rem; } .post-comment-link.meta-wrapper { /******* COMMENTS NUMBER AT TOP *******/ display: none; } /**************** CATEGS GENERAL ********************/ .entry-categories { display: none; /*display: inline;*/ /*text-align: left!important;*/ margin-left: 0rem; margin-bottom: 0; } .entry-categories-inner { justify-content: unset; display: inline; } .entry-categories-inner:nth-child(2) { margin-left: 0rem; } .entry-categories-inner a { font-weight: 400!important; color: orange!important; font-size: 1.9rem; border-bottom: 1px dotted orange; padding-bottom: .1rem; text-transform: capitalize; letter-spacing: 0.02rem; } .entry-categories-inner a:first-child { /*display: none;*/ } .post-categories.meta-wrapper span:nth-child(2) a { color: dodgerblue!important; margin-left: 0.3rem; border-bottom: 1px dotted #000; padding-bottom: 3px; } .post-categories.meta-wrapper span:nth-child(2) a:before { content: 'Category :'; margin-right: 1rem; color: orange; } /********** ENTRY BOTTOM COMMENTS ****************/ .mp-comments-link { text-align: center; margin-top: 0rem; } span.mp-comments-icon, span.mp-comments-text { display: inline-block; } span.mp-comments-icon { vertical-align: middle; margin-right: 0.5em; } span.mp-comments-text { font-size: 0.8em; } /******************************************* 14 – SINGLE POST *******************************************/ /*********************** SINGLE POST HEADER ***********************/ .single-post .header-titles-wrapper { z-index: 2; } /********** SINGLE POST LOGO ***********/ .single-post .site-title { margin-top: 3rem; margin-left: 2em; } .single-post .mp-site-name-ori { font-family: 'Lora'; font-weight: 700; font-size: 3.5rem; letter-spacing: 0.01em; /*font-style: italic;*/ background-image: linear-gradient(119.39deg, rgb(255, 31, 115) 6.43%, rgb(143, 31, 255) 49.87%, rgb(31, 200, 255) 91.42%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .single-post .mp-site-name-suffix { font-family: 'Roboto'; font-weight: 300; font-size: 2.5rem; letter-spacing: 0.005em; /*color: #555; NOT WORKING AS SUCH */ margin-left: 0.3rem; } /*************** SINGLE NAV TOGGLE *******************/ .single-post .nav-toggle .toggle-inner { padding-top: 0; } .single-post .nav-toggle .toggle-icon { height: 3rem; width: 3rem; padding: 0.2rem!important; } .single-post .mp-toggle-icon-white {/* MP ICON */ display: none; } .single-post .mp-toggle-icon-black img { /* MP ICON */ box-shadow: none; margin: 0rem 0!important; } .single-post ul.primary-menu { margin-top: -0.5rem; } /**************** SINGLE POST PRIMARY - CONTENT - ARTICLE *******************/ .single-post #site-content { margin-top: 11rem; margin-bottom: 7rem; } .single-post .post-inner { padding-top: 3rem; } .single-post .section-inner.medium { width: unset; /*max-width: 76rem;*/ } /************* SINGLE POST TITLE ******************/ .single-post .entry-header-inner .entry-title { font-family: 'Lora'; font-weight: 700; font-size: 3rem; letter-spacing: .02rem; line-height: 1.5; text-align: center; /*margin-top: -13rem!important; MPOLD */ margin-top: 2rem; /* MPNEW */ /*position: absolute; MPOLD */ /*left: 50%; MPOLD */ /*transform: translateX(-50%); MPOLD */ } .single-post .entry-header-inner .entry-title:after { content: url(/wp-content/uploads/Divider-purple-bullet.png); display: block; margin-top: 3rem; } .single-post .entry-title a:focus, .single-post .entry-title a:hover { text-decoration: none; } /***************** SINGLE POST CATEGS ******************/ .single-post .entry-header-inner.section-inner.medium { /* MPOLD */ /*text-align: left;*/ } /********* OLD : CATEG "---" *******/ .single-post.category-00 .entry-categories { /* MPOLD */ display: none; } .single-post.category-00 #site-content { /* MPOLD */ /*margin-top: 15rem; DISABLED EVEN IN MPOLD */ } /****************************/ .single-post.category-fr .entry-categories-inner a:first-child {/***** MPOLD : CATEG FR *********/ /*display: inherit;*/ } .single-post .entry-header { padding: 0; /*margin-top: 7rem;*/ margin-bottom: 2rem; /* MPOLD = 6 */ } .single-post .entry-categories { display: none; } /************** SINGLE POST CATEG " ASIDE " **************/ .single-post .format-aside h1.entry-title { display: none; } /******************* SINGLE POST DATE *****************/ .single-post .post-meta-wrapper.post-meta-single.post-meta-single-top { /*margin-top: 15rem; MPOLD */ /*display: block; MPOLD */ } .single-post .post-date.meta-wrapper { margin-top: -2rem!important; display: block; text-align: right; } /******** SINGLE POST EXCERPT AT TOP – BY ORI THEME ************/ .single-post .intro-text { display: none; } /************* IF POST FEATURE IMAGE ******************/ .single-post .featured-media { margin-top: 7rem; } .single-post .featured-media img { max-width: 50%; } .single-post .post-inner, .single-post.reduced-spacing.missing-post-thumbnail .post-inner { /* NEEDED */ /*padding-top: 5rem;*/ } /************* ENTRY CONTENT **************/ .single-post .entry-content { padding-top: 1rem; /*margin-bottom: .5em;*/ font-family: "Source sans pro"; } .single-post .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { /* FOR REMOJI BAR - KEEP HERE */ max-width: unset; width: unset; } .single-post .entry-content p { line-height: 1.7; margin-bottom: 2rem; } .single-post .entry-content li { line-height: 1.5; margin-bottom: 2rem; padding-left: 0.7rem; } .single-post .entry-content li::marker { color: deepskyblue; } .single-post .mp-dropcap { /* MAYBE ALSO IN SHULT BELOW */ float: left; display: inline-block; position: relative; top: -0.5rem; font-size: 8rem!important; width: 9rem!important; height: 9rem!important; line-height: 9rem; margin: 1rem 2rem 0rem 0; text-align: center; overflow: hidden; background: #FBE0FB; font-family: 'Lora'; color: darkviolet; /* font-weight: 400;*/ } /************ SINGLE POST BOTTOM ************/ .single-post nav.pagination-single { /******** PAGINATION : NEEDS TO BE HERE ********/ display: none; } .single-post .styled-separator.is-style-wide { /**** HR BETWEEN POSTS : NEEDS TO BE HERE *****/ display: none; } /**************************** 15 – SINGLE POST COMMENTS SECTION ******************************/ .single-post span.mp-comments-icon, .single-post span.mp-comments-text { /**** COMMENTS TITLE AT POST BOTTOM ******/ display:none; } .single-post #comments .section-inner { margin-top: -2rem; } #respond { margin-top: -4rem; } .post-meta-wrapper.post-meta-single-bottom { margin-top: 0; } .comments-wrapper { margin-top: 4rem; } .comments-inner.section-inner::before { content: 'Comments :'; font-size: 1.5rem; /*color: dodgerblue;*/ text-transform: uppercase; letter-spacing: .1rem; display: inline-block; left: 50%; transform: translateX(-50%); position: relative; background: #FFF; padding: 0 1rem; z-index: -1; margin-bottom: 2rem; } #comments { padding: 0rem 1.5rem 1.2rem 2rem; /*border-top: .5rem solid #FFE472;*/ max-width: 65rem; margin: 1rem auto 4rem auto; } #comments .section-inner { max-width: 65rem; } .comments-header { margin-top: -6rem; } .comment-reply { font-weight: 400; } .comment-reply-title { display: none; } .comment-form-email, .comment-form-url, .comments-title, #email-notes, .comments-wrapper .styled-separator.is-style-wide { display: none; } article.comment-body { border-top: 1px solid #bbb; } #comments article:first-of-type { padding-top: 0rem!important; } .comment-respond label { font-family: 'Roboto'; letter-spacing: .5px; font-weight: 300; color: dodgerblue; text-align: center; margin-top: 3rem; margin-bottom: 2rem; } .comment-content.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) { width: 80%; margin-left: 2rem; } .comment-respond p { margin-bottom: 1.2rem; } .comment-respond textarea { height: 15rem; padding: 0rem 0rem .5rem 0rem; border: none; border-bottom: 1px dotted #555; background: #f9f9f9; } .comment-respond textarea:focus, .comment-respond input[type="text"]:focus { border-color: dodgerblue; } .comment-form-author #author { padding: 0rem 0rem .5rem 0rem; border: none; border-bottom: 1px dotted #555; background: #f9f9f9; } .comment-form-author { float: unset !important; } .comment-footer-meta { /*display: none;*/ justify-content: flex-end; margin-top: 1rem; } .comment-meta { margin-bottom: 1rem; } #commentform p.logged-in-as { color: red!important; margin-bottom: 2rem; } #error-page { margin-top: 10rem!important; color: red!important; } #error-page p { font-size: 2.5rem!important; } div.comment:first-of-type { margin-top: 2rem; } .comment-author { /*width: 70%;*/ display: inline; font-size: 1.8rem; font-weight: 400; color: dodgerblue; text-transform: capitalize; } .comment-form-author .text-required { color: red; } .by-post-author { display: none!important; color: blue; letter-spacing: .1rem; } .comment-metadata { display: inline; margin-left: 2.5rem; font-weight: 400; color: #aaa !important; /*text-transform: capitalize;*/ } #commentform .form-submit { /*margin-right: 3rem!important;*/ /*float: right;*/ margin-top: 3rem; } #commentform input[type="submit"] { padding: 0.5em 1.2em; background-color: #EAB5F1; border-radius: 2rem; margin: 0 auto; font-size: 1.4rem; } .comment-reply-link { background-color: #ddd!important; text-transform: initial; font-size: 1.5rem; padding: .6rem 1.5rem; border-radius: 2rem; } .comments-closed { display: none; } .comments .comment { padding-top: 0; margin-top: 5rem; } .comment-notes { display: none; } .comment-respond .required-field-message { display: none; } .comment-form-comment .required { display: none; } /************** COMMENTS IF LOGGED IN ******************/ .logged-in .comment-form-comment { margin-bottom: 0!important; } .logged-in #commentform input[type="submit"] { text-decoration: none; /*float: right;*/ /*margin: 0 auto;*/ } .logged-in #respond { margin-top: 0rem; } /***************************************** 16 – STATIC PAGES ******************************************/ /********* EX- SIMPLE HEADER ************ .page #site-header { background: #EAB5F1; } .page #site-content { margin-top: -2rem; } .page .entry-header-inner { max-width: unset; } */ /********************** STATIC PAGE HEADER *********************/ .page #site-header { /*background: linear-gradient(156deg,#252d4a,#aa278c 51%,#3062BD);*/ /*background: linear-gradient(90deg ,#5c5cff,#ff8eff);*/ /*padding-bottom: 0rem;*/ } .page .header-inner .toggle svg { color: #fff; } .page .header-inner.section-inner { padding-bottom: 2.5rem; } .page .header-titles-wrapper { z-index: 2; } .page .header-titles { margin: 0; } .page .site-title { margin: 2rem 0rem 0rem 2rem; } .page .mp-site-name-ori { font-family: 'Lora'; font-weight: 700; font-size: 5rem; letter-spacing: 0.015em; /*font-style: italic;*/ background-image: linear-gradient(119.39deg, rgb(255, 31, 115) 6.43%, rgb(143, 31, 255) 49.87%, rgb(31, 200, 255) 91.42%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .page .mp-site-name-suffix { font-family: 'Roboto'; font-weight: 300; font-size: 3rem; letter-spacing: 0.01em; /*color: #555; NOT WORKING AS SUCH */ margin-left: 0.5rem; } /*********** END TESTS ***********/ .page .nav-toggle .toggle-inner { padding-top: 0rem; } .page .nav-toggle .toggle-icon { height: 3rem; width: 4rem; padding: 0.2rem!important; } .page .mp-toggle-icon-black { /* MP ICON */ display: none; } .page .mp-toggle-icon-white img { /* MP ICON */ box-shadow: none; margin: 0rem 0!important; } .page ul.primary-menu { margin-top: -0.2rem; } /**************** STATIC PAGE OTHER ***************/ .page article { margin-top: 5rem; /* 13 WITHOUT MP TOP WIDGET AREA */ } .page .entry-header { padding: 0rem; } .page .entry-title { /*display: none;*/ font-size: 4rem; } .page .remoji_bar, .page #wpusb-container-default { display: none; } .page .mp-comments-link { display: none; } /***************************************** 17 – SEARCH RESULTS ******************************************/ .search-results .site-title { color: #798FDE; font-size: 2.5rem!important; } .search-results .site-description { color: #798FDE!important; margin-left: 1.5rem!important; font-size: 2rem!important; } .search-results .header-inner.section-inner { padding-bottom: 0; } .search-results .archive-header { margin-top: 8rem; } .search-results .archive-subtitle { display: none; } .search-results .archive-title { /*margin-top: 6rem;*/ position: absolute; } .search-results h2.entry-title { font-size: 3rem!important; font-weight: 400!important; margin-top: 3rem; } .search-results .post-inner { display: none; } .search-results #respond { display: none; } .search-results .post-separator.styled-separator.is-style-wide { display: none; } .search-results .post-meta-wrapper.post-meta-single-bottom { display: none; } /********************* 18 – IMAGES – ICONS – FONTAWESOME – GALLERIES ********************/ img { box-shadow: 0rem .5rem 4rem 0rem rgba(0,0,0,0.17); margin-top: 4rem!important; margin-bottom: 5rem!important; } img:hover { /*transform: scale(1.15)!important;*/ /*transition: all 0.6s cubic-bezier(0, 0, 0.2, 1);*/ } img.mp-img-no-grow:hover { transform: none!important; } img.mp-img-no-shad { box-shadow: none; } img.mp-center { position: relative; display: inline-block; left: 50%; transform: translateX(-50%); max-height: 15rem; width: auto; } figcaption, .wp-caption-text { /* CAPTIONS */ font-family: "Source sans pro"!important; font-size: 1.8rem; font-weight: normal; color: #7f00ff!important; line-height: 1.7; font-style: italic; letter-spacing: 0.02rem; display: inline-block; margin-top: 2rem; margin-bottom: 2rem; width: 50rem !important; position: relative; left: 50%; transform: translateX(-50%); } /***************** IMG ALIGN ********************/ .alignnone, .aligncenter, .alignleft, .alignright, .alignwide { margin-top: unset; margin-bottom: unset; } .alignnone, .aligncenter { margin-bottom: unset; margin-top: unset; } img.alignleft { margin: 0.3rem 4rem 4rem 0px; } img.alignright { right: -1rem!important; left: unset!important; position: relative!important; margin: 3rem 0 3rem 3rem!important; } /******** EMOJIS FROM WPLUG "WP EMOJI ON" *********/ img.mp-emoji-inline { margin-top: unset!important; margin-bottom: unset!important; } img.mp-emoji-right { position: absolute; right: 3rem; } /***************** ICONS FONTAWESOME ****************/ i.fa.fa-mp-ico-purple:before { /* MAKE PURPLE ICON BEFORE TEXT */ color: #e08eff; margin-right: 0.7rem; } i.fa.fa-mp-ico-link-tab:before, i.fas.mp-ico-link-tab:before { /* ICON AFTER LINK TO OPEN IN NEW TAB */ font-size: 1rem; color: #D7B522; margin-left: 0.5rem; margin-right: 0.3rem; vertical-align: super; } .mp-icon-dload { font-size: 1.5rem; color: violet; vertical-align: middle; margin-right: 1rem; margin-right: 1rem; } .icon-vid { font-size: 2rem; color: red; vertical-align: middle; margin-right: 1.5rem; } /****** ICON ENLARGE FOR SINGLE IMG – ALSO TINYMCE ******/ .mplarge img { /*display: unset; MPREV*/ margin-top: 2rem!important; } .mplarge:before { position: absolute; /*top: 2rem;*/ /*right: -2.5rem;*/ /*float: right; MPREV*/ font-family: "Fontawesome"; content: '\f424'; /* ARROW – MAGLASS = f002 */ color: #FF91FF; /* DARKER E673FF - MORE CD5AFB */ font-size: 2rem!important; /*background: #fff; MPREV*/ /*padding: 0rem 1rem!important; MPREV*/ margin-left: -4rem; /* MPNEW */ } .mplarge-right:before { position: relative; top: 1rem; right: -2rem; float: right; font-family: "Fontawesome"; content: '\f424'; /* ARROW – MAGLASS = f002 */ color: #CD5AFB; font-size: 2rem!important; padding: 0rem 0rem!important; /*font-weight: 300;*/ /*background: #1DE0FC!important; D6BFA4 – 9B51E0 */ /*border-bottom-left-radius: 1.2rem;*/ } a.mplarge:before { /* FOR SINGLE IMG INSIDE BULLET LIST ... */ left: 50%; z-index: 9999; } a.mplarge { margin-top: 3rem!important; display: block; } /******************** WP GALLERY ********************/ .gallery { margin: -1rem 0 0 0; width: unset; /*flex-wrap: initial; MPOLD - FOR SMALL THUMBS TO ENLARGE */ } .gallery-item { margin: 2rem 0 0 0; padding: 0 1rem; } .gallery-item figcaption, .gallery-item .wp-caption-text { font-family: 'Source sans pro'!important; font-weight: 400!important; font-size: 1.8rem; text-align: center; color: orangered; letter-spacing: 0.04rem!important; /*margin-top: 7rem;*/ } .gallery-icon img { /* MPOLD */ margin-top: 0rem!important; margin-bottom: 0rem!important; /*margin-bottom: -4rem!important;*/ /*max-height: 15rem;*/ /*width: auto;*/ /*position: relative;*/ /*display: inline-block;*/ /*left: 50%;*/ /*transform: translateX(-50%);*/ } /******* GALLERY : ICON ENLARGE FOR 1ST IMG *******/ .gallery figure:first-child .gallery-icon:before { margin-top: 1rem;; position: absolute; float: left; z-index: 99999; margin-left: -5rem; font-family: "Fontawesome"; content: '\f424'; /* ARROW – MAGLASS f002 */ color: #CD5AFB; font-size: 2rem!important; padding: 0rem 0.8rem!important; /*background: #1DE0FC!important; D6BFA4 – 9B51E0 */ } /*********** GALLERY N°1 – FORMAT AUDIO (ALBUM) **********/ .home .format-audio #gallery-1, .archive .format-audio #gallery-1 { margin-bottom: 7rem; } .format-audio #gallery-1 img { max-height: 10rem; width: auto; margin-top: 0rem!important; } .format-audio #gallery-1 .gallery-item:first-child img { float: right; } .format-audio #gallery-1 figure:first-child .gallery-icon:before { position: relative; float: right; } /******************************************* 19 – VIDEOS ************************************************/ /********** ON IMAGE WITH VID ICON ***********/ p.mp-p-vid-img-icon { /* THE PARAGRAPH */ margin-bottom: -1rem; } .mp-p-vid-img-icon:before { position: relative; font-family: 'Roboto'; content: "▶"; /* \f01d */ font-size: 6rem; color: blueviolet; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); cursor: pointer; vertical-align: top; z-index: 2; /*opacity: .8;*/ /*text-shadow: 4px 0px 15px rgba(255, 255, 255, 1);*/ /*display: inline-block;*/ /*left: 20%;*/ /*transform: translateX(-50%);*/ } .mp-img-vid:hover { /* THE IMAGE */ transform: none!important; } img.mp-img-vid { cursor: pointer!important; border-radius: 3rem!important; /*top: -8rem;*/ position: relative; /* REMOVE IF STICKY HEADER AS IMAGE APPEARS ON TOP */ display: inline; left: -3%; /* REMOVE IF STICKY HEADER AS IMAGE APPEARS ON TOP */ /* margin-left: -6%; FOR STICKY HEADER SO THAT IMAGE APPEARS BEHIND */ opacity: .6; margin-top: 0!important; margin-bottom: 0!important; } img.mp-img-vid:hover { opacity: 1; } /********** VIDEO ON TEXT LINK INLINE ***********/ .mp-vid-icon-yt { /**** FONTAWSOME ICON ****/ font-size: 2rem; color: red; vertical-align: middle; margin-right: 1rem; margin-right: 1rem; } p.mp-p-vid-img-icon.top { /* NOMORE NEEDED ? CLASS "TOP" */ /*margin-top: 3rem;*/ } p.mp-p-vid-img-icon.top:before { /* NOMORE NEEDED ? CLASS "TOP" */ /*top: -50px;*/ } /******************************************** 20 – FOOTER & FOOTER MENU *********************************************/ .footer-nav-widgets-wrapper { /* ABOVE BOTTOMMOST FOOTER – MAY CONTAIN MENU CENTERED */ margin-top: 0rem!important; border-top: transparent!important; /*background: #A79AE2!important; PREV FLAT COLOR */ /*background: linear-gradient(156deg,#252d4a,#aa278c 51%,#3062BD); GRAD 3RD ORI = ffc08c */ /*background: linear-gradient(120deg ,#9166ff,#de2898);*/ background: #A79AE2!important; /* Ex = linear-gradient(90deg ,#5c5cff,#ff8eff */ padding-top: 3rem; padding-bottom: 6rem; /*position: fixed;*/ bottom: 0; width: 100%; z-index: 3; } #site-footer { /* BOTTOMMOST FOOTER – CONTAINS ICON "To the Top" */ padding: 0!important; } .footer-credits { display: none; } #site-footer a:focus, #site-footer a:hover { text-decoration: none; } .footer-menu .menu-item:before { content: "●"; color: #fff; margin-right: 1rem; } /*************** TO TOP ****************/ .to-the-top { background: #EAB5F1; padding: 0 .3rem; border-radius: 1rem!important; } a.to-the-top { position: fixed; right: 3rem; bottom: 7rem; color: #fff!important; font-family: 'Source sans pro'; padding: 0 1rem .5rem; /*border-bottom: 1px dotted #000;*/ /* padding-bottom: 2.5px; */ font-size: 2.5rem; } .to-the-top-short .arrow { font-size: 2.5rem; } /******************* FOOTER NOT AS WIDGETS / FOOTER MENU ********************/ .footer-nav-widgets-wrapper .section-inner { max-width: unset; } .footer-top { justify-content: center; border-bottom: none; padding: 1rem 0; } .footer-menu { font-weight: normal; letter-spacing: unset; text-transform: uppercase; font-size: 1.7rem; margin: 0rem; } .footer-menu li { margin: 0 0 0 2rem; line-height: 1; } .footer-menu li a { color: #fff!important; } .footer-menu .mp-menu-item-site a { /* NONEED color: #fff!important; /* Ex- Light Blue = 90f8fe */ } /******* FOOTER WIDGETS : NOT USED NOW BUT KEEP HERE IN CASE ***********/ .footer-widgets.column-one .widget_text { display: none; } .widget_nav_menu a:hover { text-decoration: none; color: dodgerblue!important; } .widget-content .footer-widgets { font-size: 1.8rem; } .footer-widgets .widget { margin-top: 1.5rem; } .widget-content .menu li { font-size: 1.7rem; } .footer-widgets ul { text-align: center; } .footer-widgets li.menu-item { display: inline-block; border-left: 3px solid orange; padding-left: .5rem; padding-right: .5rem; margin-bottom: .5rem; } .footer-widgets li.menu-item:first-child { border-left: none; } .footer-widgets a { color: #FFF!important; font-family: 'Roboto'; font-weight: 400; font-size: 1.8rem; letter-spacing: 0rem; margin-left: .5rem; /*border-bottom: 1px dotted darkorange;*/ /*padding-bottom: .3rem;*/ } .footer-widgets .mp-menu-all { /***** MP MENU ******/ color: inherit; } .footer-widgets .mp-menu-fr, .footer-widgets .mp-menu-it, .footer-widgets .mp-menu-uk { margin-left: unset; } /******* FOOTER WIDGETS NOT USED NOW BUT KEEP HERE : CATEG FR ****/ .category-fr .footer-widgets-wrapper { /*margin-top: 2rem;*/ } .category-fr .footer-widgets.column-one .widget_text { display: initial; text-align: center; } .category-fr #menu-item-634 { /*display: none;*/ } /************************************* 21 – WPLUG REMOJI ********************************************/ .remoji_count { display: none; } .remoji_bar p { display: none; } .remoji_bar { top: 2rem; /*border-top: 1px dotted #555;*/ padding-top: .5rem; margin-top: 5rem; margin-bottom: 0; /*text-align: right;*/ /*max-width: 65rem!important;*/ /*display: inline;*/ /*left: 30%;*/ /*transform: translateX(-50%);*/ /*position: relative;*/ } .single-post .remoji_bar:before { content: url(/wp-content/uploads/Divider-purple-bullet.png); display: block; margin-top: 3rem; text-align: center; } .single-post .remoji_bar { border-top: none; margin-top: 0rem; } .single-post .comment-content .remoji_bar { border-top: 1px dashed dodgerblue; max-width: 40rem!important; margin-left: 10rem!important; margin-top: 2rem; /*transform: translateX(10rem);*/ } /* .remoji_bar:before { content: "Reactions :"; margin-right: .7rem; vertical-align: middle; color: dodgerblue; font-size: 1.7rem; letter-spacing: .02rem; font-weight: 300; } */ .mp-remoji-text { font-family: 'Roboto'; color: dodgerblue; font-size: 1.5rem; letter-spacing: .02rem; margin-right: .7rem; } .single-post .mp-remoji-text { /*display: none;*/ } .remoji_container { background: none; } .remoji_container:hover, .remoji_add_container:hover { box-shadow: none; background: none; } .remoji_container img { width: 2.5rem; box-shadow: none; } .remoji_bar img { margin-top: 0!important; margin-bottom: 0!important; } .remoji_bar img:hover { transform: none!important; } .remoji_add_icon:before { height: 2.5rem; width: 2.5rem; } .remoji_add_icon { width: 3rem; height: 3rem; } #remoji_panel { position: unset; max-height: unset; margin-left: 0; margin-top: 1rem; width: unset; overflow: unset; } .remoji_picker_list_scroller { overflow: scroll; height: unset!important; } .remoji_picker_list_scroller div:first-child { /*overflow: scroll;*/ max-width: unset; } .remoji_picker_list { max-height: 40rem; margin-top: 0; min-height: 35rem; padding: 1rem 1rem; white-space: unset; overflow-x: auto; } .remoji_picker_list div:first-child { /*width: unset!important;*/ } .remoji_picker_row { height: 4rem; left: 0rem; position: fixed; } .remoji_picker_item { width: 4rem; /*display: contents;*/ } .remoji_picker_item img { width: 3rem; height: 3rem; } .remoji_picker_footer { padding: 0; } #remoji_preview { height: 4.5rem; } .remoji_picker_handy { position: absolute; bottom: unset; top: .4rem; left: .5rem; } /******************************** 22 – WPLUG WHATSAPP SHARE *************************************/ #wpusb-container-default { /*text-align: right;*/ float: right; margin-top: -3.5rem; width: auto; right: 30%; /*position: relative;*/ /*border-top: 1px dotted #555;*/ /*padding-top: .5rem;*/ } .wpusb { margin-top: 0; margin-bottom: 0; } .wpusb .wpusb-item .wpusb-btn svg { width: 2.5rem; height: 2.5rem; } .wpusb-item .wpusb-btn span { font-size: 1.5rem; margin-left: 1rem; color: dodgerblue; letter-spacing: .02rem; } /* .wpusb-item .wpusb-btn span:before { content: ""; } span.wpusb-btn-inside:after { content: "Share on Whatsapp"; font-weight: 300; font-family: 'Roboto'; } */ .wpusb-title { display: contents; position: relative; font-weight: 300; font-family: 'Roboto'; font-size: 1.5rem; margin-right: 0rem; color: dodgerblue; letter-spacing: .02rem; } /************************************* 23 – WPLUG FORMCRAFT ****************************************/ html .formcraft-css .fc-form .field-cover>span { width: unset; text-align: left; padding-right: 1rem; vertical-align: baseline; display: block; position: unset; font-weight: 400; text-transform: uppercase; margin-bottom: 1rem; } html .formcraft-css .fc-form .form-element.index-true { margin-top: 1rem; } html .formcraft-css .fc-form.align-left { margin-left: auto; } html .formcraft-css .fc-form .form-page-content { padding: 0; } html .formcraft-css .fc-form .form-element .form-element-html { padding: 0; margin-top: 1rem; } html .formcraft-css .fc-form .field-cover>div { width: 100%; } html .formcraft-css .fc-form { box-shadow: none; } .formcraft-css span.main-label { color: dodgerblue; } .formcraft-css input, .formcraft-css textarea { border: none!important; border-bottom: 1px dotted #555!important } .formcraft-css a.powered-by { display: none!important; } .form-element-type-submit { margin-top: 1rem; } html .formcraft-css .fileupload-cover div { text-align: right!important; } html .formcraft-css .fileupload-cover.field-cover { text-align: right!important; } .fileupload-cover span.main-label { text-align: right; padding-right: 1rem; } html .formcraft-css .fc-form .form-element .submit-cover .submit-button { border-radius: 2rem; line-height: 1; background: #37F9FF!important; } html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .button-file { background: #FFECB3!important; border-radius: 3rem; color: #555; font-weight: 400; letter-spacing: .1rem; margin-top: 1rem; } html .formcraft-css .fc-form .form-element .fileupload-cover.field-cover .button-file .icon-upload-cloud { opacity: 1!important; } .form-element-type-fileupload { margin-top: 0!important; } .fileupload-cover span.main-label, .fileupload-cover span.sub-label-, .fileupload-cover span.sub-label, .fileupload-cover div { display: inline!important; } .fileupload-cover.field-cover { /*margin-bottom: -2rem;*/ } /**************************** 24 – WPLUG ACCESSPRESS ANONYMOUS POST *************************/ .ap-custom-label { width: unset; font-weight: 400!important; color: dodgerblue!important; } .ap-custom-wrapper div:first-child .ap-custom-label, .ap-custom-wrapper div:first-child .ap-custom-value { display: inline; } .ap-custom-wrapper div:first-child { background: #FFECB3; } .ap-custom-wrapper .ap-each-image { background: none!important; } /********** ANONYMOUS POST IMAGES *********/ .ap-each-image { float: unset!important; margin: 0 auto; padding: 0 1rem!important; border: none!important; overflow: unset!important; /*display: inline-block!important;*/ vertical-align: middle; } .ap-each-image img { width: auto; margin: 0!important; max-height: 32rem; /*box-shadow: 0rem 0.3rem 1rem 0rem rgba(0,0,0,0.3);*/ box-shadow: none; } .ap-custom-value { margin: 0 auto; text-align: center; display: block; } /************ MP CATEG "SUBMITTED" *********/ .category-submitted .ap-each-custom:first-child { background: #FFECB3; padding: .2rem; width: 77rem; position: absolute; top: 21rem; } .category-submitted .entry-title { position: relative; margin-top: 10rem; } .category-submitted .post-inner { padding-top: 7rem!important; } /******************* 25 – WPLUGs USING FANCYBOX : FV PLAYER / OLD ARI Lightbox *********************/ BODY .fancybox-bg { background-color: rgba(15,15,15,0.85)!important; } .fancybox-caption-wrap { text-align: center; } .fancybox-caption { font-size: 2rem!important; padding: 0 0 1.5rem!important; color: #37F9FF!important; } .fancybox-button--thumbs, .fancybox-navigation .fancybox-button--arrow_right, .fancybox-navigation .fancybox-button--arrow_left { /* IF USE ARI Lightbox for Galleries : MOVE TO RESPONS 479 */ /*display: none!important;*/ } .fancybox-navigation button:before { background: rgba(30,30,30,.3)!important; } img.fancybox-image { margin-top: 0!important; margin-bottom: 0!important; } img.fancybox-image:hover { transform: none!important; } .fancybox-thumbs { max-width: 100px!important; } .fancybox-thumbs>ul>li { max-width: unset!important; } .fancybox-thumbs>ul { background-color: rgba(15,15,15,0.7)!important; } .fancybox-thumbs img { margin-top: 0!important; margin-bottom: 0!important; } .fancybox-button.fancybox-button--play { display: none!important; } .fancybox-button svg path { /* MAYBE IF ARI FANCYBOX ACTIVE */ stroke-width: unset!important; stroke: antiquewhite!important; } .fancybox-infobar { display: none!important; font-size: 2rem!important; margin-top: 0.5rem!important; margin-left: 48%!important; } /******* RATHER FOR VIDEOS ? *******/ .fancybox-slide>* { /* MAYBE */ padding: 0!important; margin: 0!important; background-color: unset!important; } .fancybox-slide video { /* MAYBE */ max-height: 99%; /*top: 0.5vh;*/ /*position: fixed;*/ /*left: 0;*/ /*right: 0;*/ /*margin: 0 auto!important;*/ } .fancybox-iframe { /* MAYBE */ width: inherit!important; text-align: center!important; margin: 0 auto!important; } /*************************************** 26 – WPLUG SHULT *****************************************/ div.su-spacer, p.su-spacer { /******** SPACER *********/ margin-bottom: 0; /*height: 0rem!important;*/ } .entry-content .su-list ul li { /******** LIST *********/ margin: 0 0 1rem 0!important; } /**************** DROPCAP **************/ .su-dropcap.mp-dropcap { /* MAYBE REPLACED BY TINYMCE STYLE */ background: #FBE0FB; font-family: 'Lora'; color: darkviolet; /* font-weight: 400;*/ font-size: 5rem!important; width: 1.5em!important; height: 1.5em!important; line-height: 1.5em; margin: .1em .5em .0em 0; } /*********** BOX WITH MPCLASS *********/ .shult-box-1 { border: none!important; box-shadow: 1rem 1rem 4rem 0 rgb(0 0 0 / 10%); } .shult-box-1 .su-box-title { text-align: center; color: darkviolet!important; letter-spacing: 0.1rem; font-weight: normal; } .shult-box-1 .su-list { margin-left: 3rem!important; } /******** MP TEXT WITH ICON NOTE *********/ .shult-text-icon-note.sue-icon-text { margin-bottom: 1.2em!important; margin-left: 1em!important; } .shult-text-icon-note .sue-icon-text-icon { top: 0.7rem!important; left: -0.5rem!important; } /************************** TO STYLE : SHULT SPOILER ************************/ .su-spoiler { margin-bottom: 0!important; } .su-spoiler-style-fancy>.su-spoiler-title { background: #f2f2f2!important; /*text-align: center;*/ padding-left: 5rem!important; font-weight: 500; color: dodgerblue; font-size: 1.9rem!important; } .su-spoiler-style-fancy { border: none!important; } .su-spoiler-content { /*padding: 0 3rem!important;*/ background: #f9f9f9; } .su-spoiler-content.su-u-trim>:first-child { margin-top: 4rem!important; } /************************** TO STYLE : SHULT NOTE ************************/ .su-note { margin: 0!important; border: none!important; width: 100%!important; } .su-note-inner { padding: .3em!important; text-align: center!important; font-weight: 600!important; letter-spacing: .08rem!important; border: none!important; } /******************************** 27 – WP STANDARD AUDIO PLAYER **********************************/ .mejs-container.wp-audio-shortcode.mejs-audio { max-width: 40rem!important; margin-left: auto; margin-right: auto; margin-top: 3.5rem!important; } .mejs-container, .mejs-container * { border-radius: 7rem!important; box-shadow: 0rem 0.5rem 2rem 0rem rgba(0,0,0,0.035); } .mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body { background: #DEABE7!important; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #B17EBA!important; } .mejs-time-hovered.negative { -webkit-transform: scaleX(0)!important; transform: scaleX(0)!important; } .mejs-controls { border: 1px solid #fff; } .mejs-time { font-size: 1.5rem!important; } /*********************************** 28 – WPLUG MP3 JPLAYER AUDIO ***********************************/ .wrap-mjp { margin-top: 2rem!important; } .jp-play-time { right: 63px!important; /*bottom: 65px!important;*/ text-align: right!important; color: red!important; font-size: 1.8rem !important; } .innerx { background-color: #fff!important; } .a-mjp { color: #7568B0!important; font-size: 2rem!important; } .pd_listButtonWrap a { /* DOWNLOAD BUTTON OF EACH TRACK */ background: url(/wp-content/uploads/mp3-jplayer-download-icon.png); background-repeat: no-repeat; margin-top: 1rem; opacity: 0.5; } .player-track-title { top: 0rem!important; } .jp-total-time, .jp-play-time { bottom: 10rem!important; } .bars_holder { bottom: 7rem!important; } .statusMI { bottom: 7rem!important; } .MIsliderVolume, .MIsliderVolume.ui-widget-content { top: -1.8rem!important; } .mjp-volwrap { background: none!important; bottom: 5.3rem!important; } .innerExt1 { height: 2rem!important; top: -1.2rem!important; left: -1rem!important; } .bars_holder, .bars_holder .ui-slider-horizontal { max-width: 77%!important; } .transport-MI div { border-left: none!important; } .player-track-title, .mjp-volwrap, .innerx, .innerExt1, .transport-MI { z-index: 0!important; } .wrap-mjp, #wrapperMI_0 { padding-bottom: 0!important; } /*********** MP LINK DOWNLOAD PLAYLIST ************/ .mp-link-download-playlist { text-align: center; margin-top: 3rem; } .mp-link-download-playlist a { border-bottom: 1px dotted dodgerblue; font-size: 1.8rem; margin-left: 1.3rem; } .mp-link-download-playlist a:hover { color: #000!important; } .mp-link-download-playlist .fa-circle-down:before { color: #E0ABE7; font-size: 1.8rem; top: 0.1rem; position: relative; } /****************** 29 – WPLUG POPUP ANYTHING (TO REPLACE) *****************/ a.paoc-popup.popupaoc-link { /* TEXT LINK */ /*color: dodgerblue;*/ border-bottom: 1px dotted #000; /*cursor: pointer;*/ } .paoc-popup-modal-cnt { padding: 5rem; } .paoc-popup-modal p { line-height: 1.5; } /******************************** 30 – WPLUG FV PLAYER ************************************/ /****** SEE ALSO ABOVE : "WPLUGs USING FANCYBOX" ******/ .flowplayer { max-width: 1280px!important; } .flowplayer.lightbox-starter { /* FOR THUMB IMAGE */ max-width: 500px!important; width: auto!important; background-color: transparent!important; margin-bottom: 0!important; } .flowplayer.lightbox-starter:before { position: relative; font-family: 'Roboto'; content: "▶"; font-size: 4rem; color: red; text-shadow: 0px 0px 30px rgb(0 0 0 / 50%); top: -0.5rem; /*left: 43%;*/ z-index: 2; border: 1px solid white; padding: 0 2rem; } .flowplayer.lightbox-starter img { margin: 0!important; width: auto!important; left: 50%; transform: translateX(-50%); } .flowplayer.lightbox-starter .fp-ratio { padding-top: 44% !important; } /***********/ .flowplayer a { background: none!important; } .flowplayer .fp-controls .fp-fullscreen { /* AS ALREADY FS ARROW IN BOTTOM CONTROLS */ display: none!important; } .flowplayer .fp-controls { bottom: 2rem!important; } /************************** 31 – WPLUG WP FEATHERLIGHT ********************************/ .featherlight img { margin-top: 0!important; margin-bottom: 0!important; } .featherlight:last-of-type { background: rgba(0,0,0,.7)!important; } /*********** FROM EX-PEPONI **********/ .featherlight-iframe .featherlight-content { /* iFRAME */ overflow-y: unset!important; } .featherlight iframe { /*min-width: 130vh!important;*/ min-height: 40vh!important; } /**********/ .featherlight-content img:hover { /*transform: none!important;*/ } .featherlight .featherlight-content .caption { position: relative!important; display: block!important; text-align: center!important; background: rgba(0, 0, 0, .4)!important; top: -2.3rem!important; letter-spacing: .08rem; font-size: 2rem!important; font-weight: 300!important; font-family: 'Source sans pro'; } .featherlight .featherlight-content { overflow: hidden!important; } .featherlight-next, .featherlight-previous { /*opacity: 1!important;*/ background-color: rgb(0 0 0 / 80%)!important; /* #798FDE */ /*border: 1px solid #555;*/ /*box-shadow: 0rem 1rem 4rem 0rem rgba(0,0,0,1);*/ height: 4rem!important; width: 4rem!important; } .featherlight .featherlight-close-icon { top: 5rem!important; right: 5rem!important; } .featherlight-next, .featherlight-previous { /*top: unset!important;*/ /*bottom: 5rem!important;*/ } .featherlight-previous { left: 5rem!important; } .featherlight-next { right: 5rem!important; } .featherlight .featherlight-content, .featherlight .featherlight-inner, .featherlight-loading .featherlight-content { animation: none!important; /* DOESN'T WORK HERE ? */ -webkit-animation: none!important; /* DOESN'T WORK HERE ? */ } /************************************ 32 – WPLUG WPBAKERY ************************************/ a#vc_load-inline-editor { display: none; } /****************************** 33 – WPLUG ARCHIVE CONTROL **********************************/ /************************ ARCHIVE OF ALL CATEGS ***********************/ .archive-header { display: none; } .archive-control-area { background: #A79AE2; /* OR background-image: linear-gradient(rgba(162, 176, 255, 0.95), rgba(162, 176, 255, 0)); – OR background-color: rgba(162, 176, 255, 1); */ padding: 2rem 2rem; margin-bottom: 5rem; } .archive-control-area p { color: #90f8fe; /* mediumblue */ } .archive-control-area a { color: #fff!important; } archive-control-area .mp-title-archive-parent { /* FOR PAGE TOP */ border-bottom: 1px solid #90f8fe; padding-bottom: 3px; } .archive-control-area .mp-title-archive { /* FOR PAGE TOP */ font-family: Roboto; font-size: 3rem!important; font-weight: bold; color: #ffae5e; } .archive-control-area .remoji_bar, .archive-control-area #wpusb-container-default { display: none; } .archive-control-area.archive-control-area-after { /* PAGE BOTTOM */ margin-top: 24rem; position: absolute; width: 100%; } /********* ARCHIVE OF FRENCH CATEGS : REMOVE TOP TRANSLATION ***********/ /***** ARCHIVE FRENCH : HIDE WARNING AUTO-XLATE *****/ .archive.category-1 #mp-top-widgets-area, .archive.category-17 #mp-top-widgets-area, .archive.category-16 #mp-top-widgets-area, .archive.category-59 #mp-top-widgets-area, .archive.category-61 #mp-top-widgets-area, .archive.category-60 #mp-top-widgets-area, .archive.category-55 #mp-top-widgets-area, .archive.category-67 #mp-top-widgets-area, .archive.category-28 #mp-top-widgets-area, .archive.category-82 #mp-top-widgets-area, .archive.category-83 #mp-top-widgets-area, .archive.category-84 #mp-top-widgets-area, .archive.category-68 #mp-top-widgets-area, .archive.category-85 #mp-top-widgets-area, .archive.category-86 #mp-top-widgets-area, .archive.category-87 #mp-top-widgets-area, .archive.category-69 #mp-top-widgets-area, .archive.category-101 #mp-top-widgets-area { display: none; } /*** ARCHIVE FRENCH : HIDE TOP MENU WITH TPOSH FLAGS *****/ .archive.category-1 #site-header, .archive.category-17 #site-header, .archive.category-16 #site-header, .archive.category-59 #site-header, .archive.category-61 #site-header, .archive.category-60 #site-header, .archive.category-55 #site-header, .archive.category-67 #site-header, .archive.category-28 #site-header, .archive.category-82 #site-header, .archive.category-83 #site-header, .archive.category-84 #site-header, .archive.category-68 #site-header, .archive.category-85 #site-header, .archive.category-86 #site-header, .archive.category-87 #site-header .archive.category-69 #site-header, .archive.category-101 #site-header { display: none; } /***** ARCHIVE OF NOT FRENCH SUB-CATEGS (FAM) : HIDE *****/ .archive.category-27 .archive-control-area.archive-control-area-before, .archive.category-76 .archive-control-area.archive-control-area-before, .archive.category-77 .archive-control-area.archive-control-area-before, .archive.category-78 .archive-control-area.archive-control-area-before, .archive.category-63 .archive-control-area.archive-control-area-before, .archive.category-79 .archive-control-area.archive-control-area-before, .archive.category-80 .archive-control-area.archive-control-area-before, .archive.category-81 .archive-control-area.archive-control-area-before { position: absolute; top: 0; width: 100%; } .archive.category-27 .mp-top-warning-auto-translation { color: #fff; } .archive.category-27 article:first-of-type, .archive.category-76 article:first-of-type, .archive.category-77 article:first-of-type, .archive.category-78 article:first-of-type, .archive.category-63 article:first-of-type, .archive.category-79 article:first-of-type, .archive.category-80 article:first-of-type, .archive.category-81 article:first-of-type { margin-top: 11rem; } /***** FRENCH SINGLES : CATEGS " EEE REPLACEMENT " : HIDE TOP *****/ .single-post.category-102 #site-header, .single-post.category-102 #mp-top-widgets-area, .single-post.category-102 .error404 #mp-top-widgets-area, .single-post.category-102 .error404 .primary-menu, .single-post.category-75 #site-header, .single-post.category-75 #mp-top-widgets-area, .single-post.category-75 .error404 #mp-top-widgets-area, .single-post.category-75 .error404 .primary-menu, .single-post.category-99 #site-header, .single-post.category-99 #mp-top-widgets-area, .single-post.category-99 .error404 #mp-top-widgets-area, .single-post.category-99 .error404 .primary-menu, .single-post.category-104 #site-header, .single-post.category-104 #mp-top-widgets-area, .single-post.category-104 .error404 #mp-top-widgets-area, .single-post.category-104 .error404 .primary-menu, .single-post.category-100 #site-header, .single-post.category-100 #mp-top-widgets-area, .single-post.category-100 .error404 #mp-top-widgets-area, .single-post.category-100 .error404 .primary-menu { display: none; } /******** FRENCH SINGLES : OTHER CATEGS : HIDE TOP ********/ .single-post.geoip-country-FR #site-header, .single-post.geoip-country-FR #mp-top-widgets-area, .single-post.geoip-country-FR .error404 #mp-top-widgets-area, .single-post.geoip-country-FR .error404 .primary-menu { display: none; } /************************************** 34 – WPLUGs MISC. ******************************************/ /****** SIMPLE CHAT BUTTON ******/ #simple-chat-button--button { width: 5rem!important; height: 5rem!important; transition: none!important; transform: none!important; } #simple-chat-button--container { /*visibility: hidden;*/ position: unset!important; } #simple-chat-button--container a { position: relative; left: 4rem; bottom: 2rem; } #simple-chat-button--button:before { display: none!important; } /**** CODE EMBED – FOR LEFT BRACKET REPLACEMENT CODE IN HTML *****/ span.mp-bracket { margin-right: -0.3rem; } /*************************************** RESPONSIVENESS ***************************************/ /*************************************** *****************************************/ /*******************************************************************************************************/ /********************************** 40 – RESPONS 1024 : GENERAL **********************************/ @media only screen and (max-width: 1024px) { .mp-nomob { display: none; } .header-titles-wrapper { /*margin-top: 6rem;*/ } .header-titles { margin: 0rem 0 0 0rem; } .site-title { font-size: 4.5rem!important; position: absolute; top: 1rem; } .site-description { display: inherit; position: initial; margin-top: 0!important; font-size: 2.5rem!important; letter-spacing: 0.05rem; left: unset!important; right: 2rem; } .search-toggle .toggle-icon, .search-toggle svg { height: 1.7rem; width: 1.7rem; } button.close-nav-toggle { padding: 0rem 0rem 1.5rem 0; } .menu-modal { left: unset!important; max-width: 20rem; border-left: .7rem solid #f2f2f2; /*position: absolute;*/ } .modal-menu { left: 0; width: auto; } .modal-menu a { /*padding: 1rem 1.5rem;*/ } .modal-menu > li > .ancestor-wrapper > a { font-weight: 400; letter-spacing: .02rem; padding: 1rem 1.5rem; } #site-content { padding-left: 2rem; padding-right: 2rem; margin-top: 3rem; } .post-inner { padding-top: 1rem; } .entry-header-inner.section-inner.medium { max-width: 100%; width: 100%; } .post-meta-wrapper.post-meta-single.post-meta-single-top { height: unset; } .post-date a, .entry-categories-inner a { font-size: 1.6rem; margin: 0; } .entry-categories { margin-bottom: 2rem; /*margin-left: 2rem;*/ } .entry-content { width: inherit; /*max-width: 90%;*/ } .entry-content div, .entry-content p, .entry-content li { line-height: 1.4; margin-bottom: 1rem; font-size: 1.8rem; } #site-content div, #site-content p, #site-content li, .entry-content { font-size: 1.8rem!important; } #site-content div .mp-smaller, #site-content p .mp-smaller, #site-content li .mp-smaller, .entry-content .mp-smaller, .entry-content div .mp-smaller, .entry-content p .mp-smaller, .entry-content li .mp-smaller { font-size: 1.6rem!important; } article.post { margin-top: 4rem; } blockquote { padding-left: 2rem; margin-left: 1rem!important; margin-right: 1rem!important; } hr.styled-separator { /****** BETWEEN POSTS ********/ width: 110%; margin-top: 1rem; margin-bottom: 4rem; left: 50%; transform: translateX(-50%); } input[type="text"], textarea { padding: .5rem; } .footer-menu li { display: inline; } /**************************** 41 – RESPONS 1024 : HOME & ARCHIVE ******************************/ /********** RESPONS 1024 : HOME/ARCHIVE : HEADER *******/ .home .header-navigation-wrapper, .archive .header-navigation-wrapper { display: initial; position: absolute; top: 3.3rem; right: 0rem; z-index: initial; } .home .header-titles-wrapper, .archive .header-titles-wrapper { /*justify-content: flex-start;*/ padding: 0 0 1rem 0; } .home .header-titles, .archive .header-titles { margin: 5rem 0 0 -3rem; } .home .site-title, .archive .site-title { left: 2rem; font-size: 2.5rem!important; position: absolute; top: 1.5rem; } .home a.mp-site-name-ori, .archive a.mp-site-name-ori { /*color: #37F9FF!important;*/ /*border-bottom: 1px dotted #37F9FF;*/ /*padding-bottom: 2px;*/ /*display: initial;*/ } /******* RESPONS 1024 : HOME/ARCHIVE : MENU TOGGLE & SEARCH *******/ .home .nav-toggle, .archive .nav-toggle { position: absolute; top: 0rem; left: unset; right: 0rem; bottom: unset; padding: 0rem; } .home #site-header .toggle, .home .menu-modal .toggle, .archive #site-header .toggle, .archive .menu-modal .toggle { color: #fff; } .home .header-inner .toggle, .archive .header-inner .toggle { /*padding-left: 0;*/ } .home .search-toggle, .archive .search-toggle { /***** SEARCH ICON ******/ /*left: 5rem;*/ left: unset; right: 0; position: absolute; top: 1.7rem!important; } /********** RESPONS 1024 : HOME/ARCHIVE : PRIMARY MENU *************/ .home .primary-menu-wrapper, .archive .primary-menu-wrapper { display: initial; top: 3rem; right: 0rem; } .home .menu-modal, .archive .menu-modal { bottom: unset; } .home .menu-modal-inner, .archive .menu-modal-inner { padding: 0rem 0rem 0rem 0rem; } .home .menu-modal .section-inner, .archive .menu-modal .section-inner { width: unset; } .home .menu-modal .toggle, .archive .menu-modal .toggle { color: #000; } .home button.close-nav-toggle, .archive button.close-nav-toggle { width: unset; margin-bottom: 1rem; } .home .menu-modal nav *, .archive .menu-modal nav * { border: none; } .home .modal-menu a, .archive .modal-menu a { width: unset; } .home .primary-menu > li, .archive .primary-menu > li { margin: 0rem 0 0 1rem; } /******** RESPONS 1024 : HOME/ARCHIVE : INSIDE CONTENT *********/ .home article:first-of-type, .archive article:first-of-type { padding-top: 0rem!important; margin-top: -1.5rem; } .home .entry-header-inner .entry-title, .archive .entry-header-inner .entry-title { margin-top: 1.4rem; line-height: 1.5; font-size: 1.8rem!important; } .home .pagination-wrapper, .archive .pagination-wrapper { margin-top: 4.5rem; } /**************************** 42 – RESPONS 1024 : ARCHIVE ONLY ********************************/ .archive .archive-title { color: #FFF; margin-top: -1rem; font-weight: 300; font-size: 1.8rem; padding: .5rem 1rem; margin-left: 0; } .archive .archive-header { /*margin-top: 4rem;*/ /*margin-left: unset;*/ margin-bottom: 2rem; /*text-align: center;*/ } .archive #site-content { margin-top: 0rem; } .archive .nav-links:before { font-size: 1.5rem; letter-spacing: .04rem; } /****************************** 43 – RESPONS 1024 : SINGLE GENERAL ****************************/ .single-post #site-header { padding-bottom: 0; z-index: 2; } .single-post .header-inner.section-inner { padding-bottom: 1rem; } .single-post .site-title { margin-left: 0; top: 1.5rem; font-size: 2rem!important; } .single-post .site-title a { padding-bottom: 0.5rem; } .single-post .site-description { left: 1rem!important; margin-top: 1rem!important; margin-left: 0rem; } .single-post .header-navigation-wrapper, .single-post .primary-menu-wrapper { display: initial; position: relative; top: -1.7rem; right: -0.5rem; } .single-post ul.primary-menu { margin-right: 4.5rem; margin-top: -1.5rem; } .single-post .primary-menu > li { margin: 0rem 0 0 0.7rem; } .single-post .menu-modal { height: fit-content; } .single-post .menu-modal-inner { overflow: hidden; } .single-post .nav-toggle { margin-top: -2.5rem; right: 2rem; padding: 0; width: unset; z-index: 3; } .single-post .search-toggle { margin-top: .7rem; right: 0; left: unset; padding-top: .7rem; } .single-post .header-titles-wrapper { display: inherit; padding: 0; } .single-post #site-content { margin-top: 2rem!important; } .single-post .post-inner { padding-top: 2rem!important; } .single-post .entry-header-inner .entry-title { font-size: 2.4rem; } .single-post article:first-of-type { padding-top: 0rem; } .single-post article.post { /*margin-top: 12rem;*/ } .single-post .entry-content p, .single-post .entry-content li { margin-bottom: 1.7rem; } /************************ 44 – RESPONS 1024 : SINGLE TINYMCE STYLES ***********************/ .mp-heading-1 { /* FOR DIV */ background-size: 90%; margin-top: 3rem; margin-bottom: 4rem!important; } .mp-div-separ { /* FOR DIV */ /*height: 0rem;*/ } /************************** 45 – RESPONS 1024 : IMAGES & VIDEOS *****************************/ .alignleft { margin: 0.3rem 4rem 1rem 0rem!important; } img.alignright { max-width: 40%; margin-bottom: 1.5rem!important; } img { /*max-width: 50%;*/ margin-top: 3rem!important; margin-bottom: 3.5rem!important; } img:hover { /*transform: none!important;*/ } /******************* RESPONS 1024 : WP GALLERY *****************/ .gallery { margin-top: 3rem; } .gallery-columns-2 .gallery-item, .gallery-columns-3 .gallery-item { max-width: 50%; } .gallery-item img { margin: 0 auto 2rem auto!important; } .gallery-item figcaption, .gallery-item .wp-caption-text { margin-top: -1rem!important; margin-bottom: 2rem!important; font-size: 1.5rem!important; } /**************** RESPONS 1024 : VIDEO IMAGE ICON ****************/ .mp-p-vid-img-icon:before { /* ON PARAGRAPH */ font-size: 4rem; top: -10px; } img.video { /*max-width: 50%;*/ } /****************************** 46 – RESPONS 1024 : COMMENTS AREA ***************************/ #comments { margin-top: 2rem; margin-bottom: 5rem; } #respond { max-width: 83%; margin-left: auto; margin-right: auto; } .comments-wrapper { margin-top: 5rem; } .comments-inner.section-inner::before { display: inherit; left: unset; margin-left: -1rem; transform: none; position: inherit; } #commentform .form-submit { float: right; margin-top: .2rem; } #commentform input[type="submit"] { margin-top: 0; } #comments article:first-of-type { padding-top: 1rem!important; } .comment-respond label { font-size: 1.5rem; } /********************************* 47 – RESPONS 1024 : FOOTER **********************************/ .footer-nav-widgets-wrapper { /*** FOR ALL FOOTER ****/ /*max-width: 90%;*/ padding-top: 0.5rem; padding-bottom: 0.5rem; } .footer-inner.section-inner { max-width: 100%!important; width: 100%!important; } a.to-the-top { right: 1rem; padding: 0 .7rem!important; } .footer-widgets a { /******** FOOTER WIDGETS BUT KEEP HERE IN CASE *******/ font-size: 1.5rem; } } /* KEEP THIS HERE PROBABLY */ /****************************** 48 – RESPONS 1024 : STATIC PAGE *******************************/ @media only screen and (max-width: 1024px) { .page #site-header { padding-bottom: 4.5rem; } .page .header-inner { padding: 1.5rem 0 1.5rem 0; } .page ul.primary-menu { margin-right: 5.5rem; margin-top: -1.5rem; } .page .primary-menu > li { margin: 0rem 0 0 0.7rem; } .page .search-toggle { margin-top: .7rem; right: 0; left: unset; padding-top: .7rem; } .page .nav-toggle { margin-top: 1.1rem; right: 3.5rem; } .page .entry-content { margin-top: 3rem!important; } .page .entry-title { font-size: 2rem; font-weight: 400; margin-top: 5rem; } /********************************* 49 – RESPONS 1024 : WPLUGS *********************************/ /*** RESPONS 1024 : WPLUGs FANCYBOX : FV PLAYER / ARI Lightbox ***/ .fancybox-slide { /*height: auto;*/ } .fancybox-caption { font-size: 1.5rem!important; padding: 0 0 0.5rem!important; } /******** RESPONS 1024 : WPLUGWP FEATHERLIGHT ********/ .featherlight img { margin-top: 0!important; margin-bottom: 0!important; } /********* EX-PEPONI **********/ .featherlight iframe { /*height: auto; DISABLED IN PEPONI */ max-height: 24rem; } .featherlight .featherlight-content .caption { font-size: 1.5rem!important; top: -1.9rem!important; } .featherlight .featherlight-close-icon { top: 1rem!important; right: 1rem!important; } .featherlight-next, .featherlight-previous { top: unset!important; bottom: 0.5rem!important; } .featherlight-previous { left: 2rem!important; } .featherlight-next { right: 2rem!important; } /************ RESPONS 1024 : WPLUG TRANSPOSH **********/ .home .switch_lang img, .archive .switch_lang img, .page .switch_lang img, .single-post .switch_lang img { width: 75%; } /*************** RESPONS 1024 : WPLUG REMOJI **************/ .remoji_bar { display: inherit; left: unset; transform: none; margin-top: 0rem; margin-bottom: .5rem; /*max-width: 85%!important;*/ } .remoji_add_icon { width: 2rem; height: 2.5rem; } .remoji_add_container { background: rgba(29,28,29,.06); width: 3rem; } .remoji_picker_item { width: 3rem; height: 3.5rem; } .remoji_picker_item img { width: 2.2rem; } .remoji_container img { width: 2.2rem; } /*************** RESPONS 1024 : WPLUG WHATSAP SHARE **************/ .wpusb-item .wpusb-btn svg { font-style: normal; height: 1.7rem!important; width: 1.7rem!important; } #wpusb-container-default { margin-top: -5rem!important; margin-right: 1.5rem!important; border-top: none; padding-top: 0; } .wpusb-item .wpusb-btn span { display: initial; } /********************* RESPONS 1024 : WPLUG SHULT **********************/ .su-list { margin-left: 2rem!important; } /****************** RESPONS 1024 : WPLUG MP3 JPLAYER *****************/ .wrap-mjp { margin-top: 0rem!important; } div.player-track-title { top: 0rem!important; font-size: 1.8rem!important; } .a-mjp { font-size: 1.5rem!important; padding: .2rem 0 !important; } .interface-mjp { height: 8.5rem!important; } /******************** WPLUG FV PLAYER : RESPONS HEIGHT 576 *******************************/ @media (max-height: 576px) {} .fancybox-slide { padding: 0!important; } /************************************* 50 – RESPONS MAX 479 *****************************************/ /***************************************** ********************************************/ /***************** RESPONS 479 : GENERAL ***************/ @media only screen and (max-width: 479px) { /****** GENERAL *****/ body { background-size: contain; } #site-content div, #site-content p, #site-content li, .entry-content { font-size: 1.6rem!important; line-height: 1.5!important; } /****** RESPONS 479 : HOME/ARCHIVE : MENU TOGGLE & SEARCH ******/ .home .nav-toggle, .archive .nav-toggle { position: inherit!important; top: inherit!important; left: inherit!important; } .home .search-toggle, .archive .search-toggle { /***** SEARCH ICON ******/ left: inherit!important; position: inherit!important; top: inherit!important; padding: 0 1rem!important; } /************** RESPONS 479 : ARCHIVE MISC ************/ .archive .mp-dropcap { font-size: 3rem!important; width: 1.3em!important; height: 1.3em!important; line-height: 1.4em; margin: .1em .3em .0em 0; } /************** RESPONS 479 : FOOTER MENU ************/ .footer-menu { padding: 1.5rem 0!important; line-height: 2!important; } .footer-menu li { /*line-height: 1.5!important;*/ margin: 0.25em 0 0 1.5rem!important; } .footer-menu li a { /* font-size: 1.6rem!important; */ text-transform: capitalize!important; } /************** RESPONS 479 : SINGLE GENERAL ************/ .single-post .nav-toggle { display: none; } .single-post #site-content { margin-top: 2rem!important; margin-bottom: 2rem!important; } .single-post .post-meta-wrapper.post-meta-single.post-meta-single-top { /* MPNEW */ margin-top: 0rem; } .single-post .post-inner, .single-post.reduced-spacing.missing-post-thumbnail .post-inner { padding-top: 1rem!important; } .single-post .entry-header { margin-bottom: 1rem; } .single-post .entry-header-inner .entry-title { font-size: 1.8rem; position: unset; left: unset; transform: unset; } .single-post article { padding-bottom: 0rem!important; } .single-post .entry-header-inner .entry-categories { /*display: inherit; MPOLD - EDIT 231228 */ display: none; /* MPNEW */ margin-top: -2rem!important; } .single-post .post-date.meta-wrapper { margin-top: -3rem!important; } .single-post .entry-header-inner .entry-title { /* MPNEW */ margin-top: 3rem!important; } .single-post .entry-header-inner .entry-title:after { display: none; } .single-post .entry-content p, .single-post .entry-content li { line-height: 1.3!important; margin-bottom: 1.3rem; } .single-post ul { margin-left: 2rem; } .single-post .remoji_bar { margin-top: 4rem; border-top: 1px solid #7f00ff; padding-top: 2rem; } .single-post .remoji_bar:before { display: none; /*background: url(/wp-content/uploads/Divider-purple-bullet.png); NOTWORKING TO REDUCE WIDTH */ /*display: inline-block; NOTWORKING */ /*max-width: 60%; NOTWORKING */ } .single-post .remoji_add_container { /*display: initial; /* MPOLD */ } /****************** RESPONS 479 : SINGLE TINYMCE STYLES *****************/ .single-post .mp-heading-1 { /* FOR DIV */ /*background-size: 90%!important;*/ width: 100%!important; /*margin-top: 3rem;*/ /*margin-bottom: 4rem!important;*/ } .single-post .mp-dropcap { font-size: 3.5rem!important; width: 4rem!important; height: 4rem!important; line-height: 4rem; margin: 0.5rem 1.5rem 0rem 0; top: 0; } /****************** RESPONS 479 : IMAGES & VIDEOS *********************/ .single-post img { /*max-width: 40%;*/ } .gallery figure:first-child .gallery-icon:before { margin-top: -1.5rem; font-size: 1rem!important; } /********** RESPONS 479 : WPLUGs FANCYBOX : FV PLAYER / ARI Lightbox *********/ .fancybox-infobar { margin-left: 30%!important; } .fancybox-button { height: 3rem!important; width: 3rem!important; margin-right: 0.5rem!important; padding: 0.2rem!important; } .fancybox-content { background: transparent!important; } .fancybox-slide { padding: 0!important; } .flowplayer .fp-controls { bottom: 0rem!important; } /***** RESPONS 479 : SELF-HOSTED VIDEOS ****/ .fancybox-slide video { /* MAYBE */ /*max-height: 32%;*/ /*width: inherit;*/ } .html5-main-video { /*width: 100%!important;*/ /*height: auto!important;*/ /*left: 0!important;*/ /*right: 0!important;*/ } .html5-video-player { /*z-index: 50000!important; DON'T USE !!! */ } /****** RESPONS 479 : YT VIDEOS IN iFRAME ******/ .fancybox-slide--iframe .fancybox-content { /* MAYBE */ /*height: unset!important;*/ } .fancybox-iframe { /* MAYBE */ width: inherit!important; height: 50%!important; /* -webkit-fill-available */ /*max-height: 50%!important;*/ position: fixed; top: 20vh!important; /*left: 0;*/ /*right: 0;*/ } .ytp-cued-thumbnail-overlay-image { /* MAYBE */ /*background-size: contain!important;*/ } /***** * RESPONS 479 : WP FEATHERLIGHT VIDEOS ************/ .featherlight .featherlight-inner { /*max-height: 40vh!important;*/ } /******** RESPONS 479 : SPECIFIC WPLUG FV PLAYER ***********/ .flowplayer.lightbox-starter { max-height: 10rem!important; } .flowplayer.lightbox-starter:before { font-size: 2.5rem; top: 0.5rem; left: 20%; border: none; padding: 0.5rem 2rem; } .flowplayer.lightbox-starter .fp-ratio { padding-top: 24%!important; } .flowplayer .fp-controls { bottom: 0; } /******** RESPONS 479 : WP AUDIO + WPLUG MP3 JPLAYER AUDIO *******/ mejs-container.wp-audio-shortcode.mejs-audio { margin-top: 2rem!important; margin-bottom: 3rem!important; } .mejs-mediaelement { margin-bottom: 0!important; } .mejs-time { height: auto!important; padding: 1rem 0!important; } .mejs-horizontal-volume-slider, .mejs-horizontal-volume-total { width: 2rem!important; } /***********************/ div.player-track-title { top: -1.3rem!important; } div.poscolMI_mp3j { margin-bottom: 0!important; } .jp-total-time, .jp-play-time { bottom: 4rem!important; } /****************** RESPONS 479 : WPLUG SHULT *******************/ .shult-box-1 .su-list { margin-left: -1rem!important; } .shult-text-icon-note.sue-icon-text { margin-left: 0em!important; } }