/* Theme Name: AltMinimo Theme URI: https://minimo.io/en/2019/10-alt-wordpress-theme/ Author: Mínimo Author URI: https://minimo.io/ Description: A content-focused minimalist theme by minimo.io Version: 0.5.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: news, blog, photography, grid-layout, one-column, custom-header, custom-menu, featured-images, post-formats, sticky-post, translation-ready Text Domain: altminimo This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ @charset "UTF-8"; @import url('https://fonts.googleapis.com/css?family=Nunito:400,700&display=swap'); ::selection { background: rgba(255,255,0,0.5); } .btn-group-extralg>.btn, .btn-extralg { padding: .3rem 1rem; font-size: 1.5rem; line-height: 2; border-radius: .3rem; } .badge-pink:hover, .btn-pink:hover, .badge-primary:hover, .btn-primary:hover, .badge-orange:hover,.btn-orange:hover, .badge-dark:hover,.btn-dark:hover, .badge-cian:hover,.btn-cian:hover, .badge-light:hover,.btn-light:hover, .badge-success:hover,.btn-success:hover, .badge-danger:hover,.btn-danger:hover, .badge-purple:hover,.btn-purple:hover, .badge-warning:hover,.btn-warning:hover, .badge-info:hover,.btn-info:hover, .badge-secondary:hover,.btn-secondary:hover, .badge-green:hover,.btn-green:hover { opacity:.7; border-color:transparent !important; transition:all .5s ease 0s; } .badge-primary, .btn-primary{ background-color:#007bff; border-color:#007bff; color:white !important; box-shadow: 0px 0px 0px 4px rgba(0, 123, 255, 0.2) !important; } .btn-primary:hover{ background-color:#007bff; } .btn-warning:hover{ background-color:rgb(255,255,0); } .btn-success:hover{ background-color:#0086B3; } .badge-pink, .btn-pink{ background-color:#E83E8C; border-color:#E83E8C; color:white !important; box-shadow: 0px 0px 0px 4px rgba(232, 62, 140, 0.2) !important; } .badge-cian, .btn-cian{ background-color:#35DCCF; border-color:#35DCCF; color:white !important; box-shadow: 0px 0px 0px 4px rgba(53, 220, 207, 0.2) !important; } .badge-purple, .btn-purple{ background-color:rgb(53, 78, 220); border-color:rgb(53, 78, 220); color:white !important; box-shadow: 0px 0px 0px 4px rgba(53, 78, 220, 0.2) !important; } .badge-orange, .btn-orange{ background-color:rgb(255, 165, 0); border-color:rgb(255, 165, 0); color:white !important; box-shadow: 0px 0px 0px 4px rgba(255, 165, 0, 0.2) !important; } .badge-light, .btn-light{ background-color:rgb(248, 249, 250); border-color:rgb(248, 249, 250); color:#212529 !important; box-shadow: 0px 0px 0px 4px rgba(248, 249, 250, 0.2) !important; } .badge-secondary, .btn-secondary{ background-color:rgb(108, 117, 125); border-color:rgb(108, 117, 125); color:#fff !important; box-shadow: 0px 0px 0px 4px rgba(108, 117, 125, 0.2) !important; } .badge-green, .btn-green{ background-color:rgb(12, 165, 9); border-color:rgb(12, 165, 9); color:white !important; box-shadow: 0px 0px 0px 4px rgba(12, 165, 9, 0.2) !important; } .badge-success, .btn-success{ background-color:#0086B3; border-color:#0086B3; color:white !important; box-shadow: 0px 0px 0px 4px rgba(0, 134, 179, 0.2) !important; } .badge-dark, .btn-dark{ color:white !important; box-shadow: 0px 0px 0px 4px rgba(52, 58, 64, 0.2) !important; } .badge-warning, .btn-warning{ color:black !important; background-color:rgb(255,255,0); border-color:rgb(255,255,0); box-shadow: 0px 0px 0px 4px rgba(255,255,0, 0.2) !important; } .badge-danger, .btn-danger{ background-color:rgb(255,69,0); color:white !important; box-shadow: 0px 0px 0px 4px rgba(255,69,0, 0.2) !important; } .badge-info, .btn-info{ background-color:#17a2b8; color:white !important; box-shadow: 0px 0px 0px 4px rgba(23,162,184, 0.2) !important; } .badge-featured{ opacity:.5; /* background-color:yellow; */ /* color:black !important; */ display:block; position:absolute; right:0; transition:all .5s ease 0s; } .btn-loadmore{ width:100% !important; font-size:1.5rem; } .animated.extrafast{ animation-duration: 200ms; } .read-more{ height:70px; position: relative; overflow: hidden; } .btn-readmore{ top: -36px; position: relative; } .read-more:after { content: ""; position: absolute; width: 100%; bottom: 0; right: 0; left: 0; height: 60px; background: linear-gradient(to top,#fff,rgba(255,255,255,0)); pointer-events: none; } .read-more-full:after{ background: none !important; } .breadcrumb-back-button{ font-size:12px; color:#0086b3; padding-bottom:.05em; } .breadcrumb-back-button:hover{ border-bottom: 2px solid #0086b3; } .post-format-image{ height: 80vh; background-repeat: no-repeat; background-size: cover; background-position: center; } blockquote.wp-block-quote { max-width: 80%; /* margin: 1.5em auto; */ margin: 1.5em auto 1.7em auto; font-size: 1.55556em; padding:inherit; border:0; } blockquote.wp-block-quote p, blockquote.wp-block-quote cite{ font-family: Nunito, sans-serif; font-size:1.4rem; line-height: 1.65; padding:0; } blockquote.wp-block-quote cite{ color:#838e95; } blockquote.wp-block-quote p:first-of-type::first-letter{ float: inherit; font-size: inherit; line-height: inherit; margin-left: inherit; margin-bottom: inherit; padding: inherit; position: relative; background-color: inherit; color: inherit; padding: inherit; margin-right: inherit; margin-top: inherit; font-family: inherit; } blockquote.wp-block-quote cite::before{ content: '~'; } blockquote.wp-block-quote::before { display: block; /* width: 95px; height: 75px; */ width: 75px; height: 60px; margin-bottom: .5em; background-image: url(./images/alt-quote.png); background-size:cover; content: ''; } .post-content h2, .post-content h3, .post-content h4{ font-weight: bold; } .post-content-end:after { content: '✦'; display: block; text-align: center; color: #C5D1DE; width: 100%; padding-top: 1.5rem; } #fullscreen-menu{ z-index:100; } #fullscreen-menu .menu-inner nav ul{ text-transform: uppercase;} @media (min-width: 576px){ #fullscreen-menu .menu-inner nav ul li a { font-size: 30px; } } #sec-ethos{ margin-top:4%; } .category-container{ margin-top:1rem !important; } @media (min-width: 1200px){ #fullscreen-menu .menu-inner nav ul li a { font-size: 45px !important; } } /* MODAL */ .modal.fade{ opacity:1; } .modal.fade .modal-dialog { -webkit-transform: translate(0); -moz-transform: translate(0); transform: translate(0); } .modal-open .container-fluid, .modal-open .container { -webkit-filter: blur(5px) grayscale(90%); } .modal .modal-content{ background-color:transparent; border:none; font-size:1.5rem; } .search-field{ width:100%; } @media only screen and (-webkit-min-device-pixel-ratio: 1) and (max-width: 1024px) and (min-width: 768px){ .main-container, .second-container, .post.container{ padding-left: inherit; } } .post{ margin-top:1rem; } .alt-hide{ display:none; } /* a.badge{ color:white !important; } */ .post-subtitle{ font-family: Helvetica, Arial; line-height: 1.3; font-size: 1.25rem; font-style: normal; font-weight: 200; letter-spacing: normal; text-transform: none; color: #838e95; margin: 6%; margin-top: 1%; margin-bottom: 2%; margin-left:0; } .strikeout::after { top: 7%; } .post-content h4{ font-family: Courier,monospace; margin:0; margin-bottom:.5rem; } .post-content p:first-of-type::first-letter{ float: left; -webkit-font-feature-settings: "kern" 0; font-feature-settings: "kern" 0; -webkit-font-kerning: none; font-kerning: none; font-size: 3.25em; line-height: 0.8; margin-left: -0.05em; margin-bottom: -0.05em; padding: 0.05em 0.075em 0 0; position: relative; background-color: black; color: white; padding: 8px; margin-right: 10px; margin-top: 9px; font-family: "Times New Roman", serif; } .alt-top-title{ font-family: Courier, monospace; /* text-align:center; */ text-align:left; font-weight: bold; font-size:55px; color:#000; } .alt-top-title{ font-size:50px; } @media (max-width: 610px){ .alt-top-title{ font-size:200% !important; } } .alt-post-header{ /* margin: 0 10% 0 10%; */ margin: 25px 5% 0 5%; } .tag-box a{ margin-top:5px; } .post-title{ margin-bottom:0; line-height: 2.5rem; } .post-content{ font-family: Nunito, "Space Mono"; font-size: 19px; text-align:left; margin-bottom:0; } .post-divider, .comment-respond{ margin: 0 5% 0 5%; display: block; } .comment-respond{ margin-top:30px; } .comment-form-cookies-consent label{ display:inline !important;} .post-user-avatar{ border-radius:25px; } .post-metabox-avatar-box a:hover, .post-bottom-metabox-left a:hover{ border-bottom:none; } .post-metabox{ padding-top:0; padding-bottom:0; font-family: "Nunito", "Space Mono", monospace; font-size:.9rem; } .post-metabox-bottom, .post-metabox-bottom a{ color: #838e95; } .post-metabox-right{ padding:6px 15px; line-height: 20px; text-align:left; } .post-bottom-metabox-right-by{ color:#838e95; font-size:.8rem; margin-bottom:1%; } .post-bottom-metabox-right-by .btn{ padding: 0.2em !important; padding-bottom: 0; margin: 0; font-size: .8rem; margin-left:5px; } .post-bottom-user-avatar{ border-radius:40px; } .post-bottom-metabox{ padding-left:7%; padding-right:7%; margin-top:0; padding-top:0; } .post-bottom-metabox-author-name{ color: rgb(51, 51, 51) !important; font-size: 1.6rem; font-weight: bold; } .post-bottom-metabox-bottom-bio{ letter-spacing: normal; line-height: normal; font-size:1.1rem; margin-top:1%; color: rgba(0, 0, 0, 0.54); letter-spacing: normal; line-height: normal; } .carousel-featured h5{ color:#000; font-size:1.5rem; font-weight: bold; font-family: "Nunito", sans-serif; line-height: normal; } .carousel-featured h5 span{ /* background:rgba(255,255,0,0.5); */ transition:all .5s ease 0s; } .overlay{ top: 0; z-index:99; display: block; position: absolute; left: 0; width: 100%; height: 100%; } .overlay:hover::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(255,255,0,0.4) 100%); opacity: .5; } .overlay::after { pointer-events: none; content: ""; position: absolute; z-index: 5000; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom left, transparent 20%, rgba(255,255,0,0.2) 100%); transition-property: opacity , transform; transition-duration: 300ms; transition-timing-function: ease-in-out; opacity: 0.2; } .text-pink{ color: rgb(232, 62, 140); } .text-danger{ color: rgb(255,69,0); } .text-primary{ color: rgb(0, 123, 255); } .text-warning{ color: rgb(255,255,0); } .text-orange{ color: rgb(255, 165, 0); } .text-green{ color: rgb(12, 165, 9); } .text-cian{ color: rgb(53, 220, 207); } .text-purple{ color: rgb(53, 78, 220); } .text-dark{ color: rgb(52, 58, 64); } .text-info{ color: rgb(23, 162, 184); } .text-success{ color: rgb(0, 134, 179); } .text-light{ color: rgb(248, 249, 250); } .text-secondary{ color: rgb(108, 117, 125); } .overlay-carousel-pink, .overlay-carousel-danger, .overlay-carousel-primary, .overlay-carousel-warning, .overlay-carousel-orange, .overlay-carousel-green, .overlay-carousel-cian, .overlay-carousel-purple, .overlay-carousel-dark, .overlay-carousel-info, .overlay-carousel-success, .overlay-carousel-light, .overlay-carousel-secondary{ opacity: .6; color:white; } .overlay-carousel-pink{ background: rgb(232, 62, 140); } .overlay-carousel-danger{ background: rgb(255,69,0); } .overlay-carousel-primary{ background: rgb(0, 123, 255); } .overlay-carousel-warning{ color:black; background: rgb(255,255,0); } .overlay-carousel-orange{ background: rgb(255, 165, 0); } .overlay-carousel-green{ background: rgb(12, 165, 9); } .overlay-carousel-cian{ background: rgb(53, 220, 207); } .overlay-carousel-purple{ background: rgb(53, 78, 220); } .overlay-carousel-dark{ background: rgb(52, 58, 64); } .overlay-carousel-info{ background: rgb(23, 162, 184); } .overlay-carousel-success{ background: rgb(0, 134, 179); } .overlay-carousel-light{ color:#212529; background: rgb(248, 249, 250); } .overlay-carousel-secondary{ background: rgb(108, 117, 125); } .overlay-pink::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(232, 62, 140, 0.2) 100%); } .overlay-pink:hover::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(232, 62, 140, 0.5) 100%); opacity: .5; } .overlay-danger::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(255,69,0, 0.2) 100%); } .overlay-danger:hover::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(255,69,0, 0.5) 100%); opacity: .5; } .overlay-primary::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(0, 123, 255, 0.2) 100%); } .overlay-primary:hover::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(0, 123, 255, 0.5) 100%); opacity: .5; } .overlay-warning::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(255,255,0, 0.2) 100%); } .overlay-warning:hover::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(255,255,0, 0.5) 100%); opacity: .5; } .overlay-success::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(0, 134, 179, 0.2) 100%); } .overlay-success:hover::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(0, 134, 179, 0.5) 100%); opacity: .5; } .overlay-secondary::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(108, 117, 125, 0.2) 100%); } .overlay-secondary:hover::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(108, 117, 125, 0.5) 100%); opacity: .5; } .overlay-info::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(23, 162, 184, 0.2) 100%); } .overlay-info:hover::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(23, 162, 184, 0.5) 100%); opacity: .5; } .overlay-light::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(248, 249, 250, 0.2) 100%); } .overlay-light:hover::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(248, 249, 250, 0.5) 100%); opacity: .5; } .overlay-dark::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(52, 58, 64, 0.2) 100%); } .overlay-dark:hover::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(52, 58, 64, 0.5) 100%); opacity: .5; } .overlay-orange::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(255, 165, 0, 0.2) 100%); } .overlay-orange:hover::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(255, 165, 0, 0.5) 100%); opacity: .5; } .overlay-green::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(12, 165, 9, 0.2) 100%); } .overlay-green:hover::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(12, 165, 9, 0.5) 100%); opacity: .5; } .overlay-purple::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(53, 78, 220, 0.2) 100%); } .overlay-purple:hover::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(53, 78, 220, 0.5) 100%); opacity: .5; } .overlay-cian::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(53, 220, 207, 0.2) 100%); } .overlay-cian:hover::after{ background: linear-gradient(to bottom left, transparent 20%, rgba(53, 220, 207, 0.5) 100%); opacity: .5; } /* CARD POST DECK */ ul.card-list, ul.card-list li, .post-list-item{ list-style:none; } .card-posts-deck li{ margin-top: 3%; /* display:flex; */ } .card-posts-deck img{ width:100%; } .card-posts-deck .card-image{ display:block; width:100%; min-height:172px; border-radius:5px 5px 0 0; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .card-title{ font-weight: bold; font-family: Nunito, sans-serif;} .card-excerpt{ font-family: "Space Mono"; line-height: normal; font-size: .9rem;} /* TOP MENU ============================================================= */ .alt-header .alt-container { position: relative; height: 2.6rem; } .alt-header__search form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin:0; } a.alt-header__left__menu-trigger:hover{ color:#585a5c; /* color: #e83e8c; */ /* border-bottom: 2px solid #0086b3; */ } .alt-header__social-icons a, .alt-header__search a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .alt-separator { opacity: .35; padding: 0 10px 0 10px; } .alt-social-hovers__item { margin-right: 1.2rem; } .alt-social-hovers .fb-like, .alt-social-hovers .twitter-follow-button { -webkit-filter: grayscale(1); filter: grayscale(1); min-height: 3rem !important; margin-left: -2rem; margin-top: -0.1rem; opacity: 0; pointer-events: none; position: absolute !important; -webkit-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; z-index: 1; } .fb_iframe_widget { display: inline-block; position: relative; } .fb_iframe_widget span { display: inline-block; position: relative; text-align: justify; } .fb_iframe_widget iframe { position: absolute; } .alt-header__social-icon--facebook svg { height: 1.7rem; position: relative; top: -1px; width: 1.7rem; } .alt-header .alt-user-nav .alt-header__sign-in svg { height: 2rem; width: 2rem; margin-top: 0.2rem; margin-left: 0.8rem; } .alt-header .alt-user-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .alt-header__search-trigger { -webkit-transform: translateY(0.1rem); transform: translateY(0.1rem); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .alt-header__newsletter{ background: rgba(255,255,0,0.4); } .alt-header__newsletter a, .alt-header__search a, .alt-header__left a, .social-icons a, .menu-nav a{ color:#171717; transition: none; padding-bottom: 0; border-bottom: 0; -webkit-transition: none; -moz-transition: none; transition: none; } .alt-header__newsletter a:hover, .alt-header__search a:hover, .alt-header__left a:hover, .alt-header__newsletter a:active, .alt-header__search a:active, .alt-header__left a:active, .alt-header__newsletter a:focus, .alt-header__search a:focus, .alt-header__left a:focus, .social-icons a:hover, .menu-nav a:hover{ border:none; padding-bottom:0 !important; padding-bottom: 0; border-bottom: 0; } .alt-header__newsletter:hover{ background: rgba(255,255,0,1); } .alt-header__newsletter i{ /* top: 2px; left: 2px; */ position: relative; } .alt-header__search-icon { display: inline-block; position: relative; margin-top: -0.10rem; line-height: 0; } .alt-header__search-icon svg { width: 1.2rem; height: 1.2rem; } .alt-header #alt-menu__search__input__header, .alt-header #alt-menu__search__input__header { color: #fff; } .alt-header__social-icons__cover, .alt-header__search__cover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; } .alt-header{ font-family: "Space Mono", Courier, monospace; font-size: .9rem; position: fixed; z-index: 2; top: 0; left: 0; width: 100%; margin-bottom: 3.2rem; letter-spacing: .1rem; text-transform: uppercase; background-color: white; z-index:101; } .alt-fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; border-bottom: 1px solid #e5e9ef; } .alt-header__logo { color: #c56b25; width:85px; position:relative; top:-3px; transition:all .5s ease 0s; } .alt-header__container{ transition:all .5s ease 0s; } .alt-header-sticky-logo{ width: 70px; position:relative; top:-4px; } .admin-bar .alt-header{ top:32px; } .alt-container { max-width: 140rem; /* max-width: 55rem; */ width: 100%; padding: 0 1.8rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-left: auto; margin-right: auto; margin-top:3px; } .alt-header__logo__link { position: absolute; top: 50%; left: 50%; display: block; width: 7.2rem; margin-top: .2rem; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .alt-header__left, .alt-header__right { position: absolute; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; padding-top: .2rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .alt-header__right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 3.6rem; right: 0; text-align: right; } .alt-header__left { left: 0; padding-left: 3.6rem; } .alt-header__social-icons, .alt-header__search { line-height: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transform: translateY(-0.1rem); transform: translateY(-0.1rem); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .comment-form-cookies-consent label{ font-weight: normal;} .notfound-header{ margin-top:0 !important; } .embed-responsive{ margin-top:2.6rem; } .figure-caption, .figure-caption-wide{ font-family: "Nunito", sans-serif; font-size:.8rem; } .figure-caption-wide{ margin-right:1%; margin-top:5px; font-style:italic; } /* MAX MEDIA VIEWPORTS */ @media (max-width: 730px){ .alt-header__left{ padding-left:2rem; } .alt-header__right{ padding-right:2rem; } .alt-header__left a, .alt-header__right a, .alt-separator{ font-size:13px; } /* .carousel-featured h5{ font-size:1.2rem;} */ /* .carousel-caption{ bottom:4%; } */ } @media (max-width: 991px){ .modal .search-field, .modal .search-form input{ font-size:.7em; } .modal .search-form input{ line-height:1.3; margin-bottom:.4em; } .modal .search-form .btn-search-field{ line-height: 1.7;} .embed-responsive-21by9::before{ padding-top:60%; } } @media (max-width: 640px){ .hide-730{ display:none; } .alt-header__left{ padding-left:1.5rem; } .alt-header__right{ padding-right:1.5rem; } .alt-header{ letter-spacing: 0.06rem;} .alt-header__left a, .alt-header__right a, .alt-separator{ font-size:12px; } .alt-header__search-icon svg{ width: .9rem; height: .9rem; margin-top:3px; } .post-title{ font-size:2.2rem;} .post-subtitle{ font-size:1.1rem; margin:1% 0; } .post-content, .comment-notes, .comment-form textarea, .comment-form input, .comment-form-cookies-consent, .comment-form label{ font-size:.9rem; letter-spacing:normal; line-height:normal; } .comment-form-cookies-consent label{ font-size:.8rem; } #submit{ font-size:1.2rem; display:block; margin:auto;} .post-bottom-metabox-author-name{ font-size:1.2rem; } .post-bottom-metabox-right-by, .post-bottom-metabox-right-by .btn, .tag-box a{ font-size:.7rem; } .post-bottom-metabox-bottom-bio{ font-size: .9rem; line-height: 1rem; } .post-bottom-user-avatar{ width:60px; } /* .carousel-featured h5{ font-size:1rem; } */ .carousel-caption{ bottom:3%; } .btn-readmore{ top:-5px; font-size:15px; } blockquote.wp-block-quote::before{ width:70px; height:50px; } blockquote.wp-block-quote p, blockquote.wp-block-quote cite{ font-size: .9em; } .post-content h2{ font-size:1.6rem; } .post-content h3{ font-size:1.4rem; } .post-content h4{ font-size:1.2rem; } } @media (max-width: 575px){ .modal .search-field, .modal .search-form input{ font-size:.7em; } .modal .search-form input{ line-height:1.3; margin-bottom:.4em; } .btn-readmore{ top:-5px; font-size:15px; } blockquote.wp-block-quote::before{ width:62px; height:45px; } blockquote.wp-block-quote p, blockquote.wp-block-quote cite{ font-size: .84em; } } @media (max-width: 512px){ .modal .search-field, .modal .search-form input{ font-size:.6em; } .modal .search-form input{ line-height:1.3; margin-bottom:.4em; } .btn-readmore{ top:0px; font-size:13px; } .category-title, .post-title{ font-size:2rem; } .post-subtitle, .category-subtitle{ font-size:1rem; } .post-content h2{ font-size:1.6rem; } .post-content h3{ font-size:1.4rem; } .post-content h4{ font-size:1.2rem; } } @media (max-width: 340px){ .hide-730{ display:none; } .alt-header__left{ padding-left:1.5rem; } .alt-header__right{ padding-right:1.5rem; } .alt-header{ letter-spacing: 0.06rem;} .alt-header__left a, .alt-header__right a, .alt-separator{ font-size:10px; } .alt-header__search-icon svg{ width: .8rem; height: .8rem; margin-top:3px; } .alt-separator{ padding: 0 5px 0 5px; } .post-title{ font-size:1.8rem; line-height: normal;} .post-subtitle{ font-size:.9rem; margin:1% 2% 1% 2%; } .post-content, .comment-notes, .comment-form textarea, .comment-form input, .comment-form-cookies-consent, .comment-form label{ font-size:.85rem; letter-spacing:normal; line-height:normal; } .comment-form-cookies-consent label{ font-size: .6rem;} .comment-respond h3{ font-size: 1.3rem; } .alt-post-header{ margin: 0 5% 0 5%; } #submit{ font-size:.9rem; display:block; margin:auto;} .post{ margin-top:10% !important; } .post-bottom-metabox-author-name{ font-size:1rem; } .post-bottom-metabox-right-by, .post-bottom-metabox-right-by .btn, .tag-box a{ font-size:.6rem; } .post-bottom-metabox-right-by .btn{ display:block !important; margin:4% 0; } .post-bottom-metabox-bottom-bio{ font-size: .8rem; line-height: 1rem; } .post-bottom-user-avatar{ width:40px; } .alt-header__logo{ width:70px; } .alt-header__logo__link{ width:5.2rem; } .modal .search-field, .modal .search-form input{ font-size:.5em; } .modal .search-form input{ line-height:1.3; margin-bottom:0; } .card-posts-deck .card-title, .carousel-featured h5{ font-size:1.2rem; } .card-posts-deck .card-excerpt, .carousel-featured .card-excerpt{ font-size: .8rem; } .card-posts-deck .card-meta, .carousel-featured .card-meta{ font-size:.8rem; } .btn-readmore{ top:-10px; font-size:12px; } .category-header{ margin-top:25px; } blockquote.wp-block-quote::before{ width:50px; height:40px; } blockquote.wp-block-quote p, blockquote.wp-block-quote cite{ font-size: .8em; } .post-content h2{ font-size:1.5rem; } .post-content h3{ font-size:1.3rem; } .post-content h4{ font-size:1.1rem; } /* .social-icons a, .social i{ font-size:.8rem !important; } */ } /* Remove image in this viewport */ @media (max-width: 300px){ .post-metabox-avatar-box{ display:none; } .post-metabox-right{ padding-left:2%; } .post-bottom-metabox-left{ display:none; } .card-posts-deck .card-title, .carousel-featured h5{ font-size:1rem; } .card-posts-deck .card-excerpt, .carousel-featured .card-excerpt{ font-size: .7rem; } .card-posts-deck .card-meta, .carousel-featured .card-meta{ font-size:.7rem; } .btn-readmore{ top:0; font-size:11px; } .post-content h2{ font-size:1.4rem; } .post-content h3{ font-size:1.2rem; } .post-content h4{ font-size:1rem; } .social-icons a, .social i{ font-size:.8rem !important; } .figure-caption-wide, .figure-caption{ font-size:.6rem;} } /* MIN MEDIA VIEWPORTS */ @media (min-width: 250px){ .social{ font-size:.8rem; } .langs{ margin-left: 2rem; } } @media (min-width: 768px){ .post-metabox{ padding-left:0; width:95%;} } @media (min-width: 640px){ #submit{ font-size:1.2rem; } .post-content{ font-size:1.2rem; letter-spacing: normal;line-height: 33px;} .comment-notes, .comment-form textarea, .comment-form input, .comment-form-cookies-consent, .comment-form label{ font-size:.9rem; letter-spacing:normal; line-height:normal; } .alt-header--top .alt-header__social-icons a, .alt-header--top .alt-header__social-icons a, .alt-header--top .alt-header__social-icons a { opacity: 1; } .alt-header--top:after, .alt-header--top:after, .alt-header--top:after { content: ''; position: absolute; top: 0; left: 50%; width: 100%; max-width: 170rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 4.0rem; z-index: -1; opacity: 0; -webkit-transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: opacity 0.5s cubic-bezier(0.19, 1, 0.22, 1); background: -webkit-gradient(linear, left top, left bottom, color-stop(2rem, black), to(transparent)); background: -webkit-linear-gradient(black 2rem, transparent); background: linear-gradient(black 2rem, transparent); } .alt-header--top:hover:after, .alt-header--top:hover:after, .alt-header--top:hover:after { opacity: 0.15; } .btn-readmore{ top:-33px; font-size:16px; } .post-content h2{ font-size:1.9rem; } .post-content h3{ font-size:1.7rem; } .post-content h4{ font-size:1.5rem; } } @media (min-width: 1080px){ .alt-header .alt-user-nav .alt-header__sign-in svg { display: none; } .alt-header .alt-user-nav .alt-header__sign-in span { margin-top: 0.2rem; margin-left: 0.8rem; } } @media (max-width: 1440px){ .alt-container { max-width: 60rem; /* max-width: 120rem; */ } } @media (min-width: 1024px){ /* .carousel-featured h5{ font-size:1.9rem; } */ } /* END TOP MENU ========================================================= */ /* WORDPRESS built-in : mandatory by ThemeCheck */ .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .gallery-caption { display: block; font-size: 0.71111em; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; line-height: 1.6; margin: 0; padding: 0.5rem; } .bypostauthor { display: block; } .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: 1rem; } .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: 1rem; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* POST FORMATS */ /* Standard (centered header texts) */ .format-standard .alt-post-header{ margin:5% 10% 0 10%; text-align:center; } .format-standard .post-subtitle{ margin-left:6%;} .format-standard .post-metabox .row{ display:inline-block; } .format-standard .post-metabox .post-metabox-avatar-box{ float:left; } .format-standard .post-metabox-right{ float:right; } @media (max-width: 334px){ .format-standard .post-metabox-avatar-box{ display:none; } .format-standard .post-metabox{ margin-top:8%; } } /* Image */ .format-image.post{ margin-top:0; padding-top:0; } .format-image .alt-post-header{ margin: 0 5% 0 5% !important; } /* Video */ .format-video.post{ margin-top:0; padding-top:0; } .format-video .alt-post-header{ margin: 0 5% 0 5% !important; } /* END FORMATS */