main {
display: flex; }
aside {
background-color: #2E2E2E;
flex: 0 0 350px;
max-width: 350px;
padding: 98px 40px 50px;
display: flex;
flex-direction: column;
justify-content: space-between; }
@media (max-width: 1300px) {
aside {
flex: 0 0 300px;
max-width: 300px; } }
@media (max-width: 990px) {
aside {
display: block;
position: absolute;
top: 111px;
left: -100%;
max-width: 100%;
width: 100%;
z-index: 10;
height: auto;
padding: 15px 15px 20px;
transition: left 0.3s ease-in-out; }
aside.active {
left: 0;
transition: left 0.3s ease-in-out; } }
aside h2 {
color: var(--yellow);
font-size: 24px;
line-height: 36px;
font-family: var(--barlow);
text-transform: uppercase;
font-weight: bold;
border-bottom: 1px solid var(--white);
padding-bottom: 15px;
margin-bottom: 20px; }
@media (max-width: 990px) {
aside h2 {
font-size: 20px;
line-height: 30px;
padding-bottom: 10px;
margin-bottom: 10px; } }
aside ul {
padding: 0;
margin: 0; }
@media (max-width: 990px) {
aside ul {
display: flex;
flex-wrap: wrap; } }
aside ul li {
list-style: none;
margin-bottom: 1px; }
@media (max-width: 990px) {
aside ul li {
margin: 0 5px 5px 0; } }
aside ul li a {
color: var(--white);
font-size: 22px;
line-height: 28px;
display: block;
padding: 8px 0; }
@media (max-width: 990px) {
aside ul li a {
font-size: 18px;
line-height: 24px;
padding: 8px 15px;
background-color: var(--yellow);
color: #2E2E2E;
font-weight: bold; } }
@media (min-width: 991px) {
aside ul li a:hover {
color: var(--yellow); } }
@media (min-width: 991px) {
aside ul li.active a {
color: var(--yellow); } }
.submenu {
display: none;
background-color: #2E2E2E;
padding: 5px 15px;
justify-content: flex-end; }
@media (max-width: 990px) {
.submenu {
display: flex; } }
.footer {
border-top: 1px solid var(--white);
padding: 20px 0 0;
margin-top: 40px; }
@media (max-width: 990px) {
.footer {
display: none; } }
.footer ul {
margin-bottom: 20px; }
.footer ul li a {
font-size: 18px;
padding: 3px 0; }
.footer p {
color: var(--white);
font-size: 18px;
margin: 0; }
.content {
flex: 1;
max-width: 100%;
padding: 20px 40px 40px; }
@media (max-width: 1300px) {
.content {
padding: 20px 30px 40px;
width: 100%; } }
@media (max-width: 990px) {
.content {
padding: 20px 15px 40px; } }
.joke {
background-color: var(--white);
padding: 16px 20px 12px;
break-inside: avoid;
margin-bottom: 30px;
position: relative; }
.joke.no-padding {
padding: 0;
text-align: center; }
.joke iframe {
width: 100%; }
@media (max-width: 680px) {
.joke {
margin-bottom: 20px; } }
.joke.yellow {
background-color: var(--yellow); }
.joke.yellow h2 {
color: var(--black); }
.joke.yellow h2 a {
color: var(--black); }
@media (min-width: 991px) {
.joke.yellow h2 a:hover {
color: var(--black); } }
.joke.green {
background-color: var(--green);
color: var(--white); }
.joke.green h2 {
color: var(--white); }
.joke.green h2 a {
color: var(--white); }
@media (min-width: 991px) {
.joke.green h2 a:hover {
color: var(--white); } }
.joke h2 {
font-size: 24px;
line-height: 28px;
margin-bottom: 16px; }
.joke h2 a {
color: var(--black);
text-decoration: none; }
@media (min-width: 991px) {
.joke h2 a:hover {
color: var(--green); } }
.joke h3 {
font-size: 17px;
line-height: 20px;
margin-bottom: 10px; }
.joke p {
font-size: 15px;
line-height: 22px; }
.joke ul li,
.joke ol li {
font-size: 15px;
line-height: 22px;
margin-bottom: 10px; }
.joke .more {
position: absolute;
right: 0;
top: 10px;
color: var(--white);
font-size: 14px;
line-height: 24px;
cursor: pointer;
background-color: var(--green);
background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8336 10.1966L8.8308 15.2168C8.33042 15.7187 8.33042 16.5327 8.8308 17.0347C9.08106 17.2858 9.40893 17.4114 9.73643 17.4114C10.0641 17.4114 10.3922 17.2858 10.6421 17.0347L17.8317 9.82102C17.8619 9.79069 17.8906 9.759 17.9176 9.72578C17.9288 9.71215 17.9384 9.69767 17.949 9.6837C17.9636 9.6641 17.9787 9.64502 17.9921 9.62492C18.004 9.60737 18.014 9.5888 18.025 9.57074C18.0357 9.55285 18.0468 9.53564 18.0566 9.51724C18.0666 9.4985 18.0751 9.47907 18.0841 9.45982C18.093 9.44108 18.1025 9.42268 18.1101 9.40343C18.1179 9.38468 18.1242 9.36509 18.131 9.34601C18.1383 9.32573 18.1461 9.30563 18.1524 9.28468C18.1582 9.26508 18.1626 9.24566 18.1675 9.22589C18.1729 9.20494 18.1787 9.18415 18.1828 9.16286C18.1874 9.13986 18.1901 9.11668 18.1933 9.09352C18.196 9.07511 18.1994 9.05705 18.2013 9.03848C18.2096 8.95398 18.2096 8.86896 18.2013 8.78446C18.1996 8.76589 18.1958 8.74783 18.1933 8.72943C18.1901 8.70626 18.1872 8.68308 18.1828 8.66009C18.1787 8.63862 18.1728 8.618 18.1675 8.59705C18.1626 8.57745 18.1583 8.55769 18.1524 8.53827C18.1461 8.51748 18.1383 8.4972 18.131 8.47693C18.1242 8.45785 18.1179 8.4386 18.1101 8.41952C18.1021 8.40026 18.0928 8.38169 18.0838 8.36278C18.0748 8.3437 18.0663 8.32411 18.0563 8.30571C18.0466 8.2873 18.0354 8.2701 18.0247 8.2522C18.0137 8.23414 18.0038 8.21558 17.9918 8.19803C17.9782 8.17775 17.9632 8.15867 17.9486 8.13924C17.9381 8.12527 17.9284 8.11096 17.9172 8.09716C17.8902 8.06394 17.8615 8.03225 17.8313 8.00192L10.6426 0.787827C10.1424 0.285894 9.33118 0.285894 8.83098 0.787827C8.33061 1.28976 8.33061 2.10381 8.83098 2.60574L13.8338 7.62595H1.48857C0.781088 7.62595 0.20752 8.20147 0.20752 8.91145C0.20752 9.62143 0.781219 10.1969 1.48857 10.1969L13.8336 10.1966Z' fill='white'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: right 10px center;
padding: 7px 40px 6px 13px;
font-weight: bold; }
.joke:has(.more) h2 {
padding-right: 78px; }
.content-page {
background-color: var(--white);
padding: 16px 20px 12px;
break-inside: avoid;
margin-bottom: 30px;
position: relative; }
.content-page a {
color: var(--black);
text-decoration: underline; }
.content-page a:hover {
color: var(--green); }
.content-page h2 {
font-size: 24px;
line-height: 28px;
margin-bottom: 16px; }
.content-page h2 a {
color: var(--black);
text-decoration: none; }
@media (min-width: 991px) {
.content-page h2 a:hover {
color: var(--green); } }
.content-page h3 {
font-size: 17px;
line-height: 20px;
margin-bottom: 10px; }
.content-page p {
font-size: 15px;
line-height: 22px; }
.content-page p:last-child {
margin-bottom: 0; }
.content-page ul {
margin-bottom: 30px; }
.content-page ul li {
margin-bottom: 10px;
font-size: 15px;
line-height: 22px; }
.content-page table {
margin-bottom: 30px; }
.content-page table tr th,
.content-page table tr td {
padding: 10px;
border: 1px solid var(--black); }
.wrapper {
column-count: 3;
gap: 30px; }
@media (max-width: 1300px) {
.wrapper {
column-count: 2; } }
@media (max-width: 680px) {
.wrapper {
column-count: 1; } }
.single-joke {
display: block;
background-color: var(--white);
padding: 16px 20px 12px;
break-inside: avoid;
margin-bottom: 30px;
position: relative;
margin-top: 20px; }
.single-joke iframe {
width: 100%; }
@media (max-width: 680px) {
.single-joke {
margin-bottom: 20px; } }
.single-joke h1 {
font-size: 24px;
line-height: 28px;
margin-bottom: 16px; }
.single-joke p {
font-size: 15px;
line-height: 22px; }
.single-joke ul li,
.single-joke ol li {
font-size: 15px;
line-height: 22px;
margin-bottom: 10px; }
.post-nav {
display: flex;
justify-content: space-between;
margin-top: 20px; }
.post-nav a {
color: var(--white);
background-color: var(--green);
font-size: 14px;
line-height: 18px;
font-family: var(--barlow);
font-weight: 600; }
.post-nav a span {
display: block;
font-size: 10px; }
.post-nav a div {
padding: 6px 40px 8px; }
@media (max-width: 680px) {
.post-nav a div {
padding: 6px 20px 8px; } }
.post-nav a .prev {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 18.5L9 12.5L15 6.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: 10px center;
margin-right: 1px; }
@media (max-width: 990px) {
.post-nav a .prev {
text-align: right;
background-position: -2px center; } }
.post-nav a .next {
background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18.5L15 12.5L9 6.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-position: right 10px center;
margin-left: 1px; }
@media (max-width: 990px) {
.post-nav a .next {
background-position: right -2px center; } }
.single-ad {
margin-bottom: 30px;
text-align: center; }
.single-ad-bottom {
margin-top: 30px;
text-align: center; }
.dnet {
display: block;
width: 100%;
overflow: hidden; }
.dnet iframe {
margin-bottom: 30px; }
@media (max-width: 990px) {
.dnet {
display: none; } }
.dnet-top {
display: block; }
@media (min-width: 990px) {
.dnet-top {
display: none; } }
.dnetbot {
display: block;
width: 100%;
overflow: hidden; }
.dnetbot iframe {
margin-top: 30px; }
@media (max-width: 990px) {
.dnetbot {
display: none; } }
.send-joke {
background-color: var(--white);
padding: 20px; }
.send-joke.send-joke-page {
width: 60%; }
@media (max-width: 1340px) {
.send-joke.send-joke-page {
width: 100%; } }
.send-joke h1 {
font-size: 30px;
line-height: 36px;
margin-bottom: 20px; }
.send-joke .form {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 40px; }
.send-joke .form p {
margin: 0; }
.send-joke .form label {
display: block;
width: 100%;
font-size: 14px;
line-height: 20px;
margin-bottom: 6px; }
.send-joke .form .input {
flex: 1;
max-width: 50%; }
@media (max-width: 990px) {
.send-joke .form .input {
flex: none;
width: 100%;
max-width: 100%; } }
.send-joke .form .input input {
width: 100%;
border: 1px #EAEAEA solid;
height: 44px;
padding: 0 14px; }
.send-joke .form .select {
width: 100%; }
.send-joke .form .select select {
width: 100%;
border: 1px #EAEAEA solid;
height: 44px;
padding: 0 14px; }
.send-joke .form .textarea {
width: 100%; }
.send-joke .form .textarea textarea {
width: 100%;
border: 1px #EAEAEA solid;
padding: 10px 14px;
height: 200px; }
.send-joke .form .button {
width: 100%; }
.send-joke .form .button .wpcf7-form-control {
width: 100%;
background-color: var(--green);
color: var(--white);
font-size: 16px;
line-height: 24px;
padding: 10px 0;
cursor: pointer;
border: none;
font-weight: bold;
text-transform: uppercase; }
.wpcf7 form .wpcf7-response-output {
margin: 0 !important; }
:root {
--black: #2E2E2E;
--white: #FFFFFF;
--yellow: #F8CD28;
--green: #0C97A8;
--barlow: "Barlow", sans-serif; }
*:focus,
*:focus-visible {
outline: none; }
body {
font-family: "Roboto", sans-serif;
background-color: #F1F2F4; }
.relative {
position: relative; }
a {
text-decoration: none; }
img {
max-width: 100%; }
.text-center {
text-align: center; }
.text-right {
text-align: right; }
h1,
h2,
h3,
h4,
h5 {
margin: 0;
font-weight: bold; }
h1 {
font-size: 40px;
line-height: 48px;
color: var(--black);
margin-bottom: 15px; }
p {
margin: 0 0 20px; }
.tiktok-embed {
min-width: 100% !important; }
*,
*:before,
*:after {
box-sizing: border-box; }
\:root {
-moz-tab-size: 4;
tab-size: 4; }
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%; }
body {
margin: 0; }
hr {
height: 0;
color: inherit; }
abbr[title] {
text-decoration: underline dotted; }
b,
strong {
font-weight: bolder; }
code,
kbd,
samp,
pre {
font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
font-size: 1em; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }
table {
text-indent: 0;
border-color: inherit; }
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0; }
button,
select {
text-transform: none; }
button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button; }
::-moz-focus-inner {
border-style: none;
padding: 0; }
\:-moz-focusring {
outline: none; }
\:-moz-ui-invalid {
box-shadow: none; }
legend {
padding: 0; }
progress {
vertical-align: baseline; }
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto; }
[type='search'] {
-webkit-appearance: textfield;
outline-offset: -2px; }
::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit; }
summary {
display: list-item; }
header {
display: flex;
justify-content: space-between;
background-color: var(--yellow);
padding: 24px 30px;
height: 90px;
position: relative;
z-index: 1; }
@media (max-width: 990px) {
header {
padding: 12px 15px;
height: 60px; } }
header .nav {
flex: 1;
display: flex;
align-items: center;
padding: 0 40px; }
@media (max-width: 990px) {
header .nav {
justify-content: flex-end;
padding: 0; } }
header nav ul {
display: flex;
padding: 0;
margin: 0; }
header nav ul li {
list-style: none;
margin-right: 50px; }
@media (max-width: 1300px) {
header nav ul li {
margin-right: 30px; } }
@media (max-width: 990px) {
header nav ul li {
margin-right: 20px; } }
header nav ul li a {
color: var(--black);
font-family: var(--barlow);
font-size: 20px;
line-height: 30px;
font-weight: bold; }
@media (max-width: 990px) {
header nav ul li a {
font-size: 16px;
line-height: 24px; } }
@media (min-width: 991px) {
header nav ul li a:hover {
color: #fd7e14; } }
header nav ul li:last-child {
margin-right: 0; }
.logo {
position: relative;
flex: 0 0 320px;
max-width: 320px; }
@media (max-width: 1300px) {
.logo {
flex: 0 0 270px;
max-width: 270px; } }
@media (max-width: 990px) {
.logo {
flex: 0 0 115px;
max-width: 115px; } }
.logo img {
position: absolute;
left: 0;
bottom: -97px; }
@media (max-width: 990px) {
.logo img {
bottom: -56px; } }
.cta {
display: flex;
align-items: center; }
@media (max-width: 990px) {
.cta {
display: none; } }
.cta a {
color: var(--white);
background-color: var(--green);
padding: 10px 40px;
font-size: 16px;
line-height: 24px;
font-family: var(--barlow);
font-weight: bold; }
.menu {
display: inline-block;
color: var(--white);
background-color: #F6521F;
padding: 8px 20px;
font-size: 16px;
line-height: 24px;
font-family: var(--barlow);
font-weight: bold;
margin-right: 6px; }
@media (max-width: 400px) {
.menu {
padding: 8px 15px; } }
.send {
display: inline-block;
color: var(--white);
background-color: var(--green);
padding: 8px 20px;
font-size: 16px;
line-height: 24px;
font-family: var(--barlow);
font-weight: bold; }
@media (max-width: 400px) {
.send {
padding: 8px 15px; } }
footer {
display: none;
text-align: center;
border-top: 1px rgba(0, 0, 0, 0.2) solid;
padding: 20px 0; }
@media (max-width: 990px) {
footer {
display: block; } }
footer ul {
display: flex;
justify-content: center;
padding: 0;
margin: 0; }
footer ul li {
list-style: none;
margin: 0 15px; }
footer ul li a {
font-size: 16px;
line-height: 24px;
color: var(--black); }
.author {
margin-top: 10px;
font-size: 13px;
opacity: 0.6;
}
@media (max-width: 768px) {
.send {
display: none;
}
.menu {
margin-right: 0;
}
}