/*
Theme Name: MR-Fonden
Theme URI: http://www.humanrights.se
Author: Joao Neves, HEY JAY
Author URI: http://heyjay.se
Description: Custom WordPress theme built for the MR-Fonden website.
Text Domain: mrfonden
*/


/* -----------------------------------------------------------------------


 /$$   /$$ /$$$$$$$$ /$$     /$$          /$$$$$  /$$$$$$  /$$     /$$
| $$  | $$| $$_____/|  $$   /$$/         |__  $$ /$$__  $$|  $$   /$$/
| $$  | $$| $$       \  $$ /$$/             | $$| $$  \ $$ \  $$ /$$/ 
| $$$$$$$$| $$$$$     \  $$$$/              | $$| $$$$$$$$  \  $$$$/  
| $$__  $$| $$__/      \  $$/          /$$  | $$| $$__  $$   \  $$/   
| $$  | $$| $$          | $$          | $$  | $$| $$  | $$    | $$    
| $$  | $$| $$$$$$$$    | $$          |  $$$$$$/| $$  | $$    | $$    
|__/  |__/|________/    |__/           \______/ |__/  |__/    |__/    


HEY JAY
Design + Development

--------------------------------------------------------------------------

Created:  2019-09-16
Modified: 2019-11-03
Website:  http://humanrights.se
Author:   Joao Neves


-- STRUCTURE -------------------------------------------------------------
 
1. Normalize
2. Base Styles
3. Typography
4. Primary Styles
5. Helpers
6. Wordpress
7. Media Queries
8. Print Styles


------------------------------------------------------------------------*/



/* 1. NORMALIZE
------------------------------------ */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary { display: block; }

audio,
canvas,
video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }
[hidden] { display: none; }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  box-sizing: border-box;
}

body {
  margin: 0;
  font-size: 100%;
  text-rendering: optimizeLegibility;
}

html,
body { height: 100%; }

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }



/* 2. BASE STYLES
------------------------------------ */

a { 
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

a:hover,
a:active {
  text-decoration: underline;
}

ol, ul { margin: 0; padding: 0 0 10px 24px; }

img {
  max-width: 100%;
  height: auto; 
  border: 0; 
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}

form { margin: 0; }

button,
input,
select,
textarea {
  font-family: 'Apercu', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', helvetica, arial, sans-serif;
  font-weight: normal;
  margin: 0; 
  color: #222;
  vertical-align: baseline;
  font-size: 100%;
}

button,
input { line-height: normal; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

button[disabled],
input[disabled] { cursor: default; }

input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="search"] {
  box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

table { border-collapse: collapse; border-spacing: 0; }



/* 3. TYPOGRAPHY
------------------------------------ */

@font-face {
  font-family: 'Apercu';
  src: url('type/apercu-regular.woff2') format('woff2'),
       url('type/apercu-regular.woff') format('woff'),
       url('type/apercu-regular.ttf') format('truetype');
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: 'Apercu';
  src: url('type/apercu-italic.woff2') format('woff2'),
       url('type/apercu-italic.woff') format('woff'),
       url('type/apercu-italic.ttf') format('truetype');
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: 'Apercu';
  src: url('type/apercu-bold.woff2') format('woff2'),
       url('type/apercu-bold.woff') format('woff'),
       url('type/apercu-bold.ttf') format('truetype');
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: 'Apercu';
  src: url('type/apercu-bold-italic.woff2') format('woff2'),
       url('type/apercu-bold-italic.woff') format('woff'),
       url('type/apercu-bold-italic.ttf') format('truetype');
  font-style: italic;
  font-weight: 600;
}

body {
  font-family: 'Apercu', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', helvetica, arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #454545;
  line-height: 1.5;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h5, label {
  color: inherit;
  font-style: normal;
  color: #222222;
  font-weight: 600;
  line-height: 1.25;
  margin: 0;
  text-rendering: optimizeLegibility;
}

h1, .h1 { font-size: 40px; margin-bottom: 0.3em; }
h2, .h2 { font-size: 32px; margin-bottom: 0.4em; }
h3, .h3 { font-size: 28px; margin-bottom: 0.5em; }
h4, .h4 { font-size: 22px; margin-bottom: 0.6em; }
h5, .h5 { font-size: 20px; margin-bottom: 0.7em; }
h6, .h6 { font-size: 18px; margin-bottom: 0.8em; }

p, ul, ol, pre, table, figure { margin: 0 0 1.5em 0; }

blockquote {
  font-size: 18px;
  font-style: normal; 
  line-height: 1.888888888888;
  margin: 0 0 1.5em 0; 
}

strong { font-weight: 600; }



/* 4. PRIMARY STYLES
------------------------------------ */

.col-1-3,
.col-2-3,
.col-1-4,
.col-2-4 { padding: 20px; float: left; }

.col-1-3 { width: 33.3333333333%; }
.col-2-3 { width: 66.6666666666%; }
.col-1-4 { width: 25%; }
.col-2-4 { width: 50%; }
.col-4-4 { width: 100%; padding: 20px; clear: both; }

.wrap {
  position: relative;
  margin: 0 auto;
  max-width: 1240px;
  padding: 0 20px;
}


/* Header */

.header {
  position: relative;
  width: 100%;
}

.head-logo {
  display: block;
  float: left;
  padding: 20px;
}

.head-logo a { 
  display: block;
  width: auto;
  margin: 0 20px;
}

.head-logo img {
  width: 100%;
  max-width: 140px;
  height: auto;
}

.head-logo:hover img,
.head-logo:focus img { opacity: 0.9; }

.head-icons {
  display: block;
  float: right;
  padding: 20px;
}

.head-icon { 
  position: relative;
  display: block;
  float: left;
  margin: 6px 20px 2px;
  line-height: 1.250em;
  color: #757575;
  padding-top: 32px;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 24px 24px;
  transition: all .2s ease-in-out;
}

.head-icon:hover:before,
.head-icon:focus:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: .1;
}

.head-icon-lang { background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m24.988 0c-6.624 0-11.988 5.376-11.988 12s5.364 12 11.988 12c6.636 0 12.012-5.376 12.012-12s-5.376-12-12.012-12zm8.316 7.2h-3.54c-.384-1.5-.936-2.94-1.656-4.272 2.208.756 4.044 2.292 5.196 4.272zm-8.304-4.752c.996 1.44 1.776 3.036 2.292 4.752h-4.584c.516-1.716 1.296-3.312 2.292-4.752zm-9.288 11.952c-.192-.768-.312-1.572-.312-2.4s.12-1.632.312-2.4h4.056c-.096.792-.168 1.584-.168 2.4s.072 1.608.168 2.4zm.984 2.4h3.54c.384 1.5.936 2.94 1.656 4.272-2.208-.756-4.044-2.28-5.196-4.272zm3.54-9.6h-3.54c1.152-1.992 2.988-3.516 5.196-4.272-.72 1.332-1.272 2.772-1.656 4.272zm4.764 14.352c-.996-1.44-1.776-3.036-2.292-4.752h4.584c-.516 1.716-1.296 3.312-2.292 4.752zm2.808-7.152h-5.616c-.108-.792-.192-1.584-.192-2.4s.084-1.62.192-2.4h5.616c.108.78.192 1.584.192 2.4s-.084 1.608-.192 2.4zm.3 6.672c.72-1.332 1.272-2.772 1.656-4.272h3.54c-1.152 1.98-2.988 3.516-5.196 4.272zm2.124-6.672c.096-.792.168-1.584.168-2.4s-.072-1.608-.168-2.4h4.056c.192.768.312 1.572.312 2.4s-.12 1.632-.312 2.4z' fill='%23266eb1' transform='translate(-13)'/%3E%3C/svg%3E"); }
.head-icon-search { background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m26 21.495283-7.493-7.573787c.891-1.4070081 1.41-3.0768195 1.41-4.86691379 0-4.99326146-4.019-9.05458221-8.959-9.05458221-4.939 0-8.958 4.06132075-8.958 9.05458221 0 4.99326149 4.019 9.05559299 8.958 9.05559299 1.904 0 3.67-.6054582 5.122-1.6324124l7.442 7.5222372zm-20.497-12.44070079c0-3.04043127 2.447-5.51280323 5.455-5.51280323s5.455 2.47338275 5.455 5.51280323c0 3.04043129-2.447 5.51482479-5.455 5.51482479-3.008-.0010108-5.455-2.4743935-5.455-5.51482479z' fill='%23266eb1' transform='translate(-2)'/%3E%3C/svg%3E"); }
.head-icon-menu { display: none; background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23266eb1' fill-rule='evenodd'%3E%3Cpath d='m0 2h24v4h-24z'/%3E%3Cpath d='m0 10h24v4h-24z'/%3E%3Cpath d='m0 18h24v4h-24z'/%3E%3C/g%3E%3C/svg%3E"); }
.head-icon-menu.open { background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23266eb1' fill-rule='evenodd' transform='translate(2 2)'%3E%3Cpath d='m-2 8h24v4h-24z' transform='matrix(.70710678 -.70710678 .70710678 .70710678 -4.142136 10)'/%3E%3Cpath d='m-2 8h24v4h-24z' transform='matrix(.70710678 .70710678 -.70710678 .70710678 10 -4.142136)'/%3E%3C/g%3E%3C/svg%3E"); }

.navbar { background-color: #F8F8F8; }

.nav {
  position: relative;
  margin: 0;
  padding: 0 20px;
  font-size: 0;
  width: 100%;
  list-style: none;
}

.nav li { 
  position: relative;
  display: block;
  float: left;
  margin: 0;
}

.nav li a {
  display: block;
  color: #222222;
  font-size: 18px;
  line-height: 20px;
  padding: 20px;
}

.nav li a:hover,
.nav li a:focus,
.nav .current-menu-item a,
.nav .current_page_parent a,
.nav .current-page-ancestor a,
.tax-publikation_kategori .nav .menu-item-46 a { 
  text-decoration: none;
  background-color: #eee;
}

.search .nav .current_page_parent a,
.tax-publikation_kategori .nav .current_page_parent a { background-color: transparent; }

.search .nav .current_page_parent a:hover,
.search .nav .current_page_parent a:focus,
.tax-publikation_kategori .nav .current_page_parent a:hover,
.tax-publikation_kategori .nav .current_page_parent a:focus { background-color: #eee; }

.nav .nav-hide { display: none; }


/* Search */

.search-bar {
  position: relative;
  width: 100%;
  background-color: #F8F8F8;
  margin-top: -80px;
  transition: all .2s ease-in-out;
  border-bottom: 1px solid #eee;
}

.search-bar.open { margin-top: 0px; }

.search-wrap {
  position: relative;
  padding: 0 20px;
  width: 100%;
} 

.search-form {
  position: relative;
  width: 100%;
}

.search-field { 
  display: block;
  float: left;
  margin: 19px 2% 18px 0;
  padding: 9px 20px 9px 44px;
  font-size: 18px;
  line-height: 1em;
  color: #222222;
  border: 1px solid #ddd;
  width: 82%;
}

.search-icon { 
  position: relative;
  background-repeat: no-repeat;
  background-position: 10px center;
  background-size: 24px 24px;
  background-image: url("data:image/svg+xml,%3Csvg height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m26 21.495283-7.493-7.573787c.891-1.4070081 1.41-3.0768195 1.41-4.86691379 0-4.99326146-4.019-9.05458221-8.959-9.05458221-4.939 0-8.958 4.06132075-8.958 9.05458221 0 4.99326149 4.019 9.05559299 8.958 9.05559299 1.904 0 3.67-.6054582 5.122-1.6324124l7.442 7.5222372zm-20.497-12.44070079c0-3.04043127 2.447-5.51280323 5.455-5.51280323s5.455 2.47338275 5.455 5.51280323c0 3.04043129-2.447 5.51482479-5.455 5.51482479-3.008-.0010108-5.455-2.4743935-5.455-5.51482479z' fill='%23266eb1' transform='translate(-2)'/%3E%3C/svg%3E");
}

.search-button { 
  display: block;
  float: left;
  margin: 19px 0 18px 0;
  width: 16%;
  border: none;
}


/* Content */

.content {
  position: relative;
  width: 100%;
  font-size: 18px;
}

.content .wrap { padding-top: 20px; padding-bottom: 20px; }


/* Banner */

.banner {
  position: relative;
  height: 540px;
}

.banner-link {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  padding: 20px;
  color: #fff;
  border-radius: 4px;
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  display: flex;
  align-items: flex-end;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right top;
}

.banner-overlay {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner-link:hover, 
.banner-link:focus { 
  text-decoration: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
 
.banner-link:hover .button,
.banner-link:focus .button {
  text-decoration: none;
  background-color: #3683CA;
}

.banner-link:hover:before,
.banner-link:focus:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;;
  opacity: .075;
}

.banner-text {
  font-size: 18px; 
  width: 100%;
  max-width: 600px;
  padding: 20px;
  z-index: 10;
}

.banner-text h1 {
  font-size: 32px;
  color: #fff;
  margin-bottom: 0.625em;
}

.banner-text .button { margin-bottom: 0.5em; }


/* Featured */

.featured {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}

.feat-card {
  position: relative;
  height: 320px;
}

.feat-link {
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  padding: 20px;
  color: #fff;
  border-radius: 4px;
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  display: flex;
  align-items: flex-end;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

.feat-overlay {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.feat-link:hover, 
.feat-link:focus { 
  text-decoration: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
 
.feat-link:hover span,
.feat-link:focus span {
  text-decoration: underline;
}

.feat-link:hover:before,
.feat-link:focus:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;;
  opacity: .075;
}

.feat-text {
  font-size: 18px; 
  width: 100%;
  padding: 20px;
  z-index: 10;
}

.feat-text h3 { 
  color: #fff;
  font-size: 26px;
  margin-bottom: 0.231em;
}


/* News */

.news {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}

.news-head h3 { margin-bottom: 0; }

.news-link {
  height: 100%;
  display: block;
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.news-link:hover, 
.news-link:focus {
  text-decoration: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.news-image { 
  position: relative;
  height: 180px;
  border-radius: 4px 4px 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

.news-link:hover .news-image img, 
.news-link:focus .news-image img { opacity: 0.925; }

.news-text {
  display: flex;
  flex-flow: column;
  flex-wrap: nowrap;
  font-size: 18px;
  padding: 20px;
  min-height: 180px;
  background-color: #fff;
  border-radius: 0 0 3px 3px;
}

.news-text h5 {
  display: block;
  font-size: 18px;
  line-height: 1.333333333333;
  margin-bottom: 0.571em;
}

.news-text span {
  font-size: 15px;
  color: #757575;
  margin-top: auto;
  margin-bottom: 0.267em;
}


/* Publications */

.publications {
  position: relative;
  width: 100%;
  margin-bottom: 40px;
}

.pub-card-wrap { clear: both; }

.pub-head h3 { margin-bottom: 0; }

.pub-head a { text-decoration: underline; }

.pub-head a:hover,
.pub-head a:focus { color: #222; }

.pub-link {
  height: 100%;
  display: block;
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.pub-link:hover, 
.pub-link:focus {
  text-decoration: none;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.pub-image { 
  position: relative;
  height: 260px;
  border-radius: 4px 4px 0 0;
  background-color: #F0F0F0;
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-position: center center;
}

.pub-link:hover .news-image img, 
.pub-link:focus .news-image img { opacity: 0.925; }

.pub-text {
  display: flex;
  flex-flow: column;
  flex-wrap: nowrap;
  font-size: 17px;
  padding: 20px;
  min-height: 260px;
  background-color: #fff;
  border-radius: 0 0 3px 3px;
}

.pub-text h5 {
  display: block;
  font-size: 18px;
  line-height: 1.333333333333;
  margin-bottom: 0.571em;
}

.pub-text span {
  font-size: 15px;
  color: #757575;
  margin-top: auto;
  margin-bottom: 0.267em;
}


/* Content Main & Side */

.content-main { 
  position: relative;
  font-size: 18px;
  margin-bottom: 30px;
}

.content-side { 
  position: relative;
  margin-bottom: 30px;
}

.content-main a { text-decoration: underline; }

.content-main a:hover,
.content-main a:focus { color: #222; }

.content-main .button,
.content-main .page-numbers { text-decoration: none; }

.content-main .button:hover,
.content-main .button:focus,
.content-main .page-numbers:hover,
.content-main .page-numbers:focus { color: #fff; }

.nav-sub { 
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
  background-color: #F8F8F8;
}

.nav-sub li { 
  position: relative;
  display: block;
  margin: 0;
}

.nav-sub li a,
.nav-sub li .inner,
.nav-sub li .nav-head {
  display: block;
  color: #222222;
  font-size: 17px;
  line-height: 1.25em;
  padding: 19px 20px 19px;
  border-bottom: 1px solid #eee;
}

.nav-sub li .inner { color: #454545; }

.nav-sub li .inner p:last-child { margin-bottom: 1em; }

.nav-sub li a:before {
  content: '->';
  white-space: nowrap;
  padding-right: 12px;
}

.nav-sub li a span { 
  display: block;
  color: #757575;
  font-size: 15px;
  margin-top: 1em;
}


.nav-sub li:first-child a {
  font-weight: 600;
  border-top-color: transparent;
}

.nav-sub li:first-child a:before {
  content: none;
  padding-right: 0;
}

.nav-sub li a:hover,
.nav-sub li a:focus,
.nav-sub .current-menu-item a,
.nav-sub .current-menu-item strong { 
  text-decoration: none;
  background-color: #eee;
}

.nav-sub.news-list li a:before {
  content: '';
  white-space: nowrap;
  padding-right: 0;
}

.map-container iframe { width: 100%; height: 460px; }


/* Profiles */

.profiles {
  position: relative;
  width: 100%;
  margin-bottom: 1.5em;
}

.profiles-head { padding-left: 0; padding-right: 0; }
.profiles-head h2 { margin-bottom: 0; }

.profile-card:nth-child(odd) { padding-left: 0; }
.profile-card:nth-child(even) { padding-right: 0; }

.profile-wrap {
  display: block;
  width: 100%;
  background-color: #fff;
  border-radius: 4px;
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.profile-image { 
  position: relative;
  height: 240px;
  border-radius: 4px 4px 0 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
}

.profile-text {
  display: flex;
  flex-flow: column;
  flex-wrap: nowrap;
  font-size: 16px;
  padding: 20px;
  min-height: 250px;
  color: #757575;
  background-color: #fff;
  border-radius: 0 0 3px 3px;
}

.profile-name {
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #222222;
  line-height: 1.333333333333;
  margin-bottom: 0.25em;
}

.profile-title { margin-bottom: 1em; }

.profile-tele,
.profile-email,
.profile-mobile { margin-bottom: 0; }

.profile-email { margin-top: 1em; word-break: break-all; }


/* Search */

.search .pagination h2 { display: none; }

.search-post {
  border-bottom: 1px solid #eee;
  margin-bottom: 1.5em;
}

.search .pagination .page-numbers { display: none; }
.search .pagination .page-numbers.next { display: inline-block; }
.search .pagination .page-numbers.prev { display: inline-block; }

.search .entry-title a { text-decoration: none; }

.search .entry-title a:hover,
.search .entry-title a:focus { color: #222; text-decoration: underline; }


/* Footer */

.footer {
  position: relative;
  width: 100%;
  background-color: #F8F8F8;
}

.footer .wrap { padding-top: 40px; padding-bottom: 30px; }

.footer a { text-decoration: none; }
.footer a:hover { color: inherit; text-decoration: underline; }

.foot-col { 
  font-size: 16px;
  line-height: 1.375em;
  color: #707070;
}

.foot-col h4 { margin-bottom: 0.818em; }

.foot-col ul {
  padding: 0;
  list-style: none;
}

.foot-col li { margin-bottom: 0.750em; }

.foot-icon { 
  position: relative;
  display: block;
  margin-bottom: 1em;
  line-height: 1.250em;
  color: #707070;
  padding-left: 32px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: left top;
  transition: all .2s ease-in-out;
}

.foot-icon:hover:before,
.foot-icon:focus:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: .1;
}

.foot-icon-fb { background-image: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18.896191 0h-17.792382c-.60968024 0-1.103809.4941269-1.103809 1.10380487v17.79231533c0 .609603.49412876 1.1038798 1.103809 1.1038798h9.578859v-7.7450683h-2.60642799v-3.01841547h2.60642799v-2.22596901c0-2.58318815 1.577705-3.98980873 3.8821405-3.98980873 1.1038839 0 2.0525752.08212968 2.3290145.11884824v2.69963843l-1.5982375.00074936c-1.2532316 0-1.4959497.59551509-1.4959497 1.46941681v1.9271249h2.9889769l-.3891432 3.01841547h-2.5998337v7.7450683h5.0965552c.6096053 0 1.103809-.4942768 1.103809-1.1038798v-17.79231533c0-.60967797-.4942037-1.10380487-1.103809-1.10380487' fill='%23555' fill-rule='evenodd'/%3E%3C/svg%3E"); }
.foot-icon-tw { background-image: url("data:image/svg+xml,%3Csvg height='18' viewBox='0 0 22 18' width='22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m19.761192 6.06928108c0-.19675237 0-.39261847-.013112-.58759829.883344-.64352206 1.645864-1.44028053 2.25192-2.353052-.823768.3676256-1.697696.6087802-2.59248.71522146.942216-.56810032 1.647536-1.46163968 1.9844-2.51435349-.886072.52954748-1.855304.90266797-2.866248 1.10340856-1.709312-1.83059469-4.568608-1.918956-6.386248-.19737276-1.172248 1.11023286-1.669624 2.76472531-1.305744 4.34335289-3.629208-.18319241-7.01052-1.90965015-9.30248-4.74953132-1.198032 2.07715554-.58608 4.73437607 1.39744 6.06830396-.718344-.02144778-1.420936-.21660486-2.04864-.56898658v.05760767c.000616 2.16392156 1.515096 4.02766282 3.6212 4.45617532-.664488.182572-1.361712.2092488-2.03808.0779919.591272 1.8518652 2.285888 3.1203863 4.21696 3.1569007-1.598344 1.2651531-3.5728 1.9519253-5.6056 1.9497982-.359128-.000709-.717904-.0225999-1.07448-.0655841 2.064128 1.3341051 4.465912 2.0417047 6.91856 2.0384255 8.30192.003545 12.842632-6.9235564 12.842632-12.93070762z' fill='%23555' fill-rule='evenodd' transform='translate(0 -1)'/%3E%3C/svg%3E"); }
.foot-icon-ig { background-image: url("data:image/svg+xml,%3Csvg height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m10.0031552 4.99526239c2.7622937 0 5.0015586 2.23926493 5.0015586 5.00155855 0 2.76233226-2.2392649 5.00159726-5.0015586 5.00159726-2.76229358 0-5.00159717-2.239265-5.00159717-5.00159726 0-2.76229362 2.23930359-5.00155855 5.00159717-5.00155855zm0 8.24821821c1.793059 0 3.2466597-1.4536007 3.2466597-3.24665966 0-1.79305897-1.4536007-3.24662097-3.2466597-3.24662097-1.79305893 0-3.2466596 1.453562-3.2466596 3.24662097 0 1.79305896 1.45360067 3.24665966 3.2466596 3.24665966zm6.4305808-8.60547377c0 .59193572-.479823 1.07176669-1.0717489 1.07176669s-1.0717844-.47983097-1.0717844-1.07176669c0-.59193571.4798585-1.07176669 1.0717844-1.07176669s1.0717489.47983098 1.0717489 1.07176669zm-6.43375585-4.63800683c-2.71581709 0-3.05640073.01151157-4.12296736.06017771-1.0644231.04854707-1.79131909.21760834-2.42743247.46482919-.65754871.25551712-1.21526434.59745038-1.77119369 1.15337973-.55596904.55596905-.89786261 1.11364498-1.15341943 1.77119369-.24722085.63611338-.41624242 1.36300937-.46482918 2.42743247-.04866615 1.06660633-.06013802 1.40711057-.06013802 4.12296736 0 2.71585675.01147187 3.05640075.06013802 4.12300705.04858676 1.0643834.21760833 1.7913191.46482918 2.4273928.25555682.6575487.59745039 1.2152643 1.15341943 1.7711937.55592935.555969 1.11364498.8978626 1.77119369 1.1534591.63611338.2471812 1.36300937.4162424 2.42743247.4648292 1.06656663.0486264 1.40715027.060138 4.12296736.060138 2.71585675 0 3.05636105-.0115116 4.12296735-.060138 1.0644231-.0485868 1.7913191-.217648 2.4274325-.4648292.6575884-.2555965 1.2152643-.5974901 1.7711937-1.1534591.555969-.5559294.8978626-1.1136053 1.1534194-1.7711937.2472209-.6360737.4162821-1.3630094.4648292-2.4273928.0486661-1.0666063.0601777-1.4071503.0601777-4.12300705 0-2.71581709-.0115116-3.05636103-.0601777-4.12296736-.0485471-1.0644231-.2176083-1.79131909-.4648292-2.42743247-.2555568-.65754871-.5974504-1.21522464-1.1534194-1.77119369-.5559294-.55592935-1.1136053-.89786261-1.7711937-1.15337973-.6361134-.24722085-1.3630094-.41628212-2.4274325-.46482919-1.0666063-.04866614-1.4071106-.06017771-4.12296735-.06017771m0 1.80179858c2.67012805 0 2.98637865.01016194 4.04083825.05827236.9749902.04449816 1.5044826.2074067 1.8568557.34435466.4667742.18140644.7999349.39810178 1.1498468.74801376.349912.34995167.5666074.68307264.7480535 1.14984688.1369083.35237307.2998168.88186551.344315 1.85685563.0480707 1.05445964.0582723 1.3707499.0582723 4.04083828 0 2.67012805-.0102016 2.98641835-.0582723 4.04083825-.0444982.9750299-.2074067 1.5045223-.344315 1.8568954-.1814461.4667345-.3981415.7998952-.7480535 1.1498071-.3499119.3499517-.6830726.5666471-1.1498468.7480535-.3523731.1369083-.8818655.2998565-1.8568557.344315-1.0543008.0481104-1.3705117.058312-4.04083825.058312s-2.98653742-.0102016-4.04083828-.058312c-.97499012-.0444585-1.50452226-.2074067-1.85689533-.344315-.46673454-.1814064-.7998952-.3981018-1.14980718-.7480535-.34991198-.3499119-.56664702-.6830726-.74805345-1.1498071-.13690827-.3523731-.29981681-.8818655-.34431497-1.8568557-.04811042-1.0544596-.05827236-1.3707499-.05827236-4.04087795 0-2.67008838.01016194-2.98637864.05827236-4.04083828.04449816-.97499012.2074067-1.50448256.34431497-1.85685563.18140643-.46677424.39814147-.79989521.74805345-1.14980718.34991198-.34995168.68307264-.56664702 1.14980718-.74805346.35237307-.13694796.88190521-.2998565 1.85685564-.34435466 1.05449933-.04811042 1.3707499-.05827236 4.04087797-.05827236' fill='%23555' fill-rule='evenodd'/%3E%3C/svg%3E"); }

.foot-icon-tw:before { height: 18px; width: 22px; background-size: 22px 18px; }

.foot-logo-wrap {
  width: 100%;
  display: flex; 
  justify-content: center;
  margin-bottom: 20px;
}

.foot-logo {
  float: left;
  text-align: left;
  width: auto;
  padding: 20px 40px;
} 

.foot-logo p { 
  display: block;
  font-size: 14px;
  color: #999999;
  margin-bottom: 1.143em;
}

.foot-logo img { 
  width: auto;
  max-width: 100%;
  max-height: 58px;
}

.foot-logo-partners a { margin-right: 30px; } 

.foot-copy {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #999999;
  text-align: center;
}

.foot-copy p { padding: 20px; margin-bottom: 0; }


/* Buttons */

.button,
.page-numbers {
  display: inline-block;
  position: relative;
  font-size: 18px;
  line-height: 1em;
  color: #fff;
  text-align: center;
  cursor: pointer;
  vertical-align: baseline;
  padding: 0.666667em 1.333333em;
  border-radius: 1.389em;
  background-color: #266EB1;
}

.page-numbers:hover,
.page-numbers:hover,
.button:hover,
.button:focus {
  text-decoration: none;
  background-color: #3683CA;
}



/* 5. HELPERS
----------------- */

.wrap:after,
.row:after,
.group:after,
.banner:after {
  content: "";
  display: table;
  clear: both;
}

.align-vert,
.align-horiz,
.align-center { display: flex; }

.align-vert { align-items: center; }
.align-horiz { justify-content: center;; }

.align-center { 
  align-items: center;
  justify-content: center;
}



/* 6. WORDPRESS
----------------- */

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  margin-bottom: 1.5em;
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9 { padding-bottom: 56.25%; }



/* 7. MEDIA QUERIES
------------------------------------ */

@media (max-width: 1440px) {
  
  /* insert coin... */

}

@media (max-width: 1200px) {
  
  .nav li a,
  .nav-sub li .inner,
  .nav-sub li .nav-head { font-size: 17px; padding: 20px 17px; }
  
  .news-text h5 { font-size: 17px; }
  
  .pub-text h5 { font-size: 17px; }
  
  .map-container iframe { height: 420px; }
  
}

@media (max-width: 1100px) {
  
  .nav li a,
  .nav-sub li .inner,
  .nav-sub li .nav-head { font-size: 17px; padding: 20px 13px; }
  
  .news-image { height: 160px; }
  .news-text { min-height: 160px; }
  .news-text h5 { font-size: 16px; }
  
  .pub-image { height: 240px; }
  .pub-text { min-height: 240px; }
  .pub-text h5 { font-size: 16px; }
  
  .map-container iframe { height: 400px; }

}

@media (min-width: 1001px) { 
  
  .head-icon-menu { display: none; }
  .nav { display: block !important; }
  
}

@media (max-width: 1000px) {
  
  h1, .h1 { font-size: 34px; }
  h2, .h2 { font-size: 28px; }
  h3, .h3 { font-size: 24px; }
  h4, .h4 { font-size: 20px; }
  h5, .h5 { font-size: 18px; }
  h6, .h6 { font-size: 16px; }
  
  .col-1-3,
  .col-2-3,
  .col-1-4,
  .col-2-4 { padding: 15px; }
  
  .col-1-4 { width: 50%; }
  .col-4-4 { padding: 15px; }
  
  .wrap { padding: 0 15px; }
  
  .head-logo { padding: 15px; }
  .head-logo a { margin: 0; }
  .head-logo img { max-width: 117px; height: 50px; }
  
  .head-icons { padding: 15px; }
  .head-icon { margin: 4px 15px 0px; font-size: 15px; background-size: 20px 20px; padding-top: 28px; }
  .head-icon-menu { display: block; margin-right: 0; }
  
  .navbar { height: 1px; background-color: #e8e8e8; }
  
  .nav { 
    position: absolute;
    width: 100%;
    padding: 0;
    top: 0;
    left: 0;
    display: none;
    z-index: 9999;
    background-color: #F8F8F8;
  }
  
  .nav li { float: none; }
  .nav li a { font-size: 16px; padding: 17px 30px 16px; border-bottom: 1px solid #eee; }
  
  .search-bar { margin-top: -70px; }
  .search-wrap { padding: 0 15px; }
  
  .search-field { margin: 17px 2% 16px 0; padding: 7px 15px 7px 44px; font-size: 16px; }
  .search-icon { background-position: 8px center; background-size: 20px 20px; }
  .search-button { margin: 17px 0 16px 0; }
  
  .content .wrap { padding-top: 15px; padding-bottom: 15px; }
  
  .banner { height: 440px; }
  
  .banner-link { padding: 15px; }
  .banner-text { font-size: 17px; padding: 15px; }
  .banner-text h1 { font-size: 28px; }
  
  .featured { margin-bottom: 15px; }
  
  .feat-card { height: 280px; }
  .feat-link { padding: 15px; }
  .feat-text { font-size: 16px; padding: 15px; }
  .feat-text h3 { font-size: 22px; }
  
  .news { margin-bottom: 30px; }
  
  .news-image { height: 180px; }
  .news-text { font-size: 17px; padding: 15px; min-height: 180px; }
  .news-text h5 { font-size: 17px; }
  .news-text span { font-size: 15px; }
  
  .content { font-size: 17px; }
  .content-main { font-size: 17px; }
  
  .pub-image { height: 220px; }
  .pub-text { font-size: 17px; padding: 15px; min-height: 220px; }
  .pub-text h5 { font-size: 17px; }
  .pub-text span { font-size: 15px; }
  
  .profiles-head { padding-left: 0; padding-right: 0; }
  .profile-image { height: 220px; }
  .profile-text { font-size: 15px; padding: 15px; min-height: 230px; }
  .profile-name { font-size: 17px; }
  
  .nav-sub li a,
  .nav-sub li .inner,
  .nav-sub li .nav-head { font-size: 16px; padding: 17px 15px 16px; }
  
  .nav-sub li a:before { padding-right: 10px; }
  
  .map-container iframe { height: 380px; }
  
  .footer .wrap { padding-top: 30px; padding-bottom: 20px; }
  
  .foot-col-wrap { display: flex; flex-wrap: wrap; }
  .foot-col { font-size: 16px; }
  .foot-col li { margin-bottom: 0.500em; }
  
  .foot-icon { margin-bottom: 0.750em; }
  
  .footer p,
  .footer ul { margin: 0 0 1em 0; }
  
  .foot-logo { padding: 15px 30px; } 
  .foot-logo img { max-height: 52px; margin-bottom: 1em; }
  .foot-logo img + img { margin-left: 30px; }
  .foot-copy p { padding: 15px; margin-bottom: 0; }
  
  .button,
  .page-numbers { font-size: 16px; padding: 0.625em 1.250em; }
  
}

@media (max-width: 860px) {
 
  .nav-sub li a,
  .nav-sub li .inner,
  .nav-sub li .nav-head { font-size: 15px; padding: 16px 15px 15px; }
  
  .banner { height: 380px; }
  .banner-text h1 { font-size: 24px; }
  
  .content { font-size: 16px; }
  .content-main { font-size: 16px; }
  
  .profile-image { height: 220px; }
  .profile-text { font-size: 13px; min-height: 230px; }
  .profile-name { font-size: 15px; }
  
  .map-container iframe { height: 320px; }
  
}

@media (max-width: 720px) {
  
  h1, .h1 { font-size: 30px; }
  h2, .h2 { font-size: 24px; }
  h3, .h3 { font-size: 22px; }
  h4, .h4 { font-size: 18px; }
  h5, .h5 { font-size: 16px; }
  h6, .h6 { font-size: 15px; }
  
  .col-1-3,
  .col-2-3,
  .col-1-4,
  .col-2-4 { padding: 10px; }
  .col-4-4 { padding: 10px; }
  
  .wrap { padding: 0 10px; }
  
  .head-logo { padding: 10px; }
  .head-logo img { max-width: 93px; height: 40px; }
  
  .head-icons { padding: 10px; }
  
  .head-icon { width: 20px; height: 20px; margin: 10px 10px; background-size: 20px 20px; padding-top: 0;}
  .head-icon span { display: none; }
  .head-icon-lang { display: none; }
  .head-icon-menu { margin-right: 0; }
  
  .nav li a { font-size: 15px; padding: 15px 20px 14px; border-bottom: 1px solid #eee; }
  .nav .nav-hide { display: block; }
  
  .search-bar { margin-top: -60px; }
  .search-wrap { padding: 0 10px; }
  
  .search-field { margin: 15px 2% 14px 0; padding: 5px 10px 4px 36px; font-size: 15px; }
  .search-button { margin: 15px 0 14px 0; max-height: 30px; }
  
  .content .wrap { padding-top: 10px; padding-bottom: 10px; }
  
  .profiles-head { padding-left: 0; padding-right: 0; }
  .profile-image { height: 220px; }
  .profile-text { font-size: 14px; min-height: 230px; }
  .profile-name { font-size: 16px; }
  
  .banner { height: 320px; }
  
  .banner-link { padding: 10px; }
  .banner-text { font-size: 16px; padding: 10px; }
  .banner-text h1 { font-size: 24px; }
  
  .featured { margin-bottom: 10px; }

  .feat-card { height: 240px; }
  .feat-link { padding: 10px; }
  .feat-text { font-size: 15px; padding: 10px; }
  .feat-text h3 { font-size: 20px; }
  
  .news { margin-bottom: 20px; }
  
  .news-image { height: 140px; }
  .news-text { font-size: 16px; padding: 10px; min-height: 140px; }
  .news-text h5 { font-size: 16px; }
  .news-text span { font-size: 14px; }
  
  .content-main { width: 100%; float: none; margin-bottom: 0px; }
  .content-side { width: 100%; float: none; }
  
  .nav-sub li a,
  .nav-sub li .inner,
  .nav-sub li .nav-head { font-size: 15px; padding: 16px 15px 15px; }
  
  .nav-sub li a:before { padding-right: 10px; }
  
  .map-container iframe { height: 440px; }
  
  .pub-head { width: 100%; }
  .pub-image { height: 200px; }
  .pub-text { font-size: 16px; padding: 10px; min-height: 200px; }
  .pub-text h5 { font-size: 16px; }
  .pub-text span { font-size: 14px; }
  
  .search .content-main { padding-bottom: 2em; }
  
  .footer .wrap { padding-top: 20px; padding-bottom: 20px; }
  .foot-col { font-size: 15px; }
  .foot-icon { background-size: 18px 18px; padding-left: 28px; }
  
  .foot-logo-wrap { display: block; }

  .foot-logo { padding: 10px 20px; } 
  .foot-logo:first-child { padding-left: 10px; } 
  
  .foot-logo p { font-size: 13px; }
  .foot-logo img { max-height: 42px; }
  .foot-logo img + img { margin-left: 20px; }
  
  .foot-copy { text-align: left; font-size: 13px; }
  .foot-copy p { padding: 10px; margin-bottom: 0; }
  
  .button,
  .page-numbers { font-size: 15px; padding: 0.533333em 1.200em; }
   
}

@media (max-width: 560px) { 
 
  .map-container iframe { height: 420px; }
 
  .profile-image { height: 220px; }
  .profile-text { font-size: 13px; min-height: 230px; }
  .profile-name { font-size: 15px; }
  
  .foot-logo { padding: 10px; } 
  .foot-logo img { max-height: 36px; }
  .foot-logo img + img { margin-left: 10px; }

  .foot-copy p { padding: 10px; margin-bottom: 0; }
  
}

@media (max-width: 480px) { 

  h1, .h1 { font-size: 26px; }
  h2, .h2 { font-size: 22px; }
  h3, .h3 { font-size: 20px; }
  h4, .h4 { font-size: 17px; }
  h5, .h5 { font-size: 15px; }
  h6, .h6 { font-size: 14px; }

  .col-1-3,
  .col-2-3,
  .col-1-4,
  .col-2-4,
  .col-4-4 { width: 100%; float: none; }
  
  .head-icon { width: 18px; height: 18px; margin: 11px 8px; background-size: 18px 18px; }
  .head-icon-menu { margin-right: 0; }
  
  .search-field { width: 77%; margin-right: 3% }
  .search-button { width: 20%; }
  
  .banner { height: 300px; }
  .banner-text h1 { font-size: 20px; }
  
  .feat-card { height: 200px; }
  .feat-text { font-size: 14px; }
  .feat-text h3 { font-size: 18px; }
  
  .news-image { height: 130px; }
  .news-text { font-size: 14px; min-height: 130px; }
  
  .content { font-size: 15px; }
  .content-main { font-size: 15px; }
  
  .pub-image { height: 180px; }
  .pub-text { font-size: 14px; min-height: 180px; }
  .pub-text h5 { margin-bottom: 1em; }
  
  .profiles-head { padding-left: 0; padding-right: 0; }
  .profile-card:nth-child(odd) { padding-left: 0; padding-right: 0; }
  .profile-card:nth-child(even) { padding-left: 0; padding-right: 0; }
  
  .profile-image { height: 220px; }
  .profile-text { font-size: 14px; min-height: 230px; }
  .profile-name { font-size: 16px; }
  
  .nav-sub li a,
  .nav-sub li .inner,
  .nav-sub li .nav-head { font-size: 14px; padding: 13px 15px 13px; }
  
  .nav-sub li a:before { padding-right: 10px; }
  
  .map-container iframe { height: 400px; }
  
  .footer p,
  .footer ul { margin: 0 0 0.750em 0; }

  .foot-logo { float: none; width: 100%; } 
  .foot-logo p { font-size: 14px; }
  .foot-logo img { max-height: 42px; }
  .foot-logo img + img { margin-left: 20px; }
  
  .foot-copy { font-size: 14px; }
  .foot-copy p { padding: 10px; margin-bottom: 0; }
  
  .button,
  .page-numbers { font-size: 14px; padding: 0.571em 1.333em 0.667em; }

}

@media (max-width: 360px) { 

  h1, .h1 { font-size: 22px; }
  h2, .h2 { font-size: 20px; }
  h3, .h3 { font-size: 18px; }
  h4, .h4 { font-size: 16px; }
  h5, .h5 { font-size: 14px; }
  h6, .h6 { font-size: 13px; }

  .head-logo { padding: 13px 10px; }
  .head-logo img { max-width: 79px; height: 34px; }
  
  .head-icon { width: 18px; height: 18px; margin: 11px 6px; background-size: 18px 18px; }
  .head-icon-menu { margin-right: 0; }
  
  .nav li a { font-size: 14px; line-height: 1.25em; padding: 13px 20px 13px; }

  .search-field { width: 72%; margin-right: 4% }
  .search-button { width: 24%; }

  .banner { height: 280px; }
  .banner-text h1 { font-size: 18px; }
  
  .feat-card { height: 180px; }
  .feat-text h3 { font-size: 16px; }

  .news-image { height: 120px; }
  .news-text { font-size: 14px; min-height: 120px; }
  .news-text h5 { font-size: 15px; }
  
  .content { font-size: 14px; }
  .content-main { font-size: 14px; }
  
  .pub-image { height: 160px; }
  .pub-text { font-size: 14px; min-height: 160px; }
  .pub-text h5 { font-size: 15px; }

  .profile-text { font-size: 13px; }
  .profile-name { font-size: 15px; }
  
  .nav-sub li a,
  .nav-sub li .inner,
  .nav-sub li .nav-head { font-size: 14px; padding: 13px 15px 13px; }
  
  .map-container iframe { height: 360px; }
  
  .foot-col { font-size: 14px; }
  .foot-icon { background-size: 16px 16px; padding-left: 26px; }
  
  .button,
  .page-numbers { font-size: 13px; padding: 0.538em 1.231em; }
  
}

@media (max-width: 300px) { 
  
  .head-logo { padding: 16px 10px; }
  .head-logo img { max-width: 65px; height: 28px; }
    
}



/* 8. PRINT STYLES
------------------------------------ */

@media print {
  
  * { background: transparent !important; }
  
  #header { position: relative; }
  
  a, a:visited { text-decoration: none; }
    
  pre, blockquote { 
    border: 1px solid #999; 
    page-break-inside: avoid; 
  }

  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }

  img { max-width: 100% !important; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
    
}