/********** General **********/
body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
    background: #f4f4f4;
    color: #333;
}

h2, .h2 {
    color: #2a9d8f;
}




/********** FAQ **********/
div[itemtype="https://schema.org/FAQPage"] {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
div[itemprop="mainEntity"] {
    background: #ffffff;
    border-left: 4px solid #2a9d8f;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: transform 0.3s ease-in-out;
  }
div[itemprop="mainEntity"]:hover {
    transform: translateY(-5px);
    border-left: 4px solid #f4a404;
  }
div[itemprop="name"] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #0077cc;
  }
div[itemprop="text"] {
    font-size: 16px;
    margin-top: 5px;
  }




/********** Pros and cons **********/
ul.proscons {list-style-type: none; margin: 0px -20px;}
ul.pros li::before { content: "\2714"; color: green; padding-right: 8px;}
ul.cons li::before { content: "\2716"; color: red; padding-right: 8px;}



/********** Crosswords **********/
.crosswords1 .number {font-size: 18px; background-color: var(--color1); padding: 10px; text-decoration: none; margin: 5px 0;color: white;}
.crosswords1 .word {font-size: 14px; background-color: var(--color3); padding: 0px 10px; margin: 5px; display: -webkit-inline-box; color: white;}

.crosswords2 .number {font-size: 18px; background-color: var(--color3); padding: 10px; text-decoration: none; margin: 5px 0; color: white;}
.crosswords2 .word {font-size: 14px; padding: 0px 10px; margin: 5px 0; }

.crosswords3 .number { font-size: 18px; background-color: var(--color1); padding: 0 10px; text-decoration: none; margin: 5px; display: -webkit-inline-box; border-radius: 50px; color: white;}
.crosswords3 .word { font-size: 14px; padding: 0px 5px; margin: 5px 0; display: -webkit-inline-box; }



/********** Copy to clipboard **********/
.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


/********** Resultlist **********/
.result {border: black 1px solid; padding: 10px; margin: 10px 0; cursor: pointer; background-color: white;}
.result .breadcrumb {margin: 0 !important; font-size: 12px;}
.result .title {margin: 0px 0px 10px 0px !important;}
.result .description {margin: 10px 0 !important; line-height: 1.2;}
.result a {color: black !important;}
.result .keyword {color: limegreen;}





/********** Header **********/
.header { margin: 0px auto;}
.headerOLD {box-shadow: 0 0 20px rgba(0,0,0,.2);overflow: auto; }

.sub-menu {display:none;}


.header-logo {background-color: var(--color1); padding: 10px;margin: 0 -20px;}
.header-logo img {background-color: var(--color1); display: block; margin-left: auto; margin-right: auto; }


.header-menu {background-color: var(--color2); margin: 0 -20px;}
.header-menu div.menu ul { padding: 10px; margin: 0; text-align: center; }
.header-menu div.menu li { display: inline-block;}
.header-menu .menuitem { background-color: var(--color2); padding: 0px 10px; margin: 0 2px; letter-spacing: .6px;}
.header-menu div.menu a { color: white; font-weight: bold; }


.header-articles-box, .header-articles-row {margin-left: auto; margin-right: auto;padding: 0 10px;}
.header .grid-box .content-container { display: flex !important; }
.header .grid-row .title { display: flex !important;line-height: 1;color: white; }
.header .grid-row .item { margin: 15px 0 !important; }
.header .grid-row { margin: 0 !important; }


.header-logo-menu {background-color: var(--color1); margin: 0 -20px;}
.header-logo-menu-box {margin-left: auto; margin-right: auto;}
.header-logo-menu-box-logo {}
.header-logo-menu-box-logo img {background-color: var(--color1); display: block; margin-left: auto; margin-right: auto; padding: 10px;}
.header-logo-menu-box-menu {display: table;}
.header-logo-menu-box-menu ul { padding: 0; margin: 0; text-align: center; }
.header-logo-menu-box-menu li { display: inline-block;}
.header-logo-menu-box-menu .menuitem { background-color: var(--color2); padding: 0px 10px; margin: 4px 2px; letter-spacing: .6px;}
.header-logo-menu-box-menu a { color: white; font-weight: bold; }
.menu-menu-1-container {display: table-cell; vertical-align: middle;padding: 0 15px;}




.header-logo-articles-box {margin-left: auto; margin-right: auto;}
.header-logo-articles-box-logo {width: 33%; background-color: var(--color1);margin: 1rem 0;display: flex; justify-content: center;}
.header-logo-articles-box-logo img { max-height: 90%; max-width: 90%; vertical-align: middle; padding: 0 5%;}
.header-logo-articles .grid-box { width: 65%; }
.header-logo-articles .grid-box.two { width: 32%; float: left !important;}
.helper { display: inline-block; height: 100%; vertical-align: middle;}
.header-logo-articles-box-logo.two {margin: 1rem 1.5%;float: left;}

.header-logo-articles-box .grid-box .image-container {max-height:100% !important;}







/********** Menu **********/
.sidebar .menulist { margin: 20px 0; padding: 1px 0px; background-color: var(--color1); color: white; }
.sidebar .menulist a { color: white; }
.sidebar .menulist ul { margin: 10px 0px; padding-inline-start: 30px;}

.sidebar .menulist2 { margin: 20px 0; padding: 1px 0px; color: var(--color1); }
.sidebar .menulist2 a { color: var(--color1); }
.sidebar .menulist2 ul { margin: 10px 0px; padding-inline-start: 30px;}

.sidebar .menubox {margin: 15px 0;}
.sidebar .menubox a { color: white;  }
.sidebar .menubox ul {padding-inline-start: 0px;}
.sidebar .menubox li {display: contents;}
.sidebar .menubox .menuitem {float: left; background-color: var(--color1); padding: 0px 10px; margin: 5px 5px 5px 0px;}


/********** Sitewide **********/
.body {margin: 0px auto;}
.main {width: 75%; float: left;}

body {margin: 0; word-break: break-word;}
iframe {width: 100%;}
img {max-width: 100%; height: auto; }
h2 {margin-top: 40px;}
.h2 {font-size: 24px; text-decoration: underline; font-weight: bold;}
a {text-decoration: none; color: black;}

.all {margin: 0px auto;}
.allcontent {padding: 0 20px; margin: 0px auto;}


/********** Sidebar **********/
.sidebar {width: 20%; float: right;}
.sidebar .logo { margin: 20px 0; padding: 15px; background-color: var(--color1);  }
.sidebar .logo img {max-height: 200px;}


/********** Footer **********/
.footer {box-shadow: 0 0 20px rgba(0,0,0,.2);background-color: var(--color1); margin: 40px auto 0px auto;}
.footer, .footer a {color: white !important;}
.columns { max-width: 1000px; margin: 0px auto; border-radius: 5px; padding: 30px 0; border-top: 1px solid var(--color2);}
.columns div {width: 20%; min-height: 200px; float: left; border-right: 1px solid var(--color2); padding: 0 2%; }
.columns .last {border-right: 0;}
.copyright {text-align:center; padding: 30px 10px; font-style: italic;}
.siteinfo {text-align: center; padding: 30px 10px; max-width: 800px; margin-left: auto; margin-right: auto;}
.siteinfo .logo {width:33%; float:left;}
.siteinfo .logo img {max-height: 200px;}
.siteinfo .description {width: 56%; float: right; padding: 0 5%;}


/********** Posts **********/
.article a {color: var(--color1);}
.article button {margin: 10px 0; background-color: #4CAF50; border: none; color: white; padding: 10px 20px; font-size: 16px; cursor: pointer; border-radius: 10px;}
.article button a {color: white;}
.article ul {padding-inline-start: 5%;}
.article ul ul {padding-inline-start: 10%;}

.article .attachment-large-recent-thumbnails {float: right; margin: 10px;}

.a {margin: 20px 10px; float: right; padding: 5px; background-color: white; height: 21px;}
.a img {max-height: 100%;}

.postmeta { font-size: 12px;}
.postmeta div { float: left; margin: 5px 0; color: white; padding: 0px 10px; margin-right: 5px;}
.postmeta a { color: white; }
.postmeta .date {background: var(--color3); }
.postmeta .category {background: var(--color2); cursor: pointer;}
.postmeta .tags {background: var(--color3); cursor: pointer;}

.post-thumbnail-image { float: right; padding: 0px 10px; max-width: 50%; }

h1, h2, h3, h4 {line-height: initial;}

.authorbox {padding: 10px; background-color: var(--color2); border-radius: 5px; margin: 10px 0;}
.authorbox .text {line-height: 18px;}
.authorbox .name {font-weight:800; color: white;}
.authorbox .bio {font-size: 14px; color: white;}
.authorbox img {max-width: 100px; float: left; margin: 5px 15px;}

.alignleft {float: left; margin: 0px 10px 10px 0px;}
.alignright {float: right; margin: 0px 0px 10px 10px;}

.button {background-color: #2bc470; padding: 3px 10px; border-radius: 5px;}


/********** Tables **********/
.wp-block-table { background: #fff; margin: auto; border: none; padding: 0; margin-bottom: 20px; border-spacing: 0; }
.wp-block-table { margin: 0 0 1em; overflow-x: auto; }
figure { margin: 1em 0; }
.wp-block-table .has-fixed-layout { table-layout: fixed; width: 100%; }
.wp-block-table table { border-collapse: collapse; width: 100%; }
.wp-block-table:not(.is-style-stripes) tr:last-child td, .wp-block-table:not(.is-style-stripes) tr:last-child th { border-bottom: 1px solid #c0c0c0; }
.wp-block-table:not(.is-style-stripes) td, .wp-block-table:not(.is-style-stripes) th { border: 1px solid #c0c0c0; }
.wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th { word-break: break-word; }
.wp-block-table th { font-weight: 800; }
.wp-block-table th, .wp-block-table td { padding: 10px; margin: 0; }
.has-text-align-center { text-align: center; }
.wp-block-table td { font-weight: 300; }

table { margin: 0 0 1.5em; max-width: 100%; border-collapse: collapse; }
table th, table td { border: 1px solid white; padding: 8px; text-align: left; }


/********** Blockquotes **********/
blockquote {
  border-left: 10px solid var(--color3);
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: var(--color3);
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}


/********** Lists **********/
::marker {
  color: var(--color3);
	font-weight: bold;

}

.fordele ::marker {
  content: '✅';
}

.ulemper ::marker {
  content: '❌';
}

.fordele li, .ulemper li {
padding: 0 10px;
}


/********** Grid Focus **********/
.grid-focus { margin-top: 1rem; display: flex; justify-content: space-between; margin-bottom: 1rem; }
.grid-focus .box { position: relative; overflow: hidden; height: 100%; width: 100%; transform: translateZ(0); }
.grid-focus .two-high { width: 100%; height: calc(50% - 10px); }
.grid-focus .two-high-item { flex-direction: column; display: flex; justify-content: space-between; }
.grid-focus .item { height: 350px; }

.grid-focus .image-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #c5d6e7; }
.grid-focus .image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background-image: linear-gradient(10deg, var(--color1) 0%,hsla(0,0%,0%,0) 25%); z-index: 2; }
.grid-focus img { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; transition: all .3s ease; transform: translateZ(0); z-index: 1; }

.grid-focus .content-container { height: 100%; position: absolute; top: 0; margin: -10px 15px; display: flex; align-items: flex-end; -webkit-align-items: flex-end; z-index: 2; }
.grid-focus .date { font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; font-size: .625rem; line-height: 1.5; letter-spacing: .8px; text-transform: uppercase; color: #fff; padding: 0 8px; display: inline-block; background: var(--color3); margin: 3px 0;}
.grid-focus .category { font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; font-size: .625rem; line-height: 1.5; letter-spacing: .8px; text-transform: uppercase; color: #fff; padding: 0 8px; display: inline-block; background: var(--color2); margin: 3px 0;}
.grid-focus .title { font-family: Poppins,sans-serif; color: #fff; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 1.15; letter-spacing: 0; text-align: left; margin-bottom: 0; }

.grid-focus .small { width: calc(25% - 10px); }
.grid-focus .large { width: calc(50% - 10px); }

.grid-focus .medium { width: calc(40% - 10px); }
.grid-focus .largest { width: calc(60% - 10px); }

.grid-focus .small .title {font-size: 14px;}
.grid-focus .medium .title {font-size: 16px;}



/********** Grid List **********/
.grid-list a { position: relative; display: block; padding: .5rem 0; color: black; padding-left: 0; padding-right: 0; border: 0; background-color: transparent; transition: opacity .24s ease; }
.grid-list img { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; transition: all .3s ease; transform: translateZ(0); }
.grid-list .media { display: flex; align-items: flex-start; }
.grid-list .media-body { flex: 1; }
.grid-list .category {margin-bottom: 0.1rem; font-family: Open Sans,sans-serif; color: var(--color2); text-transform: uppercase; letter-spacing: .6px; font-size: 14px; font-weight: 600; margin-right: 5px;}
.grid-list .date {color: var(--color3); margin: 5px;}

.grid-list.three .item { width: 30%; padding: 0% 3% 0% 0%; float: left; }
.grid-list.two .item { width: 46%; padding: 0% 4% 0% 0%; float: left; }

.grid-list.one .thumbnail-wrapper { width: 100px; height: 50px; margin: 0 .5rem 0 0; }
.grid-list.one-broad .thumbnail-wrapper { width: 50%; height: 70px; }
.grid-list.two .thumbnail-wrapper { width: 100px; height: 100px; margin: 0 .5rem 0 0; }
.grid-list.three .thumbnail-wrapper { width: 100px; height: 100px; margin: 0 .5rem 0 0; }

.grid-list.one-broad .media-body {margin: 0 .5rem 0 0; }

.grid-list.one { line-height: 1; }
.grid-list.one-broad { line-height: 1.2; }
.grid-list.two { line-height: 1.3; margin: 20px 0;}
.grid-list.three { line-height: 1.1; margin: 20px 0;}

.grid-list-text {padding: 15px 0;}
.grid-list-text .title {font-size: 16px; font-weight: 200; margin-right: 5px;}
.grid-list-text .category {margin-bottom: 0.1rem; font-family: Open Sans,sans-serif; color: var(--color2); letter-spacing: .6px; font-size: 14px; font-weight: 600; margin-right: 5px;}
.grid-list-text .date {margin-bottom: 0.1rem; font-family: Open Sans,sans-serif; color: var(--color3); letter-spacing: .6px; font-size: 14px; font-weight: 600; margin-right: 5px;}



/********** Grid Box **********/
.grid-box { padding-top: 1rem; display: flex; justify-content: space-between; padding-bottom: 1rem; }
.grid-box .box { position: relative; overflow: hidden; height: 100%; width: 100%; transform: translateZ(0); }
.grid-box .image-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.grid-box .image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background-image: linear-gradient(10deg, var(--color1) 0%,hsla(0,0%,0%,0) 50%); z-index: 2; }
.grid-box img { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; transition: all .3s ease; transform: translateZ(0); z-index: 1; }
.grid-box .content-container { height: 100%; position: absolute; top: 0; padding: 1rem; display: flex; align-items: flex-end; -webkit-align-items: flex-end; z-index: 2; }
.grid-box .content-wrapper {padding: 30px 0px;}
.grid-box .category { font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; font-size: .625rem; line-height: 1.5; letter-spacing: .8px; text-transform: uppercase; color: #fff; padding: 0 8px; display: inline-block; background: var(--color2); margin: 10px 0; }
.grid-box .date {background: var(--color3);}
.grid-box .title { font-family: Poppins,sans-serif; color: #fff; font-size: 20px; font-style: normal; font-weight: 700; line-height: 1; letter-spacing: 0; text-align: left; margin-bottom: 0; }

.grid-box .item { min-height: 100px; }
.grid-box-1 .item { width: calc(100% - 0px); }
.grid-box-2 .item { width: calc(50% - 8px); }
.grid-box-3 .item { width: calc(33% - 8px); }
.grid-box-4 .item { width: calc(25% - 8px); }
.grid-box-5 .item { width: calc(20% - 8px); }
.grid-box-6 .item { width: calc(16% - 8px); }

.grid-box-1 .image-container { max-height: 500px; }
.grid-box-2 .image-container { max-height: 250px; }
.grid-box-3 .image-container { max-height: 150px; }
.grid-box-4 .image-container { max-height: 125px; }
.grid-box-5 .image-container { max-height: 100px; }
.grid-box-6 .image-container { max-height: 100px; }

.grid-box-1 .category {top: -30px; font-size: 16px;}
.grid-box-2 .category {top: -24px; font-size: 16px;}
.grid-box-3 .category {display: none;}
.grid-box-4 .category {display: none;}
.grid-box-5 .category {display: none;}
.grid-box-6 .category {display: none;}

.grid-box-1 .title {font-size: 22px;}
.grid-box-2 .title {font-size: 20px;}
.grid-box-3 .title {font-size: 18px; font-weight: 400;}
.grid-box-4 .content-container {display: none;}
.grid-box-5 .content-container {display: none;}
.grid-box-6 .content-container {display: none;}


/********** Grid Row **********/
.grid-row { display: flex; justify-content: space-between; max-width: 100%; padding: 10px 0; }
.grid-row .image-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: top; position: relative; overflow: hidden; transform: translate(0); }
.grid-row img { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; transition: all .3s ease; transform: translateZ(0); z-index: 1; border-radius: 0px !important;}
.grid-row .content-container { position: relative; }
.grid-row .content-wrapper { padding-top: .75rem; }
.grid-row .category { position: absolute; left: 0; z-index: 2; font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; line-height: 1; letter-spacing: .8px; text-transform: uppercase; color: #fff; padding: 4px 8px; display: inline-block; background: var(--color2); }
.grid-row .date {background: var(--color3);}
.grid-row .title {font-weight: 600;}

.grid-row .item { margin: 5px 0; }
.grid-row-1 .item { width: calc(100% - 8px); }
.grid-row-2 .item { width: calc(50% - 8px); }
.grid-row-3 .item { width: calc(33% - 8px); }
.grid-row-4 .item { width: calc(25% - 8px); }
.grid-row-5 .item { width: calc(20% - 8px); }
.grid-row-6 .item { width: calc(16% - 8px); }

.grid-row-1 .image-container { max-height: 500px; }
.grid-row-2 .image-container { max-height: 250px; }
.grid-row-3 .image-container { max-height: 150px; }
.grid-row-4 .image-container { max-height: 125px; }
.grid-row-5 .image-container { max-height: 100px; }
.grid-row-6 .image-container { max-height: 100px; }

.grid-row-1 .category {top: -28px; font-size: 20px;}
.grid-row-2 .category {top: -24px; font-size: 16px;}
.grid-row-3 .category {top: -20px; font-size: 12px;}
.grid-row-4 .category {top: -18px; font-size: 10px;}
.grid-row-5 .category {display: none;}
.grid-row-6 .category {display: none;}

.grid-row-1 .title {font-size: 22px;}
.grid-row-2 .title {font-size: 20px;}
.grid-row-3 .title {font-size: 18px; font-weight: 400;}
.grid-row-4 .title {font-size: 16px; font-weight: 200;}
.grid-row-5 .title {display: none;}
.grid-row-6 .title {display: none;}

.grid-row-1 .excerpt {display: none;}
.grid-row-2 .excerpt {}
.grid-row-3 .excerpt {display: none;}
.grid-row-4 .excerpt {display: none;}
.grid-row-5 .excerpt {display: none;}
.grid-row-6 .excerpt {display: none;}



/********** Grid Archive **********/
.grid-archive {justify-content: space-between; max-width: 100%; margin: 20px 0;}
.grid-archive .image-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: top; position: relative; overflow: hidden; transform: translate(0); }
.grid-archive img { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; transition: all .3s ease; transform: translateZ(0); z-index: 1; }
.grid-archive .content-container { position: relative; height: 90px;}
.grid-archive .content-wrapper { padding-top: .75rem; }
.grid-archive .category { position: absolute; left: 0; z-index: 2; font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; line-height: 1; letter-spacing: .8px; text-transform: uppercase; color: #fff; padding: 4px 8px; display: inline-block; background: var(--color2); }
.grid-archive .date {background: var(--color3);}
.grid-archive .title {font-weight: 600;}
.grid-archive .item { width: 48%; padding: 1%; float: left; }
.grid-archive .image-container { max-height: 250px; }
.grid-archive .category {top: -24px; font-size: 16px;}
.grid-archive .title {font-size: 20px;}
.grid-archive .excerpt {}








/********** Grid List Sidebar Images **********/
.grid-list-sidebar-images {margin: 10px 0; }
.grid-list-sidebar-images .thumbnail-wrapper { width: 48%; height: 70px; padding: 1%; float: left; }
.grid-list-sidebar-images img { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; transition: all .3s ease; transform: translateZ(0); }


/********** Grid List Sidebar Height **********/
.grid-list-sidebar-height { padding: 5px 0; line-height: 1.1; margin: 10px 0;}
.grid-list-sidebar-height .thumbnail-wrapper { width: 50px; height: 100px; margin: 0px 10px 0px 0px; float: left; }
.grid-list-sidebar-height img { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; transition: all .3s ease; transform: translateZ(0); }


/********** Grid List Sidebar **********/
.grid-list-sidebar { padding: 10px 0; line-height: 1.2; margin: 10px 0;}
.grid-list-sidebar .thumbnail-wrapper { width: 84px; height: 55px; margin: 0px 10px 0px 0px; float: left; }
.grid-list-sidebar img { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; transition: all .3s ease; transform: translateZ(0); }


/********** Grid Row Sidebar **********/
.grid-row-sidebar { display: block; justify-content: space-between; max-width: 100%; margin: 15px 0;}
.grid-row-sidebar .item { width: calc(100% - 0px); }
.grid-row-sidebar .image-container { max-height: 135px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: top; position: relative; overflow: hidden; transform: translate(0); }
.grid-row-sidebar img { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; transition: all .3s ease; transform: translateZ(0); z-index: 1; }
.grid-row-sidebar .content-container { position: relative; }
.grid-row-sidebar .content-wrapper { padding-top: .75rem; }
.grid-row-sidebar .category { position: absolute; left: 0; z-index: 2; font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; line-height: 1; letter-spacing: .8px; text-transform: uppercase; color: #fff; padding: 4px 8px; display: inline-block; background: var(--color2); top: -20px; font-size: 12px;  }
.grid-row-sidebar .date {background: var(--color3);}
.grid-row-sidebar .title { font-size: 16px; font-weight: 600; line-height: 1.2;}


/********** Grid Box Sidebar **********/
.grid-box-sidebar { display: flex; justify-content: space-between; margin: 15px 0; }
.grid-box-sidebar .item { width: calc(100% - 0px); height: 135px; }
.grid-box-sidebar .box { position: relative; overflow: hidden; height: 100%; width: 100%; transform: translateZ(0); }
.grid-box-sidebar .image-container { max-height: 500px; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.grid-box-sidebar .image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background-image: linear-gradient(10deg, var(--color1) 0%,hsla(0,0%,0%,0) 50%); z-index: 2; }
.grid-box-sidebar img { display: block; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; transition: all .3s ease; transform: translateZ(0); z-index: 1; }
.grid-box-sidebar .content-container { height: 100%; position: absolute; top: 0; padding: 1rem; display: flex; align-items: flex-end; -webkit-align-items: flex-end; z-index: 2; }
.grid-box-sidebar .content-wrapper {padding: 30px 0px;}
.grid-box-sidebar .category { font-size: 12px; font-family: Open Sans,sans-serif; font-style: italic; font-weight: 700; font-size: .625rem; line-height: 1.5; letter-spacing: .8px; text-transform: uppercase; color: #fff; padding: 0 8px; display: inline-block; background: var(--color2); margin: 10px 0; }
.grid-box-sidebar .date {background: var(--color3);}
.grid-box-sidebar .title {font-family: Poppins,sans-serif; color: #fff; font-size: 16px; font-style: normal; font-weight: 700; line-height: 1; letter-spacing: 0; text-align: left; margin-bottom: 0; }


/********** Comments **********/
.leavecomment { margin-top: 50px; font-size: 26px; padding-bottom: 32px; margin-bottom: 40px; border-bottom: 1px solid #EEEEEE; }
.comment-author .fn a {color:black;}
.commentlist .comment a {color: grey;}
.commentmetadata {display: none;}

.comment-form-url, .comment-form-email, .comment-notes, .logged-in-as {display: none;}

.comment-notes { margin-bottom: 30px; font-style: italic; color: #999; }
.commentlist { list-style-type: none; padding: 0; }
.commentlist li { list-style-type: none }
.commentlist .children { margin: 30px 0 0 50px }
.commentlist .comment { margin-bottom: 44px; padding-bottom: 32px; position: relative; border-bottom: 1px solid #EEEEEE; line-height: 1.8 }
.commentlist .children li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; margin-top: 30px; }
.comment .avatar { float: left; border-radius: 50%; margin-right: 28px; }
.comment-author:before,
.comment-author:after { content: " "; display: table; }
.comment-author:after { clear: both }
.comment-author .says { display: none; }
.comment-author .fn,
.comment-author .fn a { font-style: normal; font-weight: bold; font-size: 18px; margin-top: 5px; }
.comment-meta .comment-metadata { font-size: 14px; margin-top: -50px; margin-bottom: 40px; font-style: italic; padding-left: 110px; }
.comment-meta .comment-metadata,
.comment-meta .comment-metadata a { color: #a2a2a2; }
.comment-meta .comment-metadata a:hover { color: #333; }
.comment-main { overflow: hidden; }
.comment-body {  margin-top: 8px; }
#respond { margin-bottom: 85px }
#respond .form_fields p { margin-bottom: 24px; width: 50%; }
#respond .form_fields p:first-child { padding-left: 0; }
#respond label { font-weight: normal; font-size: 16px; margin-bottom: 5px; text-transform: uppercase; font-family: "Roboto Condensed", sans-serif;}
#respond textarea { width: 100%; height: 150px; }
#respond #submit { width: auto; padding-left: 25px; padding-right: 25px; margin-top: 12px; }
#respond code { white-space: pre-wrap }
.form-allowed-tags { display: none }
#respond .form_fields p .required_lab { margin-left:10px; color:#a7a7b3;}
#respond .comment-form-cookies-consent label { display: inline; margin-left: 10px; text-transform: none; font-family: inherit; font-size: 14px;}
.comment-reply-link {color: black;}


/********** Hide most of admin bar **********/
#wp-admin-bar-wp-logo, #wp-admin-bar-customize, #wp-admin-bar-comments, #wp-admin-bar-new-content, #wp-admin-bar-top-secondary {display: none;}
#wpadminbar {background: none !important; max-width: 20% !important; min-width: 0 !important;}


/********** Responsive **********/
@media (max-width: 1000px){
.main {width: 100%;}
.sidebar {width: 100%;}
.menu {display: none;}
.header-2 .header-main {display: block;}
.siteinfo .logo { width: 94%; padding: 10px 3%; }
.siteinfo .description { width: 94%; padding: 10px 3%; }
.columns {border: 0; padding: 0;}
.columns div { width: 90%; min-height: 0; padding: 10px 5%; border: none; text-align: center; }
.sidebar .logo img {margin-left: auto; margin-right: auto; display: block;}
.logo-bottom {display: none;}
.grid-row-sidebar .item, .grid-box-sidebar .item { float: left; }
.grid-row-sidebar .item, .grid-box-sidebar .item { width: 23%; padding: 1%; }
.grid-box-sidebar { display: block; }
}

@media (max-width: 800px){
.grid-row, .grid-box { display: block; }
.grid-row .item, .grid-box .item { width: 100%; margin: 10px 0; }
.grid-box .image-container { min-height: 350px; }
.grid-box .box { height: auto; }
.grid-row .item, .grid-row-sidebar .item, .grid-box .item, .grid-box-sidebar .item { float: left; }
.grid-row-4 .item, .grid-row-sidebar .item, .grid-box-sidebar .item { width: 48%; padding: 1%; }
}

@media (max-width: 600px){
.grid-focus { display: block; }
.grid-focus .small, .grid-focus .large { width: 100%; }
.grid-focus .item { height: 550px; width: 100%; margin: 20px 0; }
.post-thumbnail-image { max-width: 100%; width: 100%; }
}

@media (max-width: 400px){
.grid-row-4 .item, .grid-row-sidebar .item, .grid-box-sidebar .item { width: 98%; padding: 1%; }
}