:root { --home-color: #f37221; --refugees-color: #5A7751; --local-color: #cc950a; --research-color: #9d3c00; --theme-sub-color: #eae7e1; --menu-mobile-bg: #eae7e1; --menu-mobile-border-color: #fff; }
html { overflow-x: hidden; scroll-behavior: smooth; font-size: 16px }
body { margin: 0; padding: 0; color: #333; background-color: #FFF; font-size: 15px; line-height: 1.4; font-weight: 400; font-family: 'Roboto', sans-serif; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto', sans-serif; font-weight: 500; margin-top: 0; color: inherit; line-height: 1.325; }
h5, .h5 { font-size: 14px; font-family: inherit; font-weight: 500; line-height: 1.1; }
a { display: inline-block; color: #337ab7; }
a:hover, a:focus { text-decoration: underline; }
p:last-child { margin-bottom: 0; }
img { max-width: 100%; height: auto; }
iframe { max-width: 100%; }
.float-left { float: left; }

/**/
.btn { border-radius: unset; background-color: var(--theme-sub-color); border-color: var(--theme-sub-color); font-size: inherit; }
.btn:hover, .btn:focus { text-decoration: underline; }
.btn-white { background-color: white; }
.theme-btn { color: white; background-color: var(--theme-sub-color); padding: 5px 15px; text-transform: uppercase; }
.left-arrow-right { font-weight: bold; }
.left-arrow-right:before { content: ""; width: 0; height: 0; display: inline-block; border-style: solid; border-width: 8px 0px 8px 14px; border-color: transparent transparent rgba(255, 0, 0, 0) #ccc; transform: translateY(2px); margin-right: 8px; }
ul.language-switcher-links { list-style: none; padding-left: 0; margin: 0; display: flex; margin-right: 10px; }
ul.language-switcher-links > li:not(:first-child):before { content: '|'; }
ul.language-switcher-links a { padding: 5px 10px; }
ul.language-switcher-links a.is-active { color: inherit; }

/* Reset  NavTabs */
.block-local-tasks-block { margin: 0; }
.page-node-type-page .region-content  > #block-refugeeobservatory-local-tasks, .page-node-type-post .region-content  > #block-refugeeobservatory-local-tasks { margin-bottom: 0; }
.page-node-type-page nav.tabs, .page-node-type-post nav.tabs { position: fixed; left: 0; bottom: 0; z-index: 2; margin-bottom: 0; }
.page-node-type-page nav.tabs .tabs-wrapper, .page-node-type-post nav.tabs .tabs-wrapper { margin: 0; }
.page-node-type-page nav.tabs .nav-tabs, .page-node-type-post nav.tabs .nav-tabs { font-size: 1.25rem; }
.page-node-type-page nav.tabs .nav-tabs .nav-item, .page-node-type-post nav.tabs .nav-tabs .nav-item { line-height: 1.4; margin-right: 0.3125rem; padding: 0; border: none; }
.page-node-type-page nav.tabs .nav-tabs li a, .page-node-type-post nav.tabs .nav-tabs li a { font-size: 1rem; padding: 0.25rem 0.938rem; color: #333; background: #f1f1f1; border-radius: 0; border: none; text-decoration: none }
.page-node-type-page nav.tabs .nav-tabs li.active>a, .page-node-type-post nav.tabs .nav-tabs li.active>a { background: #1f7edf; border: none; color: #fff }
.page-node-type-page nav.tabs .nav-tabs li:hover>a, .page-node-type-post nav.tabs .nav-tabs li:hover>a { background: #201547; border: none; color: #fff }
.container { max-width: 1170px !important; }

/**/
.header { margin-bottom: 30px; background: transparent url("../images/sea.jpg") no-repeat center center scroll; background-size: cover; }
.header .site-logo img { height: 100px; }
.site-branding { padding: 10px; }
.site-branding > div { justify-content: space-between; flex-wrap: nowrap; }
.header .navbar { padding-top: 0; padding-bottom: 0; }
.header .navbar.navbar-fixed { position: fixed; width: 100%; z-index: 99; }
.header .navbar .region-nav-main { width: 100%; }
.header .navbar .navbar-nav { position: relative; padding: 1px 1px 0 1px; gap: 3px; width: 100%; background-color: white; }
.header .navbar .navbar-nav .dropdown-toggle:after { content: none; }
.header .navbar .navbar-nav .ex_menu { display: none; }
.header .navbar .navbar-nav .nav-item { position: static; flex: auto; text-align: center; text-transform: uppercase; font-size: 13px; font-weight: 500; }
.header .navbar .navbar-nav > .nav-item:not(:first-child) > .nav-item { padding-left: 15px; padding-right: 15px; }
.header .navbar .navbar-nav > .nav-item .dropdown-menu > .nav-item { min-width: 100px; }
.header .navbar .navbar-nav > .nav-item .dropdown-menu > .nav-item:hover .nav-link, .header .navbar .navbar-nav > .nav-item .dropdown-menu > .nav-item:focus .nav-link { text-decoration: underline; }
.header .navbar .navbar-nav > .nav-item:first-child { flex: 0; }
.header .navbar .navbar-nav > .nav-item:first-child > .nav-link { min-width: 32px; display: flex; justify-content: center; align-content: center; font-size: 0; }
.header .navbar .navbar-nav > .nav-item:first-child > .nav-link:before { content: ''; background: url("../images/home-black.png") no-repeat center center scroll; background-size: 20px 20px; width: 20px; height: 20px; }
.home-section.header .navbar .navbar-nav > .nav-item:first-child > .nav-link:before { background: url("../images/homew.png") no-repeat center center scroll; background-size: 20px 20px; }
.header .navbar .navbar-nav > .nav-item.show .dropdown-menu, .home-section.header .navbar .navbar-nav > .nav-item:first-child .dropdown-menu, .refugees-section.header .navbar .navbar-nav > .nav-item:nth-child(2) .dropdown-menu, .local-section.header .navbar .navbar-nav > .nav-item:nth-child(3) .dropdown-menu, .research-section.header .navbar .navbar-nav > .nav-item:nth-child(4) .dropdown-menu, .header .navbar .navbar-nav > .nav-item:hover .dropdown-menu, .header .navbar .navbar-nav > .nav-item:focus .dropdown-menu, .header .navbar .navbar-nav > .nav-item .dropdown-menu { display: flex; flex-wrap: wrap; gap: 3px; width: calc(100% - 2px); margin: 0 1px 1px; padding-top: 3px; padding-bottom: 0; border: none; border-radius: unset; }
.home-section.header .navbar .navbar-nav > .nav-item:first-child .nav-link

/*.header .navbar .navbar-nav > .nav-item:first-child:hover .nav-link,
.header .navbar .navbar-nav > .nav-item:first-child:focus .nav-link,*/

/*.header .navbar .navbar-nav > .nav-item:first-child .dropdown-menu .nav-link*/ { background-color: var(--home-color); color: white; }
.refugees-section.header .navbar .navbar-nav > .nav-item:nth-child(2) .nav-link, .header .navbar .navbar-nav > .nav-item.active:nth-child(2) .nav-link,

/*.header .navbar .navbar-nav > .nav-item:nth-child(2):hover .nav-link,
.header .navbar .navbar-nav > .nav-item:nth-child(2):focus .nav-link,*/
.header .navbar .navbar-nav > .nav-item:nth-child(2) .dropdown-menu .nav-link { background-color: var(--refugees-color); color: white; }
.local-section.header .navbar .navbar-nav > .nav-item:nth-child(3) .nav-link, .header .navbar .navbar-nav > .nav-item.active:nth-child(3) .nav-link

/*.header .navbar .navbar-nav > .nav-item:nth-child(3):hover .nav-link,
.header .navbar .navbar-nav > .nav-item:nth-child(3):focus .nav-link,*/

/*.header .navbar .navbar-nav > .nav-item:nth-child(3) .dropdown-menu .nav-link*/ { background-color: var(--local-color); color: white; }
.research-section.header .navbar .navbar-nav > .nav-item:nth-child(4) .nav-link, .header .navbar .navbar-nav > .nav-item.active:nth-child(4) .nav-link

/*.header .navbar .navbar-nav > .nav-item:nth-child(4):hover .nav-link,
.header .navbar .navbar-nav > .nav-item:nth-child(4):focus .nav-link,*/

/*.header .navbar .navbar-nav > .nav-item:nth-child(4) .dropdown-menu .nav-link*/ { background-color: var(--research-color); color: white; }
.header .navbar .navbar-nav .dropdown-menu { z-index: 100; }
.header .navbar .navbar-nav > .nav-item.active .dropdown-menu { z-index: 100; }
.home-section.header .navbar .navbar-nav > .nav-item:first-child .dropdown-menu, .refugees-section.header .navbar .navbar-nav > .nav-item:nth-child(2) .dropdown-menu, .local-section.header .navbar .navbar-nav > .nav-item:nth-child(3) .dropdown-menu, .research-section.header .navbar .navbar-nav > .nav-item:nth-child(4) .dropdown-menu { z-index: 101; }
.header .navbar .navbar-nav > .nav-item.show .dropdown-menu { z-index: 102; }

/*.header .navbar .navbar-nav > .nav-item:hover .dropdown-menu,*/

/*.header .navbar .navbar-nav > .nav-item:focus .dropdown-menu { z-index: 102; }*/
.header .navbar .navbar-nav .nav-item a { padding: 5px; background: var(--theme-sub-color); color: inherit; height: 100%; }
.header-top-wrapper { padding-bottom: 5px; padding-top: 5px; background: black; color: white; }
.header-top-wrapper a { color: inherit; }
.header-top-wrapper .header-top-left { height: 100%; display: flex; justify-content: center; flex-direction: column; }
.header-top-wrapper .header-top-right > .region-header-top-right { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; }
.header-top-wrapper .header-top-right .navbar-nav { display: flex; flex-direction: row; flex-wrap: wrap; }
.header-top-wrapper .header-top-right .navbar-nav .nav-link { padding-top: 5px; padding-bottom: 5px; }
.navbar .navbar-nav .nav-item .nav-link:hover, .navbar .navbar-nav .nav-item .nav-link:focus { text-decoration: underline; }

/*language switcher*/
#block-languageswitcherinterfacetext .links { margin-bottom: 0; padding-left: 0; display: flex; align-items: center; list-style: none; }
#block-languageswitcherinterfacetext .links a.is-active { color: inherit; }
#block-languageswitcherinterfacetext .links li:not(:first-child):before { content: '|'; margin-left: 10px; margin-right: 10px; color: inherit; }

/*menu mobile*/
html.menu_open { overflow: hidden; }
.menu_overlay { background-color: #000; content: ""; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; width: 100%; z-index: -99; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
html.menu_open .menu_overlay { opacity: 0.5; z-index: 999; }
#menu_mobile { background-color: var(--menu-mobile-bg); height: 100%; left: -100%; position: fixed; top: 0; width: 300px; z-index: 999999; overflow: hidden; }
#menu_mobile .menu_header { position: relative; }
#menu_mobile a { color: inherit; }
#menu_mobile .navbar-nav .dropdown-toggle:after { content: none; }
#menu_mobile .menu_title { padding: 0 10px; line-height: 35px; text-transform: uppercase; font-weight: normal; font-size: 16px; border-bottom: solid 1px var(--menu-mobile-border-color); }
#menu_mobile .menu_title .ex_menu { display: none; }
#menu_mobile .menu_title .backmenu { cursor: pointer; }
#menu_mobile .menu_close { position: absolute; right: 0; top: 0; width: 40px; height: 100%; text-align: center; line-height: 35px; border-left: solid 1px var(--menu-mobile-border-color); font-size: 20px; cursor: pointer; }
#menu_mobile>.menu_inner { position: relative; }
#menu_mobile>.menu_inner>.dropdown-menu, #menu_mobile>.menu_inner>ul { padding: 0; margin: 0; display: block; position: relative; box-shadow: none; background-color: transparent; border: none; width: 100%; }
#menu_mobile ul li { float: none; display: block; }
#menu_mobile ul li a { display: block; border-bottom: 1px solid var(--menu-mobile-border-color); color: inherit; padding: 10px 40px 10px 10px; position: relative; text-shadow: none; text-transform: uppercase; font-weight: 500; font-size: 16px; white-space: break-spaces }
#menu_mobile .navbar-nav > .nav-item.show > .dropdown-menu { display: none; }
#menu_mobile .navbar-nav > .nav-item:first-child:hover > a, #menu_mobile .navbar-nav > .nav-item:first-child:focus > a, #menu_mobile .navbar-nav > .nav-item.active:first-child > a { background-color: var(--home-color); color: white; }
#menu_mobile .navbar-nav > .nav-item:nth-child(2):hover > a, #menu_mobile .navbar-nav > .nav-item:nth-child(2):focus > a, #menu_mobile .navbar-nav > .nav-item.active:nth-child(2) > a { background-color: var(--refugees-color); color: white; }
#menu_mobile .navbar-nav > .nav-item:nth-child(3):hover > a, #menu_mobile .navbar-nav > .nav-item:nth-child(3):focus > a, #menu_mobile .navbar-nav > .nav-item.active:nth-child(3) > a { background-color: var(--local-color); color: white; }
#menu_mobile .navbar-nav > .nav-item:nth-child(4):hover > a, #menu_mobile .navbar-nav > .nav-item:nth-child(4):focus > a, #menu_mobile .navbar-nav > .nav-item.active:nth-child(4) > a { background-color: var(--research-color); color: white; }
#menu_mobile ul li a .ex_menu { display: inline-block; height: 100%; line-height: 40px; position: absolute; right: 0; text-align: center; top: 0; width: 40px; font-size: 16px; z-index: 9; border-left: solid 1px var(--menu-mobile-border-color); }
.page-title { margin-bottom: 20px; padding-bottom: 10px; font-size: 25px; color: black; border-bottom: 1px dotted #a0a0a0; font-weight: 500; }
.page-node-type-page #block-pagetitle, .page-node-type-page .page-title { margin-bottom: 0; }

/*region*/
.region-sidebar-first, .region-sidebar-second, .region-footer, .region-content { padding: 0; }
.region-content  > .block-views { margin-bottom: 50px; }
#block-pagetitle { margin-bottom: 30px; }
.region-sidebar-first > .block, .region-sidebar-second > .block { margin-bottom: 20px; }
.content-three-col { margin-bottom: 30px; }
.content-three-col > .region { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; grid-auto-rows: 1fr; }
.content-three-col > .region > .block, .content-three-col > .region > .block > div { height: 100%; }
.region-sidebar-first .aside-hide, .region-sidebar-second .aside-hide { display: none; }

/*form*/
form.form-style-default input[type="checkbox"], form.form-style-default input[type="radio"] { box-sizing: border-box; padding: 0; }
form.form-style-default input[type="checkbox"], form.form-style-default input[type="radio"] { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; }
form.form-style-default input[type="checkbox"] + label, form.form-style-default input[type="radio"] + label { position: relative; margin-left: 18px !important; margin-bottom: 10px !important; vertical-align: top; }
form.form-style-default input[type="checkbox"]:checked ~ input[type="checkbox"] + label:before { color: #fff; border-color: #fff; background-color: #fff; }
form.form-style-default input[type="checkbox"] + label:before { position: absolute; top: 2px; left: -18px; display: block; width: 13px; height: 13px; pointer-events: none; content: ""; border: 1px solid #707070; box-sizing: border-box; }
form.form-style-default input[type="checkbox"] + label:after { position: absolute; top: 2px; left: -18px; display: block; width: 13px; height: 13px; content: ""; }
form.form-style-default input[type="checkbox"]:checked ~ label:after { content: ""; left: -18px; top: 2px; width: 13px; height: 13px; background-color: #707070; }
form.form-style-default input[type="radio"]:checked ~ input[type="checkbox"] + label:before { color: #fff; border-color: #fff; background-color: #fff; }
form.form-style-default input[type="radio"] + label:before { border-radius: 999px; position: absolute; top: 2px; left: -18px; display: block; width: 13px; height: 13px; pointer-events: none; content: ""; border: 1px solid #707070; box-sizing: border-box; }
form.form-style-default input[type="radio"] + label:after { content: ""; position: absolute; top: 2px; left: -18px; width: 13px; height: 13px; /*display: flex; align-items: center; justify-content: center;*/ }
form.form-style-default input[type="radio"]:checked ~ label:after { content: ""; color: #7CA833; background-color: #7CA833; width: 13px; height: 13px; left: -18px; top: 2px; border-radius: 16px; }
form.form-style-default input[type="radio"]:checked ~ label:before { border: 1px solid #707070; }
input[type="checkbox"] { display: inline-block; width: auto; }
.form-item:first-child { margin-top: 0; }
form.form-style-default .form-control:not(.form-checkbox) { width: 100%; border: 1px solid #CCC; border-radius: 0; }
form.form-style-default .form-item:not(.form-type-checkbox)  label { text-transform: uppercase; }
form.form-style-default .form-submit { color: white; background-color: #736f6d; border-color: #ccc; border-radius: 0px; }
form.form-style-default .form-submit:hover, form.form-style-default .form-submit:focus { font-weight: bold; background-color: #736f6d; text-decoration: none; }
form.follow-form .form-submit { background-color: #726e6d; border-color: #726e6d; }
form .webform-flexbox { margin: 0; }
form .webform-flexbox > div > div { margin: 0; }
form .webform-flexbox .form-actions { margin: 0; }
footer form .webform-flexbox { flex-direction: column; align-items: flex-start; }
main .grey-box { padding: 20px; background: var(--theme-sub-color); }

/*block*/
.page-node-type-post #block-pagetitle { display: none; }
.block-refugeeobservatory-local-tasks { margin: 0; }
main .block-menu > h5 { background: #ccc; padding: 8px 20px; color: white; text-transform: uppercase; font-size: 16px; margin: 0; }
main .block-menu > .nav { padding: 10px 20px; background: var(--theme-sub-color); }
main .block-menu > .nav .nav-item:not(:first-child) { border-top: 1px solid white; }
main .block-menu > .nav .nav-item .nav-link { padding-left: 0; padding-right: 0; color: black; }

/*block seach top*/
#block-refugeeobservatory-search-form  #search-block-form { position: relative; }
#block-refugeeobservatory-search-form  #search-block-form .form-type-search .form-search { padding-right: 50px; display: block; width: auto; height: auto; border: 0px solid white; max-height: 34px; border-radius: 0; }
#block-refugeeobservatory-search-form  #search-block-form .form-actions { position: absolute; top: 0; right: 0; max-width: 40px; height: 100%; }
#block-refugeeobservatory-search-form  #search-block-form .form-actions:before { content: '\f002'; font-family: 'Font Awesome 5 Free'; font-size: 16px; font-weight: 900; position: absolute; top: 0; right: 0; width: 40px; height: 100%; color: var(--theme-sub-color); display: flex; justify-content: center; align-items: center; }
#block-refugeeobservatory-search-form  #search-block-form .form-actions:hover:before, #block-refugeeobservatory-search-form  #search-block-form .form-actions:focus:before { background-color: #286090; }
#block-refugeeobservatory-search-form  #search-block-form .form-actions .form-submit { padding: 0; display: inline-block; width: 40px; height: 100%; opacity: 0; }
#search-form #edit-basic { display: flex; align-items: center; width: 100%; margin-bottom: 10px; position: relative; }
#search-form #edit-basic .form-item-keys { width: 100%; }
#search-form #edit-basic .form-item-keys input { border-radius: 0.25rem 0 0 0.25rem; }
#search-form #edit-basic .form-item-keys label { display: none; }
#search-form #edit-basic:after { content: '\f002'; font-family: 'Font Awesome 5 Free'; font-size: 16px; font-weight: 900; width: 40px; height: 100%; color: #fff; display: flex; justify-content: center; align-items: center; position: absolute; right: 0; background-color: var(--home-color); border-radius: 0 0.25rem 0.25rem 0; }
#search-form #edit-basic #edit-submit { width: 40px; margin: 0; opacity: 0; position: relative; z-index: 1; }
#search-form #edit-advanced summary { padding: 10px 15px; font-size: 16px; color: #333; background-color: #f5f5f5; border-color: #ddd; }
#search-form #edit-advanced .details-wrapper { padding: 15px; }

/**/
.item-list .search-results { list-style: decimal; padding-left: 0; }
.item-list .search-results .search-result__title { font-size: 20px; }

/*slick slide*/
.slick-dots { list-style: none; padding-left: 0; margin-bottom: 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px; }
.slick-dots > li.slick-active { width: 12px; }
.slick-dots > li > button { font-size: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block; width: 10px; height: 10px; border: none; border-radius: 10px; background-color: transparent; border: 1px solid #9E9E9E; padding: 0; }
.slick-dots > li.slick-active > button { background-color: #9E9E9E; width: 12px; height: 12px; }

/*gmap*/
.gmap-iframe-wrap { position: relative; padding-bottom: 56.25%; }
.gmap-iframe-wrap iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; }

/**/
article.post-full { margin-bottom: 30px; }

/**/
.block-views > h2, .block-webform > h2 { background: #ccc; padding: 15px 30px 5px 20px; color: white; text-transform: uppercase; font-size: 14px; font-weight: 900; }
.block-views:not(.views-exposed-form) > h2, .block-webform > h2 { display: inline-block; min-width: 120px; clip-path: polygon(12px 0%, 100% 7px, calc(100% - 15px) 100%, 0 100%); }
.block-views.views-exposed-form > h2 { margin-bottom: 0; padding: 20px; }
.block-views.views-exposed-form .fieldgroup { margin-bottom: 30px; }
.block-views.views-exposed-form .fieldgroup  > .fieldset-wrapper { margin-top: 20px; }
.block-views.views-exposed-form form { padding: 20px; background-color: var(--theme-sub-color); }
.block-views.views-exposed-form form .form-item { float: unset; margin-right: 0; }
.block-views.views-exposed-form form .form-item label, .block-views.views-exposed-form form .form-item legend { font-size: 13px; }
.block-views.views-exposed-form form .form-item .form-control.form-text { width: 100%; }
.block-views.views-exposed-form .form-item.form-type-checkbox .form-checkbox { position: absolute; opacity: 0; }
.block-views.views-exposed-form .form-item.form-type-checkbox .form-checkbox  + label { position: relative; cursor: pointer; padding: 0; }
.block-views.views-exposed-form .form-item.form-type-checkbox .form-checkbox  + label:before { content: ''; margin-right: 2px; display: inline-block; vertical-align: text-top; width: 20px; height: 20px; }
.block-views.views-exposed-form .form-item.form-type-checkbox .form-checkbox:hover + label:after, .block-views.views-exposed-form .form-item.form-type-checkbox .form-checkbox:focus + label:after, .block-views.views-exposed-form .form-item.form-type-checkbox .form-checkbox:checked + label:after { content: ''; position: absolute; left: 8px; top: 11px; background: #ccc; width: 2px; height: 2px; box-shadow: -2px 0px 0 #ccc, 2px 0 0 #ccc, 4px 0 0 #ccc, 4px -2px 0 #ccc, 4px -4px 0 #ccc, 4px -6px 0 #ccc, 4px -6px 0 #ccc; transform: rotate(-45deg); }
.home-section .block-views.views-exposed-form .form-item.form-type-checkbox .form-checkbox:checked + label:after { background-color: var(--home-color); box-shadow: -2px 0px 0 var(--home-color), 2px 0 0 var(--home-color), 4px 0 0 var(--home-color), 4px -2px 0 var(--home-color), 4px -4px 0 var(--home-color), 4px -6px 0 var(--home-color), 4px -6px 0 var(--home-color); }
.refugees-section .block-views.views-exposed-form .form-item.form-type-checkbox .form-checkbox:checked + label:after { background-color: var(--refugees-color); box-shadow: -2px 0px 0 var(--refugees-color), 2px 0 0 var(--refugees-color), 4px 0 0 var(--refugees-color), 4px -2px 0 var(--refugees-color), 4px -4px 0 var(--refugees-color), 4px -6px 0 var(--refugees-color), 4px -6px 0 var(--refugees-color); }
.local-section .block-views.views-exposed-form .form-item.form-type-checkbox .form-checkbox:checked + label:after { background-color: var(--local-color); box-shadow: -2px 0px 0 var(--local-color), 2px 0 0 var(--local-color), 4px 0 0 var(--local-color), 4px -2px 0 var(--local-color), 4px -4px 0 var(--local-color), 4px -6px 0 var(--local-color), 4px -6px 0 var(--local-color); }
.research-section .block-views.views-exposed-form .form-item.form-type-checkbox .form-checkbox:checked + label:after { background-color: var(--research-color); box-shadow: -2px 0px 0 var(--research-color), 2px 0 0 var(--research-color), 4px 0 0 var(--research-color), 4px -2px 0 var(--research-color), 4px -4px 0 var(--research-color), 4px -6px 0 var(--research-color), 4px -6px 0 var(--research-color); }
.block-views.views-exposed-form form .form-actions { text-align: right; }
.block-views.views-exposed-form form .form-actions input { color: white; background-color: var(--home-color); }
.block-views.views-exposed-form form > .form--inline > .form-item > label, .block-views.views-exposed-form form > .form--inline > .form-item > legend { font-weight: bold; text-transform: uppercase; }
.views-exposed-form .form-composite .fieldset-legend { text-transform: uppercase; }
.block-views.views-exposed-form form > .form--inline > .form-item > select { width: 100%; border-radius: 0; }
.block-views.views-exposed-form .fieldgroup  .fieldset-wrapper > .form-checkboxes { max-height: 200px; overflow-y: auto; padding: 10px; background-color: white; }
.subtitle { font-size: 17px; margin-bottom: 0; }
#block-views-block-posts-block-4 { margin-bottom: 0; }

/*view setting*/
.view-header { padding-bottom: 0; }
.view .view-header { margin-bottom: 20px; }
.view .pager { margin-top: 30px; }
.view .view-footer { margin-top: 10px; }
.view-full-box { background-color: var(--theme-sub-color); padding: 20px; }
.view-full-box .view-footer { margin-top: 10px; text-align: right; }
.view-box .view-header { background-color: var(--theme-sub-color); padding: 20px 20px 10px; margin-bottom: 0; }
.view-box .view-content { background-color: var(--theme-sub-color); padding: 20px; }
.view-box .view-footer { margin-top: 10px; text-align: right; }
.view-box .view-footer a { display: inline-block; padding: 5px 15px; text-transform: uppercase; }
.view-title-underline .subtitle { padding-bottom: 5px; border-bottom: 2px solid; margin-bottom: 0; font-size: 19px; font-weight: 500; }
.view-title-underline .view-footer .btn { color: #fff; }
.view-content-light .view-header { padding: 15px 10px 0; text-transform: uppercase; }
.view-content-light .view-header .subtitle { font-size: 14px; }
.view-content-light .view-content { padding: 10px; }
.view-header-box .view-header { padding: 10px; }
.view-header-box .view-header .subtitle { font-size: 16px; color: #fff; font-weight: 500; }
.view-content-light .view-content > div { background-color: white; padding: 10px; }
.view-border-box { display: flex; flex-direction: column; height: 100%; box-shadow: 3px 3px 6px var(--theme-sub-color); }
.view-border-box .view-header { background: var(--theme-sub-color); font-size: 14px; text-transform: uppercase; margin: 0; padding: 10px; text-align: center; color: white; }
.view-border-box .view-content { border: 1px solid var(--theme-sub-color); border-top: none; height: 100%; }
.view-border-box .view-content .views-row { padding: 10px; }
.view-border-box .view-content .views-row > div { margin-bottom: 10px; }
.view-header-pb-0 .view-header { padding-bottom: 0 !important; }
.view .more-link a { background-color: #ccc; padding: 10px 25px; text-transform: uppercase; font-weight: bold; color: #fff; }

/*dotted*/
.dotted-posts > .view-content .views-row > div { padding: 0 10px; height: 100%; }
.dotted-posts > .view-content .views-row > div > .field-content { height: 100%; display: flex; flex-direction: column; justify-content: flex-start; }
.dotted-posts > .view-content .views-row[class^="col-"] > div:first-child { border-top: 1px dotted black; padding-top: 10px; }
.dotted-posts > .view-content .views-row[class^="col-"] > div:last-child { padding-bottom: 10px; }
.dotted-posts > .view-content .views-row[class^="col-"]:last-child  > div { border-bottom: 1px dotted black; }
.dotted-between-row > .view-content .views-row:not(:first-child) > div { border-top: 1px dotted #ccc; padding-top: 15px; }
.dotted-between-row.space-top > .view-content .views-row:not(:first-child) > div { padding-top: 15px; }
.dotted-row-bottom > .view-content .views-row > * { border-bottom: 1px dotted #a0a0a0; }
.block-views-exposed-filter-blockhome-page-2 .fieldset-wrapper .hasDatepicker .ui-widget.ui-widget-content { width: 100% }
.block-views-exposed-filter-blockhome-page-2 .fieldset-wrapper .hasDatepicker label { display: none; }

/*pfw*/
.pfw-category, .pfw-seperate, .pfw-date { display: inline-block; }
.pfw-text, .pfw-category, .pfw-seperate, .pfw-date { font-size: 13px; }
.pfw-seperate, .pfw-date { color: #aaa; }
.pfw-top { margin: 0 0 15px 0; }
.pfw-title { font-family: 'Roboto Slab', serif; font-weight: 400; margin-bottom: 15px; }
.pfw-title a { font-size: 17px; color: black; line-height: 1.06; }
.pfw-seperate { margin: 0 10px; }
.pfw-text { position: relative; margin-top: 0; font-weight: 300; word-wrap: break-word }
.pfw-video { text-align: center; }
.pfw-video img { display: inline-block; }
.field-name-field-attachment .file:before { content: "\e142"; font-family: "Glyphicons Halflings"; line-height: 1; margin: 6px; }
.sb-social-media { font-size: 17px; }
.sb-sm-title { font-weight: bold; }
.sb-sm-links { margin: 0px 0 15px 0; }
.post-title-big .pfw-title a { font-size: 23px; }
.pfw-large .pfw-text, .pfw-large .pfw-category, .pfw-large .pfw-seperate, .pfw-large .pfw-date { font-size: 13px; }
.pfw-large .pfw-title a { font-size: 20px; }
.pfw-large .pfw-date { text-transform: uppercase; }
.pfw-small .pfw-text, .pfw-small .pfw-category, .pfw-small .pfw-seperate, .pfw-small .pfw-date { font-size: 12px; }
.pfw-small .pfw-title a { font-size: 17px; }
.pfw-small .pfw-title { margin: 5px 0; }
.pfw-small .pfw-text:after { content: ">>"; position: absolute; right: 20px; bottom: -6px; font-size: 17px; }
.pfw-noarrow .pfw-text:after { display: none; }
.pfw-small .pfw-text { margin-bottom: 15px; }
.pfw-lineunder .views-field { border-bottom: 1px dotted #ccc; margin-bottom: 20px; padding-bottom: 10px; }
.pfw-lineunder .views-row-last .views-field { border-bottom: 0px dotted #ccc; }
.pfw-video { text-align: center; }
.pfw-video img { display: inline-block; }
.field-name-field-attachment .file:before { content: "\e142"; font-family: "Glyphicons Halflings"; line-height: 1; margin: 6px; }

/*post*/
.post-full .post-header { display: flex; flex-wrap: wrap; justify-content: space-between; }
.post-full .post-header .header-left { display: flex; flex-wrap: wrap; }
.post-full .post-header .header-left > div:not(:first-child) > div { display: inline-block; }
.post-full .post-header .header-left > div:not(:first-child):before { content: '/'; margin-left: 5px; margin-right: 5px; }
.post-full .post-title { font-size: 25px; color: black; padding-top: 20px; padding-bottom: 20px; }
.post-full .post-link-original { padding-bottom: 10px; }
.post-full .keywords { padding-top: 10px; padding-bottom: 10px; border-top: 1px dotted #e2e2e2; }
.post-full .attachment { padding-top: 10px; padding-bottom: 10px; border-top: 1px dotted #e2e2e2; }
.post-full .keywords .field__items { display: block; float: unset; }
.post-full .keywords .field__items .field__item { display: inline-block; }
.post-full .keywords .field__items > .field__item:not(:last-child) a:after { content: ','; margin-right: 5px; }
.post-full .post-image { float: right; margin: 0 0 14px 14px; background: #ccc; padding: 7px; width: 50%; }
.post-full .post-type .field__items { display: block; float: unset; }
.post-full .post-type .field__items .field__item { display: inline-block; }
.post-full .post-type .field__items > .field__item:not(:last-child) a:after { content: ','; margin-right: 5px; }
.post-full .post-body { padding-top: 10px; border-top: 1px dotted #e2e2e2; padding-bottom: 20px; }
.post-full .post-video { position: relative; padding-bottom: 56.25%; }
.post-full .post-video > iframe { position: absolute; max-width: 100%; max-height: 100%; top: 0; left: 0; bottom: 0; right: 0; }

/*post custom*/
.post-custom-image-right { display: flex; flex-direction: row-reverse; gap: 30px; justify-content: flex-start; align-content: center; padding-top: 20px; padding-bottom: 20px; }
.post-custom-image-right .pfw-content { flex: 1; display: flex; flex-direction: column; gap: 20px; }
.post-custom-image-right .pfw-content .pfw-text { margin-top: 0; }
.post-custom-image-right .pfw-inline-cat-date { display: flex; flex-wrap: wrap; }
.post-custom-image-right .pfw-inline-cat-date .pfw-category { display: inline-block; }
.post-custom-image-right .pfw-category { display: flex; flex-wrap: wrap; }
.post-custom-image-right .pfw-category .field__items:not(:first-child):before { content: ','; margin-right: 5px; }
.post-custom-image-right .pfw-category .field__items { display: flex; flex-wrap: wrap; }
.post-custom-image-right .pfw-category .field__items > .field__item:not(:first-child):before { content: ','; margin-right: 5px; }
.post-custom-image-right .pfw-inline-cat-date > div { display: inline-block; }
.post-custom-normal { padding-top: 20px; padding-bottom: 20px; }
.content-three-col .dotted-between-row .views-row { padding-top: 0; padding-bottom: 0; }
.content-three-col .dotted-between-row .views-field.views-field-nothing { padding-top: 10px; padding-bottom: 10px; margin-bottom: 0; }

/**/
.view-content-like-row > .view-content { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }
.partner-list { padding: 20px 10px; background-color: var(--theme-sub-color); padding-bottom: 0; }
.partner-list .view-content { margin-top: 20px; margin-left: -5px; margin-right: -5px; align-items: stretch; }
.partner-list .view-content > [class*="col-"] { padding-left: 5px; padding-right: 5px; }
.partner-list .view-content > [class*="col-"] > div { margin-bottom: 10px; display: flex; justify-content: center; align-items: center; height: calc(100% - 10px); padding: 10px; background-color: white; }
.list-term-title { margin-top: 30px; margin-bottom: 30px; }
.list-term-btn { margin-bottom: 60px; }
.list-term-btn .view-content { border-top: 1px dotted #a0a0a0; padding-top: 15px; margin-top: 30px; }
.list-term-btn .view-content .views-field, .list-term-title .view-content .views-field { height: 100%; }
.list-term-btn .view-content .views-field .field-content, .list-term-title .view-content .views-field .field-content { height: 100%; display: block; }
.list-term-btn .view-content .views-field .field-content p, .list-term-title .view-content .views-field .field-content p { margin-bottom: 0; height: 100%; }
.list-term-btn .view-content { margin-left: -8px; margin-right: -8px; }
.list-term-btn .view-content > [class^="col"] { padding-left: 8px; padding-right: 8px; }
.list-term-btn .view-content a { margin-bottom: 16px; height: calc(100% - 16px); width: 100%; display: inline-flex; align-items: center; justify-content: center; text-align: center; padding: 10px; background-color: var(--theme-sub-color); font-weight: bold; font-size: 14px; }
.list-term-title .view-content a { color: black; margin-bottom: 7px; }
.list-term-title .header-link { display: inline-block; }
.view .view-header .header-link, .square-title { padding: 8px 18px; background-color: #ccc; color: white; font-weight: bold; text-transform: uppercase; font-size: 15px; line-height: 1.1; }

/*pagination*/
.pagination { margin-top: 20px; margin-bottom: 20px; justify-content: center; flex-wrap: wrap; gap: 6px; }
.pagination .page-item .page-link { color: black; border-color: #ddd; }
.page-item.active .page-link { background-color: #ddd; border-color: #ddd; }

/*
Back to top button 
*/
#back-top { position: fixed; right: 0; bottom: 10px; margin-right: 20px; z-index: 499; display: none; }
#back-top a, #back-top-prev a { width: 50px; display: block; text-align: center; font: 11px/100% Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; color: #bbb; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover, #back-top-prev a:hover { color: #000; }

/* arrow icon (span tag) */
#back-top span#button, #back-top-prev span#button-prev { width: 50px; height: 50px; display: block; margin-bottom: 7px; background-color: #ddd; background-position: center center; background-repeat: no-repeat; background-image: url('../images/up-arrow.png'); opacity: 0.8; filter: alpha(opacity = 80); -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
#back-top a:hover span#button, #back-top-prev a:hover span#button-prev { opacity: 1; filter: alpha(opacity = 100); }
#back-top #link { font-size: 0; }
#edit-scroll-to-top-preview { float: right; width: 100%; }

/*footer*/
footer { padding: 0; margin-top: 30px; }
footer .footer-hide { display: none; }
.footer-top { padding-top: 30px; padding-bottom: 30px; background-color: var(--theme-sub-color); }
.footer-top .navbar-nav { gap: 10px; }
.footer-top .navbar-nav a { padding: 0; font-size: 13px; color: inherit; text-transform: uppercase; }
.footer-bottom { padding-top: 10px; padding-bottom: 10px; background-color: #fff; }
.footer-bottom .navbar-nav { flex-direction: row; font-size: 12px; text-transform: uppercase; }
.footer-bottom .navbar-nav a { color: inherit; }
.footer-top-left, .footer-top-middle, .footer-top-right { margin-bottom: 20px; }
.footer-top-left > .region-footer-left, .footer-top-middle > .region-footer-middle, .footer-top-right > .region-footer-right { display: flex; flex-direction: column; gap: 30px; }
.footer-top-left { font-size: 14px; }
.social-group { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; }
.social-group img { height: 27px; }
.footer-intro { max-width: 310px; margin-left: auto; margin-right: auto; padding: 20px; background-color: #3e5572; color: white; font-size: 18px; }
.footer-intro a { color: inherit; }
.footer-intro .highlight { color: #f26f21; font-weight: bold; }
.address-info-group { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.address-info-group .map-img { flex: 1; }
.address-info-group .map-img a { width: 100%; }
.address-info-group .map-img a img { width: 100%; }
.address-info-group .info-intro { flex: 1; }

/*theme color */
.home-section .page-title, .home-section .list-term-btn .view-content a, .home-section .views-exposed-form .form-composite .fieldset-legend, .home-section .more-link a, .home-section .view-full-box .view-footer .btn, .home-section .btn, .home-section .pfw-category, .home-section .pfw-category a, .home-section .post-full .post-type a, .home-section .block-views.views-exposed-form form > .form--inline > .form-item label, .home-section .block-views.views-exposed-form form > .form--inline > .form-item legend, .home.pfw-category, .home-section .footer-top .navbar-nav a:hover, .home-section .footer-top .navbar-nav a:focus { color: var(--home-color); }
.home-section .view-full-box .view-footer .left-arrow-right:before { border-left-color: var(--home-color); }
.home-section .block-views > h2, .home-section .block-webform > h2, .home-section .view .view-header .header-link, .home-section .square-title, .home-section .view-border-box .view-header, main.home-section .block-menu > h5, main.home-section .view-title-underline .view-footer .btn, main.home-section .block-views.views-exposed-form form .form-actions input, main.home-section .view-header-box .view-header, main.home-section .theme-btn { background-color: var(--home-color); }
main.home-section .block-views.views-exposed-form form .form-actions input, main.home-section .block-views.views-exposed-form form .form-actions input, main.home-section .view-title-underline .subtitle { border-color: var(--home-color); }
.refugees-section .page-title, .refugees-section .list-term-btn .view-content a, .refugees-section .views-exposed-form .form-composite .fieldset-legend, .refugees-section .more-link a, .refugees-section .view-full-box .view-footer .btn, .refugees-section .btn, .refugees-section .pfw-category, .refugees-section .pfw-category a, .refugees-section .post-full .post-type a, .refugees-section .block-views.views-exposed-form form > .form--inline > .form-item label, .refugees-section .block-views.views-exposed-form form > .form--inline > .form-item legend, .refugees.pfw-category, .refugees-section .footer-top .navbar-nav a:hover, .refugees-section .footer-top .navbar-nav a:focus { color: var(--refugees-color); }
.refugees-section .view-full-box .view-footer .left-arrow-right:before { border-left-color: var(--refugees-color); }
.refugees-section .block-views > h2, .refugees-section .block-webform > h2, .refugees-section .view .view-header .header-link, .refugees-section .square-title, .refugees-section .view-border-box .view-header, main.refugees-section .block-menu > h5, main.refugees-section .view-title-underline .view-footer .btn, main.refugees-section .block-views.views-exposed-form form .form-actions input, main.refugees-section .view-header-box .view-header, main.refugees-section .theme-btn { background-color: var(--refugees-color); }
main.refugees-section .block-views.views-exposed-form form .form-actions input, main.refugees-section .block-views.views-exposed-form form .form-actions input, main.refugees-section .view-title-underline .subtitle { border-color: var(--refugees-color); }
.local-section .page-title, .local-section .list-term-btn .view-content a, .local-section .views-exposed-form .form-composite .fieldset-legend, .local-section .more-link a, .local-section .view-full-box .view-footer .btn, .local-section .btn, .local-section .pfw-category, .local-section .pfw-category a, .local-section .post-full .post-type a, .local-section .block-views.views-exposed-form form > .form--inline > .form-item label, .local-section .block-views.views-exposed-form form > .form--inline > .form-item legend, .local.pfw-category, .local-section .footer-top .navbar-nav a:hover, .local-section .footer-top .navbar-nav a:focus { color: var(--local-color); }
.local-section .view-full-box .view-footer .left-arrow-right:before { border-left-color: var(--local-color); }
.local-section .block-views > h2, .local-section .block-webform > h2, .local-section .view .view-header .header-link, .local-section .square-title, .local-section .view-border-box .view-header, main.local-section .block-menu > h5, main.local-section .view-title-underline .view-footer .btn, main.local-section .block-views.views-exposed-form form .form-actions input, main.local-section .view-header-box .view-header, main.local-section .theme-btn { background-color: var(--local-color); }
main.local-section .block-views.views-exposed-form form .form-actions input, main.local-section .block-views.views-exposed-form form .form-actions input, main.local-section .view-title-underline .subtitle { border-color: var(--local-color); }
.research-section .page-title, .research-section .list-term-btn .view-content a, .research-section .views-exposed-form .form-composite .fieldset-legend, .research-section .more-link a, .research-section .view-full-box .view-footer .btn, .research-section .btn, .research-section .pfw-category, .research-section .pfw-category a, .research-section .post-full .post-type a, .research-section .block-views.views-exposed-form form > .form--inline > .form-item label, .research-section .block-views.views-exposed-form form > .form--inline > .form-item legend, .research.pfw-category, .research-section .footer-top .navbar-nav a:hover, .research-section .footer-top .navbar-nav a:focus { color: var(--research-color); }
.research-section .view-full-box .view-footer .left-arrow-right:before { border-left-color: var(--research-color); }
.research-section .block-views > h2, .research-section .block-webform > h2, .research-section .view .view-header .header-link, .research-section .square-title, .research-section .view-border-box .view-header, main.research-section .block-menu > h5, main.research-section .view-title-underline .view-footer .btn, main.research-section .block-views.views-exposed-form form .form-actions input, main.research-section .view-header-box .view-header, main.research-section .theme-btn { background-color: var(--research-color); }
main.research-section .block-views.views-exposed-form form .form-actions input, main.research-section .block-views.views-exposed-form form .form-actions input, main.research-section .view-title-underline .subtitle { border-color: var(--research-color); }