body{
	font-family: 'Roboto', Helvetica, Arial, sans-serif!important;
	font-size:16px!important;
  height: 100%;
}

html {
  height: 100%;
}


.geography_quiz_archive_form{
  background-color: #222222;
}

.contentContainer{
	border: none!important;
}

#order_admin_nav{
	margin:15px 0 0 15px; 
}

input{
  border: 1px solid #222222;
}

.cftclessonthumb{
  width: 200px;
}

.breadcrumb_area{
  font-size: 13px!important;
  padding: 16px;
  border-bottom: 1px solid lightgrey;
}

.breadcrumb_area a {
  color: black;
}

/*Fix the admin search results*/
table{
	font-size:12px !important;
}

        body {
          margin: 0;
          font-family: Arial, Helvetica, sans-serif;
          text-align: center;
        }


        body, .main_content, .span-24, p, div{
          font-size: 16px!important;
        }

        

        .full_wrap{
          text-align: left;
          width: 950px;
          margin-left: auto;
          margin-right: auto;
        }


/*navigation*/
        .topnav, .mobile_header_top_nav {
          overflow: hidden;
          background-color: #222222;
        }

        .topnav a, .mobile_header_top_nav a{
          float: left;
          display: block;
          color: #f2f2f2;
          text-align: center;
          padding: 14px 16px;
          text-decoration: none;
          font-size: 17px;
        }

        .topnav a:hover, .mobile_header_top_nav a:hover {
          background-color: #ddd;
          color: black;
        }

        .topnav a.active, .mobile_header_top_nav a.active {
          background-color: #4b80c2; /*#f67421*/
          color: white;
        }

        .topnav .icon {
          display: none;
        }

        .topnav .mobile_nav_item{
          display: none;
        }

        .mobile_header, .mobile_sponsors, .mobile_footer{
            display:none;
          }

        .desktop_header, .desktop_sponsors, .desktop_footer{
            display:block;
          }

        .desktop_sponsors{
          width:950px;
          margin-left: auto;
          margin-right: auto;
        }  

        .sponsor_area, .footer{
          text-align: center;
        }

        .sponsor_area h2{
          margin-bottom: 0px;
        }
        
        .footer{
          color: white;
          background-color: #4b80c2;
          padding: 8px 0 8px 0;
          margin-top: 15px;
          clear: both;
        }

        .footer a{
          color: white;
        }

        .user_links{
          position: absolute;
          top: 10px;
          right: 10px;
          font-size: 18px;
          font-weight: bold;
          color: white;
          display: block;
        }

        .user_links a, .mobile_user_links a {
          color: white;
          font-weight: bold;
          font-size: 18px;
        }

        .mobile_user_links{
            display: none;
        }

        .header{
          width: 950px;
          position: relative;
        }

        .bottom_link_image{
          position: relative;
        }

        .bottom_links{
          display: block;
          position: absolute;
          top: 8px;
          right: 8px;
          color: white;
        }

        .bottom_links a {
          color: white;
          font-weight: bold;
          font-size: 18px;
        }

        .bottom_links h2{
          color: #f67421;
          margin-top: 4px;
          margin-bottom: 10px;
        }


        .weekly_container {
          display: grid;
          gap: 2px;
          grid-template-columns: 314px 314px 314px;
          background-color: lightgrey;
          padding: 2px;
          font-size: 11px;
          height: fit-content;
          width: fit-content;
        }

        .weekly_item {
          background-color: white;    
          box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
          padding: 10px;  
        }

        .weekly_item.last {
          grid-column-start: 2;
          grid-column-end: 4;
        }

        .onlineextras{
          font-size: 20px; 
          font-weight: bold;
          background-color: lightgrey;
          color: #222222;
          padding: 5px;
          margin-top: 10px;
        }

        .onlineextras small {
          color: #4b80c2;
          font-weight: normal;
        }

/*page styling*/
        .contact_container{
          float: left;
          margin-left: 10px;
          width: 350px;
        }

        .contact_container2{
          background-color:#4b80c2;
          color: white; 
          padding:10px;
          text-align: center;
          clear: left;
        }

        .feedback_button{
          background-color: #449900;
          color: white;
          padding: 5px;
          margin: 25px 0 25px 0;
          width:195px;
          text-align: center;
          text-decoration: none!important;
        }

        .feedback_button_link, .feedback_button_lnk:hover{
          text-decoration: none!important;
        }

        .sponsor_button{
          background-color: #4b80c2;
          color: white;
          padding: 5px;
          width: 155px;
          text-align: center;
          margin-bottom: 25px;
        }

        .support_smtext{
          margin-top: -15px;
          font-size: 12px;
        }

        .sponsor_subhead{
          font-weight:bold;
          color: #4b80c2;
          font-size: 18px;

        }

        .support_call_out{
          padding: 12px;
          color: white;
          font-weight: bold;
          font-size: 20px;
          background-color: #449900;
          text-align: center;
        }

        .quote_box, .quote_box2{
          padding-bottom: 5px;
          padding-top: 10px;
          padding-left: 10px;
          padding-right: 10px;
        }

        .quote_box2{
          background-color: #4b80c2;
          color: white;
        }


        .secondary_nav{
          background-color: #4b80c2;
          color: white;
          font-weight: bold;
          padding: 8px 0 8px 15px;
        }

        .secondary_nav a{
          color: white;
          font-weight: normal;
        }

        .mobile_header_top_nav{
            display: none;
        }

        .topnav.mob{
          display: none;
        } 
        .topnav.reg{
            display: block;
          }  

         .topnav_mob{
          display: none;
         } 

         #menuToggle{
          display: none;
         }

         .spacer{
          display: none;
         }

/*mobile*/
        @media screen and (max-width: 950px) {
          .topnav a:not(:first-child) {display: none;}
          .topnav a.icon {
            /*float: left;*/
            display: block;
          }
     
          .topnav.responsive {position: relative;}
          
          .topnav.reg{
            display: none;
          }

          .topnav.mob{
            display: block;
            -webkit-overflow-scrolling: touch;
            width: 375px;
            top: 0;
            left: 0;
          } 

          .topnav.responsive a {
            float: none;
            display: block;
            text-align: left;
          }

          .topnav .mobile_nav_item{
            display: block;
          }

          .topnav_mob{
            display: block;
            width: 375px;
            height: 44px;
            padding: 8px;
            position: fixed;
            top: 0px;
            -webkit-overflow-scrolling: touch;
            background-color: #222222;
          }

          .topnav_mob a:not(:first-child) {display: none;}
          .topnav_mob a.icon {
            display: block;
          }

          .sticky {
            position: fixed;
            top: 0;
            width: 100%;
          }

          .onlineextras{
            width: 349px;
          }

          .weekly_container {
            grid-template-columns: 355px;
          }

          .mobile_header, .mobile_sponsors, .mobile_footer{
            display:block;
            width: 375px;
          }

          .mobile_header_logo1{
            position: absolute;
            left: 55px;
            height: 28px;
          }

          .mobile_header_logo2{
            position: absolute;
            left: 150px;
            height: 28px;
          }

          .desktop_header, .desktop_sponsors, .desktop_footer{
            display:none;
          }
          

          .mobile_header img{
            margin-top: 44px;
          }

          .mobile_header_top_nav{

            position: fixed;
          
          }

          iframe {
            width: 300!important;
          }


.geomapimg{width: 330px;}

#video, .sp_visual_vid {
    position: relative;
    padding-bottom: 56.25%; /* - 16:9 aspect ratio*/
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    height: auto!important;
}

#video iframe, #video object, #video embed,.sp_visual_vid iframe, .sp_visual_vid object, .sp_visual_vid embed {
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




          .full_wrap, .header{
          width: 375px;
          }

          .user_links{
            display: none;
          }

          .mobile_user_links{
            display: block;
            background-color: #f67421;
            text-align: center;
            padding: 4px 0 4px 0;
            color: white;
            font-weight: bold;
            position: fixed;
            top: 43px;
            width: 375px;
          }

        .menu_icon {
         display: inline-block;
          cursor: pointer;
        }

        .bar1, .bar2, .bar3 {
          width: 28px;
          height: 3px;
          background-color: #888;
          margin: 3px 0;
          transition: 0.4s;
        }

        .change .bar1 {
          -webkit-transform: rotate(-45deg) translate(0px, 7px);
          transform: rotate(-45deg)  translate(0px, 7px);

        }

        .change .bar2 {opacity: 0;}

        .change .bar3 {
          -webkit-transform: rotate(45deg) translate(-1px, -9px);
          transform: rotate(45deg) translate(-1px, -9px);
        }

        .main_content{
          padding: 0 8px 0 8px;
          max-width: 349px;
        }

        .pulse_top_left img {
          width: 150px;
        }

        .pulse_top_left{
          width: 150px;
        }

        .pulse_top_right{
          clear: left;
        }

        .pulse_top_area hr{
          clear: left;
          width: 359px;
        }

        .weekly_item.last {
          grid-column-start: 1;
          grid-column-end: 2;
        }

        .nasa_image{
          max-width: 339px;
        }

        .special_report_description img {
          max-width: 300px;
        }

        .sp_visual iframe {
          max-width: 344px;
        }

        fieldset table{
          max-width: 344px!important;
        }

        .secondary_nav, .secondary_nav a{
          display: none;
        }
        

        /*New Hamburger Menu*/

        /* was 43 before I moved up the orange menu */
        .spacer{
          height: 74px;
          display: block;
        }

        #menuToggle
        {
          display: block;
          position: fixed;
          z-index: 1;
          padding: 8px;
          -webkit-user-select: none;
          user-select: none;
          width: 359px;
          background-color: #222222;
        }

        #menuToggle a
        {
          text-decoration: none;
          color: #232323;
          transition: color 0.3s ease;
        }

        #menuToggle a:hover
        {
          color: tomato;
        }

        #menuToggle input
        {
          display: block;
          width: 40px;
          height: 32px;
          position: absolute;
          top: -7px;
          left: -5px;
          cursor: pointer;
          opacity: 0; 
          z-index: 2; 
          -webkit-touch-callout: none;
        }


        #menuToggle span
        {
          display: block;
          width: 33px;
          height: 4px;
          margin-bottom: 5px;
          position: relative;
          background: #cdcdcd;
          border-radius: 3px;
          z-index: 1;
          transform-origin: 4px 0px;
          transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                      background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
                      opacity 0.55s ease;
        }

        #menuToggle span:first-child
        {
          transform-origin: 0% 0%;
        }

        #menuToggle span:nth-last-child(2)
        {
          transform-origin: 0% 100%;
        }


        #menuToggle input:checked ~ span
        {
          opacity: 1;
          transform: rotate(45deg) translate(-2px, -1px);
          background: #232323;
        }


        #menuToggle input:checked ~ span:nth-last-child(3)
        {
          opacity: 0;
          transform: rotate(0deg) scale(0.2, 0.2);
        }


        #menuToggle input:checked ~ span:nth-last-child(2)
        {
          transform: rotate(-45deg) translate(0, -1px);
        }


        #menu
        {
          position: absolute;
          width: 300px;
          margin: -100px 0 0 -50px;
          padding: 50px 50px 100px 50px;
          padding-top: 94px;
          background: #ededed;
          list-style-type: none;
          -webkit-font-smoothing: antialiased;
          transform-origin: 0% 0%;
          transform: translate(-100%, 0);
          transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
          overflow-y: scroll;
          -webkit-overflow-scrolling: touch;
          height: 568px;
        }

        #menu li
        {
          padding: 10px 0;
          font-size: 22px;
        }

        #menuToggle input:checked ~ ul
        {
          transform: none;
        }