/* General CSS Break Points Used: 321 (To fit resource list over hero image) 360 (To fit resource list over hero image) 481 (Regular breakpoint) 561 (To fit resource list over hero image and alignment for login success block). 650 (Specific to book sample block) 768 (Regular breakpoint, to override bootstrap functionality that displays mobile nav at 768) 769 (Regular breakpoint) 992 (Regular breakpoint) 1024 (To fix few issues in landscape mode on iPad) 1025 (Regular breakpoint) 1100 (Specific to book sample block) 1200 (Regular breakpoint) Sections: Button styles Animations Video embed styles Loading bar Star rotation Hero Image Header Login Block Main Content Block Footer See All page Book details page About page Login and Register popups Games page Parent Home page Help page Kids Adventureclub newsletter Account page Teacher Home page Teacher Resource page Classroom Challenge page Educator of the year Winners page Age verify popup Browser fixes Media Queries Buttons: Default Button: mth_btn Has styles for background, hover effect, click effect and default font sizes Child page buttons: Use combination of mth_btn and child_btn. Example: PLAY NOW Parent page buttons: Use combination of mth_btn and parents_btn. Example: Learn More Teachers page buttons: Use combination of mth_btn and teachers_btn. Example: All Resources Parent/teachers/child home page widgets share common code. So parents_btn class is used for that. But it is overridden in child and teacher pages based on the class attached to body. Buttons specific to ninja forms have seperate CSS as the classes come from ninja form and we cannot add classes to it. Buttons in help page have same widths. These are handled by a separate class called 'help_buttons_block' to override some of the properties of mth_btn and parents_btn. FAQ Buttons in games page have same widths. These are handled by a separate class called 'game_btn' to override some of the properties of mth_btn. PLAY Book details page buttons have same widths. These are handled by a separate class called '.bd_btns_block a' to override the mth_btn defalt width. Example: BuyBuyBuy .mth_anim_btn is used for animation purpose. Login and Register modal boxes have seperate button styles. Some of them are below. .green_large_btn input[type="submit"], .green_large_btn input[type="button"], .grey_large_btn a Example:
New to Magic Tree House
*/ html.ie10, html.ie11 { overflow: hidden; height: 100%; } body.ie10, body.ie11 { overflow: auto; height: 100%; } html[lang] { margin-top: 0 !important; /* It should overwrite the wordpress default css */ } body { padding: 0; margin: 0; font-size: 18px; line-height: inherit; font-family: 'Myriad Pro'; color: #333; background:#fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body.modal-open{ padding-right: 0px !important; /* It should overwrite the bootstrap modal popup css when modalbox is open */ position: fixed; overflow-y: scroll; width: 100%; } * { outline: none !important; /* It should overwrite the browser default border */ } select::-ms-expand { display: none; } h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; padding: 0; font-family: 'Futura LT Pro Medium'; } h1, .default_content h1 { font-size: 24px; } h2, .default_content h2 { font-size: 20px; } h3, .default_content h3 { font-size: 18px; } h4, .default_content h4 { font-size: 16px; } h5, .default_content h5 { font-size: 14px; } .default_content ul, .default_content ol { margin-left: 15px; padding: inherit; } .default_content h1.entry-title { text-align: center; } .default_content a { text-decoration: underline; color: inherit !important; /* It should overwrite the wordpress default style */ cursor: pointer; } .default_content a:hover{ color: #000; text-decoration: none; } a:hover, a:focus { text-decoration: underline; color: #333; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-property: color; -moz-transition-property: color; transition-property: color; } p { margin-bottom: 10px; } .error { color: red; font-size: 14px; } .clear { clear: both; } .site-branding { padding: 10px 0; } .site-content { padding: 0px; } .site-content-contain { margin-top: 50px; } /* Widget overwrite css for wordpress default styles */ .widget { padding: 0 !important; /* It should overwrite for wordpress default widget styles */ } .widget ul li { border: none !important; /* It should overwrite for wordpress default widget styles */ } .widget ul li a, .widget ul li a:hover { box-shadow: none !important; /* It should overwrite for wordpress default widget styles */ } .widget a:focus, .widget a:hover{ box-shadow: none !important; /* It should overwrite for wordpress default widget styles */ } /* Section: Button styles */ .mth_btn { height: 46px; line-height: 48px; font-family: 'Futura LT Pro Medium'; font-size: 18px; color: #32445F; padding: 0 15px; text-decoration: none; display: inline-block; cursor: pointer; text-align: center; background: #fac826; border:none; -webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -ms-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); /* Old browsers */ background: -moz-linear-gradient(left, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fac826', endColorstr='#fffacb', GradientType=1); /* IE6-9 */ -webkit-transition: all 0ms ease-in; /*-webkit-transform: scale(1); -ms-transition: all 0ms ease-in; -ms-transform: scale(1); -moz-transition: all 0ms ease-in; -moz-transform: scale(1); transition: all 0ms ease-in; transform: scale(1); */ } .mth_btn:hover{ color: #000; text-decoration: none; /*-webkit-transition: all 0ms ease-in; -webkit-transform: scale(1.05); -ms-transition: all 0ms ease-in; -ms-transform: scale(1.05); -moz-transition: all 0ms ease-in; -moz-transform: scale(1.05); transition: all 0ms ease-in; transform: scale(1.05);*/ background: #fac826; /* Old browsers */ background: -moz-linear-gradient(left, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fac826', endColorstr='#fffacb', GradientType=1); /* IE6-9 */ } .mth_btn:focus{ text-decoration: none; } @-moz-document url-prefix() { .mth_btn { height: 45px; line-height: 47px; } .mth_btn.child_btn { height: 46px; line-height: 49px; } } .ie10 .mth_btn, .ie11 .mth_btn{ line-height: 54px; } .mth_safari .mth_btn{ line-height: 44px; } .mth_mac_chrome .mth_btn{ line-height: 45px; } .child_btn{ -webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -ms-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); color: #245F3E; font-family: 'Futura LT Pro Bold'; } .child_btn:hover{ color: #000; -webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -ms-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); } .child_btn:focus{ color: #245F3E; text-decoration: none; } .parents_btn, .parents_btn:focus{ color: #32445F; text-shadow: none; line-height: 48px; height: 45px; } .teachers_btn, .teachers_btn:focus{ text-shadow: none; color: #3B2C60; text-decoration: none ; line-height: 48px; height: 45px; } @-moz-document url-prefix() { .parents_btn, .parents_btn:focus, .teachers_btn, .teachers_btn:focus{ line-height: 48px; } } .mth_safari .parents_btn, .mth_safari .parents_btn:focus, .mth_safari .teachers_btn, .mth_safari .teachers_btn:focus, .mth_mac_chrome .parents_btn, .mth_mac_chrome .parents_btn:focus, .mth_mac_chrome .teachers_btn, .mth_mac_chrome .teachers_btn:focus{ line-height: 46px; height:45px; } .mth_mac_ff .parents_btn, .mth_mac_ff .parents_btn:focus, .mth_mac_ff .teachers_btn, .mth_mac_ff .teachers_btn:focus{ line-height: 48px; height: 45px; } input[type="submit"], input[type="button"] { line-height: 29px; font-family: 'Futura LT Pro Medium'; font-size: 28px; min-width: 194px; min-height: 46px; font-weight: inherit; } .mth_btn:active, .child_btn:active, button.fileinput-button, .newsletter_form input[type="submit"], input[type="submit"], input[type="button"] { color: #32445F; border: none; border-radius: inherit; background: #fac826; -webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -ms-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); /* Old browsers */ background: -moz-linear-gradient(left, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fac826', endColorstr='#fffacb', GradientType=1); /* IE6-9 */ -webkit-transition: all 0ms ease-in; /*-webkit-transform: scale(1); -ms-transition: all 0ms ease-in; -ms-transform: scale(1); -moz-transition: all 0ms ease-in; -moz-transform: scale(1); transition: all 0ms ease-in; transform: scale(1); */ } .mth_btn:hover, button.fileinput-button:hover, .newsletter_form input[type="submit"]:hover, input[type="submit"]:hover, input[type="button"]:hover { color: #000; text-decoration: none; border: none; box-shadow: none; /*-webkit-transition: all 0ms ease-in; -webkit-transform: scale(1.05); -ms-transition: all 0ms ease-in; -ms-transform: scale(1.05); -moz-transition: all 0ms ease-in; -moz-transform: scale(1.05); transition: all 0ms ease-in; transform: scale(1.05);*/ background: #fac826; /* Old browsers */ background: -moz-linear-gradient(left, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(left, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); background: linear-gradient(to right, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fac826', endColorstr='#fffacb', GradientType=1); /* IE6-9 */ } .newsletter_form input[type="submit"]:focus, input[type="button"]:focus, button.fileinput-button:focus{ color: #32445F; text-decoration: none; box-shadow: none; /*-webkit-transition: all 0ms ease-in; -webkit-transform: scale(0.95); -ms-transition: all 0ms ease-in; -ms-transform: scale(0.95); -moz-transition: all 0ms ease-in; -moz-transform: scale(0.95); transition: all 0ms ease-in; transform: scale(0.95); */ background: #fac826; /* Old browsers */ background: -moz-linear-gradient(left, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fac826', endColorstr='#fffacb', GradientType=1); /* IE6-9 */ } button:focus, input[type="button"]:focus, input[type="submit"]:focus { border: none; text-decoration: none; color: #32445F; box-shadow: none ; -webkit-transition: all 0ms ease-in; background: #fac826; /* Old browsers */ background: -moz-linear-gradient(left, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fac826', endColorstr='#fffacb', GradientType=1); /* IE6-9 */ } .teacher_pages .btn-default, .teacher_pages .newsletter_form input[type="submit"], .field-wrap input[type="button"], .teacher_pages button.fileinput-button, .teacher_pages button.fileinput-button:focus, .teacher_pages button.fileinput-button:visited{ color: #3B2C60; text-decoration: none; } .teacher_pages .btn-default:hover, .teacher_pages .newsletter_form input[type="submit"]:hover, .field-wrap input[type="button"]:hover, .teacher_pages button.fileinput-button:hover { color: #000; text-decoration: none; } .exclusive_form { padding-top: 25px; padding-bottom: 25px; } .exclusive_form input[type="submit"] { margin-top: 15px; color: #245F3E; font-family: 'Futura LT Pro Bold'; font-weight: 700; height: 45px; padding: 0 15px; line-height: 48px; min-height: inherit; } .exclusive_form input[type="submit"]:hover{ color: #000; } .mth_safari .exclusive_form input[type="submit"] { padding:0px 15px 2px; line-height:45px; } .mth_mac_chrome .exclusive_form input[type="submit"]{ line-height: 45px; } #av-overlay form .btn, #av-overlay form input[type="submit"], #av-overlay form input[type="button"] { padding: 6px 12px 2px; } .mth_safari #av-overlay form .btn, .mth_safari #av-overlay form input[type="submit"], .mth_safari #av-overlay form input[type="button"], .mth_mac_chrome #av-overlay form .btn, .mth_mac_chrome #av-overlay form input[type="submit"], .mth_mac_chrome #av-overlay form input[type="button"] { padding: 1px 12px 0px; min-height:45px; } .mth_mac_ff #av-overlay form .btn, .mth_mac_ff #av-overlay form input[type="submit"], .mth_mac_ff #av-overlay form input[type="button"]{ padding: 2px 12px 0px; } .ieedge #av-overlay form .btn, .ieedge #av-overlay form input[type="submit"], .ieedge #av-overlay form input[type="button"] { padding: 5px 12px 1px; } @-moz-document url-prefix() { .exclusive_form input[type="submit"] { line-height: 46px; } #av-overlay form .btn, #av-overlay form input[type="submit"], #av-overlay form input[type="button"] { padding: 5px 12px 2px; } } /* Section: Animations */ .mth_anim_btn { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: 0.3s; } .mth_anim_btn:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); transition: 0.3s; } .mth_anim_btn:active { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); transition: 0.3s; } /* Section: Video embed code css */ .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .entry-content img, .entry-content iframe, .entry-content object, .entry-content embed { max-width: 100%; } /* Section: Loading bar css */ .loader { border: 8px solid #f3f3f3; /* Light grey */ border-top: 8px solid #3b2c60; border-radius: 50%; width: 60px; height: 60px; animation: spinloader 2s linear infinite; margin: 0 auto; margin-bottom: 54px; } @keyframes spinloader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Section: Star rotation css start */ .stars_rotation{ position:absolute; width:100%; height: 100%; } .stars_rotation img.star_small, .stars_rotation img.star_small.star4{ width:15px; height: 15px; position: absolute; left: 0; -webkit-animation:spin 2s linear infinite; -moz-animation:spin 2s linear infinite; -ms-animation:spin 2s linear infinite; -o-animation:spin 2s linear infinite; animation:spin 2s linear infinite; } .stars_rotation img.star_small.star4{ -webkit-animation:spin 3s linear infinite; -moz-animation:spin 3s linear infinite; -ms-animation:spin 3s linear infinite; -o-animation:spin 3s linear infinite; animation:spin 3s linear infinite; } .stars_rotation img.star_large, .stars_rotation img.star_large.star3{ width:25px; height: 25px; position: absolute; left: 50%; -webkit-animation:spin 2.5s linear infinite; -moz-animation:spin 2.5s linear infinite; -ms-animation:spin 2.5s linear infinite; -o-animation:spin 2.5s linear infinite; animation:spin 2.5s linear infinite; } .stars_rotation img.star_large.star3{ -webkit-animation:spin 4.5s linear infinite; -moz-animation:spin 4.5s linear infinite; -ms-animation:spin 4.5s linear infinite; -o-animation:spin 4.5s linear infinite; animation:spin 4.5s linear infinite; } @keyframes spin { 0% { opacity: 0; -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } 50% { opacity: 1; } 100% { opacity: 0; -webkit-transform: rotate(405deg) scale(1.1); transform: rotate(405deg) scale(1.1); } } @-webkit-keyframes spin { 0% { opacity: 0; -webkit-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); } 50% { opacity: 1; } 100% { opacity: 0; -webkit-transform: rotate(405deg) scale(1.1); transform: rotate(405deg) scale(1.1); } } @-moz-keyframes spin { 0% { opacity: 0; transform: rotate(45deg) scale(0); } 50% { opacity: 1; } 100% { opacity: 0; transform: rotate(405deg) scale(1.1); } } /* Section: Hero Image css */ .transparent_bg { width: 100%; height: 350px; background: rgba(0, 0, 0, 0.3); position: absolute; left: 0; top: 0; z-index: 1; } .banner_block, .hero_image_block { position: fixed; width: 100%; top: 50px; margin-bottom: 25px; } .hero_image { width: 100%; height: 350px; background-size: cover; background-position: 50% 50%; display: flex; align-items: center; justify-content: center; text-align: center; } .hero_caption_block { color: #f2f2f2; padding: 0 50px; position: relative; z-index: 1; } .hero_caption_block p { font-size: 20px; line-height: 30px; } .series_resources_block h1, .faq_top_block h1, .title, .hero_caption_block h1 { margin-bottom: 15px; font-size: 24px; font-family: 'Futura LT Pro Medium'; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } /* Section: Header CSS */ .site-header, .teacher_pages .site-header, .normal_pages .site-header { height: 50px; display: block; background-color: #32445F; position: fixed; top: 0; width: 100%; z-index: 30; } .teacher_pages header.site-header { background-color: #3B2C60; } .normal_pages .site-header { background-color: #24603F; } .header_top .site-branding-text h1 { margin: 3px 0 0 0; } .ie11 .header_top .site-branding-text h1, .ie10 .header_top .site-branding-text h1, .ieedge .header_top .site-branding-text h1 { margin: 10px 0 0 0; } .site-title { padding-top: 5px !important; /* It should overwrite the wordpress default css */ } .parent_pages .site-title img, .teacher_pages .site-title img { max-width: 70%; } .ie11.parent_pages .site-title img, .ie10.parent_pages .site-title img, .ieedge.parent_pages .site-title img, .ie11.teacher_pages .site-title img, .ie10.teacher_pages .site-title img, .ieedge.teacher_pages .site-title img { max-width: 55%; } .site-header > .container, .teacher_pages .site-header > .container { background: url("../images/header_bg_transparent.png")no-repeat left top; background-size: cover; background-position: left top; height: 50px; } .header_top .logo .parents_logo img, .header_top .logo .teachers_logo img { position: relative; z-index: 11; } .header_top .logo .parents_logo img, .header_top .logo .primary_logo img, .header_top .logo .teachers_logo img { margin-top: 0px; } @-moz-document url-prefix() { .header_top .logo .parents_logo img, .header_top .logo .primary_logo img, .header_top .logo .teachers_logo img { margin-top: 5px; } } .ie11 .header_top .logo .parents_logo img, .ie11 .header_top .logo .primary_logo img, .ie11.header_top .logo .teachers_logo img, .ie10 .header_top .logo .parents_logo img, .ie10 .header_top .logo .primary_logo img, .ie10.header_top .logo .teachers_logo img, .ieedge .header_top .logo .parents_logo img, .ieedge .header_top .logo .primary_logo img, .ieedge.header_top .logo .teachers_logo img { margin-top: 5px; } .ie11 .header_top .logo .primary_logo img, .ie10 .header_top .logo .primary_logo img, .ieedge .header_top .logo .primary_logo img { max-width: 70%; } .header_top .logo .primary_logo img { width: 100%; height: 100%; max-width: 80%; position: relative; z-index: 11; } .mob_container { width: 100%; } .top_right_menu { float: right; margin-top: 11px; display: none; } .top_right_menu ul { padding: 0; margin: 0; } .top_right_menu ul li { float: left; margin: 0; display: block; } .top_right_menu ul li a span { margin-top: 10px; } .top_right_menu ul li a, .top_right_menu ul li a:hover { font-size: 18px; font-weight: bold; text-decoration: none; font-family: 'Myriad Pro'; color: #333; line-height: 28px; } .top_right_menu ul li a.btn-default { background: #fff; border: none; border-radius: 0; color: #32445F; padding: 4px 10px 0px; line-height: 30px; min-width: inherit; min-height: inherit; background: -moz-linear-gradient(left, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fac826', endColorstr='#fffacb', GradientType=1); /* IE6-9 */ -webkit-transition: all 0ms ease-in; } .top_right_menu ul li a.btn-default:hover { color: #000; padding: 4px 10px 0px; line-height: 30px; text-decoration: none; background: #fac826; /* Old browsers */ background: -moz-linear-gradient(left, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #fac826 1%, #fffacb 25%, #c2912e 59%, #edd688 87%, #fffacb 100%, #fffacb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fac826', endColorstr='#fffacb', GradientType=1); /* IE6-9 */ } .teacher_pages .top_right_menu ul li a.btn-default { color: #3B2C60; } .teacher_pages .top_right_menu ul li a.btn-default:hover { color: #000; } .mth_mac_chrome .top_right_menu ul li a.btn-default, .mth_mac_chrome .top_right_menu ul li a.btn-default:hover { padding: 2px 10px; } .top_right_menu ul li.fb_class a { background: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; color: #32445F; width: 30px; height: 30px; font-size: 24px; display: block; text-align: center; line-height: 28px; } .top_right_menu ul li.fb_class a:hover { font-size: 24px; } .ie11 .top_right_menu ul li.fb_class a, .ie10 .top_right_menu ul li.fb_class a { line-height: 28px; } .mth_mac_chrome .top_right_menu ul li.fb_class a { line-height: 34px; } .mth_mac_chrome .top_right_menu.mobile ul li.fb_class a { line-height: 24px; } .teacher_pages .top_right_menu ul li.fb_class a, .teacher_pages .top_right_menu ul li.fb_class a:hover { color: #3B2C60; } .menu_block { display: none; } .navigation-top { position: inherit; top: 0px; background: none; border: none; bottom: 0; left: 0; right: 0; z-index: inherit; font-size: 20px; } .mobile_navigation { display: block; position: absolute; top: 0px; right: 0; z-index: 1; } .navigation-top nav, .normal_pages .navigation-top nav { margin-left: 0; } .menu-toggle { padding: 0; font-size: 1em; margin: 5px 0 0 0; outline: none; float: right; } .menu-toggle:focus { background: none; } .navbar-toggle .icon-bar { background: #fff; margin-right: 15px; width: 16px; height: 2px; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 3px; } .teacher_pages .main-navigation ul { background: #3B2C60; } .normal_pages .main-navigation ul { background: #24603F; } .parent_pages .main-navigation ul, .main-navigation ul { background: #32445F; display: none; } .main-navigation.toggled-on span.icon-bar:nth-child(2) { opacity: 0; } .main-navigation.toggled-on span:nth-child(1) { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); position: absolute; top: 3px; } .main-navigation.toggled-on span:nth-child(3) { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); -moz-transform: rotate(-45deg); position: absolute; top: 0; } .main-navigation.toggled-on > div > ul { width: 100%; display: table; border: none; padding: 0.75em 15px; position: relative; top: 26px; } .normal_pages .main-navigation ul li:first-child, .main-navigation ul li:first-child { margin: 0 30px 0 0; } .main-navigation ul li a, .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a { color: #fff; font-size: 21px; line-height: 0; font-weight: normal; text-decoration: none; } .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a { text-decoration: none; } .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a { border: none; } .navigation-top .current-menu-item > a:after, .navigation-top .current_page_item > a:after, .normal_pages .navigation-top .current-menu-item > a:after, .normal_pages .navigation-top .current_page_item > a:after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0px; background: #fff; } .normal_pages .navigation-top .current-menu-item > a:after, .normal_pages .navigation-top .current_page_item > a:after { background: #F0E9CA; } .mth_safari.normal_pages .top_right_menu { margin-bottom: 6px; } .mth_safari .child_login_block .login_block input[type="submit"] { line-height: 25px; height:25px; min-height: 25px; } .main-navigation ul li a:hover { color: rgba(255, 255, 255, 0.7); text-decoration: none; } .main-navigation a { padding: 5px 0; } .main-navigation a:hover { color: rgba(255, 255, 255, 0.6); } .mobile_navigation .menu-toggle { display: block; float: right; padding: 0; font-size: 1em; margin: 18px 0 0 0; outline: none; color: #fff; border: 0; border-radius: 0; } .normal_pages .mobile_navigation .menu-toggle { color: #F0E9CA; } .normal_pages .main-navigation ul li{ margin: 0; } .main-navigation.toggled-on > div > ul li { width: 100%; padding: 10px 0; border-bottom: 1px solid #eee; color: #fff; font-size: 21px; line-height: 0; font-weight: normal; } .parent_pages .main-navigation.toggled-on > div > ul li { padding: 15px 0 10px; } .top_right_menu.mobile, .normal_pages .top_right_menu.mobile { width: 100%; padding: 0 15px; margin: 15px 0 0 0; display: inline-block; background: #32445F; } .teacher_pages .top_right_menu.mobile { background-color: #3B2C60; padding: 0 15px; } .normal_pages .top_right_menu.mobile { background: #245F3E; } .main-navigation.toggled-on > div.top_right_menu.mobile > ul{ top:0; padding: 0; } .top_right_menu.mobile ul { margin: 0 auto; padding: 0; max-width: 260px; top: 0; } .top_right_menu.mobile ul li { border: none; float: left; max-width: 100px; margin-left: 10px; } .normal_pages .main-navigation .top_right_menu.mobile ul li:first-child, .main-navigation .top_right_menu.mobile ul li:first-child { margin: 0; float: left; } .normal_pages .main-navigation .top_right_menu.mobile ul{ max-width: 211px; } .normal_pages .main-navigation .top_right_menu.mobile ul li{ margin: 0; border: none; } .parent_pages .main-navigation .top_right_menu.mobile ul li, .teacher_pages .main-navigation .top_right_menu.mobile ul li{ border: none; } .normal_pages .main-navigation .top_right_menu.mobile ul li:nth-child(1){ margin: 0; } .normal_pages .main-navigation .top_right_menu.mobile ul li:nth-child(2) a{ margin: 0; } .mobile_navigation .top_right_menu.mobile ul li a{ font-size: 18px; font-weight: bold; } .top_right_menu.mobile ul li.fb_class { border: none; width: auto; margin-top: 2px; } .top_right_menu.mobile ul li.fb_class a:hover{ color: #32445F; } .normal_pages .top_right_menu { margin-bottom: 0px; margin-top: 4px; padding: 0; } .normal_pages .top_right_menu ul li { margin: 0 0 5px 0; float: right; } .normal_pages .top_right_menu ul li a.btn-default { min-width: inherit; min-height: inherit; margin: inherit; background: #F0E9CA; color: #32445F; font-size: 20px; line-height: 30px; padding: 4px 0 0 0; font-family: 'Myriad Pro Semibold'; border: none; border-radius: 0; -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); -moz-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); -ms-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); -o-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); } .normal_pages .top_right_menu ul li:first-child a.btn-default:hover { background: #32445F; color: #F0E9CA; } .normal_pages .top_right_menu ul li:last-child a.btn-default:hover { background: #3B2C60; color: #F0E9CA; } @-moz-document url-prefix() { .normal_pages .top_right_menu ul li a.btn-default{ padding: 4px 0 0 0; } } .mth_safari.normal_pages .top_right_menu ul li a.btn-default, .mth_mac_chrome.normal_pages .top_right_menu ul li a.btn-default{ line-height: 28px; padding:2px 0 3px; } .mth_mac_ff.normal_pages .top_right_menu ul li a.btn-default{ padding:4px 0 1px; line-height: 28px; } .mth_mac_chrome.phase2_hide.normal_pages .top_right_menu { margin-bottom: 4px; } .ie11.phase2_hide.normal_pages .top_right_menu, .ie10.phase2_hide.normal_pages .top_right_menu, .ieedge.phase2_hide.normal_pages .top_right_menu { margin-bottom: 1px; } .normal_pages .main-navigation ul li { margin: 0; } .normal_pages .main-navigation ul li a:hover { color: rgba(240, 233, 202, 0.7); text-decoration: none; } .normal_pages .navigation-top .main-navigation.primary_menu ul li:first-child a { margin-left: 0; } .main-navigation .menu-teachers-menu-container li a, .main-navigation .menu-primary-menu-container li a { padding: 10px 0 5px; margin: 0; } .normal_pages .main-navigation ul li a, .normal_pages .navigation-top .current-menu-item > a, .normal_pages .navigation-top .current_page_item > a { font-size: 20px; letter-spacing: -0.55px; color: #F0E9CA; font-family: 'Myriad Pro Semibold'; line-height: 10px; margin: 0px; text-decoration: none; padding: 0px; } .normal_pages .main-navigation.toggled-on > div > ul li { border-bottom: 1px solid #F0E9CA; } .mth_safari.normal_pages .main-navigation.toggled-on > div > ul li { padding: 10px 0 10px; } .prh_link a { color: #FF7C57; font-weight: bold; box-shadow: none; font-size: 13px; } .main-navigation ul ul { padding: 0; } .main-navigation ul ul li { padding-left: 0; } .main-navigation ul ul.toggled-on { display: inline-block; } .main-navigation ul ul { background: #32445f; } .teacher_pages .main-navigation ul ul { background: #3B2C60; } .fluid-wrapper { float: left; } .iframe_wrapper { padding-left: 0; } .has-sidebar:not(.error404) #primary { width: 100% !important; /* To overwrite wordpress default styles */ } .home_featured_book_block h2 { font-size: 30px; } .banner_right_block { position: inherit; top: inherit; right: inherit; } .featured_txt { min-height: 100px; } /* Section: Login Block */ .child_login_block { background: #174F32; min-height: 45px; font-family: 'Myriad Pro Semibold'; position: fixed; width: 100%; top: 114px; z-index: 100; line-height: inherit; padding: 5px 15px; } .normal_pages .child_login_block { display: none; } .normal_pages .child_login_block.mobile { display: block; text-align: center; } .normal_pages .child_home.hero_image_block { top: 95px; } .normal_pages .child_login_block.mobile { top: 50px; } .normal_pages .child_login_block.mobile a.mth_btn { height: 32px; line-height: 34px; font-family: 'Futura LT Pro Bold'; } .child_login_block.mobile .success_block span{ padding-top: 8px; float: right; } #home_page_form_errors { color: #d5af55; text-align: left; line-height: 30px; width:100%; float: left; } #home_page_form_errors p { margin-bottom: 0; } .success_block { color: #F0E9CA; line-height: normal; padding-top: 0px; } .child_login_block.mobile .success_block { line-height: 35px; text-align: left; } .child_login_block.mobile .success_block span { display: none; } .normal_pages .success_block a.mth_btn { height: 32px; margin-left: 30px; font-size: 16px; line-height: 36px; float: right; } .mth_mac_ff.normal_pages .success_block a.mth_btn{ height:31px; line-height: 33px; } .mth_safari.normal_pages .success_block a.mth_btn, .mth_mac_chrome.normal_pages .success_block a.mth_btn { height:31px; line-height: 31px; } .ie11 .normal_pages .success_block a.mth_btn, .ie10 .normal_pages .success_block a.mth_btn{ line-height: 40px; } @-moz-document url-prefix() { .normal_pages .child_login_block.mobile a.mth_btn { line-height: 36px; height: 34px; } .normal_pages .success_block a.mth_btn { height: 33px; line-height: 34px; } } /* Child page hero image css start */ .normal_pages .hero_image_block { top: 95px; } .normal_pages .hero_image_block, .normal_pages .promo_block div { margin-bottom: 0; } /* Child Home Carousel fade effect */ .child_home .carousel-fade .carousel-inner .item { transition-property: opacity; } .child_home .carousel-fade .carousel-inner .item, .child_home .carousel-fade .carousel-inner .active.left, .child_home .carousel-fade .carousel-inner .active.right { opacity: 0; } .child_home .carousel-fade .carousel-inner .active, .child_home .carousel-fade .carousel-inner .next.left, .child_home .carousel-fade .carousel-inner .prev.right { opacity: 1; } .child_home .carousel-fade .carousel-inner .next, .child_home .carousel-fade .carousel-inner .prev, .child_home .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { transform: translate3d(0, 0, 0); } .child_home .carousel-fade .carousel-control { z-index: 2; } .child_home .carousel, .child_home .carousel-inner, .child_home .carousel-inner .item { width: 100%; } .promo_block div { text-align: center; margin-bottom: 15px; } .carousel-inner > .item, .carousel-inner > .item .fill { height: 350px; } .normal_pages .child_home .hero_image { height: 180px; } .normal_pages .transparent_bg { height: 100%; } .normal_pages .promo_block img { width: 100%; } .normal_pages .mission_game_block_container { position: relative; } .normal_pages .mission_game_block_container.mobile { display: block; background: #C9E2F4; padding: 10px 0 15px; } .normal_pages .mission_game_block_container { display: none; } .normal_pages .mission_game_block_container.mobile .mission_game_block { background: url("../images/mission_game_bg_mobile.png") no-repeat center center; width: 291px; height: 242px; position: inherit; left: inherit; top: inherit; padding: 25px 40px 0; text-align: center; line-height: 20px; margin: 0px auto; } .normal_pages .mission_game_block h1 { font-size: 57px; color: #694C2A; font-family: 'Armament'; margin-bottom: 0; margin-top: 0; } .normal_pages .mission_game_block p { font-size: 26px; color: #694C2A; line-height: normal; } .normal_pages .mission_game_block_container.mobile .mission_game_block h1 { font-size: 36px; } .normal_pages .mission_game_block_container.mobile .mission_game_block p { font-size: 17px; } .fullscreen header.site-header, .fullscreen .child_login_block, .fullscreen.normal_pages .child_login_block.mobile, .fullscreen.normal_pages .child_login_block, .fullscreen footer { display: none; } .fullscreen .site-content-contain, .fullscreen .game { margin-top: 0px; } /* Section: Main Content Block CSS */ .banner_bot_section { position: relative; top: 350px; background: #fff; width: 100%; padding-top: 25px; z-index: 16; } .mth_safari .banner_bot_section, .mth_mac_chrome .banner_bot_section, .mth_mac_ff .banner_bot_section { -webkit-transform: translate3d(0, 0, 0); /*Fix for z-index issues on iOS 8.4*/ } .home.normal_pages .banner_bot_section { top: 225px; } .page-template-page-exclusives .banner_bot_section, .award-details .banner_bot_section{ top: 395px; padding-top: 0; } .page-template-page-exclusives .banner_bot_section{ padding-top: 25px; } .passport-adventure-club-about .banner_bot_section{ top:400px; } .normal_pages .child_home.banner_bot_section { padding-top: 0; } .home .child_home.banner_bot_section { padding-top: 0px; } .home_featured_book_block_desktop, .books_content_block_desktop { display: none; } .home_featured_book_block_mobile, .books_content_block_mobile { display: block; } .featured_book_section a, .featured_img_block { position: relative; text-align: center; } .featured_img_block { width: 100%; margin-bottom: 20px; } .featured_book_section .top_left { position: absolute; left: 15px; top: 0; width: 74px; height: 96px; z-index: 1; } .featured_book_section .top_right { position: absolute; right: 70px; top: 0; width: 66px; height: 36px; z-index: 1; } .featured_book_section .bot_left { position: absolute; bottom: 0; left: 20px; width: 66px; height: 36px; z-index: 1; } .featured_book_section .bot_right { position: absolute; bottom: 0; right: 70px; width: 73px; height: 36px; z-index: 1; } .featured_txt { min-height: 260px; } .home_featured_book_block { text-align: center; margin-top: 10px; } .home_featured_book_block .row { position: relative; } .home_featured_book_block .col-md-11 { margin-bottom: 20px; } .featured_book_text { display: block; margin: 0 auto; padding: 2em 0 0; } .home_featured_book_block .col-sm-offset-1, .home_featured_book_block .col-md-offset-1 { margin-left: 0; } .featured_book_background { position: absolute; right: 15px; bottom: 0; } .featured_leaf_block_section { min-height: 270px; background: url("../images/featured_leaf_bg.png") no-repeat; background-size: contain; background-position: center center; font-size: 18px; text-align: left; display: block; letter-spacing: -0.55px; color: #245F3E; line-height: 30px; } .featured_book_title_main { font-size: 36px; line-height: 46px; font-family: 'ITC Lubalin Graph Std Demi'; color: #245F3E; margin-top: 0px; } .home_featured_book_block h2 { font-family: 'ITC Lubalin Graph Std Bold'; text-align: center; font-weight: bold; font-size: 26px; letter-spacing: -0.92px; color: #245F3E; } .featured_leaf_block_section a { color: #245F3E; font-size: 22px; font-weight: bold; } .home_featured_book_block_mobile .featured_book_section a img { margin-bottom: 25px; } .featured_book_section a img { width: 100%; -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); -moz-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); -ms-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); -o-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); } .child_home_explore_block{ margin: 50px 0 30px; } .explore_library_block { text-align: center; margin-bottom: 0; } .explore_library_block a { float: none; } .mth_mac_chrome .child_home_explore_block .widget .explore_library_block_txt a{ height: 45px; } .explore_library_block, .explore_library_block_teacher { width: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%) center, url("../images/explore_library_bg_img.png") no-repeat top fixed; background-size: cover; background-position: 50% 50%; padding: 59px 0px; margin-top: 0px; display: inline-block; color: #f2f2f2; min-height: inherit; } .explore_library_block_teacher { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.2) 100%) center, url("../images/teacherhome_newsletter_bg_img.png") no-repeat top fixed; background-size: cover; background-position: 50% 50%; } .explore_library_block_txt { padding-left: 15px; font-size: 20px; line-height: 30px; } .explore_library_block h1 { margin-bottom: 0; color: #f2f2f2; } .child_home_explore_block .widget .explore_library_block_txt a{ color: #245F3E; font-size: 22px; font-family: 'Futura LT Pro Bold'; -webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -ms-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3) !important; /* It should overwrite the wordpress default css */ } .child_home_explore_block .widget .explore_library_block_txt a:hover{ color: #000; box-shadow: none !important; /* It should overwrite the wordpress default css */ } .mth_safari .child_home_explore_block .widget .explore_library_block_txt a, .mth_mac_chrome .child_home_explore_block .widget .explore_library_block_txt a, .mth_mac_ff .child_home_explore_block .widget .explore_library_block_txt a{ height:44px; line-height:44px; } .child_home_explore_block .widget .explore_library_block_txt a{ height: 45px; line-height: 48px; } .ie11 .child_home_explore_block .widget .explore_library_block_txt a, .ie10 .child_home_explore_block .widget .explore_library_block_txt a{ line-height: 54px; } .child_home .featured_leaf_block_section a.mth_btn{ height: 45px; } .mth_safari .child_home .featured_leaf_block_section a.mth_btn, .mth_mac_chrome .child_home .featured_leaf_block_section a.mth_btn, .mth_mac_ff .child_home .featured_leaf_block_section a.mth_btn{ height: 44px; line-height: 44px; } @-moz-document url-prefix() { .child_home .featured_leaf_block_section a.mth_btn { height: 45px; line-height: 47px; } .child_home_explore_block .widget .explore_library_block_txt a { line-height: 47px; } } .about_series_block_right a, .explore_library_block a { margin-top: 20px; font-size: 22px; } .banner_bot_block_parent { position: relative; } .child_home_promo .banner_bot_block { margin-top: 20px; margin-bottom: 20px; } .banner_bot_block { margin-top: 40px; margin-bottom: 35px; } .banner_bot_block div { text-align: center; } .banner_bot_block img { max-width: 100%; width: 100%; } .normal_pages .banner_bot_block .promo_block_single { -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); -moz-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); -ms-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); -o-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); } .promo_block_single { position: relative; } .promo_block_single { margin-bottom: 15px; } .promo_block_single a .img_transparent { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+1,000000+100&0+0,0.65+100 */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0) 63%, rgba(0, 0, 0, 0.7) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0) 63%, rgba(0, 0, 0, 0.7) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0) 63%, rgba(0, 0, 0, 0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0); /* IE6-9 */ } .normal_pages .banner_bot_block a p { font-family: 'ITC Lubalin Graph Std Demi'; font-size: 24px; letter-spacing: -0.71px; color: #F0E9CA; line-height: 26px; } .banner_bot_block_parent a p { position: absolute; bottom: 0px; z-index: 2; left: 0; right: 0; font-size: 24px; line-height: 30px; color: #f2f2f2; text-align: center; font-family: 'Futura LT Pro Medium'; padding: 0 10px; } .about_miles_club_block, .earn_awards_block{ padding-bottom: 40px; } /* Section Footer CSS */ .site-footer { border: none; } .footer_top, .teacher_pages .footer_top, .normal_pages .footer_top { background: #32445f; color: #fff; padding: 15px 0 20px; } .teacher_pages .footer_top { background: #3B2C60; } .normal_pages .footer_top { background: #245F3E; } .footer_top_links { width: 100%; text-align: center; font-family: 'Cambria'; font-weight: bold; font-size: 16px; padding-top: 20px; } .footer_top_links ul { padding-left: 0; margin: 2px auto; } .footer_top_links ul li { text-align: center; display: inline; } .footer_top_links ul li span { margin: 0 6px; color: #fff; } .footer_top_links ul li a { color: #fff; text-decoration: none; } .footer_top_links ul li a:hover { color: rgba(255, 255, 255, 0.6); text-decoration: none; } .footer_top_links ul li:last-child { display: none; } .copyright { padding-top: 25px; font-size: 14px; clear: both; text-align: center; } .copyright p { margin-bottom: 0px; } .copyright p a { font-weight: bold; color: #fff; box-shadow: none; } .copyright p a:hover { color: rgba(255, 255, 255, 0.6); box-shadow: none; text-decoration: underline; } .footer_block .widget .copyright a{ box-shadow: none; } .rhcb_section a, .rhcb_section a img { float: none; margin-bottom: 0px; text-decoration: none; display: inline-block; } .rhcb_section a{ margin-right: 10px; } .rhcb_section a img { float: left; max-width: 100%; } .rhcb_section a:last-child { margin-right: 0; } /* Book page css start */ .books.normal_pages .banner_bot_section { top: 45px; padding-top: 0; } .featured_book_section_top { background-color: #fff; background-image: url(../images/leaf_parallax_bg.png); background-color: #fff; background-repeat: repeat-y; background-size: cover; background-attachment: fixed; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover; background-position: 50% 50%; display: block; padding-top: 45px; padding-bottom: 45px; font-size: 18px; line-height: 28px; color: #24603F; } /* Targetting firefox browser hack start */ @-moz-document url-prefix() { .featured_book_section_top, .mth_merlin_mission_section, .normal_pages .youmay_block { background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; } } /* Targetting firefox browser hack end */ .fb_block_left { margin-bottom: 15px; } .featured_book_section_top h1 { font-size: 24px; color: #24603F; font-family: 'ITC Lubalin Graph Std Demi'; line-height: 24px; font-weight: bold; text-align: center; } .fb_block_right a.mth_btn { margin-top: 10px; } .mth_series_section, .mth_fact_tracker_section { background: #DAEBBD; padding-top: 40px; padding-bottom: 50px; } .library_content_section { position: relative; font-size: 20px; line-height: 30px; letter-spacing: -0.17px; color: #235F3F; } .library_content_section .top_block { margin-bottom: 10px; text-align: center; } .library_content_section h1 { font-size: 28px; line-height: 39px; color: #235F3F; font-family: 'ITC Lubalin Graph Std Demi'; float: none; text-align: center; } .library_content_section .see_all_btn { float: none; margin-top: 0; margin-left: 0; } .library_content_section .loader{ border-top: 8px solid #235F3F; margin-top: 54px; } .library_content_section .sorting { color: #235F3F; font-family: 'Myriad Pro Semibold'; float: none; text-align: center; margin-top: 30px; margin: 0; } .library_content_section .sorting span { display: block; margin-bottom: 10px; margin-top: 10px; } .library_content_section .sorting select { position: relative; height: auto; top: -5px; line-height: 34px; padding: 0px 10px 0; font-size: 16px; color: #24603F; font-family: 'Myriad Pro Semibold'; background: #fff url("../images/library_select_menu_bg.png") no-repeat right center; border: 1px solid #B89440; border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; min-width: 261px; min-height: 40px; -webkit-box-shadow: inset 1px 1px 5px 1px rgba(0, 0, 0, 0.18); -moz-box-shadow: inset 1px 1px 5px 1px rgba(0, 0, 0, 0.18); -ms-box-shadow: inset 1px 1px 5px 1px rgba(0, 0, 0, 0.18); -o-box-shadow: inset 1px 1px 5px 1px rgba(0, 0, 0, 0.18); box-shadow: inset 1px 1px 5px 1px rgba(0, 0, 0, 0.18); } .library_book_image_block { margin-top: 30px; position: relative; } .library_book_image_block > div { margin-bottom: 10px; } .library_book_image_block .owl-carousel .owl-nav .owl-next { margin: 0; } .library_book_image_block .owl-carousel .owl-nav .owl-prev.disabled, .library_book_image_block .owl-carousel .owl-nav .owl-prev { margin: 0; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: absolute; width: 40px; height: 100%; display: flex !important; /* It should overwrite the owl carousel css */ align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.6) !important; /* It should overwrite the owl carousel css */ border-radius: 0 !important; /* It should overwrite the owl carousel css */ } .owl-carousel .owl-nav .owl-prev { left: 0; top: 0; } .owl-carousel .owl-nav .owl-next { right: 0; top: 0; } .owl-carousel .owl-nav .owl-prev.disabled, .owl-carousel .owl-nav .owl-next.disabled { cursor: default; display: none !important; /* It should overwrites the owl carousel css */ } .owl-carousel .owl-nav .owl-prev.disabled img, .owl-carousel .owl-nav .owl-next.disabled img { opacity: 0.5; } .owl-carousel .owl-nav .owl-prev.disabled img, .owl-carousel .owl-nav .owl-next.disabled img, .owl-carousel .owl-nav .owl-prev img, .owl-carousel .owl-nav .owl-next img { max-width: 80%; } .mth_fact_tracker_section { background: #D8D8D6; } .mth_merlin_mission_section { background-color: #C9E2F4; background: #C9E2F4 url(../images/leaf_parallax_bg.png) repeat-y top fixed; background-size: cover; background-position: 50% 50%; display: block; padding-top: 38px; padding-bottom: 50px; } /* Section See All page CSS */ .see_all_block { padding-bottom: 50px; padding-top: 45px; } .seeall_series_title { margin: 30px 0 0; text-align: center; } .seeall_series_title h1 { letter-spacing: -1.38px; color: #24603F; font-family: 'Myriad Pro Semibold'; margin: 15px 0 20px; text-align: center; } .seeall_series_title h1 a span { text-align: left; margin-right: 15px; float: left; color: #24603F; } .filter_block { text-align: center; font-size: 20px; padding-top: 20px; padding-bottom: 15px; color: #3B2C60; font-family: 'Myriad Pro Semibold'; line-height: 45px; } .filter_block span { margin-left: inherit; float: initial; } .filter_block span + select { margin-left: auto; } .see_all_block .filter_block span { width: 100%; display: block; } .filter_block select { margin-bottom: 10px; min-width: 263px; height: 46px; background: url("../images/select_menu_bg.png") no-repeat right; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; background-position: 100%; font-size: 16px; font-family: 'Myriad Pro Semibold'; color: #3B2C60; display: block; margin: 0 auto 10px auto; padding: 12px 5px 10px 10px; border: none; cursor: pointer; line-height: 28px; } .normal_pages .seeall_series_title .filter_block { position: inherit; right: 0; top: -42px; color: #24603F; } .seeall_series_title select { float: right; } .normal_pages .seeall_series_title .filter_block select:nth-child(2) { display: block; color: #24603F; float: inherit; } .see_all_block .books-container .book_cover_image { margin-bottom: 30px; } .resources_content_block h1, .book_cover_image { text-align: center; } .book_cover_image img { -webkit-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.39); -moz-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.39); -ms-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.39); -o-box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.39); box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.39); } .see_all_block .load_btn a { margin-top: 15px; } /* Section: Book details page CSS */ .page-template-page-book-details.normal_pages .banner_bot_section { top: 45px; margin-bottom: 0px; } .book_details_block { margin-bottom: 0; text-align: left; } .phase2_hide .book_details_block .bd_btns_block a:nth-child(2), .phase2_hide .book_details_block .bd_btns_block a:nth-child(3) { display: none; } .mth_mac_ff .bd_btns_block a { padding: 6px 15px 0px; } .page-template-page-book-details .book_details_block { margin-top: 10px; } .book_details_block_desktop { display: none; } .book_details_block_mobile { display: block; } .book_details_block .featured_image img { margin-bottom: 15px; text-align: center; -webkit-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); -moz-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); -ms-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); -o-box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.39); } .book_details_block_mobile .featured_content_block .featured_image{ text-align: center; } .bd_btns_block { text-align: center; } .bd_btns_block a { max-width: 230px; margin: 20px auto; width: 100%; margin-bottom: 30px; font-weight: bold; font-size: 16px; text-align: left; display: flex; align-items: center; padding: 5px 15px 0px; letter-spacing: -0.05em; min-height: 51px; line-height: 44px; align-items: center; justify-content: center; } .page-template-page-book-details .book_details_block .bd_btns_block a { padding: 3px 15px 1px; min-height: 55px; } .ieedge .page-template-page-book-details .book_details_block .bd_btns_block a { padding: 4px 15px 1px; } @-moz-document url-prefix() { .page-template-page-book-details .book_details_block .bd_btns_block a { padding: 4px 15px 1px; } } .mth_safari.page-template-page-book-details .book_details_block .bd_btns_block a { padding: 3px 15px 0px; min-height: 54px; } .mth_mac_chrome.page-template-page-book-details .book_details_block .bd_btns_block a{ min-height: 56px; padding:2px 15px 2px; } .mth_mac_ff.page-template-page-book-details .book_details_block .bd_btns_block a{ min-height: 56px; padding: 2px 15px 1px; } .mth_mac_chrome .book_details_block .bd_btns_block a img, .mth_safari .book_details_block .bd_btns_block a img { float: left; margin-top: -2px; box-shadow: none; margin-bottom: initial; } .mth_safari.page-template-page-book-details .book_details_block .bd_btns_block a { padding: 0px 15px 1px; min-height:56px; } .book_details_block .bd_btns_block a.disabled { display: none; } .mth_safari .bd_btns_block a { padding: 5px 12px 2px; } .mth_mac_chrome .bd_btns_block a { padding: 3px 15px 0px; } .bd_btns_block a img { margin-right: 10px; } .book_details_block .bd_btns_block a img { float: left; margin-top: -4px; box-shadow: none; margin-bottom: initial; } .page-template-page-book-details .book_details_block .bd_btns_block a.buy_icon_img img:last-child, .page-template-page-book-details .book_details_block .bd_btns_block a.buy_icon_img:hover img:first-child{ display: none; } .page-template-page-book-details .book_details_block .bd_btns_block a.buy_icon_img:hover img:last-child{ display: block; } .book_details_block .featured_content_block { font-size: 18px; letter-spacing: -0.51px; color: #245F3E; } .book_details_block .featured_content_block h1 { font-family: 'ITC Lubalin Graph Std Demi'; font-size: 24px; color: #245F3E; text-align: center; } .book_details_block_mobile .featured_content_block { padding-bottom: 30px; } .book-sampler-title{ text-align: center; padding-bottom:0px; font-size: 34px; color: #245F3E; font-family: 'ITC Lubalin Graph Std Demi'; } .book-sampler-content-holder { position: relative; z-index: 1; } .book-sampler-content-wrapper { max-width: 1400px; margin: 0 auto; padding: 0 15px; } .book-sampler-page-more-set { display: none; } .book-sampler-more-btn { margin-bottom: 50px; } .book-sampler-page-set { text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .book-sampler-page-set:after { content: ""; display: table; clear: both; } .book-sampler-spread { margin: 0 auto 40px; border: 6px solid #fff; box-shadow: 0 15px 50px rgba(0, 0, 0, .2); position: relative; transition: all .3s cubic-bezier(.645, .045, .355, 1); opacity: 1; transform: translate3d(0, 20px, 0); } .ie11 .mth_btn.book-sampler-more-btn, .ie10 .mth_btn.book-sampler-more-btn { line-height: 56px; } .cssmask .book-sampler-spread { border: 0; box-shadow: none; } .book-sampler-spread:last-child { margin-bottom: 20px; } .cssmask .book-sampler-spread:before { content: "\0020"; display: block; position: absolute; top: -17.5%; right: -15.75%; bottom: -16%; left: -15.75%; background-size: 100% 100%; background-image: url(../images/book-sampler-frame.png); background-position: 50% 50%; transform: translate3d(0, 0, 0); } .book-sampler-grid { margin-left: 0; } .cssmask .book-sampler-grid { transform: translate3d(0, 0, 0); -webkit-clip-path: url(#spread); clip-path: url(#spread); mix-blend-mode: multiply; } .book-sampler-grid:after { content: ""; display: table; clear: both; } .book-sampler-grid>* { float: left; padding-left: 0; width: 50%; } .book-sampler-grid>:nth-child(1n) { clear: none; } .book-sampler-grid>:nth-child(2n+1) { clear: both; } .book-sampler-page { line-height: 0; position: relative; } .book-sampler-page:last-child { margin-bottom: 0; } .book-sampler-page:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(93deg, rgba(0, 0, 0, .025) 30%, transparent 70%, rgba(0, 0, 0, .06)), radial-gradient(transparent, rgba(0, 0, 0, .025)); content: ''; opacity: .7; pointer-events: none; } .cssmask .book-sampler-page:nth-child(odd):after { content: "\0020"; opacity: 1; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(-90deg, transparent 0, rgba(255, 255, 255, .13) 9%, transparent 33%); } .book-sampler-page > img { width: 100%; max-width: none; } .book-sampler-blank-page > div { position: absolute; top: 50%; left: 50%; width: 32%; transform: translate3d(-50%, -50%, 0); background-color: #0C3E5F; border-radius: 50%; color: #fff; } .book-sampler-blank-page > div:after { content: "\0020"; padding-bottom: 100%; display: block; } .book-sampler-blank-page > div .logo { position: absolute; top: 45%; left: 50%; width: 56%; transform: translate3d(-50%, -50%, 0); } .book-sampler-blank-page { position: absolute; top: 0; right: 0; bottom: 0; } .ieedge .book-sampler a.child_btn.book-sampler-more-btn{ line-height: 46px; } .cssmask .clip-svg { display: block; position: fixed; top: 100%; left: 100%; } .normal_pages .youmay_block { background-color: #dfd6e9; background: #dfd6e9 url(../images/leaf_parallax_bg.png) repeat-y top fixed; background-size: contain; background-position: 50% 50%; display: block; padding-top: 38px; padding-bottom: 30px; } .mth_merlin_mission_section, .normal_pages .youmay_block { background-size: cover; } .normal_pages .youmay_block h1 { font-size: 26px; letter-spacing: -1.1px; color: #24603F; font-family: 'Myriad Pro Semibold'; } .bd_carousel_section div { margin-bottom: 0px; } .normal_pages .youmay_block .book_details_block.bd_carousel_section .owl-stage-outer .owl-item img { -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 1); } .modal.buy_button .modal-dialog, .modal.continue_or_back_to_site.in .modal-dialog { height: 350px; margin: auto 10px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .modal.continue_or_back_to_site.in .modal-dialog { height: 270px; } .modal.buy_button .modal-content { padding: 20px; background: url("../images/popup_bg.png") no-repeat center center; min-height: 350px; background-size: cover; } .modal.buy_button .books_details div { float: left; width: 50%; text-align: center; } .backto_site_btn_block { margin-top: 25px; } .backto_site_btn_block a { margin: 0 25px; margin-bottom: 15px; font-size: 24px; height:46px; } .mth_mac_ff .backto_site_btn_block a{ line-height:48px; } .ieedge .backto_site_btn_block a{ line-height:50px; } /* Section: About page */ .page-template-page-about-the-authors-home.normal_pages .banner_bot_section { top: 45px; } .about_the_author_block h1 { font-size: 36px; letter-spacing: -1.38px; color: #24603F; font-family: 'Myriad Pro Semibold'; margin-bottom: 10px; } .authors_block { margin-bottom:35px; padding-bottom: 0; font-size: 16px; line-height: 30px; letter-spacing: -0.12px; color: #235F3F; border-bottom: 1px solid #A3A4A5; } .authors_block h2 { color: #245F3E; font-family: 'ITC Lubalin Graph Std Demi'; } div.authors_block:nth-child(even) .authors_left_block { float: left; } div.authors_block:nth-child(odd) .authors_left_block { float: right; } .authors_left_block img { margin-bottom: 15px; text-align: center; } .about_the_author_block .authors_block:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .authors_left_block, .featured_book_block { text-align: center; } .about_the_illustrator_block { margin-top: 50px; padding-bottom: 40px; padding-top: 30px; background-color: #dfd6e9; background: #dfd6e9 url("../images/leaf_parallax_bg.png") no-repeat top fixed; background-size: cover; background-position: 50% 50%; display: block; } .about_the_illustrator_block div.authors_block:nth-child(odd) .authors_left_block, .about_the_books_block div.authors_block:nth-child(odd) .authors_left_block { float: left; } .about_the_illustrator_block div.authors_block:nth-child(even) .authors_left_block, .about_the_books_block div.authors_block:nth-child(even) .authors_left_block { float: right; } .earn_awards_block a.mth_btn { font-size: 16px; } /* Section: Login and Register popups CSS */ .mg_login_block .mg_login_bg { background: url("../images/mg_login_bg.png") no-repeat; background-size: contain; width: 526px; height: 535px; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; } .mg_login_block .mg_login_bg .modal-body { padding: 15px 100px; color: #FFE7BD; font-size: 20px; } .mg_login_block .mg_login_bg .modal-body .close_btn { position: absolute; right: -5px; top: -15px; cursor: pointer; } .mg_login_block .mg_login_bg .modal-body.modal-migrate { padding: 25px 100px; } .mg_login_block .mg_login_bg .modal-body.modal-register { padding: 25px 50px; } .mg_login_block .mg_login_bg .modal-body.modal-forgot-password { padding: 35px 100px; } .mg_login_bg .modal-content { background: none; border: none; box-shadow: none; border-radius: 0; font-family: 'DIN Condensed Bold'; letter-spacing: 0.06em; } .mg_login_title { font-family: 'DIN Condensed Bold'; font-weight: bold; font-size: 35px; line-height: 35px; color: #FFCB78; text-shadow: rgba(0, 0, 0, 0.4) 2px 2px 0px; } .mg_login_body_section .mg_login_title { line-height: 30px; } .mg_login_body_section .green_large_btn input[type="submit"], .mg_login_body_section .green_large_btn input[type="button"], .mg_login_body_section .grey_large_btn a { margin-bottom: 5px; padding: 0; } #regiration_form .step:not(:first-of-type) { display: none; } .mg_login_section { margin-top: 15px; text-align: left; } .mg_register_section.mg_login_section { margin-top: 30px; text-align: left; } .mg_register_section.mg_login_section .registration_username_info{ margin-bottom: 20px; } .mg_register_section.mg_login_section fieldset { padding: 0; min-height: 60px; } .modal-register .mg_register_section.mg_login_section fieldset label { width: 50%; } .modal-register .mg_register_section.mg_login_section fieldset input { float: inherit; background: #ffe7bd; border: 2px solid #82623a; background-image: none; color: #333; width: 50%; outline: none; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; } .register_login_text { cursor: pointer; } .register_age_block .green_large_btn { margin-top: 15px; } .mg_register_section.mg_login_section .register_age_block fieldset { min-height: 70px; } .register_age_block p { font-size: 16px; line-height: normal; margin-bottom: 5px; margin-top: -15px; } .register_login_text a, .register_login_text a:hover { color: #FFE7BD; } .modal_register { margin-top: 15px; } .mg_register_section.mg_login_section .form_error { float: left; padding-top: 5px; width: 100%; padding-left: 0; line-height: normal; } .mg_register_section.mg_login_section .green_large_btn input[type="button"], .mg_register_section.mg_login_section .green_large_btn input[type="submit"], .mg_register_section.mg_login_section .account_feedback .green_large_btn input[type="button"] { margin: 0 auto; padding: 0; } .mg_login_section .form-group, .forgot_text, .checkbox_block { padding: 0 20px; margin: 0; border: 0; } .mg_login_section .form-group label { width: 40%; float: left; font-weight: bold; font-size: 20px; color: #FFE7BD; } .mg_login_section .form-group input { width: 55%; float: right; background: url("../images/mg_login_input_bg.png") no-repeat; width: 168px; height: 33px; display: block; border: none; box-shadow: none; border-radius: 0; color: rgba(0, 0, 0, 0.3); font-size: 18px; font-weight: bold; font-family: 'DIN Condensed Bold'; padding: 3px 10px 0; } .mg_login_section .form-group input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); } .mg_login_section .form-group input::-moz-input-placeholder { color: rgba(0, 0, 0, 0.3); } .mg_login_section .form-group input::-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); } .mg_login_section .form-group input::-o-input-placeholder { color: rgba(0, 0, 0, 0.3); } .mg_login_section fieldset { min-height: 40px; } .mg_login_section fieldset, .forgot_text, .checkbox_block { padding: 0 20px; margin: 0; border: 0; } .mg_login_section fieldset label, .modal-forgot-password .mg_login_section label { width: 40%; float: left; font-weight: bold; font-size: 20px; color: #FFE7BD; margin-bottom: 0; } .mg_login_section fieldset input, .modal-forgot-password .mg_login_section .fp_block input { width: 55%; float: right; background: url("../images/mg_login_input_bg.png") no-repeat; width: 168px; height: 33px; display: block; border: none; box-shadow: none; border-radius: 0; color: rgba(0, 0, 0, 0.3); font-size: 16px; font-weight: bold; font-family: 'DIN Condensed Bold'; padding: 3px 10px 0; } .modal-forgot-password .mg_login_section label { width: 100%; } .modal-forgot-password .mg_login_section .fp_block input, .modal-forgot-password .mg_login_section .fp_block input:focus { float: inherit; background: #ffe7bd; border: 2px solid #82623a; background-image: none; color: #333; width: 100%; outline: none; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; } .modal-forgot-password .mg_login_section .fp_block { text-align: center; min-height: 200px; } .modal-forgot-password .mg_login_section .fp_response_message { min-height: 300px; } .modal-forgot-password .mg_login_section .fp_error_block { min-height: 100px; text-align: center; line-height: normal; } .modal-forgot-password .mg_login_section .form_error { float: left; } .mg_login_section fieldset input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); } .mg_login_section fieldset input::-moz-input-placeholder { color: rgba(0, 0, 0, 0.3); } .mg_login_section fieldset input::-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); } .mg_login_section fieldset input::-o-input-placeholder { color: rgba(0, 0, 0, 0.3); } .modal-forgot-password .mg_login_section .fp_block input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.3); } .modal-forgot-password .mg_login_section .fp_block input::-moz-input-placeholder { color: rgba(0, 0, 0, 0.3); } .modal-forgot-password .mg_login_section .fp_block input::-ms-input-placeholder { color: rgba(0, 0, 0, 0.3); } .modal-forgot-password .mg_login_section .fp_block input::-o-input-placeholder { color: rgba(0, 0, 0, 0.3); } .ie11 .modal-forgot-password .mg_login_section .green_large_btn input, .ie10 .modal-forgot-password .mg_login_section .green_large_btn input{ padding: 0; } .forgot_text a { text-decoration: underline; color: #FFE7BD; cursor: pointer; } .forgot_text a:hover { text-decoration: none; color: #FFE7BD; } .checkbox_block { margin: 12px 0; position: relative; } .checkbox_block input[type="checkbox"] { opacity: 0; position: absolute; width:56px; height: 69px; } .checkbox_block input[type="checkbox"] + label { color: #FFE7BD; line-height: 56px; cursor: pointer; } .checkbox_block input[type="checkbox"] + label span { display: inline-block; width: 56px; height: 56px; margin: 0px 15px 0 0; vertical-align: middle; background: url("../images/mg_checkbox_icon.png") left top no-repeat; cursor: pointer; } .checkbox_block input[type="checkbox"]:checked + label { margin-bottom: -2px; } .checkbox_block input[type="checkbox"]:checked + label span { background: url("../images/checked_icon.png") left top no-repeat; width: 56px; height: 69px; margin-top: -9px; vertical-align: middle; } .mth_safari .green_large_btn input[type="submit"], .mth_safari .green_large_btn input[type="button"], .mth_safari .grey_large_btn a { padding: 0; } .green_large_btn input[type="submit"], .green_large_btn input[type="button"], .grey_large_btn a { width: 318px; height: 75px; display: block; line-height: 80px; text-align: center; font-family: 'DIN Condensed Bold'; font-weight: bold; font-size: 26px; cursor: pointer; color: #FFE7BD; text-decoration: none; letter-spacing: 0.06em; text-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px; margin-bottom: 12px; padding: 0; box-shadow: none; } .green_large_btn input[type="submit"], .green_large_btn input[type="button"], .green_large_btn input[type="submit"]:hover, .green_large_btn input[type="button"]:hover { background: url("../images/green_large_button_bg.png") no-repeat; } .grey_large_btn a { background: url("../images/grey_large_button_bg.png") no-repeat; } .grey_large_btn a:hover { color: #FFE7BD; } .green_large_btn input[type="button"] { line-height: 66px; } .ie11 .green_large_btn input[type="button"], .ie10 .green_large_btn input[type="button"], .ieedge .green_large_btn input[type="button"] { line-height: 78px; } .user_account_notification { text-align: center; min-height: 300px; } .modal-register .user_account_notification { min-height: 200px; } .account_feedback .green_large_btn { margin-top: 15px; } .form_error { font-size: 17px; color: #800000; display: none; padding-left: 0px; clear: both; } .form_error_big { font-size: 17px; color: #800000; display: none; text-align: center; line-height: 20px; } /* Section: Games page CSS */ .page-template-page-games.normal_pages .banner_bot_section{ top:45px; padding-top: 0; } .page-template-page-games.normal_pages .site-footer{ margin-top: 0; } .games_information { position: relative; padding-bottom: 50px; text-align: center; } .games_information:last-child { padding-bottom: 0; } .games_information:last-child a{ bottom: 20px; } .games_img_block { position: relative; } .games_information_block { position: absolute; left: 0; top: 15%; text-align: center; z-index: 1; } .games_information a { bottom: 70px; position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 1; width: 100%; font-weight: bold; } .games_information a.game_btn{ max-width: 125px; /* Because of the position absolute I used max-width for game_btn */ } .games_information_block h1 { font-size: 24px; line-height: 28px; letter-spacing: -1.38px; color: #FFFFFF; font-family: 'Myriad Pro Semibold'; text-shadow: rgb(51, 0, 51) 1px 2px 2px; } .games_information_block p { font-size: 20px; line-height: 24px; color: #F2F2F2; text-shadow: rgb(51, 0, 51) 1px 2px 2px; } /* Section: Parent Home page CSS */ .banner_block .carousel-indicators { display: none; } .banner_block .carousel-indicators .active { background: rgba(255, 255, 255, 1); width: 10px; height: 10px; } .banner_block .carousel-indicators li { width: 10px; height: 10px; border: 1px solid rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.5); margin: 0 10px; } .banner_block a.carousel-control { width: 10% !important; /* It should overwrites bootstrap css */ opacity: inherit; } .banner_block .carousel-control.left, .banner_block .carousel-control.right { background: none !important; /* It should overwrites bootstrap css */ height: 41px; top: 50%; margin-top: -15px; display: block; } .banner_block .carousel-control .glyphicon-chevron-left, .banner_block .carousel-control .glyphicon-chevron-right, .banner_block .carousel-control .icon-prev, .banner_block .carousel-control .icon-next { width: 42px; height: 42px; font-size: 24px; color: rgba(0, 0, 0, 0.6); line-height: 23px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; } .banner_block .carousel-control .glyphicon-chevron-left:hover, .banner_block .carousel-control .glyphicon-chevron-right:hover { width: 42px; height: 42px; } .banner_block .carousel-control .glyphicon-chevron-left:hover { background: url("../images/carousel_left_arrow_h.png") no-repeat !important; /* It should overwrites bootstrap css */ } .banner_block .carousel-control .glyphicon-chevron-right:hover { background: url("../images/carousel_right_arrow_h.png") no-repeat !important; /* It should overwrites bootstrap css */ } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 42px; height: 42px; } .banner_block .carousel-caption { left: 0; right: 5%; margin: 0 auto; } .page-template-page-parents .banner_block .carousel-caption, .teacher_pages .banner_block .carousel-caption { right: 0; left: 0; top: 5%; text-align: center; width: 95%; padding: 20px 50px; max-width: 580px; margin: 0 auto; } .carousel-caption h1 { font-size: 24px; line-height: 36px; margin-bottom: 0px; padding-right: 0px; font-weight: 500; color: #F2F2F2; } .carousel-caption p { font-size: 18px; line-height: 24px; margin-bottom: 5px; color: #f2f2f2; } .banner_block .carousel-caption a.mth_btn, .mth_mac_ff .banner_block .carousel-caption a.mth_btn { float: initial; margin-top: 0; font-size: 22px; text-align: center; position: relative; } .about_series_block { font-size: 20px; margin-top: 25px; margin-bottom: 25px; line-height: 30px; color: #32445F; } .about_series_block_left img { margin-bottom: 15px; width: inherit; } .about_series_block_right { padding-top: 0px; text-align: center; } .about_series_block_right h1 { margin-bottom: 0px; } .parent_pages .about_series_block_right a, .parent_pages .explore_library_block a { text-align: center; -webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -ms-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); } .ie11 .parent_pages .about_series_block_right a, .ie11 .parent_pages .explore_library_block a, .ie10 .parent_pages .about_series_block_right a, .ie10 .parent_pages .explore_library_block a{ line-height: 58px; } .mth_mac_ff.parent_pages .explore_library_block a{ line-height: 46px; } .parent_pages .about_series_block_right a:hover, .parent_pages .explore_library_block a:hover { box-shadow: none; } .about_series_block_right a { float: none; } @-moz-document url-prefix() { .parent_pages .about_series_block_right a.parents_btn, .parent_pages .about_series_block_right a.parents_btn:focus{ line-height: 50px; } .teacher_pages .about_series_block_right a.parents_btn, .teacher_pages .about_series_block_right a.parents_btn:focus{ line-height: 47px; } .teacher_pages .explore_library_block a{ line-height: 47px; } .mth_mac_ff.parent_pages .about_series_block_right a.parents_btn, .mth_mac_ff.parent_pages .about_series_block_right a.parents_btn:focus{ line-height: 48px; } .mth_mac_ff.teacher_pages .about_series_block_right a.parents_btn, .mth_mac_ff.teacher_pages .about_series_block_right a.parents_btn:focus{ line-height: 47px; height: 46px; } } /* Section: Help page CSS */ .faq_top_block { background-size: cover; background-position: 50% 50%; padding: 10px 0 10px 0; color: #fff; height: 350px; position: relative; z-index: 3; display: flex; align-items: center; justify-content: inherit; } .help_page_buttons a { width: 100%; margin-bottom: 5px; font-size: 22px; max-width: 80%; height: 45px; line-height: 48px; } .ie11 .help_page_buttons a, .ie10 .help_page_buttons a{ line-height: 56px; } .ieedge .help_page_buttons a{ line-height: 48px; } .help_page_buttons div { text-align: center; } .accordion_block, .privacy_safety_content { font-size: 16px; color: #415772; font-family: 'Myriad Pro Semibold'; } .faq_content h1, .registration_section h1, .privacy_safety_section h1 { color: #415772; margin-bottom: 20px; } .accordion { width: 100%; margin: 0 auto; } .accordion-toggle { padding: 7px 0 0 35px; margin: 0 0 5px 0; cursor: pointer; position: relative; } .accordion-toggle.active:after { content: url(../images/help_minus.svg); position: absolute; left: 0; top: 7px; width: 25px; height: 25px; line-height: 28px; font-size: 15px; /* background: #7A5224;*/ text-align: center; font-weight: bold; color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .accordion-toggle:before { content: url(../images/help_plus.svg); position: absolute; left: 0; top: 7px; width: 25px; height: 25px; line-height: 28px; font-size: 15px; /* background: #7A5224;*/ text-align: center; font-weight: bold; color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; } .ie11 .accordion-toggle, .ie10 .accordion-toggle { padding-top: 10px; } .ie11 .accordion-toggle:before, .ie11 .accordion-toggle.active:after, .ie10 .accordion-toggle:before, .ie10 .accordion-toggle.active:after { line-height: 30px; } @-moz-document url-prefix() { .accordion-toggle:before, .accordion-toggle.active:after { line-height: 26px; } } .mth_mac_chrome .accordion-toggle:after, .mth_mac_chrome .accordion-toggle:before, .mth_safari .accordion-toggle:after, .mth_safari .accordion-toggle:before { line-height: 24px; } .accordion_block p.accordion-toggle b { font-weight: 500; } .accordion-toggle.active { color: #415772; } .accordion-content, .accordion-toggle.active:before { display: none; } .accordion-content { color: #415772; font-size: 16px; margin-bottom: 15px; font-family: 'Myriad Pro'; padding: 10px; } .accordion_content_bg { padding: 10px; background: #F0F0F0; color: #415772; margin-bottom: 15px; font-family: 'Myriad Pro'; } .accordion_content_bg a { color: #415772; text-decoration: underline; } .accordion_content_bg a:hover { color: #000; text-decoration: underline; } .accordion_content_bg p:last-child { margin-bottom: 0; } .accordion_content_bg ul, .accordion_content_bg ol { margin-left: 30px; } .accordion_block h2 { margin-bottom: 10px; } .privacy_safety_content a { color: inherit; font-weight: bold; text-decoration: underline; } /* Section: Kids Adventureclub newsletter */ .news_letter_main_block { padding-top: 25px; } .newsletter_form { margin-bottom: 25px; margin-top: 50px; } .newsletter_form .form-group { display: block; clear: both; margin-bottom: 15px; } .newsletter_form .form-group label { float: left; margin-right: 3%; font-weight: normal; text-align: left; margin-bottom: 5px; } .newsletter_form .form-group label, .newsletter_form .form-group input, .newsletter_form .form-group select { width: 100%; } .newsletter_form .form-group input, .newsletter_form .form-group select { float: left; padding: 5px; margin-bottom: 15px; } .newsletter_form .form-group select { min-height: 41px; } .newsletter_form .form-error { color: red; margin-bottom: 10px; padding-left: 0px; text-align: left; margin-top: -25px; font-size: 14px; } .newsletter_form input[type="submit"] { margin-top: 15px; float: none; margin-bottom: 15px; margin-left: 0; padding: 4px 0 0 0; } .mth_safari .newsletter_form input[type="submit"], .mth_mac_chrome .newsletter_form input[type="submit"] { padding: 0px 0 0 0; min-height: 45px; } .mth_mac_ff .newsletter_form input[type="submit"]{ padding: 3px 0 0 0; min-height: 45px; } .ie11 .newsletter_form input[type='submit'], .ie10 .newsletter_form input[type='submit'], .ie11 .newsletter_form input[type='submit']:focus, .ie11 .newsletter_form input[type='submit']:active, .ie10 .newsletter_form input[type='submit']:focus, .ie10 .newsletter_form input[type='submit']:active{ padding: 12px 12px 1px; } .page-template-page-parents-newsletter.ie11 .newsletter_form input[type='submit'], .page-template-page-parents-newsletter.ie10 .newsletter_form input[type='submit'], .page-template-page-parents-newsletter.ie11 .newsletter_form input[type='submit']:focus, .page-template-page-parents-newsletter.ie11 .newsletter_form input[type='submit']:active, .page-template-page-parents-newsletter.ie10 .newsletter_form input[type='submit']:focus, .page-template-page-parents-newsletter.ie10 .newsletter_form input[type='submit']:active, .teacher_pages.ie11 .newsletter_form input[type='submit'], .teacher_pages.ie10 .newsletter_form input[type='submit'], .teacher_pages.ie11 .newsletter_form input[type='submit']:focus, .teacher_pages.ie11 .newsletter_form input[type='submit']:active, .teacher_pages.ie10 .newsletter_form input[type='submit']:focus, .teacher_pages.ie10 .newsletter_form input[type='submit']:active{ padding: 12px 12px 1px; } /* Section: Account page CSS */ .account.teacher_pages .child_login_block, .account.parent_pages .child_login_block { display: none; } .account_settings_block_main { min-height: inherit; text-align: center; padding-bottom: 50px; } .account_settings_block_main a { color: inherit; text-decoration: underline; cursor: pointer; } .account_settings_block_main a:hover { text-decoration: none; } .account_settings_block_main a.mth_btn { color: #32445F; text-decoration: none; height: 46px; line-height: 50px; } .account_settings_block_main a.mth_btn{ line-height: 50px; height:46px; } .mth_safari .account_settings_block_main a.mth_btn{ line-height: 46px; height:45px; } .mth_mac_ff .account_settings_block_main a.mth_btn{ line-height: 47px; } .ieedge .account_settings_block_main a.mth_btn{ line-height: 50px; height:46px; } .ie11 .account_settings_block_main a.mth_btn, .ie10 .account_settings_block_main a.mth_btn{ line-height: 58px; } .account_settings_block_main a.mth_btn:hover { color: #000; } .account_setting_age_email_update { padding: 20px 0; } .account_setting_age_email_update fieldset { border: none; padding: 0; } .account_setting_age_email_update fieldset label { width: 100%; text-align: left; float: left; margin: 0; padding: 0; font-weight: normal; } .account_setting_age_email_update .kac-subscribe label{ width: auto; } .account_setting_age_email_update fieldset input[type="checkbox"]{ transform: scale(2); -ms-transform: scale(2); /* IE */ -moz-transform: scale(2); /* FF */ -webkit-transform: scale(2); /* Safari and Chrome */ -o-transform: scale(2); /* Opera */ width: auto; margin: 8px; } .account_setting_age_email_update fieldset input { width: 100%; float: left; padding: 10px; margin: 0; line-height: normal; } .account_setting_age_email_update fieldset input[type="input"] { color: #666; background: #fff; border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; display: block; } .teacher_pages .account_settings_block_main input[type="submit"], .teacher_pages .account_settings_block_main input[type="password"], .teacher_pages .account_setting_age_email_update a.mth_btn{ color: #3B2C60; } .account_settings_block_main .submit { margin-top: 15px; } .account_settings_block_main .account_setting_age_email_update .submit { margin-top: 25px; } .account_settings_block_main input[type="submit"], .account_settings_block_main input[type="password"] { padding: 7px 12px 2px; margin-bottom: 15px; } .ieedge .account_settings_block_main input[type="submit"], .ieedge .account_settings_block_main input[type="password"] { padding: 6px 12px 2px; } .ie11 .account_settings_block_main input[type='submit'], .ie11 .account_settings_block_main input[type='password'], .ie10 .account_settings_block_main input[type='submit'], .ie10 .account_settings_block_main input[type='password'] { padding: 12px 12px 0; } .mth_safari .account_settings_block_main input[type="submit"], .mth_safari .account_settings_block_main input[type="password"], .mth_mac_chrome .account_settings_block_main input[type="submit"], .mth_mac_chrome .account_settings_block_main input[type="password"] { padding: 2px 12px 2px; min-height:45px; } .mth_mac_ff #accountsettingform input[type="submit"], .mth_mac_ff .account_settings_block_main input[type="password"]{ padding:3px 12px 0px; min-height: 45px; } .mth_mac_ff .account_settings_block_main input[type="submit"]{ padding: 3px 12px 2px; min-height: 45px; } @-moz-document url-prefix() { .account_settings_block_main input[type="submit"], .account_settings_block_main input[type="password"] { padding: 5px 12px 2px; } } .account_setting_age_email_update fieldset input[type="password"] { margin: 0; padding: 10px; } .account_setting_age_email_update a.mth_btn { font-size: 28px; } .account_setting_age_email_update .form-error { color: red; margin-bottom: 5px; padding-left: 0; text-align: left; font-size: 14px; width: 100%; } .account_settings_block_main .success_message a.child_btn { color: #245F3E; text-decoration: none; } .account_settings_block_main .success_message a.child_btn:hover { color: #000; } .default_content { padding-top: 25px; } .error-404.not-found { padding-bottom: 30px; } /* Section: Teacher Home page CSS */ .teacher_pages .banner_block .carousel-caption a { margin-right: 5px; } .teacher_pages .about_series_block { color: #3B2C60; } .teacher_pages .about_series_block_right a, .teacher_pages .explore_library_block a { text-align: center; color: #3B2C60; -webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -ms-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); -o-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); } .teacher_pages .about_series_block_right a:hover, .teacher_pages .explore_library_block a:hover { box-shadow: none; } .ie11 .teacher_pages .about_series_block_right a, .ie11 .teacher_pages .explore_library_block a, .ie10 .teacher_pages .about_series_block_right a, .ie10 .teacher_pages .explore_library_block a{ line-height: 54px; } .mth_safari.teacher_pages .about_series_block_right a, .mth_mac_chrome.teacher_pages .about_series_block_right a{ line-height: 46px; height:46px; } .mth_mac_ff.teacher_pages .explore_library_block a{ line-height: 46px; } .age_error { display: none; } .ageVerify .modal-header { border: none; padding: 15px 15px 0px; position: absolute; right: 0; top: 0; } .ageVerify .modal-content { min-height: auto; display: flex; align-items: center; justify-content: center; } .ie11 .ageVerify .modal-content, .ie10 .ageVerify .modal-content{ display: flex; align-items: center; justify-content: center; position: absolute; left: 0; right: 0; top:0; bottom:0; } body.modal-open .modal.ageVerify { background: rgba(0, 0, 0, 0.2); } /* Section: Teacher Resource page css */ .series_resources_block_main { padding-top: 15px; padding-bottom: 25px; height: 350px; background-size: cover; background-position: 50% 50%; } .series_resources_block { color: #fff; position: relative; z-index: 2; } .resources_list { padding-left: 0px; width:100%; margin-bottom: 10px; } .resources_list li { background: url(../images/pdf_icon.png) no-repeat 0 0px; background-size: 10%; padding-left: 15px; margin-bottom: 10px; min-height: 42px; line-height: 13px; display: block; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, .6); -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, .6); -ms-text-shadow: 0 1px 2px rgba(0, 0, 0, .6); -o-text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .resources_list li a { color: #fff; font-size: 14px; font-family: 'Myriad Pro Semibold'; text-decoration: none; } .resources_list li a:hover { color: rgba(255, 255, 255, 0.75); text-decoration: none; } .page-template-page-teachers-resources .banner_bot_section { padding-top: 0; } .page-template-page-teachers-resources .site-footer, .page-template-page-games.normal_pages .site-footer, .page-template-page-library .site-footer, .page-template-page-book-details .site-footer{ margin: 0; } .resources_main_content_block { padding-bottom: 20px; } .resources_content_block { margin-bottom: 25px; } .book_cover_block { margin-left: 0; } .book_cover_image p.heading { font-size: 24px; line-height: 40px; margin-top: 10px; margin-bottom: 20px; font-family: 'Futura LT Pro Medium'; color: #3B2C60; } .fact_tracker_block { margin-left: 0px; margin-right: 0px; } .teachers_guide { font-size: 20px; padding-top: 0px; } .teachers_guide a { width: 100%; max-width: 100%; text-align: left; margin: 15px auto; display: inline-block; color: #3B2C60; font-family: 'Myriad Pro Semibold'; line-height: 22px; } .teachers_guide img { float: left; margin-right: 10px; height: 47px; width:41px; } .teachers_guide a .resource_img_section{ float: left; width: 41px; height: 47px; } .teachers_guide a .resource_img_section_txt{ width: 75%; float: left; margin-left: 10px; } .resources_content_block hr { margin-top: 0; } .resources_main_content_block .resources_content_block:last-child hr { display: none; } hr.border_bot { margin-left: 15px; margin-right: 15px; overflow: hidden; background-color: #F0B15A; background: url("../images/border_img.jpg") no-repeat center center; } .more_btn { margin-bottom: 20px; } .more_btn a { font-size: 24px; min-height: 45px; text-align: center; } /* Section: Classroom Challenge page css */ .default_content .teacher_abt_activities { padding: 0; margin-left: 0; } .teacher_abt_activities li { margin-bottom: 15px; } .teacher_abt_activities li a img { margin-right: 15px; } /* This should overwrite ninja form css */ .label-right .checkbox-wrap .nf-field-element { float: left; } .label-right .checkbox-wrap .nf-field-label { width: 91% !important; /* It should overwrite ninja form css */ float: right !important; /* It should overwrite ninja form css */ } .label-left .nf-field-label { width: 100% !important; /* It should overwrite ninja form css */ text-align: left !important; /* It should overwrite ninja form css */ } .label-left .nf-field-element { width: 100% !important; /* It should overwrite ninja form css */ } .label-left .nf-field-description, .label-left .nf-after-field, .label-above .nf-field-label { margin-left: 0 !important; /* It should overwrite ninja form css */ } .nf-field-element select { height: 30px !important; /* It should overwrite ninja form css */ } .label-right .nf-field-label { padding-left: 5px !important; /* It should overwrite ninja form css */ } .label-below .nf-field-element, .label-above .nf-field-element { width: 100% !important; /* It should overwrite ninja form css */ text-align: center !important; /* It should overwrite ninja form css */ } .field-wrap.file_upload-wrap .nf-field-label { display: block; } .file_upload-container.label-left .nf-field-element, .field-wrap.submit-wrap .nf-field-element { text-align: center; } .nf-field-container.file_upload-container.label-left .field-wrap.file_upload-wrap .nf-field-element button.btn { min-width: 150px; font-size: 22px !important; /* Targetting font size only for this field */ font-family: 'Futura LT Pro Medium'; } .nf-field-element input { padding: 5px; } .fileinput-button { font-size: 28px !important; /* It should overwrite ninja form css */ padding: 5px 0 0 0; } .teacher_pages .fileinput-button, .field-wrap input[type="button"] { padding: 3px 0 0 0; } .mth_mac_ff .field-wrap input[type="button"] { padding: 3px 0 0 0; } .field-wrap input[type="button"] { border-radius: inherit; padding: 5px 0 0 0; } .nf-form-title, .nf-form-title h3 { text-align: center; font-size: 24px !important; /* It should overwrite ninja form css */ } .nf-form-cont .nf-field-description span { font-family: 'Myriad Pro' !important; /* It should overwrite ninja form css */ } .list-radio-wrap .nf-field-element li input { width: 5% !important; /* It should overwrite ninja form css */ float: left; margin-top: 8px; } .ie11 .list-radio-wrap .nf-field-element li input, .ie10 .list-radio-wrap .nf-field-element li input{ margin-top: 4px; } .list-radio-wrap .nf-field-element ul input, .list-radio-wrap .nf-field-element li input, .list-checkbox-wrap .nf-field-element ul input, .list-checkbox-wrap .nf-field-element li input{ margin-right: 9px !important; /* It should overwrite ninja form css */ } .list-radio-wrap .nf-field-element li label { width: 90% !important; /* It should overwrite ninja form css */ } /* Section: Educator of the year */ .library_book_image_block .winners_list { font-size: 27px; font-family: 'Futura LT Pro Medium'; font-weight: bold; } .library_book_image_block .winner { font-size: 16px; } .winner_img_block { margin-bottom: 5px; } .winners_block_address { font-size: 12px; } .library_book_image_block .winner p { margin-bottom: 5px; } /* Section: Winners page CSS */ .winners_content_section .winners_left_block .image_center { text-align: center; margin-bottom: 15px; width: 100%; float: inherit; } .winners_content_section .winners_left_block .image_center img { float: inherit; width: 100%; height: auto; max-width: 60%; margin-bottom: 15px; } .winners_content_section .winners_left_block .image_center span { font-size: 14px; line-height: 16px; display: block; } .winners_content_section .winners_left_block h1, .winners_content_section .winners_left_block h6 { clear: inherit; } /* Section: Age verify popup css */ #av-overlay { text-align: center; position: absolute; top: 0; left: 0; width: 96% !important; /* It overwrites age verify plugin css */ padding: 30px 10px; height: 270px; margin: auto; right: 0; bottom: 0; } #av-overlay > p { font-size: 25px; line-height: 28px !important; /* It overwrites age verify plugin css */ } #av-overlay select#av_verify_y { width: auto !important; /* It overwrites age verify plugin css */ } #av-overlay form .submit label { display: none; } #av-overlay form .submit { margin-top: 20px; } /* Section: Browser fixes Safari target css */ .mth_safari .btn, .mth_safari input[type="submit"], .mth_safari input[type="button"] { padding: 5px 12px 2px; } /* Firefox target css */ @-moz-document url-prefix() { .normal_pages .success_block a.btn.btn-default { padding: 1px 10px 0; } .library_content_section .sorting select { padding: 7px 10px 0; } .book_details_block .bd_btns_block a img { margin-top: 0; } .top_right_menu ul li a.btn-default { padding: 3.5px 10px 1px; } .top_right_menu ul li a.btn-default:hover { padding: 3.5px 10px 1px; } .teacher_pages .top_right_menu ul li a.btn-default, .parent_pages .top_right_menu ul li a.btn-default{ padding: 3.5px 10px 0px; } .teacher_pages .top_right_menu ul li a.btn-default:hover, .parent_pages .top_right_menu ul li a.btn-default:hover{ padding: 3.5px 10px 0px; } .fb_block_right a.btn { /*padding: 3px 0 0 0;*/ } .bd_btns_block a { padding: 3px 15px 0px; } .book_details_block .bd_btns_block a img { margin-top: -3px; } } /* IE targetting css starts here */ .ie11 .child_login_block .login_block input[type='text'], .ie11 .child_login_block .login_block input[type='password'], .ie10 .child_login_block .login_block input[type='text'], .ie10 .child_login_block .login_block input[type='password'] { padding: 0 10px; } .ie11 .child_login_block .login_block input[type='submit'], .ie10 .child_login_block .login_block input[type='submit'] { padding: 3px 15px; } .ie11 .btn, .ie11 input[type='submit'], .ie11 input[type='button'], .ie10 .btn, .ie10 input[type='submit'], .ie10 input[type='button'] { padding: 14px 12px 0; } .ie11 .exclusive_form input[type='submit'], .ie10 .exclusive_form input[type='submit']{ padding: 0 15px; line-height: 56px; } .ie11.teacher_pages .btn, .ie10.teacher_pages .btn { padding: 14px 12px 0; } .ie11 .normal_pages .child_login_block, .ie10 .normal_pages .child_login_block { line-height: 30px; } .ie11 .normal_pages .child_login_block.mobile a.mth_btn, .ie10 .normal_pages .child_login_block.mobile a.mth_btn{ line-height: 42px; } .ie11 .normal_pages .top_right_menu ul li a.btn-default, .ie10 .normal_pages .top_right_menu ul li a.btn-default, .ie11 .normal_pages .top_right_menu ul li a.btn-default:hover, .ie10 .normal_pages .top_right_menu ul li a.btn-default:hover{ padding: 10px 0 2px 0; line-height: 22px; } .ie11 .top_right_menu ul li a.btn-default, .ie10 .top_right_menu ul li a.btn-default, .ieedge .top_right_menu ul li a.btn-default, .ie11 .top_right_menu ul li a.btn-default:hover, .ie10 .top_right_menu ul li a.btn-default:hover, .ieedge .top_right_menu ul li a.btn-default:hover{ padding: 6px 10px 0; line-height: 28px; } .ie11 .top_right_menu ul li.fb_class a, .ie10 .top_right_menu ul li.fb_class a { line-height: 28px; } .ie11 .fb_block_right a.btn, .ie10 .fb_block_right a.btn { line-height: 45px; } .ie11 .library_content_section .see_all_btn a.btn, .ie10 .library_content_section .see_all_btn a.btn { padding: 12px 0 0 0; line-height: 30px; } .ie11 .book_details_block .bd_btns_block a img, .ie10 .book_details_block .bd_btns_block a img { margin-top: -12px; } .ie11 .default_content ul, .ie11 .default_content ol, .ie10 .default_content ul, .ie10 .default_content ol { margin-left: 15px; } .ie11 .bd_btns_block a, .ie10 .bd_btns_block a, .ie11 .page-template-page-book-details .book_details_block .bd_btns_block a, .ie10 .page-template-page-book-details .book_details_block .bd_btns_block a { padding: 10px 15px 0px; height: 54px; } .ie11 .book_details_block .bd_btns_block a img, .ie10 .book_details_block .bd_btns_block a img { margin-top: 0px; margin-bottom: 11px; } .ie11 .book_details_block .featured_image img, .ie10 .book_details_block .featured_image img { margin-bottom: 30px; } .ie11 #av-overlay form .btn, .ie11 #av-overlay form input[type='submit'], .ie11 input[type='button'], .ie10 #av-overlay form .btn, .ie10 #av-overlay form input[type='submit'], .ie10 input[type='button'] { padding: 12px 12px 0px; } .ie11 .filter_block select, .ie10 .filter_block select { padding-top: 15px; } .ie11.teacher_pages .fileinput-button, .ie10.teacher_pages .fileinput-button { padding: 9px 0 0 0; height: 41px; } .teacher_pages .glyphicon-chevron-right:before, .teacher_pages .glyphicon-chevron-left:before, .parent_pages .glyphicon-chevron-right:before, .parent_pages .glyphicon-chevron-left:before { display: none; } /* Section: Media Queries Responsive css start */ /* This media query is used only for Teachers Resources page. To fit the links displayed on hero image. */ @media(min-width:321px){ /* Section: Teacher Resource page css */ .resources_list li { padding-left: 20px; min-height: 41px; line-height: 12px; } .resources_list li a { font-size: 12px; } } /* This media query is used only for Teachers Resources page. To fit the links displayed on hero image. */ @media(min-width:360px){ /* Section: Teacher Resource page css */ .resources_list li { padding-left: 25px; min-height: 47px; line-height: 14px; } .resources_list li a { font-size: 13px; } } @media(min-width:481px){ /* General css */ h1, .default_content h1 { font-size: 30px; } h2, .default_content h2 { font-size: 28px; } h3, .default_content h3 { font-size: 24px; } h4, .default_content h4 { font-size: 22px; } h5, .default_content h5 { font-size: 18px; } .main-navigation.toggled-on > div > ul li { padding: 15px 0 10px; } /* Section: Button styles */ .btn, .mth_btn { font-size: 22px; } .mth_btn{ height: 45px; } @-moz-document url-prefix() { .mth_btn.child_btn { height: 45px; line-height: 47px; } } /* Section: Header CSS */ .ie11 .header_top .site-branding-text h1, .ie10 .header_top .site-branding-text h1, .ieedge .header_top .site-branding-text h1 { margin: 0; } .header_top .logo .primary_logo img{ max-width: 55%; } .parent_pages .site-title img, .teacher_pages .site-title img { max-width: 80%; } /* Section: Footer css */ .footer_top_links{ padding-top: 0; } .copyright{ padding-top: 40px; } /* Section: Login Block */ .normal_pages .child_login_block.mobile a.mth_btn { height: 35px; line-height: 38px; font-family: 'Futura LT Pro Bold'; } /* Section: Hero Image css */ .normal_pages .hero_image_block{ margin-bottom: 25px; } .normal_pages .hero_image { background-position: 50% 50%; } .normal_pages .child_home .hero_image { height: 300px; } /* Section: Child home page css */ .home.normal_pages .banner_bot_section { top: 345px; } .featured_book_title_main { font-size: 44px; line-height: 54px; } .home_featured_book_block .col-sm-7{ width: 66.333333%; } .home_featured_book_block h2 { font-size: 30px; } .featured_txt { min-height: 160px; } .featured_book_section_top { background-size: contain; } .featured_book_section_top h1 { font-size: 30px; line-height: 30px; } .fb_block_right a.mth_btn { margin-top: 70px; } /* section: Owl carousel css */ .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { width: 55px; } .owl-carousel .owl-nav .owl-prev.disabled img, .owl-carousel .owl-nav .owl-next.disabled img, .owl-carousel .owl-nav .owl-prev img, .owl-carousel .owl-nav .owl-next img { max-width: 70%; } /* Section: Book details page css */ .mth_merlin_mission_section{ background-size: contain; } .bd_btns_block a { max-width: 230px; margin: 20px auto; font-size: 20px; } .book_details_block .featured_content_block h1 { font-size: 34px; } /* Section: About page css */ .normal_pages .youmay_block{ background-size: contain; } .normal_pages .youmay_block h1 { font-size: 32px; } /* Section: Hero image css */ .banner_block .carousel-indicators .active { width: 17px; height: 17px; } .banner_block .carousel-indicators li { width: 17px; height: 17px; } .page-template-page-parents .banner_block .carousel-caption, .teacher_pages .banner_block .carousel-caption{ top:25%; } .carousel-caption h1 { font-size: 30px; line-height: 34px; } .banner_bot_block_parent a p { font-size: 28px; line-height: 34px; } /* Section: Parent help page css */ .faq_top_block p, .hero_caption_block p { font-size: 20px; line-height: 18px; } .help_page_buttons a { font-size: 25px; max-width: 55%; } .accordion_block { font-size: 18px; } .privacy_safety_content { font-size: 18px; } /* Section: Adventure club css */ @-moz-document url-prefix() { .newsletter_form input[type="submit"]{ padding: 3px 0 0 0; } } .mth_mac_ff .newsletter_form input[type="submit"] { padding: 2px 0 0 0; min-height: 45px; } /* Section: Account page css */ .account_setting_age_email_update .kac-subscribe label{ width: 40%; } .ie10 .account_setting_age_email_update fieldset input[type="checkbox"], .ie11 .account_setting_age_email_update fieldset input[type="checkbox"]{ margin: 14px 0 0 0; } .account_setting_age_email_update fieldset input[type="checkbox"]{ margin: 17px 0 0 0; } @-moz-document url-prefix() { .account_setting_age_email_update fieldset input[type="checkbox"]{ margin: 16px 0 0 0; } } .account_setting_age_email_update fieldset label { width: 40%; text-align: right; margin: 0 3% 0 0; padding-top: 10px; } .account_setting_age_email_update fieldset input { width: 57%; } .account_setting_age_email_update .form-error { padding-left: 43%; } /* Section: Award page css */ .earn_awards_block a.mth_btn { font-size: 22px; } /* Sectiion: Teacher home page cssmask */ .mth_safari.teacher_pages .about_series_block_right a, .mth_mac_chrome.teacher_pages .about_series_block_right a{ line-height: 44px; height:44px; } .mth_mac_ff.teacher_pages .about_series_block_right a.parents_btn, .mth_mac_ff.teacher_pages .about_series_block_right a.parents_btn:focus{ line-height: 45px; height: 44px; } /* Section: Teacher resources page css */ .resources_list li { padding-left: 30px; min-height: 35px; background-size: 12%; line-height: 16px; display: flex; align-items: center; } .resources_list li a { font-size: 16px; } .teachers_guide { text-align: center; font-size: 20px; } .teachers_guide a { max-width: 55%; text-align: left; margin: 10px auto; /*display: inline-block;*/ } /* Section: Gamges page css */ .games_information_block h1 { font-size: 32px; line-height: 34px; } .games_information a.game_btn{ max-width: 195px; /* Because of the position absolute I used max-width for game_btn */ } /* This css should overwrite Ninja form css and used in Newsletter and educator of the year and classroom challenge pages. */ .label-left .nf-field-label { width: 35% !important; /* It should overwrites Ninja form css */ text-align: right !important; /* It should overwrites Ninja form css */ } .label-left .nf-field-element { width: 65% !important; /* It should overwrites Ninja form css */ } .label-left .nf-after-field, .label-above .nf-field-label { margin-left: 35% !important; /* It should overwrites Ninja form css */ font-size: 14px; } .file_upload-container.label-left .nf-field-element, .field-wrap.submit-wrap .nf-field-element { text-align: inherit; } .label-left .nf-field-description{ margin-left: 35% !important; /* It should overwrites Ninja form css */ } /* Section: Age verify popup css */ #av-overlay { width: 400px !important; /* It overwrites age verify plugin css */ padding: 30px 40px; } #av-overlay select#av_verify_m { width: auto !important; /* It overwrites age verify plugin css */ } #av-overlay select#av_verify_y { width: 24% !important; /* It overwrites age verify plugin css */ } } /* This media query is used only for Teachers Resources page and login success block section. */ @media(min-width:561px){ /* Section: Teacher resources page css */ .resources_list li { padding-left: 45px; min-height: 45px; background-size: contain; line-height: 22px; } .resources_list li a { font-size: 18px; } /* Section: Child page css */ .normal_pages .success_block a.mth_btn{ float: inherit; } .child_login_block.mobile .success_block span { display: block; } .child_login_block.mobile .success_block{ line-height: normal; } } /* This media query only for book details page Read a Smaple block */ @media (min-width: 650px) { .book-sampler-spread { border: 10px solid #174F32; margin-bottom: 100px; } .book-sampler-spread:last-child { margin-bottom: 50px; } } @media(min-width:768px){ /* Section: Header css */ .header_top .logo .primary_logo img { width: 100%; height: 100%; max-width: 80%; position: relative; z-index: 11; } .ie11.parent_pages .site-title img, .ie10.parent_pages .site-title img, .ieedge.parent_pages .site-title img, .ie11.teacher_pages .site-title img, .ie10.teacher_pages .site-title img, .ieedge.teacher_pages .site-title img { max-width: 80%; } .top_right_menu ul li { margin-left: 10px; } .navigation-top { font-size: 16px; } .menu-toggle { padding: 9px 10px; margin: 8px 15px 8px 0; } .normal_pages .main-navigation ul li:first-child, .main-navigation ul li:first-child { margin: 0; } /* Section: Login Block */ .child_login_block span { float: left; font-size: 20px; color: #F0E9CA; } .ie11 .normal_pages .child_login_block, .ie10 .normal_pages .child_login_block { line-height: 50px; } .child_login_block .success_block span{ float: right; line-height: normal; padding-top: 7px; } .child_login_block .login_block { float: left; margin: 10px 0px 10px 10px; } .child_login_block .login_block input[type="text"], .child_login_block .login_block input[type="password"] { float: left; max-width: 140px; height: 26px; margin-right: 10px; font-size: 17px; color: #679A61; padding: 4px 10px; border: none; border-radius: 0; line-height: normal; } .child_login_block .login_block input[type="text"]::-webkit-input-placeholder, .child_login_block .login_block input[type="password"]::-webkit-input-placeholder { color: #679A61; } .child_login_block .login_block input[type="text"]:-ms-input-placeholder, .child_login_block .login_block input[type="password"]:-ms-input-placeholder { color: #679A61; } .child_login_block .login_block input[type="text"]::-moz-placeholder, .child_login_block .login_block input[type="password"]::-moz-placeholder { color: #679A61; } .child_login_block .login_block input[type="text"]:-moz-placeholder, .child_login_block .login_block input[type="password"]:-moz-placeholder { color: #679A61; } .child_login_block .login_block input[type="submit"] { float: left; width: auto; min-width: inherit; height: 26px; min-height: 26px; font-weight: bold; font-size: 20px; padding: 0 15px; line-height: 30px; letter-spacing: -0.48px; color: #245F3E; box-shadow: none; font-family: 'Futura LT Pro Bold'; font-weight: 700; } .child_login_block .login_block input[type="submit"]:hover { color: #000; } @-moz-document url-prefix() { .child_login_block .login_block input[type="submit"]{ line-height: 29px; } } .ieedge .child_login_block .login_block input[type="submit"]{ line-height: 29px; } .mth_mac_chrome .child_login_block .login_block input[type="submit"]{ line-height:17px; height:25px; min-height:25px; } .mth_mac_ff .child_login_block .login_block input[type="submit"] { line-height: 27px; height: 25px; min-height: 25px; } .child_login_block .sign_up_block { float: left; } .child_login_block .sign_up_block a { font-size: 14px; color: #F0E9CA; font-family: 'Myriad Pro'; margin-left: 10px; cursor: pointer; } /* Section: Hero image css */ .normal_pages .child_home .hero_image { height: 658px; background-position: 50% 50%; } .normal_pages .child_home .hero_image { height: 658px; background-position: 50% 50%; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100%; } .carousel-inner > .item, .carousel-inner > .item .fill { background-size: cover; height: 450px; } /* Section: Mission game css */ .normal_pages .mission_game_block_container { display: block; } .normal_pages .mission_game_block, .normal_pages .mission_game_block_container.mobile .mission_game_block { position: absolute; left: 0; top: 170px; z-index: 1; padding: 45px 60px 0; background: url("../images/mission_game_bg.png") no-repeat center center; width: 477px; height: 387px; } .normal_pages .mission_game_block_container.mobile { display: none; } /* Section: Main content block css */ .home .child_home.banner_bot_section { padding-top: 25px; } .home.normal_pages .banner_bot_section { top: 658px; } .normal_pages .promo_block div { margin-bottom: 25px; } .banner_bot_section{ top:450px; } .normal_pages .banner_bot_section{ top:495px; } /* Section: Child home page css */ .home_featured_book_block_mobile, .books_content_block_desktop.books_content_block_mobile { display: none; } .home_featured_book_block { margin-top: 30px; text-align: left; } .featured_book_text { margin: 0 auto; padding: 2em 0 0; width: 60%; max-width: 600px; } .home_featured_book_block .col-sm-6 { width: 60%; } .home_featured_book_block .col-sm-6.featured_book_section { width: 40%; } .home_featured_book_block .col-md-11 { width: 100%; } .home_featured_book_block .col-sm-6.featured_img_block { width: 100%; } .home_featured_book_block.home_featured_book_block_desktop{ display: block; } .home_featured_book_block_desktop, .books_content_block_desktop{ display: block; } .home_featured_book_block_mobile .featured_book_section a img { margin-bottom: 0px; } .featured_leaf_block_section { min-height: 250px; } .featured_book_title_main { font-size: 44px; line-height: 54px; } .home_featured_book_block h2, .featured_leaf_block_section a{ font-size: 28px; } .explore_library_block_txt { padding-left: 25px; } .banner_bot_block { margin-top: 92px; margin-bottom: 43px; } .promo_block_single{ margin-bottom: 0; } .normal_pages .banner_bot_block a p{ font-size: 20px; line-height: 20px; } /* Section: Footer css */ .copyright{ text-align: left; } .rhcb_section a{ float: left; } .rhcb_section a { margin-right: 8px; } /* Section: Books page css */ .featured_book_section_top{ padding-bottom: 90px; padding-top: 85px; } .featured_book_section_top h1 { font-size: 30px; line-height: 36px; } .library_content_section h1 { float: none; margin-bottom: 25px; font-size: 30px; line-height: 30px; } /* Section: Owl carousel css */ .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { width: 68px; } .owl-carousel .owl-nav .owl-prev.disabled img, .owl-carousel .owl-nav .owl-next.disabled img, .owl-carousel .owl-nav .owl-prev img, .owl-carousel .owl-nav .owl-next img { max-width: 100%; } /* Section: See all page css */ .seeall_series_title { text-align: left; margin: 30px 0; } .seeall_series_title h1 { margin-bottom: 40px; text-align: left; } .filter_block { padding-top: 40px; padding-bottom: 50px; line-height: 45px; text-align: left; font-size: 22px; } .filter_block span { float: left; } .filter_block span + select { margin-left: 10px; } .see_all_block .filter_block span { width: auto; display: inherit; } .filter_block select { font-size: 12px; padding: 5px 10px; margin-left: 10px; min-width: 195px; background-size: 100% 65%; line-height: 40px; letter-spacing: -0.05em; display: inline-block; margin-bottom: 0; } .normal_pages .seeall_series_title .filter_block { position: absolute; right: 15px; } .normal_pages .seeall_series_title .filter_block select:nth-child(2){ float: right; } /* Section: Book details page css */ .book_details_block { margin-top: 20px; margin-bottom: 70px; } .page-template-page-book-details .book_details_block { margin-top: 60px; } .page-template-page-book-details .book_details_block .bd_btns_block a { padding: 3px 15px 1px; min-height: 55px; } .book_details_block_desktop { display: block; } .book_details_block_mobile { display: none; } .book_details_block .featured_image img { margin-bottom: 30px; text-align: left; } .bd_btns_block a { padding: 7px 5px; font-size: 16px; max-width: 100%; margin: 0 0 30px 0; } .book_details_block .featured_content_block h1 { text-align: left; } .bd_btns_block { text-align: left; } .book_details_block_mobile .featured_content_block { padding-bottom: 0px; } .mth_mac_ff .bd_btns_block a { padding: 4px 5px 0; } /* Section: About page css */ .normal_pages .youmay_block{ padding-bottom: 0; } .normal_pages .youmay_block h1 { font-size: 36px; } .about_the_author_block h1 { font-size: 40px; margin: 15px 0 40px; } .authors_block { font-size: 20px; padding-bottom: 30px; } .authors_left_block, .featured_book_block { text-align: inherit; } .authors_left_block img { margin-bottom: 0px; text-align: left; } .transparent_bg, .hero_image{ height: 450px; } .series_resources_block h1, .faq_top_block h1, .title, .hero_caption_block h1 { margin-bottom: 25px; font-size: 32px; } .page-template-page-exclusives .banner_bot_section, .passport-adventure-club-about .banner_bot_section, .award-details .banner_bot_section{ top: 495px; } /* Section: Hero image css */ .faq_top_block p, .hero_caption_block p { font-size: 24px; line-height: 30px; } .banner_block .carousel-indicators { bottom: 20px; margin-bottom: 0; display: block; } .banner_block a.carousel-control { width: 5% !important; /* It should overwrite bootstrap css */ } .banner_block .carousel-control.left, .banner_block .carousel-control.right { margin-top: -30px; } .banner_block .carousel-control .glyphicon-chevron-left, .banner_block .carousel-control .glyphicon-chevron-right, .banner_block .carousel-control .icon-prev, .banner_block .carousel-control .icon-next { font-size: 41px; line-height: 22px; } .carousel-caption { left: 5%; } /* Section: Parent home page css */ .about_series_block_left img { width: 100%; margin-bottom: inherit; } .about_series_block_right { text-align: inherit; } .banner_bot_block_parent a p { font-size: 24px; line-height: 30px; } /* Section: Parent help page css */ .faq_top_block { padding: 0px 0 0px 0; height: 450px; } .help_page_buttons a { max-width: 100%; margin-bottom: 0; } .help_page_buttons div { text-align: inherit; } .accordion_block { font-size: 20px; } .accordion-toggle { margin: 0 0 5px 0; padding: 10px 0 0 40px; } .accordion-toggle:before, .accordion-toggle.active:after { width: 25px; height: 25px; line-height: 27px; font-size: 15px; top: 12px; } .mth_mac_chrome .accordion-toggle:after, .mth_mac_chrome .accordion-toggle:before, .mth_safari .accordion-toggle:after, .mth_safari .accordion-toggle:before { line-height: 24px; } .ie11 .accordion-toggle:before, .ie11 .accordion-toggle.active:after, .ie10 .accordion-toggle:before, .ie10 .accordion-toggle.active:after { line-height: 30px; } .accordion-content { padding: 0px; font-size: 20px; } .accordion_block h2 { margin-top: 40px; } /* Section: Kids Adventureclub newsletter */ .newsletter_form .form-group { display: flex; } .newsletter_form .form-group label { width: 30%; text-align: right; margin-bottom: 0; } .newsletter_form .form-group input, .newsletter_form .form-group select { width: 67%; } .newsletter_form .form-error { padding-left: 33%; } .newsletter_form input[type="submit"] { float: left; padding: 5px 0 0 0; margin-left: 33%; margin-top: 0; margin-bottom: 0; } .newsletter_form .form-group select { min-height: inherit; } .mth_mac_ff .newsletter_form input[type="submit"] { padding: 2px 0 0 0; min-height: 45px; } .newsletter_form input[type="submit"] { padding: 4px 0 0 0; } @-moz-document url-prefix() { .newsletter_form input[type="submit"] { padding: 3px 0 0 0; } } /* Section: Teachers resources page css */ .series_resources_block_main { padding-top: 11px; padding-bottom: 38px; height: 450px; position: relative; } .resources_list li { padding-left: 40px; margin-bottom: 30px; min-height: 45px; background-size: 15%; line-height: 22px; } .resources_list li a { font-size: 20px; } .resources_content_block { margin-bottom: 15px; } /* Section: Book details page css */ .book_cover_block { margin-left: -15px; } .book_cover_image p.heading { font-size: 24px; line-height: 30px; } .fact_tracker_block { margin-left: 30px; margin-right: 30px; } .teachers_guide { font-size: 18px; text-align: left; } .teachers_guide a { margin: 0 0 20px 0; max-width: 100%; } .teachers_guide img { float: left; width:41px; height:47px; } .teachers_guide a .resource_img_section_txt{ width:67%; } .modal.buy_button .modal-dialog, .modal.continue_or_back_to_site.in .modal-dialog { margin: auto; } .modal.continue_or_back_to_site.in .modal-dialog { height: 200px; } /* Section: Classroom challenge page css */ .label-below .nf-field-element, .label-above .nf-field-element { width: 65% !important; /* It should overwrite ninja form css */ } .teacher_pages .fileinput-button{ padding: 5px 0 1px 0; } .teacher_pages .field-wrap input[type="button"] { padding: 5px 0 0px 0; } @-moz-document url-prefix() { .teacher_pages .fileinput-button{ padding: 5px 0 2px 0; } .teacher_pages .field-wrap input[type="button"] { padding: 3px 0 0px 0; } } .mth_safari.teacher_pages .fileinput-button{ padding: 4px 0 2px 0; } .mth_safari.teacher_pages .field-wrap input[type="button"] { padding: 0px 0 0px 0; min-height:45px; } .mth_mac_chrome.teacher_pages .fileinput-button, .mth_mac_ff.teacher_pages .fileinput-button{ padding: 4px 0 2px 0; } .mth_mac_chrome.teacher_pages .field-wrap input[type="button"] { padding: 0px 0 0 0; min-height:45px; } .mth_mac_ff.teacher_pages .field-wrap input[type="button"]{ padding: 2px 0 0 0; min-height: 45px; } .fileinput-button, .field-wrap input[type="button"] { font-size: 28px; padding: 3px 0 0 0; } .ie11 .fileinput-button, .ie11 .field-wrap input[type="button"], .ie10 .fileinput-button, .ie10 .field-wrap input[type="button"] { padding: 12px 12px 1px; } .ieedge.teacher_pages .fileinput-button{ padding: 5px 0 2px 0; line-height: 30px; } .ieedge.teacher_pages .field-wrap input[type="button"] { padding: 4px 0 0px 0; } .ieedge.page-template-page-teachers-educator-of-the-year .field-wrap input[type="button"]{ padding: 3px 0 0 0; } /* Section: Age verify popup */ .ageVerify .modal-content { min-height: 450px; } /* Section: Account page css */ .account_settings_block_main { min-height: 160px; } .privacy_safety_content { font-size: 20px; } .more_btn a { font-size: 30px; } /* Section: Winners page css */ .winner_img_block { margin-bottom: 10px; } .winners_content_section .winners_left_block .image_center { width: 30%; float: left; margin-bottom: 0; margin-right: 20px; } .winners_content_section .winners_left_block .image_center img { float: left; margin: 0 20px 10px 0; max-width: 100%; } /* Section: Games page css */ .games_information{ padding-bottom: 100px; } .games_information a{ bottom: 150px; } .games_information_block h1 { font-size: 40px; line-height: 40px; } .games_information_block p { font-size: 24px; line-height: 30px; } .games_information:last-child a{ bottom: 50px; } } @media(min-width:769px){ /* Section: General css */ h1, .default_content h1 { font-size: 32px; } h2, .default_content h2 { font-size: 28px; } h3, .default_content h3 { font-size: 24px; } h4, .default_content h4 { font-size: 20px; } h5, .default_content h5 { font-size: 18px; } /* Section: Header css */ .site-content-contain { margin-top: 114px; } .site-header, .teacher_pages .site-header, .normal_pages .site-header { height: 114px; display: flex; } .parent_pages .site-title img, .teacher_pages .site-title img{ max-width: 100%; } .header_top .logo .parents_logo img, .header_top .logo .teachers_logo img, .header_top .logo .primary_logo img { margin-top: 5px; } .ie11 .header_top .logo .primary_logo img, .ie10 .header_top .logo .primary_logo img, .ieedge .header_top .logo .primary_logo img{ max-width: 100%; } .header_top .logo .primary_logo img { max-width: 100%; } .ie10 .mth_btn, .ie11 .mth_btn{ line-height: 57px; } .ie10 .mth_btn.child_btn, .ie11 .mth_btn.child_btn{ line-height: 56px; } .mob_container{ width: 41.66666667%; } .top_right_menu{ display: block; } .top_right_menu ul li.fb_class a { line-height: 38px; } .menu_block { display: block; } .mobile_navigation, .top_right_menu.mobile, .top_right_menu.mobile, .normal_pages .top_right_menu.mobile{ display: none; } .parent_pages .main-navigation ul, .main-navigation ul { display: block; background: none; } .teacher_pages .main-navigation ul { background: none; } .normal_pages .main-navigation ul { background: none; } .navigation-top .current-menu-item > a:after, .navigation-top .current_page_item > a:after, .normal_pages .navigation-top .current-menu-item > a:after, .normal_pages .navigation-top .current_page_item > a:after { height: 5px; } .main-navigation.toggled-on > div > ul{ display: block; padding: 0; margin: 0; line-height: 0; top: 0; } .main-navigation.toggled-on > div > ul li{ width:auto; border: none; line-height: 0; padding-bottom: 0; } .parent_pages .main-navigation .menu-parents-menu-container li a { padding: 0 20px 15px; } .main-navigation a { padding: 0 30px 15px; } .main-navigation ul li a, .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a { font-size: 18px; } /* .top_right_menu ul li a.btn-default{ padding: 4px 10px 1px; } .top_right_menu ul li a.btn-default:hover{ padding: 4px 10px 1px; } */ .normal_pages .top_right_menu ul li a.btn-default { font-size: 20px; min-width: 145px; padding: 4px 0 0 0; margin: 0; } .mth_mac_chrome.normal_pages .top_right_menu ul li a.btn-default, .mth_safari.normal_pages .top_right_menu ul li a.btn-default { padding: 2px 0; line-height: 30px; font-size: 21px; } .mth_mac_ff.normal_pages .top_right_menu ul li a.btn-default { padding: 4px 0 1px; line-height: 29px; font-size: 21px; } .ie11.phase2_hide.normal_pages .top_right_menu, .ie10.phase2_hide.normal_pages .top_right_menu, .ieedge.phase2_hide.normal_pages .top_right_menu { margin-bottom: 9px; } .normal_pages .top_right_menu ul li { margin: 0 0 2.5px 0; } .normal_pages .navigation-top nav { margin-left: 5px; } .main-navigation .menu-teachers-menu-container li a, .main-navigation .menu-primary-menu-container li a { padding: 0 6px 15px; font-size: 18px; } .normal_pages .main-navigation ul li { margin: 0 20px; } .normal_pages .main-navigation ul li a, .normal_pages .navigation-top .current-menu-item > a, .normal_pages .navigation-top .current_page_item > a { font-size: 20px; padding: 0 10px 15px; } .normal_pages .main-navigation.toggled-on > div > ul li{ border-bottom: none; } .header_top .site-branding-text h1 { margin: 0px; } .header_bot { position: absolute; bottom: 0; } @-moz-document url-prefix() { .teacher_pages .top_right_menu ul li a.btn-default, .parent_pages .top_right_menu ul li a.btn-default, .teacher_pages .top_right_menu ul li a.btn-default:hover, .parent_pages .top_right_menu ul li a.btn-default:hover{ padding: 3px 10px 1px; } } .ie11 .normal_pages .top_right_menu ul li a.btn-default, .ie10 .normal_pages .top_right_menu ul li a.btn-default, .ie11 .normal_pages .top_right_menu ul li a.btn-default:hover, .ie10 .normal_pages .top_right_menu ul li a.btn-default:hover{ padding: 11px 0 1px 0; } .ie11 .top_right_menu ul li a.btn-default, .ie10 .top_right_menu ul li a.btn-default, .ieedge .top_right_menu ul li a.btn-default, .ie11 .top_right_menu ul li a.btn-default:hover, .ie10 .top_right_menu ul li a.btn-default:hover, .ieedge .top_right_menu ul li a.btn-default:hover{ padding: 6px 10px 0; line-height: 28px; } .ie11 .top_right_menu ul li.fb_class a, .ie10 .top_right_menu ul li.fb_class a{ line-height: 42px; } /* Section: Login Block */ .success_block{ padding-top: 7px; } .normal_pages .child_login_block.mobile { display: none; } .fullscreen header.site-header, .fullscreen .child_login_block, .fullscreen.normal_pages .child_login_block.mobile, .fullscreen.normal_pages .child_login_block, .fullscreen footer { display: none; } .normal_pages .child_login_block { display: block; padding: 0; line-height: 45px; } .normal_pages .success_block a.mth_btn{ height: 33px; } .normal_pages .hero_image_block{ top:159px; } .normal_pages .child_home.hero_image_block { top: 155px; } .site-header > .container, .teacher_pages .site-header > .container{ background-size: contain; height: 114px; } .ie11 .normal_pages .success_block a.mth_btn, .ie10 .normal_pages .success_block a.mth_btn{ height: 33px; } /* Section: Button styles */ .mth_btn{ font-size: 28px; } .parents_btn, .parents_btn:focus{ line-height: 50px; height: 46px; } .teachers_btn, .teachers_btn:focus{ line-height: 50px; height: 46px; } /* Section: Child home page css */ .home_featured_book_block h2 { font-size: 28px; } .featured_txt { min-height: 100px; } .banner_right_block { position: absolute; top: 0; right: 30px; } .explore_library_block { width: 100%; min-height: 355px; text-align: left; } .mth_safari .child_home .featured_leaf_block_section a.mth_btn, .mth_mac_chrome .child_home .featured_leaf_block_section a.mth_btn{ height: 45px; } .mth_mac_ff .child_home .featured_leaf_block_section a.mth_btn{ height: 45px; line-height: 46px; } .mth_safari .child_home_explore_block .widget .explore_library_block_txt a, .mth_mac_chrome .child_home_explore_block .widget .explore_library_block_txt a{ height: 45px; } .mth_mac_ff .child_home_explore_block .widget .explore_library_block_txt a{ height: 45px; line-height: 46px; } .banner_bot_block { margin-top: 42px; } .explore_library_block a, .child_home_explore_block .widget .explore_library_block_txt a{ float: right; font-size: 28px; margin-top: 60px; text-align: left; } .ie11 .child_home_explore_block .widget .explore_library_block_txt a, .ie10 .child_home_explore_block .widget .explore_library_block_txt a{ line-height: 56px; } /* Section: Books page css */ .featured_book_section_top h1, .library_content_section h1 { text-align: left; } .library_content_section .top_block{ text-align: left; } .library_content_section .see_all_btn { margin-left: 0; float: left; margin-top: -10px; } .library_content_section .sorting { float: right; margin: 0; font-size: 26px; } .library_content_section .sorting span{ display: inline-block; margin-top: 0; } .library_content_section .sorting select { padding: 4px 10px 0; } .mth_safari .library_content_section .sorting select, .mth_mac_chrome .library_content_section .sorting select { padding: 0px 10px 0; } @-moz-document url-prefix() { .library_content_section .sorting select { padding: 10px 10px 0; } } .ie11 .library_content_section .sorting select, .ie10 .library_content_section .sorting select{ padding: 7px 10px 0; } /* Section: Hero image css */ .hero_caption_block { padding: 0 100px; } .page-template-page-parents .banner_block .carousel-caption, .teacher_pages .banner_block .carousel-caption { right: 5%; top: 15px; text-align: left; padding-bottom: 10px; padding-right: 0px; padding-left: 0px; width: 100%; } .carousel-caption h1 { font-size: 32px; line-height: 46px; } .banner_block, .hero_image_block { top: 114px; } .carousel-caption p { font-size: 24px; line-height: 30px; margin-bottom: 10px; } .teacher_pages .banner_block .carousel-caption a { margin-top: 60px; } .banner_block .carousel-caption a.mth_btn, .mth_mac_ff .banner_block .carousel-caption a.mth_btn { float: right; margin-top: 5px; font-size: 28px; margin-right: 5px; } .mth_mac_ff .banner_block .carousel-caption a.mth_btn{ line-height: 48px; height: 46px; } .about_series_block { font-size: 24px; margin-top: 50px; margin-bottom: 50px; } /* Section: Parent Help page css */ .faq_content h1, .registration_section h1, .privacy_safety_section h1 { margin-bottom: 30px; } .mth_mac_chrome .accordion-toggle:after, .mth_mac_chrome .accordion-toggle:before, .mth_safari .accordion-toggle:after, .mth_safari .accordion-toggle:before, .mth_safari .accordion-toggle.active:after, .mth_mac_chrome .accordion-toggle.active:after { line-height: 24px; } .accordion-toggle:before, .accordion-toggle.active:after { width: 25px; height: 25px; line-height: 27px; font-size: 15px; top: 12px; } /* Section: Adventure club css */ .ie11 .newsletter_form input[type='submit'], .ie10 .newsletter_form input[type='submit'], .ie11 .newsletter_form input[type='submit']:focus, .ie11 .newsletter_form input[type='submit']:active, .ie10 .newsletter_form input[type='submit']:focus, .ie10 .newsletter_form input[type='submit']:active{ padding: 13px 12px 1px; } /* Section: Error page css */ .error-404.not-found { padding-bottom: inherit; } /* Section: Awards page css */ .earn_awards_block a.mth_btn { font-size: 28px; } /* Section: Parent home page css */ .about_series_block_right a { float: right; font-size: 28px; margin-top: 60px; } .mth_safari.teacher_pages .about_series_block_right a, .mth_mac_chrome.teacher_pages .about_series_block_right a{ line-height: 45px; height:45px; } /* Section: Teachers home page css */ @-moz-document url-prefix() { .teacher_pages .about_series_block_right a.parents_btn, .teacher_pages .about_series_block_right a.parents_btn:focus{ line-height: 49px; } .teacher_pages .explore_library_block a{ line-height: 49px; } } .ie11 .teacher_pages .about_series_block_right a, .ie11 .teacher_pages .explore_library_block a, .ie10 .teacher_pages .about_series_block_right a, .ie10 .teacher_pages .explore_library_block a{ line-height: 58px; } .mth_safari.teacher_pages .about_series_block_right a{ line-height: 46px; height:45px; } .mth_mac_ff.teacher_pages .about_series_block_right a.parents_btn, .mth_mac_ff.teacher_pages .about_series_block_right a.parents_btn:focus { line-height: 48px; height: 46px; } .mth_mac_ff.teacher_pages .explore_library_block a{ line-height: 47px; } } @media(min-width:992px){ /* Section: General css */ h1, .default_content h1 { font-size: 36px; } h2, .default_content h2 { font-size: 30px; } h3, .default_content h3 { font-size: 24px; } h4, .default_content h4 { font-size: 20px; } h5, .default_content h5 { font-size: 18px; } /* Section: Header css */ .ie11.parent_pages .site-title img, .ie10.parent_pages .site-title img, .ieedge.parent_pages .site-title img, .ie11.teacher_pages .site-title img, .ie10.teacher_pages .site-title img, .ieedge.teacher_pages .site-title img { max-width: 100%; } .mob_container{ width: 33.33333333%; } .top_right_menu ul li { margin-left: 8px; } .navigation-top { font-size: 20px; } .navigation-top nav { margin-left: -15px; } .main-navigation ul li a, .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a { font-size: 21px; } .normal_pages .main-navigation ul li:first-child, .main-navigation ul li:first-child { margin: 0 30px 0 0; } .parent_pages .main-navigation .menu-parents-menu-container li a { padding: 0 27px 15px; } .main-navigation a{ padding: 0 35px 15px; } .normal_pages .navigation-top nav { margin-left: 0px; } .ie11.phase2_hide.normal_pages .top_right_menu, .ie10.phase2_hide.normal_pages .top_right_menu, .ieedge.phase2_hide.normal_pages .top_right_menu { margin-bottom: 6px; } .normal_pages .main-navigation ul li { margin: 0 10px; } .main-navigation .menu-teachers-menu-container li a, .main-navigation .menu-primary-menu-container li a { font-size: 18px; padding: 0 20px 15px; } .normal_pages .main-navigation ul li a, .normal_pages .navigation-top .current-menu-item > a, .normal_pages .navigation-top .current_page_item > a { font-size: 24px; padding: 0 25px 15px; } /* Section: Login Block */ .child_login_block .login_block input[type="text"], .child_login_block .login_block input[type="password"] { max-width: 166px; } /* Section: Child home page css */ .home_featured_book_block h2 { font-size: 30px; } .featured_leaf_block_section { min-height: 320px; } .home_fb_left_section{ display: flex; justify-content: center; } .featured_book_title_main { font-size: 50px; line-height: 60px; } .home_featured_book_block h2 { font-size: 30px; } .banner_bot_block { margin-top: 92px; } .normal_pages .banner_bot_block a p { font-size: 26px; line-height: 30px; } .rhcb_section a { margin-right: 10px; } .ie11 .child_home_explore_block .widget .explore_library_block_txt a, .ie10 .child_home_explore_block .widget .explore_library_block_txt a{ line-height: 58px; } .mth_mac_ff .child_home_explore_block .widget .explore_library_block_txt a { height: 45px; line-height: 47px; } /* Section: Books page css */ .featured_book_section_top h1 { font-size: 36px; line-height: 40px; } .library_content_section { font-size: 24px; } .library_content_section h1 { font-size: 32px; line-height: 32px; float: left; margin-bottom: 10px; } .library_content_section .see_all_btn { margin-left: 25px; } .mth_safari .library_content_section .see_all_btn { margin-top: -5px; } .mth_safari .library_content_section .see_all_btn a { padding: 0 15px; } .library_content_section .sorting select { min-width: 240px; font-size: 14px; } /* Section See All page CSS */ .filter_block { padding-top: 40px; padding-bottom: 50px; line-height: 45px; } .filter_block span { margin-left: -15px; } .filter_block select { font-size: 13px; min-width: 220px; background-size: 100% 80%; padding: 12px 10px; letter-spacing: inherit; line-height: 1.5 } .normal_pages .seeall_series_title .filter_block { top: -30px; } .featured_txt { min-height: 115px; } .prh_link a { font-size: 12px; } /* Section: Book details page css */ .bd_btns_block a { padding: 7px 10px; font-size: 18px; margin:0 0 30px; } .mth_mac_ff .bd_btns_block a { padding: 5px 10px 0; } .page-template-page-book-details .book_details_block .bd_btns_block a { min-height: 54px; } /* Section: Main Content Block css */ .about_the_author_block h1 { font-size: 50px; } .series_resources_block h1, .faq_top_block h1, .title, .hero_caption_block h1 { margin-bottom: 25px; font-size: 40px; } .hero_caption_block p { font-size: 27px; } .banner_block .carousel-caption { left: 5%; } .carousel-caption h1 { font-size: 46px; padding-right: 30px; line-height: 70px; } .carousel-caption p { font-size: 27px; } .about_series_block { font-size: 26px; } .banner_bot_block_parent a p { font-size: 30px; line-height: 36px; } /* Section: Parent help page css */ .accordion_block { font-size: 22px; } .faq_content h1, .registration_section h1, .privacy_safety_section h1 { margin-bottom: 50px; } .accordion-toggle { margin: 0 0 25px 0; padding: 5px 0 0 75px; } .accordion-toggle:before, .accordion-toggle.active:after{ top: 0px; width: 45px; height: 45px; line-height: 46px; font-size: 40px; } .mth_safari .accordion-toggle:after, .mth_safari .accordion-toggle:before, .mth_mac_chrome .accordion-toggle:after, .mth_mac_chrome .accordion-toggle:before, .mth_safari .accordion-toggle.active::after, .mth_mac_chrome .accordion-toggle.active::after { line-height: 40px; } .ie11 .accordion-toggle::before, .ie10 .accordion-toggle::before, .ie11 .accordion-toggle.active::after, .ie10 .accordion-toggle.active::after { line-height: 56px; } .accordion_block h2 { margin-bottom: 25px; margin-top: 0; } .account_setting_age_email_update fieldset label { font-size: 17px; } /* Section: Teacher Resource page css */ .resources_list li { padding-left: 50px; margin-bottom: 30px; min-height: 55px; background-size: 15%; line-height: 26px; } .resources_content_block { margin-bottom: 65px; } /* Section: Book details page CSS */ .book_cover_image p.heading { font-size: 26px; line-height: 30px; } .teachers_guide { font-size: 24px; } .teachers_guide a { margin: 0 0 30px 0; font-size: 20px; line-height: 26px; } .teachers_guide img { width:auto; } .teachers_guide a .resource_img_section_txt{ width:75%; } /* Section: Games page css */ .games_information_block h1 { font-size: 50px; line-height: 50px; } .games_information_block p { font-size: 30px; line-height: 40px; } } /* This media query is used for tablet landscape purpose for child pages. */ @media(min-width:1024px){ /* Section: Header css */ .child_login_block .login_block input[type="submit"] { line-height: 28px; } /* Section: Parent help page css */ .mth_mac_chrome .accordion-toggle:after, .mth_mac_chrome .accordion-toggle:before, .mth_safari .accordion-toggle:after, .mth_safari .accordion-toggle:before { line-height: 40px; } } @media(min-width:1025px){ /* Section: Header css */ .normal_pages .top_right_menu ul li a.btn-default { min-width: 165px; min-height: 33px; font-size: 24px; padding: 4px 10px 0; margin: 0; } .mth_safari.normal_pages .top_right_menu ul li a.btn-default, .mth_mac_chrome.normal_pages .top_right_menu ul li a.btn-default{ min-height: 34px; } .mth_mac_ff.normal_pages .top_right_menu ul li a.btn-default{ min-height: 34px; padding: 4px 10px 0; } .normal_pages .top_right_menu ul li { margin: 0 0 5px 0; } .child_login_block .login_block input[type="submit"] { line-height: 30px; } .ieedge .child_login_block .login_block input[type="submit"] { line-height: 28px; } @-moz-document url-prefix() { .child_login_block .login_block input[type="submit"] { line-height: 29px; } .normal_pages .top_right_menu ul li a.btn-default{ min-height: 34px; padding: 4px 10px 0; } } /* Section: Parent Help page css */ .mth_safari .accordion-toggle:after, .mth_safari .accordion-toggle:before, .mth_mac_chrome .accordion-toggle:after, .mth_mac_chrome .accordion-toggle:before { line-height: 38px; } } /* This media query only for book details page Read a Smaple block */ @media (min-width: 1100px) { .book-sampler-spread { float: inherit; } } @media(min-width:1200px){ /* General css */ h1, .default_content h1 { font-size: 44px; } h2, .default_content h2 { font-size: 38px; } h3, .default_content h3 { font-size: 32px; } h4, .default_content h4 { font-size: 26px; } h5, .default_content h5 { font-size: 20px; } /* Section: Header css */ .site-header > .container, .teacher_pages .site-header > .container{ background-size: cover; } .top_right_menu ul li { margin-left: 23px; } .parent_pages .main-navigation .menu-parents-menu-container li a { padding: 0 35px 15px; } .normal_pages .main-navigation ul li { margin: 0 30px; } .main-navigation .menu-teachers-menu-container li a, .main-navigation .menu-primary-menu-container li a { padding: 0 25px 15px; font-size: 21px; } /* Section: Hero image css */ .hero_image { background-position: 50% 50%; height: 450px; } .hero_caption_block { padding: 0 150px; } /* Section: Child home page css */ .featured_leaf_block_section { background-position: left bottom; min-height: 390px; font-size: 20px; } .featured_book_title_main { font-size: 60px; line-height: 60px; } .home_featured_book_block h2 { font-size: 40px; } .explore_library_block_txt { padding-left: 100px; font-size: 27px; } .normal_pages .banner_bot_block a p { font-size: 31px; } .featured_book_section_top h1 { font-size: 40px; line-height: 50px; } /* Section: Library page css */ .library_content_section { font-size: 28px; } .library_content_section h1{ font-size: 39px; line-height: 39px; } .library_content_section .sorting select { min-width: 261px; font-size: 16px; } /* Section: See All page CSS */ .filter_block { padding-top: 25px; padding-bottom: 64px; } .filter_block select { font-size: 16px; padding: 14px 5px 10px 10px; width: auto; margin-left: 35px; min-width: 260px; background-size: contain; } .mth_safari .filter_block select { padding: 10px 5px 10px 10px; } .normal_pages .seeall_series_title .filter_block{ top:0; } /* Section: Book details page CSS */ .bd_btns_block a { font-size: 20px; padding: 5px 15px 0px; } .page-template-page-book-details .book_details_block .bd_btns_block a { padding: 4px 15px 1px; min-height: 56px; } .about_the_author_block h1 { font-size: 60px; } .book_cover_image p.heading { font-size: 32px; line-height: 40px; } .teachers_guide a { margin:0 0 40px 0; font-size: 24px; } .teachers_guide a .resource_img_section_txt{ width:80%; } .mth_mac_ff .book_details_block .bd_btns_block a img { margin-top: -2px; } .book_details_block .bd_btns_block a img { margin-top: -5px; } /* Section: Parent Home page CSS */ .series_resources_block h1, .faq_top_block h1, .title, .hero_caption_block h1 { margin-bottom: 20px; font-size: 58px; } .page-template-page-parents .banner_block .carousel-caption, .teacher_pages .banner_block .carousel-caption { right: 11%; left:20%; } .carousel-caption h1 { font-size: 58px; padding-right: 25px; } .about_series_block { font-size: 27px; margin-top: 85px; margin-bottom: 85px; } .banner_bot_block_parent a p { font-size: 34px; line-height: 40px; } /* Section: Account page css */ .account_setting_age_email_update fieldset label { font-size: 18px; } /* Section: Teacher Resource page css */ .series_resources_block h1 { margin-bottom: 35px; } .resources_list li { margin-bottom: 35px; min-height: 48px; line-height: 24px; background-size: contain; } .resources_list li a { font-size: 23px; } /* Section: Games page css */ .games_information_block h1 { font-size: 60px; line-height: 60px; } .games_information_block p { font-size: 36px; } } /* Font face */ @font-face { font-family: 'Myriad Pro'; src: url('../fonts/myraidpro/MyriadPro-Regular.eot'); src: url('../fonts/myraidpro/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/myraidpro/MyriadPro-Regular.woff2') format('woff2'), url('../fonts/myraidpro/MyriadPro-Regular.woff') format('woff'), url('../fonts/myraidpro/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: 'Myriad Pro'; src: url('../fonts/myraidpro/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg'); } } @font-face { font-family: 'Myriad Pro Semibold'; src: url('../fonts/myraidpro-semibold/MyriadPro-Semibold.eot'); src: url('../fonts/myraidpro-semibold/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/myraidpro-semibold/MyriadPro-Semibold.woff2') format('woff2'), url('../fonts/myraidpro-semibold/MyriadPro-Semibold.woff') format('woff'), url('../fonts/myraidpro-semibold/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg'); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family: 'Cambria'; src: url('../fonts/cambria/Cambria.eot'); src: url('../fonts/cambria/Cambria.eot?#iefix') format('embedded-opentype'), url('../fonts/cambria/Cambria.woff2') format('woff2'), url('../fonts/cambria/Cambria.woff') format('woff'), url('../fonts/cambria/Cambria.svg#Cambria') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0021-02DC; } @font-face { font-family: 'Cambria'; src: url('../fonts/cambria-bold/Cambria Bold.eot'); src: url('../fonts/cambria-bold/Cambria Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/cambria-bold/Cambria Bold.woff2') format('woff2'), url('../fonts/cambria-bold/Cambria Bold.woff') format('woff'), url('../fonts/cambria-bold/Cambria Bold.svg#Cambria Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0021-2074; } @font-face { font-family: 'Futura LT Pro Medium'; src: url('../fonts/futura-lt-pro-medium/FuturaLTPro-Medium.eot'); src: url('../fonts/futura-lt-pro-medium/FuturaLTPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/futura-lt-pro-medium/FuturaLTPro-Medium.woff2') format('woff2'), url('../fonts/futura-lt-pro-medium/FuturaLTPro-Medium.woff') format('woff'), url('../fonts/futura-lt-pro-medium/FuturaLTPro-Medium.svg#FuturaLTPro-Medium') format('svg'); font-weight: 500; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family: 'Futura LT Pro Light'; src: url('../fonts/futura-lt-pro-light/FuturaLTPro-Light.eot'); src: url('../fonts/futura-lt-pro-light/FuturaLTPro-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/futura-lt-pro-light/FuturaLTPro-Light.woff2') format('woff2'), url('../fonts/futura-lt-pro-light/FuturaLTPro-Light.woff') format('woff'), url('../fonts/futura-lt-pro-light/FuturaLTPro-Light.svg#FuturaLTPro-Light') format('svg'); font-weight: 300; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family: 'Futura LT Pro Bold'; src: url('../fonts/futura-lt-pro-bold/FuturaLTPro-Bold.eot'); src: url('../fonts/futura-lt-pro-bold/FuturaLTPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/futura-lt-pro-bold/FuturaLTPro-Bold.woff2') format('woff2'), url('../fonts/futura-lt-pro-bold/FuturaLTPro-Bold.woff') format('woff'), url('../fonts/futura-lt-pro-bold/FuturaLTPro-Bold.svg#FuturaLTPro-Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family: 'Brixton Regular'; src: url('../fonts/brixton-regular/Brixton-Regular.eot'); src: url('../fonts/brixton-regular/Brixton-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/brixton-regular/Brixton-Regular.woff2') format('woff2'), url('../fonts/brixton-regular/Brixton-Regular.woff') format('woff'), url('../fonts/brixton-regular/Brixton-Regular.svg#Brixton-Regular') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00A3; } @font-face { font-family: 'Armament'; src: url('../fonts/armament/Armament.eot'); src: url('../fonts/armament/Armament.eot?#iefix') format('embedded-opentype'), url('../fonts/armament/Armament.woff2') format('woff2'), url('../fonts/armament/Armament.woff') format('woff'), url('../fonts/armament/Armament.svg#Armament') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family: 'ITC Lubalin Graph Std Demi'; src: url('../fonts/lubalingraphstddemi/LubalinGraphStd-Demi.eot'); src: url('../fonts/lubalingraphstddemi/LubalinGraphStd-Demi.eot?#iefix') format('embedded-opentype'), url('../fonts/lubalingraphstddemi/LubalinGraphStd-Demi.woff2') format('woff2'), url('../fonts/lubalingraphstddemi/LubalinGraphStd-Demi.woff') format('woff'), url('../fonts/lubalingraphstddemi/LubalinGraphStd-Demi.svg#LubalinGraphStd-Demi') format('svg'); font-weight: 600; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family: 'ITC Lubalin Graph Std Bold'; src: url('../fonts/lubalingraphstdbold/LubalinGraphStd-Bold.eot'); src: url('../fonts/lubalingraphstdbold/LubalinGraphStd-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/lubalingraphstdbold/LubalinGraphStd-Bold.woff2') format('woff2'), url('../fonts/lubalingraphstdbold/LubalinGraphStd-Bold.woff') format('woff'), url('../fonts/lubalingraphstdbold/LubalinGraphStd-Bold.svg#LubalinGraphStd-Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-00FE; } @font-face { font-family: 'DIN Condensed Bold'; src: url('../fonts/din-condensed-bold/DIN Condensed Bold.eot'); src: url('../fonts/din-condensed-bold/DIN Condensed Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/din-condensed-bold/DIN Condensed Bold.woff2') format('woff2'), url('../fonts/din-condensed-bold/DIN Condensed Bold.woff') format('woff'), url('../fonts/din-condensed-bold/DIN Condensed Bold.svg#DIN Condensed Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: condensed; unicode-range: U+0020-00FE; } @font-face { font-family: 'DIN Alternate Bold'; src: url('../fonts/dinalternate-bold/DIN Alternate Bold.eot'); src: url('../fonts/dinalternate-bold/DIN Alternate Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/dinalternate-bold/DIN Alternate Bold.woff2') format('woff2'), url('../fonts/dinalternate-bold/DIN Alternate Bold.woff') format('woff'), url('../fonts/dinalternate-bold/DIN Alternate Bold.svg#DIN Alternate Bold') format('svg'); font-weight: 700; font-style: normal; font-stretch: normal; unicode-range: U+0020-02DC; } @font-face { font-family:'Arial Narrow'; src: url('../fonts/arial-narrow/Arial Narrow.eot'); src: url('../fonts/arial-narrow/Arial Narrow.eot?#iefix') format('embedded-opentype'), url('../fonts/arial-narrow/Arial Narrow.woff2') format('woff2'), url('../fonts/arial-narrow/rial Narrow.woff') format('woff'), url('../fonts/arial-narrow/Arial Narrow.svg#Arial Narrow') format('svg'); font-weight: 400; font-style: normal; font-stretch: condensed; unicode-range: U+0020-02DC; }