/* Theme Name: Dingz Theme Theme URI: https://dingz.com Author: Dingz Media Author URI: https://dingz.com Description: Dingz Media - Custom Theme based on blankslate Version: 2022 Requires at least: 5.2 Tested up to: 6.1 Requires PHP: 7.0 License: GNU General Public License v3 or Later License URI: https://www.gnu.org/licenses/gpl.html Text Domain: dingz.com Dingz Media WordPress Theme © 2022 Dingz Media is distributed under the terms of the GNU GPL */ @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap'); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent} .sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{} .screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal} .screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} .skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline} .skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto} .visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap} * { transition: all 0.5s ease; } *:hover { transition: all 0.5s ease; } a { text-decoration: none; color: rgba(255,1,125,1); position: relative; } #header .menu a { text-decoration: none; } #header .menu a:after { content: ''; position: absolute; bottom: -5px; left: 15px; width: calc(100% - 30px); height: 2px; border-radius: 2px; background: transparent; transition: all 0.4s ease; } #header .menu a:hover:after { bottom: 5px; background: rgba(255,1,125,1); transition: all 0.4s ease; } a:hover { text-decoration: underline; } strong { font-weight: 800; } hr, .wp-block-separator { border: 0px; border-top: 1px solid rgba(255,255,255,0.2); margin: 2rem 0rem; } ol, ul { list-style: none; } .entry-content ol, .entry-content ul { margin: 0 0 0 2rem; } .entry-content ol li, .entry-content ul li { margin: 0 0 2rem 0; position: relative; font-size: 1.1em; } .entry-content ol li:before { font-weight: 800; color: #eee; position: absolute; left: -2rem; top: 5px; font-size: 20pt; } .entry-content ul li:before { background-color: #eee; position: absolute; left: -2rem; top: 5px; width: 8px; height: 8px; border-radius: 8px; } ol li:nth-child(1):before { content: '1'; } ol li:nth-child(2):before { content: '2'; } ol li:nth-child(3):before { content: '3'; } ol li:nth-child(4):before { content: '4'; } ol li:nth-child(5):before { content: '5'; } ol li:nth-child(6):before { content: '6'; } ol li:nth-child(7):before { content: '7'; } ol li:nth-child(8):before { content: '8'; } ol li:nth-child(9):before { content: '9'; } body { font-family: 'Nunito Sans', sans-serif; line-height: 1.5em; color: rgba(255,255,255,0.95); background: #232426; } [class^="icon-"] { font-family: 'Nunito Sans', sans-serif !important; } #header, #container, #footer { padding: 0px; font-weight: 500; } #header { display: flex; align-items: center; justify-content: left; padding: 25px 25px; } #header * { margin: 0px; } #header nav { flex: 2; text-align: right; } #header nav ul { display: flex; gap: 1em; justify-content: left; margin: 20px; list-style: none; } #header nav ul li a { position: relative; padding: 10px 20px; display: block; text-align: center; color: rgba(255,255,255,1); font-weight: 600; border-radius: 50px; } #header nav ul li:hover a { color: rgba(255,1,125,1); } #header nav ul li.current_page_item:hover a, #header nav ul li.current_page_item a { color: rgba(255,1,125,1); background-color: rgba(0,0,0,0.75); } #header nav ul li.current_page_item a:hover:after { display: none; } #header nav ul ul { display: none; } #header svg { width: 100px; height: 100px; padding: 15px; position: relative; z-index: 999; } #header svg g { fill: rgba(255,255,255,0.95); } #header svg:hover g { fill: rgba(255,1,125,1); } #header.stick nav ul li a { color: #232426; } #header.stick svg { width: 65px; height: 65px; padding: 12px 10px 8px 10px; } #header.stick svg g { fill: #232426; } #header.stick nav ul li:hover a { color: rgba(255,1,125,1); } #header.stick nav ul { gap: 0em; } #header.stick nav ul li.current_page_item a, #header.stick nav ul li.current_page_item:hover a { background-color: rgba(0,0,0,0.1); } #header.stick { position: fixed; background: #fffcf9; z-index: 999; width: 100%; top: 0px; left: 0px; transition: all 0.5s ease; height: 60px; -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15); padding: 0px 0px; } #footer { background: #0d0e0f; border-top: 1px solid rgba(255,255,255,0); } #footer p { margin: 0px; } #footer .widgets { max-width: 1600px; margin: 0 auto; display: flex; padding: 2rem 0rem; } #footer .widgets .widget-container { padding: 3rem; } #footer .widgets > div { flex: 1; } #footer h3 { font-size: 1.1em; } #footer a { color: #ccc; text-decoration: underline; } #footer a:hover { color: #fff; } #footer ul li { padding: 5px 0px; } #footer .widgets .widget-container { position: relative; } .icon header { position: relative; display: flex; max-width: 1500px; margin: 0 auto; gap: 2rem; align-items: center; flex-direction: row; flex-wrap: wrap; padding: 2rem 0rem; border-bottom: 1px solid rgba(255,255,255,0.15); } .icon header .profile { height: 0; width: 100px; height: 100px; background-color: #eae3da; margin: 0px; border-radius: 100%; background-size: 100px 100px !important; } .icon header h2 span { display: block; font-weight: 300; font-size: 0.5em; line-height: 1.25em; padding: 5px 0px 0px 0px; text-transform: capitalize; } .icon header h2 { margin: 0px; padding: 0px; } #copyright { background: #0d0e0f; text-align: center; padding: 30px; color: rgba(255,255,255,0.25); border-top: 1px solid rgba(255,255,255,0.15); } h1, h2, h3 { font-family: 'Poppins', sans-serif; } h1 { font-size: 3em; line-height: 1em; font-weight: 800; margin: 0px 0px 30px 0px; } h2 { font-size: 2em; line-height: 1em; font-weight: 700; margin: 0px 0px 15px 0px; } h3 { font-size: 1.5em; line-height: 1.25em; font-weight: 600; margin: 0px 0px 15px 0px; } .single .post h1 { line-height: 1.2em; } .navigation.post-navigation { display: none; } .has-text-align-center { margin-bottom: 40px; } .has-x-large-font-size { font-size: 5em; } .resultsbar { display: flex; padding: 1rem 0rem; font-size: 0.9em; } .resultsbar div { flex: 1 0 33%; } .resultsbar div:nth-child(2) { text-align: center; } .resultsbar div:nth-child(3), .resultsbar div:last-child { text-align: right; } .searchandfilter { position: absolute; top: 0px; } .searchandfilter ul { display: flex; gap: 1rem; padding: 0rem 0rem; margin: 0px; } .searchandfilter ul li { padding: 1.5rem 0px; } .searchandfilter ul li label { position: relative; } .searchandfilter input, .searchandfilter select { padding: 0.6rem; border: 1px solid rgba(0,0,0,0.9); background: rgba(255,255,255,0.9); border-radius: 5px; width: 100%; margin: 0px 0px 0px 0px; font-family: 'Nunito Sans', sans-serif; font-size: 1rem; height: 44px; appearance: none; position: relative; } .searchandfilter .sf-field-post-meta-country label:before { content: ''; position: absolute; width: 20px; height: 20px; background: url(images/arrow.svg) no-repeat; background-size: cover; right: 12px; top: 12px; z-index: 2; pointer-events: none; } .searchandfilter .sf-field-search label:before { content: ''; position: absolute; width: 20px; height: 20px; background: url(images/search.svg) no-repeat; background-size: cover; right: 12px; top: 12px; z-index: 2; pointer-events: none; } p { margin: 0px 0px 25px 0px; font-size: 1.1em; line-height: 1.65em; } blockquote { padding: 0 0 0 2rem; position: relative; } blockquote:before { content: ''; position: absolute; content: ' '; width: 3px; height: 100%; left: 5px; top: 0px; background: #ccc; } .wp-block-columns:before, .widget-container > .wp-block-columns:before, .wp-block-columns:after, .widget-container > .wp-block-columns:after { content: ''; position: relative; width: calc(50% - 800px); } .wp-block-columns > .wp-block-column, .widget-container > .wp-block-columns > .wp-block-column { padding: 5rem 3rem; } .wp-block-columns > .wp-block-column figure { margin-top: -3rem; } .wp-block-columns > .wp-block-column figure.alignright, .wp-block-columns > .wp-block-column figure.alignleft{ margin: -1rem 0rem ; } .wp-block-columns > .wp-block-column figure img { border-radius: 0.5rem; } .wp-block-columns > .wp-block-column figure.size-full img { width: auto; } .wp-block-columns > .wp-block-column p:last-child { margin: 0px; } .wp-block-buttons.centered { justify-content: center; } .wp-block-buttons.centered a { font-size: 1em; } .wp-block-columns { margin: 0px; position: relative; } .wp-block-columns .wp-block-column .wp-block-columns { gap: 5rem; } .icon .wp-block-columns > .wp-block-column { padding: 3rem; flex: 1; position: relative; } .icon .wp-block-columns > .wp-block-column:nth-child(2) { flex: 3; } .icon .wp-block-columns > .wp-block-column p { font-size: 1em;} .wp-block-buttons { display: flex; gap: 1rem; margin: 25px 0px 0px 0px; } .page, .post, article { position: relative; } a.post-edit-link { position: absolute; right: 0px; top: 0px; padding: 10px 15px; font-size: 0.8em; } .connect { position: absolute; right: 0px; display: flex; gap: 1rem; bottom: 15px; } .connect svg { width: 28px; } .connect svg path { fill: rgba(255,255,255,0.5) !important; } .connect a:hover svg path { fill: rgba(255,255,255,1) !important; } .wp-block-columns > .wp-block-column .artgallery { display: grid; grid-template-columns: repeat(8, 1fr); grid-template-rows: repeat(8, 5vw); grid-gap: 15px; } .wp-block-columns > .wp-block-column .artgallery figure { margin: 0px; } .wp-block-columns > .wp-block-column .artgallery figure img { width: 100%; height: 100%; object-fit: cover; } .wp-block-gallery { display: flex; } .rl-basicgrid-gallery { margin: -10px; } .rl-basicgrid-gallery .rl-gallery-item { border-radius: 0.5rem; } .entry-footer { padding: 1rem 0rem; font-size: 0.8em; } .wp-block-columns > .wp-block-column .artgallery figure:nth-child(1) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; } .wp-block-columns > .wp-block-column .artgallery figure:nth-child(2) { grid-column-start: 3; grid-column-end: 5; grid-row-start: 1; grid-row-end: 3; } .wp-block-columns > .wp-block-column .artgallery figure:nth-child(3) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 1; grid-row-end: 6; } .wp-block-columns > .wp-block-column .artgallery figure:nth-child(4) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 3; grid-row-end: 6; } .wp-block-columns > .wp-block-column .artgallery figure:nth-child(5) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 6; grid-row-end: 9; } .wp-block-columns > .wp-block-column .artgallery figure:nth-child(6){ grid-column-start: 5; grid-column-end: 9; grid-row-start: 6; grid-row-end: 9; } .wp-block-columns > .wp-block-column .artgallery figure:nth-child(7) { grid-column-start: 1; grid-column-end: 5; grid-row-start: 9; grid-row-end: 13; } .wp-block-columns > .wp-block-column .artgallery figure:nth-child(8) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 9; grid-row-end: 12; } .wp-block-columns > .wp-block-column .artgallery figure:nth-child(9) { grid-column-start: 5; grid-column-end: 9; grid-row-start: 12; grid-row-end: 15; } .wp-block-columns > .wp-block-column .artgallery figure:nth-child(10) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 13; grid-row-end: 15; } .wp-block-columns > .wp-block-column .artgallery figure:nth-child(11) { grid-column-start: 3; grid-column-end: 5; grid-row-start: 13; grid-row-end: 15; } .wp-block-columns > .wp-block-column .artgallery figure:nth-child(12) { grid-column-start: 1; grid-column-end: 6; grid-row-start: 15; grid-row-end: 16; } .wpcf7-form p { margin: 0px 0px 0px 0px; font-size: 1em; line-height: 1.75em; color: rgba(255,255,255,0.7); } .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form textarea, .widget_newsletterwidget .tnp-widget input[type=text], .widget_newsletterwidget .tnp-widget input[type=email] { padding: 0.6rem; border: 1px solid rgba(255,255,255,0.2); background: rgba(255,255,255,0.1); border-radius: 5px; width: 100%; margin: 0px 0px 10px 0px; color: #fff; } .wpcf7-form-control-wrap .wpcf7-form-control { margin: 0px 0px 15px 0px; display: inline-block; } .wpcf7-submit { padding: 1rem; font-size: 1em; font-weight: 600; border-radius: 50px !important; cursor: pointer; border: 0px; } .wpcf7-submit:hover { background: rgba(255,1,125,1); color: #fff; } .widget_newsletterwidget .tnp-widget input[type=submit] { cursor: pointer; border: 0px; margin: 5px 0px; border-radius: 5px; } .widget_newsletterwidget .tnp-widget input[type=submit]:hover { background: rgba(255,1,125,1); color: #fff; } .wpcf7-list-item { display: inline-block; margin: 0 1em 0 0; } .single-icon .popupbox .information { display: block; } .single-icon .information { display: none; padding: 2rem; position: absolute; z-index: 9999; top: -25px; width: 700px; left: calc(50% - 350px); background: #333; border-radius: 15px; } .single-icon .popupbox .overlay { display: block; background: rgba(0,0,0,0.8); position: fixed; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100vh; } .single-icon .information .close { position: absolute; top: 0px; right: 0px; height: 50px; width: 50px; background: #222; border-radius: 1rem; cursor: pointer; } .single-icon .information .close:before { content: ''; background: #999; width: 3px; height: 25px; transform: rotate(45deg); position: absolute; left: 24px; top: 12px; } .single-icon .information .close:after { content: ''; background: #999; width: 3px; height: 25px; transform: rotate(-45deg); position: absolute; left: 24px; top: 12px; } .single-icon .information .close:hover { background: #999; } .single-icon .information .close:hover:before, .single-icon .information .close:hover:after { background: #111; } .wp-block-button__link { font-size: 1em; background-color: inherit !important; } .wp-block-button a:after { display: none; } .wp-block-buttons > .wp-block-button:nth-child(2) a { box-shadow:inset 0px 0px 0px 2px #7360F2; background: transparent; color: rgba(255,1,125,1); } .wp-block-button a:hover, .wp-block-buttons > .wp-block-button:nth-child(2) a:hover { box-shadow:inset 0px 0px 0px 2px #fff; color: rgba(255,1,125,1); -webkit-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15); box-shadow: 0px 3px 3px 0px rgba(0,0,0,0.15); } .wp-block-button__link:hover { background: #eee; color: #222; } .grid { display: flex; flex-wrap: wrap; margin: 0px 0px; border-radius: 0.5rem; gap: 3rem; } .grid article { background-color: rgba(255, 255, 255, 0.0); border: 1px solid rgba(0, 0, 0, 0); padding: 0px; color: #232426; max-width: calc(25% - 36px); flex: 1 0 21%; } .grid article:before { content: ''; position: absolute; left: 0; top: 0px; height: 100%; width: 100%; background: transparent; -webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0); box-shadow: 0px 10px 25px 0px rgba(0,0,0,0); transition: all 0.5s ease; padding: 0px; margin: 0px; } .grid article:hover:before { content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 100%; padding: 1.5rem; margin: -1.5rem; -webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.25); box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.25); opacity: 1; transition: all 0.5s ease; border-radius: 0.5rem; } .has-background .grid article:hover:before { background: #fff; } .grid article:hover:before { z-index: 0; } .grid article .profile { height: 0; width: 100%; padding-bottom: 75%; background-color: #eae3da; margin: 0px; border-radius: 0.5rem; background-size: cover !important; } .grid article h2 { font-size: 1.1em; position: relative; padding: 0px; } .grid article h2 span { font-size: 0.75em; display: block; padding: 0px 0px 0px 0px; font-weight: 300; } .grid article p { margin: 0px; padding: 0px; font-size: 1em; line-height: 1.5em; } .has-background * { color: #232426; } .grid article .post-content { display: none; } .grid > article > header { position: relative; padding: 12px 0px 0px 35px; } .grid article header.country:before { content: ''; background-color: red; position: absolute; display: inline-block; width: 24px; height: 24px; top: 4px; border: 3px solid #fff; left: 0px; border-radius: 50px; box-shadow: inset 0 0 3px rgba(0,0,0,0.25); } .grid > article.post * { color: rgba(255,255,255,0.9); } .grid > article.post > header { padding: 15px 0px 0px 0px; } .grid > article.post > header h2 { line-height: 1.5em; } .grid > article.post .post-content { display: block; line-height: 1.5em; } .grid article header.portugal:before { background: url(images/flags/pt.svg); } .grid article header.brazil:before { background: url(images/flags/br.svg); } .grid article header.canada:before { background: url(images/flags/ca.svg); } .grid article header.afghanistan:before { background: url(images/flags/af.svg); } .grid article header.argentina:before { background: url(images/flags/ar.svg); } .grid article header.australia:before { background: url(images/flags/au.svg); } .grid article header.france:before { background: url(images/flags/fr.svg); } .grid article header.spain:before { background: url(images/flags/es.svg); } .grid article header.italy:before { background: url(images/flags/it.svg); } .grid article header.puerto_rico:before { background: url(images/flags/pr.svg); } .grid article header.united_kingdom:before { background: url(images/flags/gb.svg); } .grid article header.ireland:before { background: url(images/flags/ie.svg); } .grid article header.united_states:before { background: url(images/flags/us.svg); } .grid article header.netherlands:before { background: url(images/flags/nl.svg); } .grid article header.india:before { background: url(images/flags/in.svg); } .nav-links { padding: 1rem;} .bigimage img { width: 100%; } .backdrop { background: url(images/backdrop.png) repeat; align-items: center !important; } .social a { position: relative; padding: 10px 15px 10px 45px; border: 1px solid #211842; border-radius: 4px; color: #211842; } .social a:hover { color: rgba(115,96,242,1); border-color: rgba(115,96,242,1); } .social a:before { content: ''; position: absolute; left: 10px; top: 8px; height: 24px; width: 24px; background: url(images/icon-linkedin.svg) no-repeat center; } .social a:after { display: none; } .display-posts-listing { display: flex; flex-wrap: wrap; gap: 5rem; } .display-posts-listing li { width: 33%; position: relative; z-index: 0; } .display-posts-listing li:before { content: ''; background: #fff; position: absolute; left: 0px; top: 0px; height: calc(100% + 6rem); width: calc(100% + 3rem); z-index: -1; margin: -3rem; } .display-posts-listing li a.title { font-size: 1.5em; margin: 0px 0px 15px 0px; font-weight: 500; color: #211842; display: inline-block; } .display-posts-listing li a.title:hover { color: rgba(115,96,242,1); } .display-posts-listing li a.title:after { display: none; } .display-posts-listing li .excerpt { display: block; font-size: 1.1em; line-height: 1.75em; } .display-posts-listing li .excerpt-more { display: inline-block; margin: 10px 0px 0px 0px; } .single-post article { max-width: 980px; margin: 0 auto; padding: 5rem; } .single-post article .entry-meta { color: #aaa; margin: 0px 0px 10px 0px; display: block; } .single-post article .entry-meta a { color: #aaa; } .single-post article .entry-title a:hover, .single-post article .entry-title a { color: #211842; pointer-events: none; } .single-post article .entry-title a:after { display: none; } .single-post article figure { margin: 2rem 0rem; flex-wrap: wrap; } .single-post article figure img { width: 100%; border-radius: 1em; } .highlights.wp-block-columns > .wp-block-column figure img { height: 75px !important; border-radius: 0px; margin: 0 auto; width: 100%; width: 75px !important; margin: 2rem 0px; } .oacs-spl-like-button-wrapper { display: block; position: absolute; z-index: 2; right: 10px; top: 10px; font-weight: 800; border-radius: 10px; padding: 0px 0px; } .oacs-spl-like-button-wrapper .oacs-spl-icon { padding: 0px 7px 0px 0px !important; } .oacs-spl-like-button-wrapper a:hover { text-decoration: none; } .oacs-spl-like-button-wrapper * { color: rgba(255,255,255,1); fill: rgba(255,255,255,1); } .oacs-spl-like-button-wrapper:hover * { color: rgba(255,1,125,1); fill: rgba(255,1,125,1); } .blocks-gallery-grid:not(.has-nested-images), .wp-block-gallery:not(.has-nested-images) { display: block !important; } .wp-block-latest-posts li, .wp-block-latest-posts.wp-block-latest-posts__list li, .srpw-block ul li { display: flex; gap: 1.5rem; max-height: 75px; } .wp-block-latest-posts li > div:first-child img, .srpw-img, .srpw-img img { max-width: 75px; width: 75px; height: 75px; border-radius: 5px; } .srpw-ul .srpw-clearfix:before, .srpw-ul .srpw-clearfix:after { display: none !important; } .srpw-ul, .wp-block-latest-posts.wp-block-latest-posts__list { display: grid; gap: 1.25rem; } .srpw-ul li a, .wp-block-latest-posts.wp-block-latest-posts__list li a{ text-decoration: none !important; font-weight: 700; line-height: 1.4em; } .srpw-summary p { font-size: 10pt; line-height: 14pt; } .wp-block-columns.reverse > .wp-block-column > p:nth-child(2) { font-weight: 700; } #footer .widgets .widget-container:nth-child(2):before { content: ''; position: absolute; right: 0; top: 0; height: calc( 100% + 4rem); width: 1px; background: #232426; margin: -2rem 0rem; } /************************************************************************************ smaller than 1000 *************************************************************************************/ @media screen and (max-width: 1000px) { #menu { display: none; } #container, #footer { padding: 0px 0px; } #container { margin: 50px 0px 0px 0px; } #header { height: 50px; position: fixed; width: 100%; top: 0px; z-index: 999; background: #fff; gap: 0; padding: 0px; display: block; } #header svg, #header.stick svg { width: 50px; height: 50px; padding: 8px; } #header svg g { fill: #232426; } #header #site-title { height: 50px; position: absolute; top: 0px; left: calc(50% - 25px); } #site-title a:before { left: 15px; height: 50px; width: 180px; } .entry-content > .wp-block-columns > .wp-block-column, .widget-container > .wp-block-columns > .wp-block-column { padding: 1.5rem; } .wp-block-buttons { margin: 25px 0px 0px 0px; display: block; } .wp-block-buttons .wp-block-button:first-child { margin-bottom: 15px; } .hamburger { display: block; width: 50px; height: 50px; margin: 5px 10px; position: absolute; left: 0px; top: 0px; background: url(images/hamburger.svg) 12px 12px no-repeat; background-size: 24px 24px; } #header nav { display: block; } #header nav ul { display: block; width: 100%; position: absolute; top: 50px; left: 0px; margin: 0px; width: 100%; } #header #menu { background: #190F28; text-align: left; transition: margin 0.4s; display: none; padding: 0px; margin-top: 54px; -webkit-box-shadow: 0px 30px 30px 10px rgba(0,0,0,0.2); box-shadow: 0px 30px 30px 10px rgba(0,0,0,0.2); } #header #menu li { display: block !important; z-index: 999; background: #fff; width: 100%; position: relative !important; } #header #menu li a { background: #fff; display: block; padding: 15px 20px; font-size: 13pt; text-decoration: none; color: #222; letter-spacing: 1px; text-align: left; text-indent: 10px; border-bottom: 1px solid rgba(255,255,255,0.5); border-radius: 0px; } #header.stick, #header.stick #site-title { height: 50px; } #header.stick #site-title a:before { height: 50px; } #header.stick:before, #header:before { content: ''; display: block; flex: 2; } .wp-block-columns .wp-block-column .wp-block-columns { gap: 0px; } .single-post article { padding: 1.5rem; } } /************************************************************************************ smaller than 500 *************************************************************************************/ @media screen and (max-width: 500px) { *:hover:before { display: none; } h1 { font-size: 2.2em; margin: 0px 0px 20px 0px; } h2 { font-size: 1.5em; } p { font-size: 1em; line-height: 1.5em; } .home p { margin: 0px 0px 15px 0px; } .wp-block-buttons { text-align: center; } .has-text-align-center { margin: 0px 0px 20px 0px; } .grid { gap: 2rem; } .grid article { max-width: 100%; flex: 1 0 100%; } #footer .widgets .widget-container, .icon .wp-block-columns > .wp-block-column { padding: 2rem 1.5rem; } .icon header { padding: 0.75rem 1rem; gap: 1rem; } .icon header .profile { width: 45px; height: 45px; } .icon header h2 span { padding: 0px 0px 0px 0px; } .connect { position: absolute; right: 20px; display: flex; gap: 10px; bottom: 5px; } .connect svg { width: 24px; } .single-icon .icon header { position: fixed; top: 50px; width: 100%; background: rgba(0,0,0,0.5); z-index: 99; } .single-icon article.icon { padding-top: 70px;} .wp-block-columns > .wp-block-column { padding: 1.5rem; } .wp-block-columns > .wp-block-column figure.size-large { margin: -1.5rem;} .wp-block-columns > .wp-block-column figure.size-large img { border-radius: 0px; } .wp-block-columns.reverse { flex-direction: column-reverse; } .grid > article.post .post-content { padding-bottom: 10px; } .wp-block-columns > .wp-block-column { position: relative; } .wp-block-columns > .wp-block-column > p:nth-child(3) { display: none; } .wp-block-columns > .wp-block-column > p:nth-child(4) { display: none; } .wp-block-columns > .wp-block-column > p:nth-child(5) { display: none; } .wp-block-columns.highlights > .wp-block-column > p:nth-child(3) { display: block; } .wp-block-columns.has-background .grid article h2 { font-size: 1em; } .wp-block-columns.has-background .grid article:after { content: ''; position: absolute; width: calc(100% + 3rem); left: -1.5rem; bottom: -1rem; height: 1px; background: rgba(0,0,0,0.15); } .wp-block-columns .grid > article:last-child:after, .wp-block-columns.highlights > .wp-block-column:last-child:after { display: none; } .wp-block-columns.highlights > .wp-block-column:after { content: ''; position: absolute; width: calc(100% + 1.5rem); left: -1.5rem; bottom: -1rem; height: 1px; background: rgba(255,255,255,0.15); } .wp-block-columns .grid article:after { content: ''; position: absolute; width: calc(100% + 3rem); left: -1.5rem; bottom: -1rem; height: 1px; background: rgba(255,255,255,0.15); } .wp-block-columns.highlights > .wp-block-column figure { margin: 0rem; } .single-icon .icon header h2 { width: 80%; } .wp-block-columns > .wp-block-column figure.alignright, .wp-block-columns > .wp-block-column figure.alignleft { margin: 0rem 0rem -1.5rem 0rem; } .searchandfilter { position: relative; width: 100%; } .searchandfilter ul { display: flex; gap: 1rem; padding: 0rem 0rem; } .searchandfilter ul li { padding: 0px; } #footer .widgets { display: block; } #footer .widgets .widget-container:nth-child(2):before { display: none; } .single-icon .information { width: 100%; left: 0px; top: 0px; } }