.dsdg-block__link {
    background: hsla(0,0%,100%,.1);
    border-radius: .375rem;
    color: #fff;
    display: inline-block;
    font-family: Barlow,sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    padding: 1rem 2rem;
    text-decoration: none;
    transition: background-color .3s ease-in-out
}

.dsdg-block__link:focus,.dsdg-block__link:hover {
    background-color: #f8f9fa
}

:root {
    --color-icon-dsdg: #fabe28;
}

.dsdg-block {
    margin-bottom: 3rem;
    overflow-x: hidden;
    padding-bottom: 3rem;
    position: relative
}

@media only screen and (min-width: 64em) {
    .dsdg-block {
        margin-bottom:5rem;
        padding-bottom: 5rem
    }
}

.dsdg-block:after {
    background-color: hsla(0,0%,100%,.1);
    bottom: 0;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw
}

.dsdg-block__title {
    color: #fff;
    font-family: Barlow,sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
    margin-bottom: 1rem
}

@media only screen and (min-width: 64em) {
    .dsdg-block__title {
        font-size:1.75rem;
        line-height: 2.125rem
    }
}

.dsdg-block__wrapper {
    overflow-x: hidden;
    position: relative;
    width: calc(100vw - 4rem)
}

@media only screen and (min-width: 75em) {
    .dsdg-block__wrapper {
        overflow-x:unset;
        width: 100%
    }
}

.dsdg-block__container {
    -webkit-column-gap: .4rem;
    -moz-column-gap: .4rem;
    column-gap: .4rem;
    /* display: flex; */
    overflow-x: auto;
    padding: 2.5rem 0 1rem;
    scrollbar-color: #fff #242145;
    scrollbar-width: thin;
	text-align: center;
	/* height:155px; */
}

@media only screen and (min-width: 64em) {
    .dsdg-block__container {
        padding:4.4rem 0 2.3rem
    }
}

.dsdg-block__container::-webkit-scrollbar {
    height: 2px
}

.dsdg-block__container::-webkit-scrollbar-track {
    background-color: #242145
}

.dsdg-block__container::-webkit-scrollbar-thumb {
    background-color: #fff;
    width: 100px
}

/* .dsdg-block__figcaption {
    color: #f0f3f1;
    display: none;
    font-family: Barlow,sans-serif;
    font-weight: 700;
    left: 0;
    position: absolute;
    top: 0
} */

.dsdg-block__figcaption {
    color: #f0f3f1;
    display: none;
    font-family: Barlow,sans-serif;
    font-weight: 700;
    /* right: 0; */
    position: absolute;
    top: 0;
    float: right;
}

@media only screen and (min-width: 64em) {
    .dsdg-block__figcaption {
        font-size:1.125rem;
        line-height: 1.5rem
    }
}

.dsdg-block__figure {
    align-items: center;
    border-radius: 1rem;
    display: flex;
    height: 3.75rem;
    justify-content: center;
    margin: 0;
    width: 3.75rem
}

.dsdg-block__slide {
    display: inline-block
}

.dsdg-block__slide:hover {
    --color-icon-dsdg: #242145
}

.dsdg-block__slide:hover figure {
    background-color: #f8f9fa
}

.dsdg-block__slide:hover figcaption {
    display: block
}

.dsdg-block__link {
    font-size: 1rem;
    line-height: 1rem;
    margin-top: 1rem;
    padding: .5rem
}


@media only screen and (min-width: 64em) {
    .dsdg-block__link {
        font-size:1.125rem;
        line-height: 1rem;
        padding: .75rem
    }
}
div#sdgFootercnt {
    padding-left: 300px;
	height: 355px;
	
}
li.menu-icon.menu-icon-147.menu-item {
    width: 550px;
}
li.menu-icon.menu-icon-148.menu-item {
    width: 550px;
}
li.menu-icon.menu-icon-149.menu-item {
    width: 550px;
}
.badge.goal-1 {
    background-color: #e5233d;
}
.goal-1{
  background: #e5233d;
  border-radius: 0.25rem;
  font-weight: bold;
}
/* line 29457, ../sass/bundle.scss */
.goal-2 {
  background: #dda73a;
  border-radius: 0.25rem;
  font-weight: bold;
}
/* line 29461, ../sass/bundle.scss */
.goal-3{
  background: #4ca146;
   border-radius: 0.25rem;
  font-weight: bold;
}
/* line 29465, ../sass/bundle.scss */
.goal-4 {
  background: #c5192d;
   border-radius: 0.25rem;
  font-weight: bold;
}
/* line 29469, ../sass/bundle.scss */
.goal-5 {
  background: #ef402c;
   border-radius: 0.25rem;
  font-weight: bold;
}
/* line 29473, ../sass/bundle.scss */
.goal-6 {
  background: #27bfe6;
   border-radius: 0.25rem;
  font-weight: bold;
}
/* line 29477, ../sass/bundle.scss */
.goal-7 {
  background: #fbc412;
   border-radius: 0.25rem;
  font-weight: bold;
}
/* line 29481, ../sass/bundle.scss */
.goal-8 {
  background: #a31c44;
   border-radius: 0.25rem;
  font-weight: bold;
}
/* line 29485, ../sass/bundle.scss */
.goal-9{
  background: #f26a2d;
   border-radius: 0.25rem;
  font-weight: bold;
}
/* line 29489, ../sass/bundle.scss */
.goal-10{
  background: #e01483;
   border-radius: 0.25rem;
  font-weight: bold;
}
/* line 29493, ../sass/bundle.scss */
.goal-11{
  background: #f89d2a;
   border-radius: 0.25rem;
  font-weight: bold;
}
/* line 29497, ../sass/bundle.scss */
.goal-12{
  background: #bf8d2c;
   border-radius: 0.25rem;
  font-weight: bold;
}
/* line 29501, ../sass/bundle.scss */
.goal-13{
  background: #407f46;
   border-radius: 0.25rem;
  font-weight: bold;
}
/* line 29505, ../sass/bundle.scss */
.goal-14 {
  background: #1f97d4;
   border-radius: 0.25rem;
  font-weight: bold;
}
/* line 29509, ../sass/bundle.scss */
.goal-15 {
  background: #59ba48;
   border-radius: 0.25rem;
  font-weight: bold;
}
/* line 29513, ../sass/bundle.scss */
.goal-16 {
  background: #126a9f;
   border-radius: 0.25rem;
  font-weight: bold;
}
/* line 29517, ../sass/bundle.scss */
.goal-17 {
  background: #13496b;
   border-radius: 0.25rem;
  font-weight: bold;
}

/*  */
div#sdgIconsRow {
    height: 255px;
}
form#views-exposed-form-vnrsflags-block-1 {
    
    padding-left: 20%;
	padding-bottom: 3%;
}
.js-form-item.form-item.js-form-type-textfield.form-item-field-vnrcountryname-value.js-form-item-field-vnrcountryname-value {
    width: 28%;
    float: left;
}
.js-form-item.form-item.js-form-type-textfield.form-item-field-vnrcountrycontent-value.js-form-item-field-vnrcountrycontent-value {
    width: 28%;
    float: left;
	padding-right: 2%;
}
.js-form-item.form-item.js-form-type-select.form-item-field-vnrcountryyear-value.js-form-item-field-vnrcountryyear-value {
    width: 14%;
    float: left;
	padding-right: 9%;
}
/* div#edit-actions {
    width: 41%;
    float: right;
	margin-top: 2%;
} */
input#edit-submit-vnrsflags{
	/*  width: 41%; */
    /* float: left; */
	margin-top: 2%;
}
select#edit-field-vnrcountryyear-value {
    margin-top: 8%;
    height: 43px;
}
input#edit-field-vnrcountryname-value {
    border-radius: 13px;
	width: 95%;
   
}
input#edit-submit-vnrsflags {
    background-color: #0095ff;
    height: 48px;
    border-radius: 50px;
    width: 87px;
	margin-top: 2.5em;
}
  
}
input#edit-field-vnrcountrycontent-value{
  border-radius: 13px;
}
select#edit-field-vnrcountryyear-value {
	border-radius: 13px;
	width: 90px;
}
img.OIBC1img {
    width: 100% !important;
}
img.OIBC3img {
    width: 100% !important;
}
a.sdfFooter_a {
    color: white;
}

.AllSDG {
    width: 100%;
    /* margin-top: -9%; */
    line-height: 136%;
    padding-left: 38%;
	margin-bottom: 0.2em;
	padding-top: 1em;
}
.tst {
	line-height: 136%;
    padding-left: 35%;
	margin-bottom: 0.5em;
}


/* Tooltip BEGIN*/

[data-tooltip] {
    display: inline-block;
    position: relative;
    cursor: help;
    padding: 4px;
}
/* Tooltip styling */
[data-tooltip]:before {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    background: #000;
    color: #fff;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 1.4;
    min-width: 100px;
    text-align: center;
    border-radius: 4px;
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
	width: 100%;
}
[data-tooltip-position="right"]:before {
    left: 100%;
    margin-left: 6px;
}
[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
}
[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
    top: 50%;
    margin-top: -6px;
}
[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000;
}
[data-tooltip-position="right"]:after {
    left: 100%;
    border-width: 16px 16px 6px 0;
    border-right-color: #000;
}
[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #000;
}
[data-tooltip-position="left"]:after {
    right: 100%;
    border-width: 6px 0 6px 6px;
    border-left-color: #000;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}
/* Tooltip END*/
.Titletext {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.qk-links {
    display: block;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 500;
    font-size: 11px;
    text-align: center;
}
.Qkbox-content {
    text-align: center;
}
.span.icon {
    font-size: 25px;
}
span.qklinksagency {
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
	color: black;
}
@media (max-width: 833.98px) {
	/* .js-form-item.form-item.js-form-type-select.form-item-field-vnrcountryyear-value.js-form-item-field-vnrcountryyear-value {    
		float: unset;
	} */
	.js-form-item.form-item.js-form-type-textfield.form-item-field-vnrcountrycontent-value.js-form-item-field-vnrcountrycontent-value {
		width: 24%;
	}
	.js-form-item.form-item.js-form-type-textfield.form-item-field-vnrcountryname-value.js-form-item-field-vnrcountryname-value {
		width: 24%;
	}
}
@media (max-width: 991.98px) {
	form#views-exposed-form-vnrsflags-block-1 {
		padding-left: 0%;
		padding-bottom: 8%;
	}
}