@charset "UTF-8";

/* CSS Document */
/*IR Release Guide With Tabs, IDB, Landing TIMSS 2019*/
/*---------------------------------------------*/
/*--------------------------------------------------------------
# Typography

h2, link and button: #00A3C1
h3: #000000
header font: 'Roboto', sans-serif (textarealink,body,button,input,select,)
--*/


body {
  font-family: 'Open Sans', sans-serif !important;
  /* font-family: -apple-system, BlinkMacSystemFont,
  “Segoe UI”, “Roboto”, “Oxygen”,
  “Ubuntu”, “Cantarell”, “Fira Sans”,
  “Droid Sans”, “Helvetica Neue”, sans-serif; */
}
a {
  /* color: #5686da; - lighter blue */
  color: #025D99;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.no-underline,
a.no-underline:hover {
  text-decoration: none;
}
a.underline {
  text-decoration: underline;
}
a.underline:hover {
  text-decoration: none;
}
.breadcrumbs-landing {
  padding: 20px 15px;
}

.breadcrumbs-landing a:link {
  color: #000000 !important;
  letter-spacing: 0.02em;
  /* font-family: 'Poppins';
  font-size: 14px;*/
  font-size: .84rem;
  font-weight: 600;
}

h1, h2, h3, h4, h5 {
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 550;
  line-height: 1.2;
}

h1.heading,
.heading,
.sub-heading {
  border: none;
  color: #025D99;
  font-family: 'Open Sans', sans-serif;
  font-size: 2.3rem;
  font-weight: 600;
  /*line-height: 1.2em;
  margin-top: 0;
  margin-bottom: .5rem; */
  margin: auto 0 1rem;
  padding: 8px;
  background: #eef6f9;
  text-transform: none;
}
.sub-heading {
  color: #000;
  font-size: 1.8rem;
  font-weight: 555;
  padding: 4px 0 0;
}
h1:first-child,
h1:first-of-type {
  margin-top: .5rem;
}


/* .org menu styles yeny */
/*--------------------------------------------------------------
# 11.0 - Widgets
--------------------------------------------------------------*/

.widget {
  margin: 0;
  border: 0px solid #00A3C1;
}

.widget-header {
  /* margin: 0 0 1em 0; */
  background: #025D99;
}

.widget-title {
  margin: 0;
  padding: 0.5em;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  /* background: #2299cc; */
}

.widgetCopy {
  border: none!important
}

h3.widget-title {
  margin: 0;
  padding: 0.5em;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  line-height: 18px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

/* advanced styles are "container release-guide database advanced" */
.advanced h3.widget-title {
  background-color: #1FA67A;
}

.widget-title a:link,
.widget-title a:visited {
  color: #fff;
}

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

/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%;
}

.widget ul {
  margin: 0;
  /* padding: 0 0.3em; edit 10/17/2019 */
  padding: 0;
  list-style: circle inside;
}

.widget ul .children,
.widget ul.sub-menu {
  padding: 0;
  /* oct 2019 */
  margin: 0;
}

.widget ul .children {
  /* background:#f5f5f5; */
  border-bottom: 1px solid #e4e4e4;
  padding: 3px 12px;
  font-size: 14px;
}


.widget ul.sub-menu li.active {
  /* margin: 0 -12px 0 -12px;
  padding: 4px 12px 3px 27px; edit 10/17/2019 */
  background: #EDE9DD;
}


.widget ul .children,
.widget ul.sub-menu li:last-child {
  border-bottom: 0px;
}

.widget ul .children,
.widget ul.sub-menu li.current-page-ancestor {
  background: #d4d4d4;
}

.widget ul .children,
.widget ul.sub-menu li.current-page-ancestor a {
  color: #000;
}

/*--------------------------------------------------------------
## 11.1 - Default Widgets
--------------------------------------------------------------*/
/* Default Archive & Category Wigdets */
.widget_archive ul,
.widget_categories ul {
  list-style: none;
}

.widget_archive ul li:before,
.widget_categories ul li:before {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font: normal 18px 'Genericons';
  vertical-align: middle;
  color: #555;
  margin: 0 0.3em 0 0;
}

.widget_archive ul li:before {
  content: '\f307';
}

.widget_categories ul li:before {
  content: '\f301';
}

/* Default Recent Posts & Comments Wigdets */
.widget_recent_entries ul,
.widget_recent_comments ul {
  list-style: none;
}

.widget_recent_entries ul li .post-date {
  color: #888;
  font-size: 12px;
  font-size: 0.75rem;
  font-style: italic;
}

.widget_recent_entries ul li:before,
.widget_recent_comments ul li:before {
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  font: normal 16px 'Genericons';
  vertical-align: middle;
  color: #555;
  margin: 0 0.2em 0 0;
}

.widget_recent_entries ul li:before {
  content: '\f303';
}

.widget_recent_comments ul li:before {
  content: '\f300';
}

/* Default Meta & Pages Wigdets */
.widget_meta ul,
.widget_pages ul,
.widget_nav_menu ul,
.widget_nav_menu ul.menu {
  list-style: none;
}

.widget_meta ul li a:before,
.widget_pages ul li a:before,
.widget_nav_menu ul.menu>li a:before{
  display: inline-block;
  vertical-align: middle;
  color: #555;
  margin: 0 0.1em 0 0;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-variant: normal;
  font-weight: 900;
  text-rendering: auto;
  line-height: 1;
  content: "\f0da";
  padding: 0 5px;
  margin: 0 0 0 -5px;
}

.widget_nav_menu ul.menu>li a:before {
  display: none
}


/* *****NEW MENUS***** */
ul.menu>li.current-menu-item a,
ul.menu>li.current-page-ancestor>a,
ul.menu>li.menu-item a.active {
  color: #fff;
  background-color: #4e87be; /*new */
}

ul.menu>li.menu-item>a.active {
  color: #fff!important;
  background-color: #4e87be!important
}
ul.menu>li.menu-item>a.active>.fa-caret-right:before,
ul.menu>li.menu-item>a.active>.fa-caret-down:before {
  color: white!important;
}

ul.menu>li.menu-item-type-post_type>a,
ul.menu>li.menu-item-type-custom>a,
ul.menu>li>a,
ul.menu>li.li-L1>a,
ul.menu ul.sub-menu li a {
  background-color: #cccccc;
  background: rgba(163, 178, 196, .4);
  border-radius: 0;
  color: #000;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  margin: 2px 0;
  /* padding: 14px 12px; */
  padding: 20px 11px
}


ul.menu li,
ul.menu li.li-L1,
ul.menu li ul.sub-menu li,
ul.menu li ul.sub-menu li ul.sub-menu li {
  margin: 1px 0;
  background: #fff;
  text-align: left;
  text-overflow: ellipsis;
  display: block;
}

ul.menu ul.sub-menu,
ul.menu ul.sub-menu ul.sub-menu,
ul.menu ul.sub-menu ul.sub-menu ul.sub-menu {
  display: none;
}

ul.menu ul.sub-menu li a,
ul.menu ul.sub-menu li span,
li.li-L2>a,
li.li-L2>span {
  /* background-color: #ddd; */
  background-color: #A7C7DB;
  padding: 14px 12px 14px 27px;
}

/* always ever active */
ul.menu ul.sub-menu > li.active a,
ul.menu ul.sub-menu li > a.active,
ul.menu ul.sub-menu li > span.active,
li.li-L2 > a.active,
li.li-L2 > span.active {
  color: #000;
  /* background-color: #A7C7DB; */
  /* background-color: #c2ecf3!important; */
  background-color: #ffd97e!important;
}

ul.menu ul.sub-menu ul.sub-menu li a,
ul.menu ul.sub-menu ul.sub-menu li span,
li.li-L3 a,
li.li-L3 span {
  color: #000;
  /* background-color: #ddd; */
  background-color: #d2e2ec;
  padding: 14px 12px 14px 44px;
}

ul.menu ul.sub-menu ul.sub-menu > li.active a,
ul.menu ul.sub-menu ul.sub-menu li > a.active,
ul.menu ul.sub-menu ul.sub-menu li > span.active,
li.li-L3 > a.active,
li.li-L3 > span.active  {
  color: #000;
  /* background-color: #ccdee9; */
  /* background-color: #90c7e4; */
    background-color: #c2ecf3!important;
}
ul.menu ul.sub-menu ul.sub-menu ul.sub-menu li a,
ul.menu ul.sub-menu ul.sub-menu ul.sub-menu li span,
li.li-L4 a,
li.li-L4 span  {
  color: #000;
  /* background-color: #eee; */
  background-color: #e3edf2;
  padding: 14px 12px 14px 64px;
}

ul.menu ul.sub-menu ul.sub-menu ul.sub-menu li.active,
ul.menu ul.sub-menu ul.sub-menu ul.sub-menu li > a.active,
ul.menu ul.sub-menu ul.sub-menu ul.sub-menu li > span.active,
li.li-L4 > a.active,
li.li-L4 > span.active  {
  color: #000;
  /* background-color: #e4edf3 */
  /* background-color: #c0def0 */
  background-color: #c2ecf3!important;
}
ul.menu ul.sub-menu ul.sub-menu ul.sub-menu li > a::before {
  content: "\f0da";
}

ul.menu > li > a:hover,
ul.menu ul.sub-menu a:hover,
a.no-underline:hover,
a.underline:hover  {
  color: #000;
  /* background-color: #A7C7DB; */
  text-decoration: none;
  /* background-color: #90c7e4;
  background-color: #c2ecf3!important; */
  background-color: #ffd97e!important;
}


/*** Secondary Menu ***/
.menu.Secondary-menu>li.menu-item-type-custom {}

  .menu.Secondary-menu>li.current-menu-custom a {
    color: #000 !important;
    background-color: #c2ecf3 !important;
  }

  .menu.Secondary-menu>li.menu-item-type-custom>a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 4px;
    margin-bottom: 4px;
    color: #000;
    background-color: #ebebeb;
    border-radius: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 12px;
    padding-left: 12px;
    display: block;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.3;
    font-family: 'Open Sans', sans-serif;
  }

  .menu.Secondary-menu>li.menu-item-type-custom .current-menu-item>a {
    background-color: #c2ecf3;
  }

  .menu.Secondary-menu>li.menu-item-type-custom>a:hover {
    color: #000;
    background-color: #c2ecf3;
  }

  .menu.Secondary-menu>li.menu-item-type-custom>a:active {
    color: #000;
    background-color: #c2ecf3;
  }

  .menu.Secondary-menu>li.menu-item-type-custom>a:before {
    content: '';
    color: #fff;
  }

  .menu.Secondary-menu {
    list-style: none;
  }

  /* Tagcloud Widget */
  .widget_tag_cloud .tagcloud {
    font-size: 14px;
    font-size: 0.875rem;
  }

  .widget_tag_cloud .tagcloud:before,
  .widget_tag_cloud .tagcloud:after {
    content: "";
    display: table;
  }

  .widget_tag_cloud .tagcloud:after {
    clear: both;
  }

  .widget_tag_cloud .tagcloud a {
    float: left;
    display: inline-block;
    margin: 0 2px 2px 0;
    padding: 0.3em 0.6em;
    text-decoration: none;
    font-size: 1.0em !important;
    border: 1px solid #2299cc;
  }

  .widget_tag_cloud .tagcloud a:link,
  .widget_tag_cloud .tagcloud a:visited {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
  }

  .widget_tag_cloud .tagcloud a:hover,
  .widget_tag_cloud .tagcloud a:active {
    color: #fff;
    background-color: #2299cc;
  }

  /* Theme Search Widget */
  .search-form {
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: right;
    width: 20%;
  }

  .search-form .screen-reader-text {
    display: none;
  }

  .search-form .search-field {
    display: inline-block;
    margin: 0;
    width: 50%;
    margin: 8px;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
  }

  .search-form .search-submit {
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    border-radius: 0 3px 3px 0;
    margin-top: 5px;
    width: auto;
    display: inline-block;
    margin-bottom: 0;
    -webkit-appearance: button;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    text-transform: none;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
    border: 1px solid #bbbbbb;
    font-weight: normal;
    height: 30px;
    -webkit-transition: none;
    font-family: 'Open Sans', sans-serif;
    padding: 1px 14px 1px 14px;
    /* float: right; */
    margin-left: -5px;
  }

  .search-form .search-submit:hover {
    color: #333333;
    text-decoration: none;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
  }


  .search-form .search-submit .genericon-search:before {
    content: 'Search';
  }

  .screen-reader-only {
    position: absolute;
    height: 1px;
    width: 1px;
    clip: rect(1px 1px 1px 1px); // IE 6 and 7
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
    -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
    overflow: hidden !important;
  }



  .widget.shortcodes-ultimate {
    border-color: #dac699;
  }

  .widget.shortcodes-ultimate>.widget-header {
    visibility: hidden;
    height: 0px;
  }

  .borderDotted {
    border-top: 2px dotted #666;
    margin: 10px 0;
    padding: 10px 0;
  }

  .plusMenu {
    color: #2299cc;
    display: inline-block;
    font-size: 18px;
    margin: 0 0 0 -8px;
    position: absolute;
    /* font-family: Open Sans Bold; */
  }

  .plusMenuRead {
    display: inline;
  }

  .plusRead {
    display: inline;
  }

  .fa-caret-right:before,
  .fa-caret-down:before {
    color: #025D99;
    display: inline-block;
    font-size: 18px;
    margin: 0 0 0 -8px;
    padding: 0 5px;
  }

  .fa.fa-download.fa-lg {
    width: 18px;
  }

  .publications {
    border: 2px solid #eee;
    overflow: auto;
    padding: 0.4em;
  }

  .restricted-use {
    border: 2px solid #eee;
    overflow: auto;
    padding: 8px;
  }
  .restricted-use h3 {
    color: #000000;
    font-family: 'Roboto', Tahoma, Arial;
    font-size: 14px;
    font-weight: bold;
    line-height: 21px;
    margin: 0 0 4px 0;
    padding: 0;
    text-transform: uppercase;
  }

  .feature-links {
    margin-bottom: 60px;
  }

  /* custom box size .org page styles */
  .box-1 {
    padding: 0;
    /*width:23%; */
  }

  #wrapper {
    /* reset width */
    max-width: 1028px;
  }

  .landing .content {
    padding: 1.2em;
  }

  .sub-content {
    margin-left: 0;
  }

  /* citation publications .org encyclopedia */
  .suggestion-head {
    text-align: center;
    margin: 0px 0 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
  }

  p.suggestion-text {
    font-family: "Open Sans", Helvetica, sans-serif;
    font-size: 12px;
    color: #666666;
    line-height: 18px;
  }

  .suggestion-text a:link,
  .suggestion-text a:visited,
  .copyrightInfo a:link,
  .copyrightInfo a:visited {
    color: #000000;
    font-style: normal;
    text-decoration: underline;
  }
  .suggestion-text a {
    word-break: break-word;
  }
  .list-unstyled {
    padding-left: 0;
    list-style: none;
  }
  .list-unstyled li {
    padding-bottom: 0.5rem;
  }
  a.individualChapters:link
  a.downloadLink,
  .intro a:link,
  .intro a:visited {
    /* display: block; */
    /* margin-left: 8px; */
    /* color: #2299cc; */
    color: #025D99;
    font-size: .97rem;
    text-decoration: none;
  }
  a.downloadLink {
    /* display: block;
    line-height: 150%;
    margin: 0 0 20px 0; */
    line-height: 2rem;
  }
  a.individualChapters:hover,
  a.downloadLink:hover {
    text-decoration: underline;
  }
  .downloadLink em {
    font-weight: 700;
  }
  .copyrightInfo a {
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: 600;
    margin-top: 20px;
    text-align: center;
  }
  .intro {
    margin-bottom: 10px;
    /* padding-top: 20px; */
  }

  .copyrightInfo {
    line-height: 125%;
    margin: 13px 16px;
  }

  /* buttons */
  .aboutTIMSS-download {
    text-align: center;
    background-color: #fff;
    font-weight: bold;
    text-decoration: none !important;
    -moz-box-sizing: content-box !important;
    transition: all .2s;
    -o-transition: all .2s;
    -ie-transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    color: #4dbfd4 !important;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding: 4px 10px 2px;
    border: 2px solid;
    line-height: 20px;
    border-color: #4dbfd4;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: none;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
  }

  .homeButton a {
    background-color: #009fbd;
    border: 2px solid #4dbfd3;
    font-family: 'Roboto', sans-serif;
    padding: 4px 10px;
    text-transform: uppercase;
    color: #ffffff;
    border-radius: 5px;
    margin-right: 4px;
    position: absolute;
    bottom: 4px;
    right: 0;
  }


  /*2016 questionnnaires styles */
  .covers {
    margin-left: 0;
    padding-bottom: 6px;
  }

  .covers h2 {
    font-size: 20px;
    padding-bottom: 6px;
  }
  .covers div:first-child {
    padding-right: 2px;
  }

  .covers div:last-child {
    padding-left: 6px;
    padding-right: 0;
  }

  blockquote {
    line-height: 130%;
    margin-left: 20px;
  }

  h3 {
    font-size: 17px;
    font-weight:501;
  }

  h4 {
    font-size: 18px;
  }

  /*
  .video img {
  width: 85%;
}
*/
.intro li {
  padding-bottom: 0.5rem;
}

.publications h2 {
  text-transform: none;
  margin: 0;
}

.publications h2 a {
  color: #00A3C1;
}

.publications img {
  padding-right: 8px;
  width: 80px;
}

/*grab bs icon */
.icon-plus {
  background-position: -408px -96px;
}

.icon-white,
.nav-tabs>.active>a>[class^="icon-"],
.nav-tabs>.active>a>[class*=" icon-"],
.nav-pills>.active>a>[class^="icon-"],
.nav-pills>.active>a>[class*=" icon-"],
.nav-list>.active>a>[class^="icon-"],
.nav-list>.active>a>[class*=" icon-"],
.navbar-inverse .nav>.active>a>[class^="icon-"],
.navbar-inverse .nav>.active>a>[class*=" icon-"],
.dropdown-menu>li>a:hover>[class^="icon-"],
.dropdown-menu>li>a:hover>[class*=" icon-"],
.dropdown-menu>.active>a>[class^="icon-"],
.dropdown-menu>.active>a>[class*=" icon-"] {
  background-image: url(../img/glyphicons-halflings-blue.png);
}

.icon-plus {
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  -o-transform: scale(.9);
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url(../img/glyphicons-halflings.png);
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

/*

* Row with equal height columns
* --------------------------------------------------
*/
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.banner {
  /* margin-top: 12px;
  width: 710px;*/
  padding-bottom: 1em;
  width: 100%
}

/*
* Intl Database Styles
* --------------------------------------------------
*/
.database .content {
  padding: 1.2em;
}

.database .box-2 {
  padding-left: 1.8em;
  padding-right: 0;
}

/*------------widget advanced styles ----*/
.advanced .menu>li.menu-item-type-post_type>a:hover,
.advanced .menu>li.menu-item-type-custom>a:hover {
  /* background-color: #C2F3DC; */
  background-color: #9B8F71
}

.advanced .menu>li.current-menu-item a,
.advanced .menu>li.current-page-ancestor>a {
  /* background-color: #C2F3DC !important; */
  background-color: #9B8F71;
}

.advanced .menu>li.menu-item-type-post_type>a,
.advanced .menu>li.menu-item-type-custom>a {
  background-color: #ebebeb;
}

.advanced .widget {
  border: 2px solid #1FA67A;
}

.advanced .plusMenu {
  color: #006544;
}

/*------------ advanced styles from .org----*/
.advanced .features a:link,
.advanced .news a:link,
.advanced .features a:visited,
.advanced .news a:visited {
  color: #1FA67A !important;
}

.advanced div.breadcrumbs-landing a {
  color: #1FA67A;
}

.advanced .table {
  border-top: 5px solid #1FA67A;
}

.advanced .sidebar li li a {
  color: #1FA67A;
}

/* adv button color from org background and border from lines in org table about page */
.advanced .homeButton a {
  background-color: #1FA67A;
  border-color: #8ad2ba;
}

.advanced .publications h2 a {
  color: #1FA67A;
}

.advanced .aboutTIMSS-download {
  color: #1FA67A !important;
  border-color: #1FA67A;
}

/*--------------------------------------------------------------
# 2.0 - Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea,
p,
.content {
  /* color: #404040; */
  /* font-family: 'Roboto', Tahoma, Arial; */
  font-family: 'Open Sans', sans-serif !important;
  /*added 10/17/2019 */
  font-size: 1rem;
  line-height: 1.5;
}

b,
strong {
  font-weight: bold;
}

.coverFrameworks {
  max-width: 320px;
  max-height: 400px;
}

/* methods 2019 pages */
#menu-item-reporting a:after,
#menu-item-data a:after,
#menu-item-sampling a:after,
#menu-item-instrument a:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0;
  vertical-align: .255em;
  content: none;
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}

/*----styles fonts in links ------*/
.col-right p {
  padding-right: 0px !important;
  font: 13px/1.7em 'Open Sans';
}

.embed-pdf p {
  /* font-family:  "Open Sans", sans-serif; */
  font-size: .9rem;
  line-height: 1.5rem;
}
.chapTitle {
  /* text-transform: uppercase */
  font-size: 1.3rem;
  margin-bottom: .25rem;
}
p.authors {
  /* margin-top: -.5rem; */
  font-weight: 500;
  margin: auto 0 auto 2px;
}
h1.heading + p.authors {
  font-weight: 700
}


/*-----------------
landing pirls 2021
----------------*/
.menu span {
  color: #555;
  display: block;
  font-style: italic;
  font-weight: normal;
}

.landing h1,
.database h1 {
  border-bottom: 1px #da0010 solid;
  margin: 0 208px 1% 0;
  /*padding-right: 75px; */
}

.schedule {
  padding-left: 25px;
}

.schedule21 {
  padding-left: 15px;
}

.table21 {
  padding-top: 0;
}

.widget_schedule h3.widget-title {
  text-align: left;
  padding: .2em 18px;
}

.widget_schedule li.menu-item-type-custom {
  background-color: #ffffff;
  padding-left: 18px;
  padding-right: 4px;
  font-size: 14px;
}

.widget_schedule ul {
  margin: 0;
  padding: 4px 0 6px 0;
}

.widget_schedule ul span {
  /* color: #A7C7DB; */
  color: #005d99;
  display: inline;
  font-style: normal;
}

.widget_schedule ul li {
  line-height: 1.35em;
}

.box-2 h2 {
  font-style: italic;
  text-transform: none;
  color: #da0010;
  margin-top: 0;
}

.schedule h2 {
  color: #000000;
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: bold;
  line-height: 120%;
  margin: 0 -5px .8% 0;
  font-size: 18px;
  padding-top: 0;
  text-align: left;
  text-transform: uppercase !important;
  padding-bottom: 0;
}

.img-header {
  margin-left: 20px;
  margin-bottom: 10px;
}

#menu-item-more .sub-menu {
  clear: right;
  padding-top: 6px;
}

.tablet {
  width: 120px;
}

.stats {
  border-top: 2px solid #00A3C1;
  margin-bottom: 0;
}

.domains {
  float: right;
  margin-left: 20px;
  max-width: 60%;
  font-size: small;
}

.domains .right {
  border-left: 10px;
  border-left-color: #fff;
  border-left-style: solid;
  width: 10%;
}

.domains .even td {
  border-left: 10px;
  border-left-color: ##d8e2ea;
  border-left-style: solid;
}

.domains .odd .category {
  width: 35%;
}

td {
  width: 9%;
  /*3 evenly sized columns*/
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 4px;
}

.stats>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  border-top: none;
  border-bottom: none;
}

.stats span {
  color: #00A3C3;
}

.stats thead {
  font-weight: bold;
  ;
}

p.more,
ul.more,
div.more {
  display: none;
}

a.readmorebtn {
  color: #00A3C1;
  min-width: 110px;
}

.pad-right {
  padding-right: 20px;
}

.pad-bottom {
  padding-bottom: 20px;
}

.pirls-landing,
.pirls-landing h1,
.database h1,
.pirls-landing h2,
.database h2,
.pirls-landing h3,
.database h3 {
  font-family: 'Open Sans', sans-serif !important;
}

.pirls-landing h1,
.database h1 {
  font-weight: 700;
}

.pirls-landing ul,
.pirls-landing li {
  font-size: 14px;
}

.pirls-landing ul,
.pirls-landing li {
  color: #000000;
}

.turtles {
  width: 100%;
  height: auto;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}

.pirls-landing.feature-links {
  margin-bottom: 0;
}

.brochure img {
  max-width: 250px;
  padding-bottom: 10px;
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
}

.brochure a strong {
  color: #da0010;
  font-family: 'Open Sans', sans-serif;
  padding-top: 20px;
  text-transform: none !important;
}

.brochure a:hover strong {
  color: #da0010 !important;
  text-decoration: underline;
}

.brochure .textlink {
  line-height: 1.25;
  padding-left: 40px;
  padding-right: 40px;
}

/* ******************** FROM WP 2015 ******************** */
.aboutTIMSS{
  padding: 15px 15px 5px;
  background-color: #d4f2f7;
  font-size: 13px;
}
.aboutTIMSS-heading{
  background-color: #2d5c88;
  margin: -15px -15px 10px!important;
  padding: 8px 15px 5px;
  font-family: 'Hammersmith One', Tahoma, Arial;
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  text-align: center;
}
.aboutTIMSS-subheading{
  text-align: center;
  padding: 8px;
  border-top: 2px dotted #2d5c88;
  border-bottom: 2px dotted #2d5c88;
  font-size: 15px;
  font-family: 'Hammersmith One', Tahoma, Arial;
  text-transform: uppercase;
}

.aboutTIMSS-heading span{
  color: #ddd;
  text-transform: capitalize;
  font-family: 'Roboto', Tahoma, Arial;
}

.aboutTIMSS-cols{
  -webkit-columns: 300px 2;
  -moz-columns: 300px 2;
  columns: 300px 2;
  text-align: justify;
}

.aboutTIMSS-download{
  text-align: center;
  background-color: #fff;
  font-weight: bold;
  text-decoration: none !important;
  -moz-box-sizing: content-box !important;
  transition: all .2s;-o-transition: all .2s;
  -ie-transition: all .2s;
  -moz-transition: all .2s;
  -webkit-transition: all .2s;
  color: #2d5c88!important;
  text-transform: uppercase;
  font-size: 14px;padding: 4px 10px 2px;
  border: 2px solid;line-height: 20px;
  border-color: #4dbfd4;border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  text-shadow: none;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
}

/* **************** Edits to "tabby.css" WP plugin *************** */


.responsive-tabs-wrapper{
}

.responsive-tabs-wrapper .corresponding img {
  max-width: 100%;
}

/* materials IO design */
/* @keyframes mdc-ripple-fg-radius-in {
    from {
        animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)
    }

    to {
        transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
    }
}

@keyframes mdc-ripple-fg-opacity-in {
    from {
        animation-timing-function: linear;
        opacity: 0
    }

    to {
        opacity: var(--mdc-ripple-fg-opacity, 0)
    }
}

@keyframes mdc-ripple-fg-opacity-out {
    from {
        animation-timing-function: linear;
        opacity: var(--mdc-ripple-fg-opacity, 0)
    }

    to {
        opacity: 0
    }
} */

.flex-container {
  display: flex;
  /* flex-wrap: nowrap; */
  /* width: auto; */
  /* justify-content: space-around; */
  align-items: center;

}

.mdc-card {
  border-radius: 3px;
  background-color: rgba(0,0,0,.03);
  /* background-color: var(--mdc-theme-surface, #fff); */
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0,0,0,.12);
  box-sizing: border-box;
  flex-grow: 1;
  /* flex-shrink: 0; */
  position: relative;
  text-align: center
}
.flex-container .mdc-card:last-of-type {
  margin-right: 0;
  /* flex-grow: 1;
  flex-shrink: 0; */
}
.demo-card {
  margin-right: 10px;
  margin-top: 15px;
}
.mdc-card-wrapper__text-section {
  padding: 16px;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align:middle;
  background-color: rgba(0,0,0,.02)
}

.demo-card__title {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1rem;
  line-height: 1.25rem;
  /* font-weight: 500; */
  font-weight: 700;
  letter-spacing: .0125em;
  text-decoration: inherit;
  text-transform: inherit;
}
.demo-card__supporting-text {
  font-family: Roboto, sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: .78rem;
  line-height: 1.2rem;
  font-weight: 400;
  letter-spacing: .0178571429em;
  text-decoration: inherit;
  text-transform: inherit;
  padding:8px 0;
}
a.mdc-card.exhibit-button,
div.mdc-card.exhibit-button {
  background: #ddd;
  display: inline;
  float: left;
  position: relative;
  padding: .3rem 1.25rem;
  margin-right: 10px;
  margin-bottom: 15px;
  /* background: pink */
}
a.mdc-card.exhibit-button.highlight{
  background-color: #c2ecf3;
}
a.mdc-card.exhibit-button.highlight::after {
    border-color: #c2ecf3 transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 10px;
    content: "";
    display: block;
    left: calc(40%);
    position: absolute;
    top: 100%;
    width: 0;
}


/* TIMSS 2019 specific ----- */
.mdc-card.download-center-card {
  min-width: 120px;
  max-width: 120px!important;
  }
.mdc-card.download-center-card div{
  font-size: .9rem;
}
ul.content-switcher {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}
ul.content-switcher li{
  background-color: rgba(0,0,0,.03);
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0,0,0,.12);
  border-radius: 4px;
  margin: 10px 0;
  padding: 6px;
  /* transition: all .2s ease-in-out; */
  width: 475px;
}
ul.content-switcher li a{
  background: none;
  line-height: 1.5rem;
  padding: .5rem;
}
ul.content-switcher li.highlight,
ul.content-switcher li:hover,
a.mdc-card:hover,
.highlight {
  /* background-color: #e1eff8; */
  background-color: #c2ecf3;
}

.single-icon {
  float: left;
  margin: 12px 12px 0 0!important;
}

/* Exhibits frame */
.exhibits-container{
  background-color: #fff;
  border: 3px solid #fadd9c;
  border-radius: 4px;
  padding: 15px;
}
.exhibits-container img {
  padding: 10px;
  border: 1px solid #999
}
.exhibits-container .tray-hidden {
  position: relative;
  margin-top: 10px
}
.exhibits-container .tray-hidden a {
  border-radius: 4px;
  padding: 5px;
  background: #333;
  color: white;
}
ul.exhibits-tabs{
  list-style: none;
  margin:0;
  padding: 0;
  position: relative;
  top: -3px;
  z-index: 2
}
ul.exhibits-tabs li{
  float: left;
  margin: 0 4px 0 0;
}
ul.exhibits-tabs li a{
  background: #fadd9c;
  border-top: 3px solid #fadd9c;
  border-left: 3px solid #fadd9c;
  border-right: 3px solid #fadd9c;
  border-bottom: 3px solid #fadd9c;
  border-radius: 4px 4px 0 0;
  cursor: pointer;
  font-weight: 600;
  padding: 12px 10px;
  margin: 0;
  color: #222!important;
  /* text-decoration: underline!important; */
}
ul.exhibits-tabs li a.active{
  background: #fff;
  border-bottom: 3px solid #fff;
  color: #333!important;
}

/* SPACING ----- */
.w-30 {
  width: 30%
}
@media (max-width: 767.98px){
  .col-md-3 {
    order: 3;
    -webkit-order: 3
  }
  .col-md-9 {
    order: 1;
    -webkit-order: 1
  }
}

@media(max-width: 520px) {
    .flex-container {
        max-width:100%;
        justify-content: center;
        width: calc(100% - 47px);
        flex-wrap: wrap;
    }
    .flex-container .mdc-card {
      margin-right: 0;
      font-size: .6em
    }


  }