.elementor-14475 .elementor-element.elementor-element-c622f16 > .elementor-container{max-width:1230px;}.elementor-14475 .elementor-element.elementor-element-a8ef23d > .elementor-container{max-width:1230px;}.elementor-14475 .elementor-element.elementor-element-ec5bb5f{--spacer-size:30px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-14475 .elementor-element.elementor-element-0f0aaac > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-14475 .elementor-element.elementor-element-0f0aaac .elementor-heading-title{font-family:"Source Sans Pro", Sans-serif;font-weight:600;}.elementor-widget-text-editor{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-14475 .elementor-element.elementor-element-ce190f0{text-align:justify;color:#8B8B8B;}.elementor-14475 .elementor-element.elementor-element-ba6433f{padding:0px 10px 0px 100px;}.elementor-bc-flex-widget .elementor-14475 .elementor-element.elementor-element-5fd6d3c.elementor-column .elementor-widget-wrap{align-items:flex-start;}.elementor-14475 .elementor-element.elementor-element-5fd6d3c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-start;align-items:flex-start;}.elementor-14475 .elementor-element.elementor-element-5fd6d3c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-14475 .elementor-element.elementor-element-406a194 .elementor-button{background-color:#EE6629;font-family:"Roboto", Sans-serif;font-weight:500;border-radius:30px 30px 30px 30px;}.elementor-14475 .elementor-element.elementor-element-4c379ad .elementor-button{background-color:#EE6629;font-family:"Roboto", Sans-serif;font-weight:500;border-radius:30px 30px 30px 30px;padding:12px 70px 12px 70px;}.elementor-14475 .elementor-element.elementor-element-4c379ad > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-14475 .elementor-element.elementor-element-62ca347{columns:1;}.elementor-14475 .elementor-element.elementor-element-b9f0a35{--spacer-size:50px;}.elementor-14475 .elementor-element.elementor-element-3342a9c{text-align:center;}.elementor-14475 .elementor-element.elementor-element-3342a9c .elementor-heading-title{font-family:"Source Sans Pro", Sans-serif;font-size:36px;font-weight:600;color:#224C64;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-14475 .elementor-element.elementor-element-0266e61 img{width:80%;}.elementor-14475 .elementor-element.elementor-element-7dd8f57{--spacer-size:80px;}.elementor-14475 .elementor-element.elementor-element-541721f > .elementor-container{max-width:1230px;}.elementor-14475 .elementor-element.elementor-element-5945fca{text-align:center;}.elementor-14475 .elementor-element.elementor-element-5945fca .elementor-heading-title{font-family:"Source Sans Pro", Sans-serif;font-size:36px;font-weight:600;color:#224C64;}.elementor-14475 .elementor-element.elementor-element-add2440{--spacer-size:50px;}.elementor-14475 .elementor-element.elementor-element-30fda33 > .elementor-container{max-width:1230px;}.elementor-14475 .elementor-element.elementor-element-e7cda17 > .elementor-container{max-width:1230px;}.elementor-14475 .elementor-element.elementor-element-e7cda17{margin-top:0px;margin-bottom:0px;}.elementor-14475 .elementor-element.elementor-element-2f04a8f > .elementor-element-populated{padding:0px 24.5px 0px 24.5px;}.elementor-14475 .elementor-element.elementor-element-a8d96a0 img{width:60%;}.elementor-14475 .elementor-element.elementor-element-da4e30d{text-align:center;}.elementor-14475 .elementor-element.elementor-element-f59fbab > .elementor-element-populated{padding:0px 24.5px 0px 24.5px;}.elementor-14475 .elementor-element.elementor-element-0b754e0 img{width:60%;}.elementor-14475 .elementor-element.elementor-element-ce25db5{text-align:center;}.elementor-14475 .elementor-element.elementor-element-2fb43f7 > .elementor-element-populated{padding:0px 24.5px 0px 24.5px;}.elementor-14475 .elementor-element.elementor-element-77b0b93 img{width:60%;}.elementor-14475 .elementor-element.elementor-element-acc44dc{text-align:center;}.elementor-14475 .elementor-element.elementor-element-7d8d862 > .elementor-element-populated{padding:0px 24.5px 0px 24.5px;}.elementor-14475 .elementor-element.elementor-element-ece48ec img{width:60%;}.elementor-14475 .elementor-element.elementor-element-7df235e{text-align:center;font-family:"Source Sans Pro", Sans-serif;font-size:18px;font-weight:400;line-height:25px;}.elementor-14475 .elementor-element.elementor-element-e0849e9 > .elementor-element-populated{padding:0px 24.5px 0px 24.5px;}.elementor-14475 .elementor-element.elementor-element-dffc9fe img{width:60%;}.elementor-14475 .elementor-element.elementor-element-2291cc5{text-align:center;font-family:"Source Sans Pro", Sans-serif;font-size:18px;font-weight:400;line-height:25px;}.elementor-14475 .elementor-element.elementor-element-5de2209 > .elementor-element-populated{padding:0px 24.5px 0px 24.5px;}.elementor-14475 .elementor-element.elementor-element-4ce2072 img{width:60%;}.elementor-14475 .elementor-element.elementor-element-cc865d7{text-align:center;}.elementor-14475 .elementor-element.elementor-element-b820c2c{--spacer-size:0px;}.elementor-14475 .elementor-element.elementor-element-b042b0a{text-align:center;}.elementor-14475 .elementor-element.elementor-element-b042b0a .elementor-heading-title{font-family:"Source Sans Pro", Sans-serif;font-size:36px;font-weight:600;color:#224C64;}.elementor-14475 .elementor-element.elementor-element-b76c73c > .elementor-container{max-width:1230px;}.elementor-14475 .elementor-element.elementor-element-522a174 > .elementor-element-populated{margin:50px 5px 0px 20px;--e-column-margin-right:5px;--e-column-margin-left:20px;}.elementor-14475 .elementor-element.elementor-element-e29f036 .elementor-heading-title{font-family:"milk", Sans-serif;font-size:50px;font-weight:400;line-height:66px;color:#224C64;}.elementor-14475 .elementor-element.elementor-element-d276109{color:#8B8B8D;font-family:"Source Sans Pro", Sans-serif;font-size:28px;font-weight:400;line-height:39px;}.elementor-14475 .elementor-element.elementor-element-7edfe59 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-14475 .elementor-element.elementor-element-7edfe59 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-14475 .elementor-element.elementor-element-fdb8c84{--spacer-size:40px;}.elementor-14475 .elementor-element.elementor-element-d0fdb40 > .elementor-container{max-width:1230px;}.elementor-14475 .elementor-element.elementor-element-b091f10 > .elementor-widget-container{margin:60px 0px 0px 0px;}.elementor-14475 .elementor-element.elementor-element-b091f10{text-align:center;}.elementor-14475 .elementor-element.elementor-element-b091f10 .elementor-heading-title{font-family:"Source Sans Pro", Sans-serif;font-size:36px;font-weight:600;color:#224C64;}.elementor-14475 .elementor-element.elementor-element-28f3c94{--spacer-size:30px;}.elementor-14475 .elementor-element.elementor-element-fba46f6{--spacer-size:50px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-14475 .elementor-element.elementor-element-522a174{width:35%;}.elementor-14475 .elementor-element.elementor-element-7edfe59{width:65%;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for html, class: .elementor-element-692964b */.cosi-map {
    width: 1150px; 
    min-height: 550px;
    height: 620px; 
    margin: 0 auto;
}

.jvectormap-tip {
    border-radius: 8px !important;
    padding: 5px 9px !important;
    line-height: 20px;
}
.titleArea{
    z-index: 1 !important;
}

@media (max-width: 500px) {
    .cosi-map {
        width: 360px !important; 
        min-height: 250px !important;
        height: 270px !important; 
    }
}

.elementor-14475 .elementor-element.elementor-element-692964b table tbody tr:hover>td, table tbody tr:hover>th{
    background-color: transparent;
    border: unset;
}
.elementor-14475 .elementor-element.elementor-element-692964b table tbody tr>td, table tbody tr>th{
    background-color: transparent;
    border: unset;
}
.elementor-14475 .elementor-element.elementor-element-692964b a{
color: #3bc5f3;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-31d5d31 */.country-ranking {
	overflow-x: auto;
	margin: 50px auto;
	padding: 30px 0;
	display: flex;
	max-width: 1140px;
	
  background: linear-gradient(90deg,#fff 33%,rgba(255,255,255,0)),linear-gradient(90deg,rgba(255,255,255,0),#fff 66%) 0 100%,radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.4),transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.4),transparent) 0 100%;
    background-repeat: no-repeat;
    background-size: 30px 100%,30px 100%,10px 100%,10px 100%;
    background-position: 0 0,100%,0 0,100%;
    background-attachment: local,local,scroll,scroll;

}

.country-ranking::-webkit-scrollbar {
    -webkit-appearance: none;
}
.country-ranking::-webkit-scrollbar:horizontal {
    height: 11px;
}
.country-ranking::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.ranking-content-title {
	font-family: 'Lemon/Milk Regular';
	font-size: 50px;
    font-weight: 400;
    line-height: 52px;
	color: #ee6629;
	padding: 50px 45px 0 20px;
}
.ranking-stakeholders {
	padding: 25px 60px 0 30px;
	font-size: 26px;
}
.ranking-stakeholders img {
	width: 85%;
	margin-top: 90px;
}
.ranking-content {
	min-width: 515px;
	max-width: 570px;
	display: flex;
    flex-direction: column;
	margin: 0 20px;
	color: #707172;
	font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
}

.country-row {
	display: flex;
	justify-content: space-between;
	border: 1px solid #999;
	border-radius: 10px;
	padding: 7px 0 7px 18px;
	margin: 1px;
}

.country-row div {
	padding: 2px 0;
}
.country-row div:nth-child(1) {
	padding-left: 43px;
	width: 75%;
}
.country-row div:nth-child(2) {
	width: 20%;
	text-align: center;
	font-weight: bold;
}

.title-row {
	color: #ee6629;
	font-weight: bold;
	border: 0;
	padding: 4px 5px;
}
.title-row div:nth-child(1) {
	padding-left: 5px;
}

.country-row span {
	padding: 2px 25px;
	background: #eee;
	border-radius: 4px;
	color: #fff;
}

img.img-flag {
    margin: 0!important;
    display: inherit!important;
    height: 15px;
    width: 18px;
}

.flag {
	display: inline-block;
    transition: 1s;
	background-repeat: no-repeat;
  	background-position: left;
  	background-size: 35px 20px
}

.country-lvl-A {
    background: #48742c !important;
}
.country-lvl-B {
    background: #f9d978 !important;
}
.country-lvl-C {
    background: #ffa246 !important;
}
.country-lvl-D {
    background: #bb271a !important;
}

.scroll-mobile {
    display: none;
}

@media (max-width: 500px) {
    .country-ranking {
        display: block !important;
        margin: 0 !important;
    }
    .ranking-content-title, .ranking-stakeholders {
        padding: 0 !important;
    }
    .ranking-content {
        display: block !important;
        min-width: unset !important;
        max-width: unset !important;
    }
    .ranking-content .title-row {
        display: none;
    }
    .country-row div:nth-child(1) {
	width: 73%;
}
.country-row div:nth-child(2) {
	width: 25%;
}
    .elementor-element-ba6433f {
        padding: 0 !important;
    }
    .scroll-mobile {
        display: unset;
    }
    .scroll-desktop {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-0f0aaac */html,
body{
width:100%;
overflow-x:hidden;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-58da795 */.elementor-14475 .elementor-element.elementor-element-58da795 {display: none;}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-406a194 */#cosi-report-download-button > span > span:hover{
    text-decoration: underline;
}
.elementor-14475 .elementor-element.elementor-element-406a194{
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c379ad */#cosi-report-download-button > span > span:hover{
    text-decoration: underline;
}
.elementor-14475 .elementor-element.elementor-element-4c379ad{
    text-align: center;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-73c3541 */.elementor-14475 .elementor-element.elementor-element-73c3541 {display: none;}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-a54cc36 */.cosi-rubric-level4 {
    margin-left: 60px;
    display: block;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-b042b0a */.elementor-14475 .elementor-element.elementor-element-b042b0a { display: none; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a612810 */.elementor-14475 .elementor-element.elementor-element-a612810 {
    display: none;
}

.cosi-countries-ddl, .select2-container {
    width: 300px !important;
    margin: 0 auto !important;
    display: block !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-right: 32px !important;
}
.select2-container .select2-selection--single {
	height: 48px !important;
}
.select2-container--default .select2-results>.select2-results__options {
	max-height: 290px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 45px !important;
	color: #f26625 !important;
	text-align: center;
}
.select2-container--default .select2-selection--single {
	font-family: 'Lemon/Milk Regular' !important;
	border-color: #f26625 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #f26625 transparent transparent transparent !important;
	border-width: 15px 10px 0 10px !important;
	margin-left: -20px !important;
    margin-top: 4px !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #f26625 transparent !important;
	border-width: 0 10px 15px 10px !important;
	margin-top: 2px !important;
}





.parallaxbanner {
    background: center no-repeat;
    background-size: cover;
    -ms-behavior: url(/backgroundsize.min.htc);
    position: relative;
    z-index: 1;
}
.parallaxbanner ul li, .parallaxbanner .item {
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
    color: #8b8b8d;
    font-size: 24px;
}
.parallaxbanner .item {
    position: relative;
    overflow: hidden;
    color: #707172;
    font-size: 18px;
    width: 100%;
    float: left;
    text-align: left;
    font-weight: normal;
}
.parallaxbanner.multiple_columns .parallaxcontentwrap {
    width: 100%;
    padding: 0;
}
.parallaxcontentwrap {
    font-size: 22px;
}
.parallaxcontentwrap {
    position: relative;
    margin: auto;
    text-align: left;
}
.parallaxcontent {
    width: 100%;
    max-width: 1230px;
    margin: auto;
}
.parallaxcontent .blockcontent.full, .parallaxcontent.imageright .blockcontent.full {
    display: block;
    float: none;
    width: 100%;
    padding: 0;
}
.parallaxcontent .blockcontent {
    max-width: 100%;
    text-align: left;
    box-sizing: border-box;
}
#contentblock7 .mutiplecolumnwrapper {
    background: #e9ecef;
}
#contentblock7 .mutiplecolumnblockwrap {
    height: 100% !important;
}
.parallaxbanner.multiple_columns .mutiplecolumnblockwrap {
    float: left;
    background: no-repeat;
    background-size: contain;
}
.parallaxbanner.multiple_columns .mutiplecolumnblock {
    width: 100%;
    height: 100%;
}
.parallaxbanner.multiple_columns .mutiplecolumnblock .tablewrap {
    width: 100%;
    height: 100%;
}
.parallaxbanner.multiple_columns .mutiplecolumnblock table {
    width: 100%;
    height: 100%;
}
.pagecontent table {
    margin: 0 0 20px;
}
.parallaxbanner.multiple_columns .mutiplecolumnblock table tr td {
    vertical-align: top;
}
.pagecontent table tr td {
    border: 0;
    padding: 18px 10px;
    background: none;
}
.parallaxbanner.multiple_columns .mutiplecolumnblockcontent {
    text-align: left;
    padding: 0 5% 0;
}
.jumbotron, .card-body, .d-flex {
    font-size: 16px;
}
.w-100 {
    width: 100%!important;
}

.elementor-14475 .elementor-element.elementor-element-a612810 table td{
    border: none;
    background: none;
}
.elementor-14475 .elementor-element.elementor-element-a612810 .card-body{
    background: white;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.elementor-14475 .elementor-element.elementor-element-a612810 table tbody tr:hover>td, table tbody tr:hover>th {
    background-color: none;
}
.country-table table td, table th {
    padding: 8px;
    line-height: 1.42;
    vertical-align: unset;
    border: none;
}

.elementor-14475 .elementor-element.elementor-element-a612810 table tbody tr:hover>td, table tbody tr:hover>th {
    background-color: unset;
}
.elementor-14475 .elementor-element.elementor-element-a612810 .table > thead > tr > th {
    vertical-align: bottom;
}
.elementor-14475 .elementor-element.elementor-element-a612810 .table > tbody > tr > td{
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.elementor-14475 .elementor-element.elementor-element-a612810{
    background-color: #e9ecef;
}

.elementor-14475 .elementor-element.elementor-element-a612810 table thead:first-child tr:first-child th {
    border-top: none !important;
}
@media (max-width: 824px) {
    #contentblock7 > div.item > div > div > div.mutiplecolumnwrapper > div > div{
        width: 100% !important;
    }
    .parallaxbanner.multiple_columns .mutiplecolumnblockcontent{
        padding: 0 2% !important;
    }
    #contentblock7 > div.item > div > div > div.mutiplecolumnwrapper > div > div > div > div.tablewrap {
    margin: 0 10px 0 10px !important;
    }
}
.card-footer {
    padding: 0.75rem 1.25rem;
}
#national_report {
    margin: 0 auto;
    margin-top: 10px;
    display: block;
    width: 150px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 13px;
    background: #fff;
    border: 1px solid #6e6f70;
    border-radius: 5px;
    padding: 7px;
    color: #3bc5f3 !important;
}
#contentblock8 > div > div > div.parallaxcontent > div > div > div.dq-htabs-container > div.dq-vtabs-container > div.rankingGraphDesc > ul > li{
	font-size: 18px !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-e29f036 */.cosi-monitoring {
    font-family: 'Lemon/Milk Regular';
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a23d1c3 */.vertical-legends {
		flex-direction: column;
		font-size: 14.5px !important;
		color: #8b8b8d;
		
	}
	.vertical-legends div {
		display: flex;
		margin: 5px 0;
		width: 100% !important;
	}
	.vertical-legends .quartile {
		margin-right: 15px;
		line-height: 19px;
		border: 1px solid #999;
		width: 80px;
	}

.level-status-legend {
    padding-left: 10px
}
.level-legend {
	display: flex;
    padding: 4px;
    font-size: 28px;
    font-family: "Source Sans Pro", Sans-serif;
    line-height: 34px;
    color: #8b8b8d !important;
}
.level-legend div {
	width: 18px;
    height: 18px;
    border-radius: 9px;
    margin: 8px 20px;
}
.level-legend.low { color: #bb271a; }
.level-legend.low div { background: #bb271a; }
.level-legend.med { color: #f9d978; }
.level-legend.med div { background: #f9d978; }
.level-legend.avg { color: #ffa246; }
.level-legend.avg div { background: #ffa246; }
.level-legend.high { color: #48742c; }
.level-legend.high div { background: #48742c; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e341b1 */.cosi-monitoring-status {
    position: absolute;
    width: 140px;
    z-index: 2;
    right: 0;
    top: 40px;
}
.cosi-status-row {
    display: flex;
    padding: 16.75px 0;
}
.cosi-status-row div {
    width: 18px;
    height: 18px;
    background: #eee;
    border-radius: 9px;
    margin: 0 5px;
}
.blink-rd {
    background: #bb271a !important;
}
.blink-br {
    background: #ffa246 !important;
}
.blink-yl {
    background: #f9d978 !important;
}
.blink-gr {
    background: #48742c !important;
}
.cosi-blink {
  /*animation: blinker 1.25s linear infinite;*/
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@media (max-width: 500px) {
    .cosi-monitoring-status {
        width: 75px !important;
        top: 28px !important;
    }
    .cosi-status-row {
        padding: 6.8px 0 !important;
    }
    .cosi-status-row div {
        width: 10px !important;
        height: 10px !important;
        border-radius: 5px !important;
        margin: 0 3px !important;
    }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-f58f0a1 */.elementor-14475 .elementor-element.elementor-element-f58f0a1 {
    background-color: #e9ecef;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-b76c73c */.elementor-14475 .elementor-element.elementor-element-b76c73c { display: none; }/* End custom CSS */
/* Start custom CSS *//* 
ImpactMeasure 2022
*/

@font-face {
    font-family: 'Lemon/Milk Regular';
    font-weight: normal;
    src: url(https://www.dqinstitute.org/wp-content/themes/fonts/LemonMilk.woff) format('woff');
}

.section-flag-cell, a.section-flag-cell {
    display: table-cell;
    cursor: pointer;
    width: 16.8vw!important;
    height: 10.525vw!important;
    background-size: cover;
    transition: 1s;
}

 #contentblock6 .parallaxcontentwrap,  #contentblock2 .parallaxcontentwrap {border-top:none; }

/* End - TFS */



 .verticaltab.resp-vtabs .verticaltabdetailboxtitle {font-size: 32px !important;}
.partnercontainer table td {height: 241px; vertical-align:middle; text-align:center; }
.parallaxbanner.partners table a {
    padding:0;
  display:contents;
}
 #section10 {padding-top: 50px; height:auto; }
 #section10-left {width: 47%;}
 .section10-left-padding {padding-left: 15%;}
 #section10-right {width: 50%;}
 .section10-right-padding {padding-right: 15%;}
 .newslisting .bx-wrapper {max-width:inherit !important;}
.section2-slide-button {height:3em;}



 .competency_boxes:last-of-type {border-bottom:none;}
 .maincontentcontainer.dq_new_wrapper {margin-top:0;}
 .upper_boxes_wrapper h2.logos_title {margin-top:-5px;}
 .owl-carousel .owl-wrapper-outer.autoHeight {height:auto !important;}
.verticaltab.resp-vtabs .verticaltabdetailboxcontent .btn a {color:#fff; text-decoration:none;}
.verticaltab.resp-vtabs .verticaltabdetailboxcontent .btn a:hover {color:#000; text-decoration:underline;}
 .verticaltab.resp-vtabs .resp-tab-content {
    padding: 10px 0 0 25px;
}
 #contentblock1 .parallaxbanner {z-index:inherit !important; }
.mutiplecolumnblockcontent p {color:#fff;}
.contentcontainer {
    padding: 65px 0;
    width: 100%;
    margin: auto;
    box-sizing: border-box;
}
.bannerwrapper .ls-v6 .ls-bottom-nav-wrapper { top: auto; top: initial; bottom: -25px; }
.bannerwrapper .ls-v6 .ls-bottom-slidebuttons a { background:#ee6629; border-color:#ee6629 !important; border-width: 1px !important; width:11px !important; height:11px; }
.bannerwrapper .ls-v6 .ls-bottom-slidebuttons a.ls-nav-active , .homebanner .ls-v6 .ls-bottom-slidebuttons a:hover { background:none; border-width: 1px !important; border-color:#000 !important; }
 .downloadbutton,  .downloadbutton {min-height:78px;}
 
@media only screen and (max-width: 767px) {
     #section10 {padding-top: 50px; height:auto; }
     #section10-left {width: 100%; padding-left: 5%;}
     #section10-right {width: 100%; padding-right: 5%; padding-top:30px;}
    .cditext {padding-top:30px; font-size:1.5em;}
     .btn.large a {font-size:inherit;}
    .tablewrap {margin: 0 10px 25px 10px;}
    #cdiheader {font-size:32px !important; margin-top:30px;}
     #contentblock1 .parallaxcontentwrap {
        padding: 0px 0;
    }
   #press_release_button  {width:80%}
   .downloadbutton,  .downloadbutton {min-height:48px; width:90%; font-size:0.9em;}
   .downloadbutton {font-size:0.7em;}
}

.text-mob {
    padding-left: 100px;
}
.cosi-btn1 {
    margin-top: 20px !important;
    border-spacing: 30px;
    display: table;
    margin: 0 auto;
}
.cosi-btn1 a {
    background: #ee6629;
    font-size: 28px;
    color: #fff !important;
    font-weight: 600;
    width: 280px;
    padding: 20px 30px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    border-radius: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.download-cosi-report {
  display: inline-block;
  vertical-align: middle;
  height: 2em;
  padding-left: 7.1em; 
}
.share-cosi-report {
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.3em;
  padding-left: 1em;
  padding-top: 0.8em;
  padding-bottom: 0.3em;
  color: #000000;
}
.share-icon {
    width: 40px;
    display: inline-block;
    margin-top: 8px;
    margin-right: 10px;
}
  
.mutiplecolumnblockcontent p, .page-id-7261 .parallaxcontent p {
    color: #707172;
}

.block-title {
    color: #224c64;
    font-size: 36px;
    font-weight: 550;
    text-align: center;
    padding-bottom: 10px;
}
.parallaxbanner ul {
    margin: 0 0 20px 20px;
}

.parallaxbanner ul li {
    padding: 0 0 5px 5px;
}
.parallaxcontentwrap {
    font-size: 22px;
}
#contentblock2 .item a, .page-id-7261 #contentblock4 .item a {
    color: #f9631d;
}

#contentblock5 .iconblock {
    border-bottom: 0;
    padding-bottom: 0;
    border: 0 none;
    padding-top: 5px;
}
#contentblock5 .iconimage {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
#contentblock5 .icontitle {
    font-size: 19px;
    padding-bottom: 10px;
}
#contentblock5 .parallaxcontent p {
    font-size: 19px;
    text-align: left;
}
#contentblock5 .iconblockwrapper {
    padding-bottom: 0;
}
#contentblock6 .parallaxcontentwrap, .page-id-7261 #contentblock9 .parallaxcontentwrap {
    padding: 20px !important;
}
#contentblock7 .mutiplecolumnwrapper {
    background: #e9ecef;
}
#contentblock7 .mutiplecolumnblockwrap {
    height: 100% !important;
}


#cosi_page {
    position: relative;
}
.map-container {
    padding-top: 40px;
}
.w-100 {
    width: 100%!important;
}
.jumbotron, .card-body, .d-flex {
    font-size: 16px;
}

.ranking-pillars .fake-select {
    width: 310px !important;
}
.ranking-pillars .fake-select__select {
    font-family: "Source Sans Pro", Arial, Helvetica, sans-serif !important;
    width: 150% !important;
}

.country-table {
  color: #6e6f70 !important;
}
.country-table thead {
    border-bottom: 2px solid #d8d8d8;
}
.country-table thead tr th {
  border-top: 0 none;  
  border-bottom: 0 none;
}
.country-table thead .country-name, .global {
    color: #2e6396;
    text-transform: uppercase;
}
.country-table thead .summary {
    width: 55%;
}
.country-table thead .subtext {
    padding-top: 0.0rem;
    font-weight: normal;
    font-size: 13px;
    line-height: 13px;
}
.country-table td, th {
    padding: .55rem;
    vertical-align: middle;
    text-align:center;
}
.country-table td:nth-child(1) {  
    text-align: left;
}
.country-table .overall-row {
    font-size: 26px;
    font-weight: normal;
}

.card-footer {
    font-size: 12px;
    background-color: #d8d8d8 !important;
}
.card-footer p {
    font-size: 14px;
    line-height: 19px;
    margin: 5px;
    padding: 0 !important;
}
.radar-chart-container {
  text-align: center;
}
.radar-chart-container .score_label {
    color: #6e6f70 !important;
    font-size: 14px;
}

#national_report {
    margin: 0 auto;
    margin-top: 10px;
    display: block;
    width: 150px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 13px;
    background: #fff;
    border: 1px solid #6e6f70;
    border-radius: 5px;
    padding: 7px;
    color: #6e6f70;
}

#national_report:hover {
    color: #ff5a00;
    border: 1px solid #ff5a00;
}

.cosireport {
    margin: 0 auto;
    display: block;
    width: 150px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 17px;
    background: #fff;
    border: 1px solid #6e6f70;
    border-radius: 5px;
    padding: 7px;
    color: #f9631d !important;
    text-decoration: none !important;
  
}
.cosireport:hover {
    color: #337ab7;
    border: 1px solid #ff5a00;
}

.ranking-pillars {
    display: none;
}

@media (min-width: 992px) {
 
    .legends {
        margin-left: auto;
        margin-right: auto;
        position:absolute;
        width:1140px;
        text-align:center;
        margin-top: -20px;
    }
    .cosi-leg {
      width: 450px !important;
  }
}

@media (max-width: 500px) {
  .legends1 div {
    position: absolute;
    float: right;
    margin-top: 395px;
    /* z-index: 9; */
    right: 310px;
    height: 15px;
    top: -49px;
    width: 15px;
    border: 1px solid #808080;
    display: inline-block;
}
.legends1 p {
    position: absolute;
    float: right;
    margin-top: 395px;
    /* z-index: 9; */
    right: 14px;
    /* height: 15px; */
    top: -49px;
    width: 290px;
    /* border: 1px solid #808080; */
    /* display: inline-block; */
    font-size: 12px;
}
  
.share-cosi-report {
  display: inline-block;
  vertical-align: middle;
  padding-right: unset !important;
  padding-left: unset !important;
  padding-top: 0.8em;
  padding-bottom: 0.3em;
  color: #000000;
}

.download-cosi-report {
  display: inline-block;
  vertical-align: middle;
  height: 2em;
  padding-left: unset !important;
}

.text-mob{
    padding-left: 70px!important;
}

.ranking-pillars .fake-select__select {
    width: 100% !important;
}
.card-body {
       padding: unset !important;
  }
  .cosi-leg {
      width: 360px !important;
      margin-left: 10px !important;
  }
}

.cosi-btn a {
    border: 2px solid #ee6629;
    background: #ee6629;
    font-size: 16px;
    color: #fff !important;
    font-weight: 600;
    padding: 6px 30px;
    display: inline-block;
    position: relative;
    letter-spacing: 1px;
    border-radius: 20px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

@media (max-width: 824px) {
    .ranking-pillars .fake-select {
        width: 280px !important;
        margin: 0 auto !important;
    }
    .fake-margin {
        margin: 0 auto !important;
    }
    .fake-select:after{
        /*margin-top: -31px;*/
    }
    #layerslider_69 div.ls-inner {
        margin-top: 0 !important;
    }
    .legends1 div {
        position: absolute !important;
        float: right !important;
        margin-top: 395px !important;
        right: 330px !important;
        height: 15px !important;
        top: -79px !important;
        width: 15px !important;
        border: 1px solid #808080 !important;
        display: inline-block !important;
    }
    .legends1 p {
        position: absolute !important;
        float: right !important;
        margin-top: 395px !important;
        right: 22px !important;
        top: -79px !important;
        width: 300px !important;
        font-size: 12px !Important;
    }
    .rankingGraphArea {
        text-align: center !important;
        width: 100% !important;
        float: unset !important; 
    }
    .rankingGraphDesc {
        text-align: left !important;
        float: right !important; 
        width: 100% !Important;
        padding-top: 30px !important;
    }
    .cosi-leg {
      width: 450px !important;
      margin-left: 10px !important;
    }
    
    #cosi_page {
        margin-top: 35px!important;
    }
    .map-container {
        padding-top: 75px !important;
    }
    
    .t-item span {
        height: 27px !important;
        top: 12px !important;
    }
    #mapArea {
        display: none;
    }

    .cosi-mobile-map {
        display: block !important;
    }
    .titleArea {
        position: relative !important;
        width: 100% !important;
        float: none !important;
        margin-top: 60px !important;
        text-align: center;
        left: 0 !important;
    }
    .titleYear {
        font-size: 75px !important;
    }
    .titleDescription {
        margin: 10px 0;
    }
    .legends {
        width: 100% !important;
        padding-left: 0px !important;
        position: absolute !important;
        margin-top: 0 !important;
        padding-top: 20px;
        top: 0;
    }
    
    .btn-bordered-orange {
        margin: 10px auto !important;
    }
    .ranking-pillars {
        display: block !important;
        background: #e6e5e5;
        padding-top: 35px;
    }
}


#mapArea {
    text-align: center;
}
.cosi-mobile-map {
    display: none;
}
.titleArea {
    position:absolute;
    width: 265px;
    float:left;
    margin-top: 395px;
    z-index: 9;
    left: 35px;
    top: 0;
    text-shadow: -2px 0px 3px #fff;
}
.titleYear, .titleName {
    color: #6e6f70;
    font-size:64px; 
    font-family: 'Lemon/Milk Regular';
    display:block;
}
.titleName {
    color: #224c64;
    font-size:37px; 
    line-height: 28px;
    letter-spacing: 0px;
    margin-top: -12px;
}
.titleName .subtitle {
    font-size: 28px;
    font-family: 'Lemon/Milk Regular';
}
.titleDescription {
    font-size: 16px;
    display: inline-flex;
    line-height: 25px;
}
.btn-bordered-orange {
    text-decoration: none;
    color:#ff5a00;
    border: 1px solid #ff5a00;
    border-radius: 5px;
    padding: 17px;
    display:block;
    font-family: 'Lemon/Milk Regular';
    font-size: 15px;
    text-align: center;
    text-decoration: none !important;
    margin-top: 10px;
    width: 265px;
    cursor: pointer;
    background-color: #fff;
}
.legends1 div {
    position: absolute;
    float: right;
    margin-top: 395px;
    right: 380px;
    height: 15px;
    top: 227px;
    width:15px;
    border:1px solid #808080;
    display:inline-block;
}
.legends1 p {
    position: absolute;
    float: right;
    margin-top: 395px;
    right: 210px;
    top: 225px;
    width: 160px;
    font-size: 12px;
}

.legr1 {
    background-color: #84c4f1;
}

.legends {
    width: 500px;
    text-align: center;
    margin-top: -70px;
    margin-left: 450px;
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    padding: 0 15px;
}
.legends .caption {
    display:block;
    color: #6e6f70;
    font-family: 'Lemon/Milk Regular';
    font-size:18px;
    font-weight: bold;
}
.legends .leg {
    border: 0 none;
    display: inline-block;
    border-top: 10px;
    border-style: solid;
    margin: 1px;
    font-size: 10px;
    color: #000;
    width: 70px;
}

.quartile-legends {
		display: flex; 
		justify-content: space-around;
		font-size: 11px;
		width: 100%;
	}
	.quartile-legends div {
		width: 25%;
	}
	.quartile-legends span {
		display: block;
	}
	.quartile {
		color: #fff;
		font-weight: bold;
		line-height: 13px;
		border: 1px solid #fff;
		border-inline-start: none;
	}
	.quartile-legends .tp-q {
		background-color: #48742c;
	}
	.quartile-legends .nd-q {
		background-color: #f9d978;
	}
	.quartile-legends .rd-q {
		background-color: #ffa246;
	}
	.quartile-legends .th-q {
		background-color: #bb271a;
	}

.legends .leg.na {
  border-color: #e7e7e7;
}

.cosi-leg {
    width: 500px;
}
.cosi-leg p {
    display: none;
}
.cosi-leg .legr {
    height: 8px;
    background-image: linear-gradient(to right, #008580 , #fae28a, #ed1b24);
}

.legends-r img {
    display: inline-block;
}

.dq-mov-blk {
    margin: 10px 20px;
    padding: 12px;
    border: 1px solid #f9631d;
}
.dq-mov-title {
    color: #f9631d;
    font-size: 22px;
    text-transform: uppercase;
}
.dq-mov-subtitle {
    color: #8b8b8d;
    font-size: 18px;
}
.dq-mov-subtitle a {
    text-transform: uppercase;
    margin: 5px;
}

.dq-social-share {
    display: table;
}
.dq-social-share div {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    padding-right: 50px;
    color: #007bff;
}
.dq-share-txt {
    background-size: 40px;
    line-height: 25px;
}
.dq-pr-title {
    color: #f9631d !important;
    padding-bottom: 0;
    margin-top: 20px;
    margin-bottom: 5px;
}
.dq-pr-list {
    font-size: 18px;
}
.dq-pr-list li {
    padding: 0;
    line-height: 21px;
}
.dq-pr-list li a {
    color: #707172 !important;
    text-decoration: underline;
}
.dq-pr-list li a:hover {
    color: #007bff !important;
}

.desktop .menu > .menu-item > a {
    padding: 20px 10px !important;
}
.desktop .menu-item-7690 .linklabel {
    width: 92px;
    text-align: center;
    line-height: 23px;
}

.t-item span {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain, cover;
    display: block;
    width: 100%;
    height: 40px;
    top: 15px;
    position: absolute;
}

@media (max-width: 824px) {
.parallaxbanner ul li {
    padding: 0 0 5px 5px;
  color: #8b8b8d;
  font-size: 15px;
}
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'milk';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.dqinstitute.org/wp-content/uploads/2021/11/Milk.woff') format('woff'),
		url('https://www.dqinstitute.org/wp-content/uploads/2021/11/FontsFree-Net-LemonMilk.ttf') format('truetype'),
		url('https://www.dqinstitute.org/wp-content/uploads/2021/11/LemonMilk.svg#milk') format('svg');
}
/* End Custom Fonts CSS */