/* Theme Name: Early Years Theme URI: https://wordpress.org/themes/twentyseventeen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device. Version: 2.2 Requires at least: 4.7 Requires PHP: 5.2.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentyseventeen Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- 1.0 Normalize 2.0 Accessibility 3.0 Alignments 4.0 Clearings 5.0 Typography 6.0 Forms 7.0 Formatting 8.0 Lists 9.0 Tables 10.0 Links 11.0 Featured Image Hover 12.0 Navigation 13.0 Layout 13.1 Header 13.2 Front Page 13.3 Regular Content 13.4 Posts 13.5 Pages 13.6 Footer 14.0 Comments 15.0 Widgets 16.0 Media 16.1 Galleries 17.0 Customizer 18.0 SVGs Fallbacks 19.0 Media Queries 20.0 Print --------------------------------------------------------------*/ /*-------------------------------------------------------------- 1.0 Normalize Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css --------------------------------------------------------------*/ @font-face { font-family: 'HelveticaNeueLTStdBd'; src: url('fonts/HelveticaNeueLTStdBd.eot'); src: url('fonts/HelveticaNeueLTStdBd.eot') format('embedded-opentype'), url('fonts/HelveticaNeueLTStdBd.woff2') format('woff2'), url('fonts/HelveticaNeueLTStdBd.woff') format('woff'), url('fonts/HelveticaNeueLTStdBd.ttf') format('truetype'), url('fonts/HelveticaNeueLTStdBd.svg#HelveticaNeueLTStdBd') format('svg'); } @font-face { font-family: 'HelveticaNeueLTStdRoman'; src: url('fonts/HelveticaNeueLTStdRoman.eot'); src: url('fonts/HelveticaNeueLTStdRoman.eot') format('embedded-opentype'), url('fonts/HelveticaNeueLTStdRoman.woff2') format('woff2'), url('fonts/HelveticaNeueLTStdRoman.woff') format('woff'), url('fonts/HelveticaNeueLTStdRoman.ttf') format('truetype'), url('fonts/HelveticaNeueLTStdRoman.svg#HelveticaNeueLTStdRoman') format('svg'); } @font-face { font-family: 'supremeicons'; src: url('fonts/supremeicons.eot'); src: url('fonts/supremeicons.eot') format('embedded-opentype'), url('fonts/supremeicons.woff2') format('woff2'), url('fonts/supremeicons.woff') format('woff'), url('fonts/supremeicons.ttf') format('truetype'), url('fonts/supremeicons.svg#supremeicons') format('svg'); } @font-face { font-family: 'FontAwesome'; src: url('fonts/FontAwesome.eot'); src: url('fonts/FontAwesome.eot') format('embedded-opentype'), url('fonts/FontAwesome.woff2') format('woff2'), url('fonts/FontAwesome.woff') format('woff'), url('fonts/FontAwesome.ttf') format('truetype'), url('fonts/FontAwesome.svg#FontAwesome') format('svg'); } @font-face { font-family: 'IBM Plex Sans'; src: url('fonts/IBMPlexSans-MediumItalic.eot'); src: url('fonts/IBMPlexSans-MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSans-MediumItalic.woff2') format('woff2'), url('fonts/IBMPlexSans-MediumItalic.woff') format('woff'), url('fonts/IBMPlexSans-MediumItalic.ttf') format('truetype'), url('fonts/IBMPlexSans-MediumItalic.svg#IBMPlexSans-MediumItalic') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'IBM Plex Sans'; src: url('fonts/IBMPlexSans.eot'); src: url('fonts/IBMPlexSans.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSans.woff2') format('woff2'), url('fonts/IBMPlexSans.woff') format('woff'), url('fonts/IBMPlexSans.ttf') format('truetype'), url('fonts/IBMPlexSans.svg#IBMPlexSans') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'IBM Plex Sans'; src: url('fonts/IBMPlexSans-Italic.eot'); src: url('fonts/IBMPlexSans-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSans-Italic.woff2') format('woff2'), url('fonts/IBMPlexSans-Italic.woff') format('woff'), url('fonts/IBMPlexSans-Italic.ttf') format('truetype'), url('fonts/IBMPlexSans-Italic.svg#IBMPlexSans-Italic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'IBM Plex Sans'; src: url('fonts/IBMPlexSans-Bold.eot'); src: url('fonts/IBMPlexSans-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSans-Bold.woff2') format('woff2'), url('fonts/IBMPlexSans-Bold.woff') format('woff'), url('fonts/IBMPlexSans-Bold.ttf') format('truetype'), url('fonts/IBMPlexSans-Bold.svg#IBMPlexSans-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'IBM Plex Sans'; src: url('fonts/IBMPlexSans-ThinItalic.eot'); src: url('fonts/IBMPlexSans-ThinItalic.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSans-ThinItalic.woff2') format('woff2'), url('fonts/IBMPlexSans-ThinItalic.woff') format('woff'), url('fonts/IBMPlexSans-ThinItalic.ttf') format('truetype'), url('fonts/IBMPlexSans-ThinItalic.svg#IBMPlexSans-ThinItalic') format('svg'); font-weight: 100; font-style: italic; } @font-face { font-family: 'IBM Plex Sans'; src: url('fonts/IBMPlexSans-ExtraLight.eot'); src: url('fonts/IBMPlexSans-ExtraLight.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSans-ExtraLight.woff2') format('woff2'), url('fonts/IBMPlexSans-ExtraLight.woff') format('woff'), url('fonts/IBMPlexSans-ExtraLight.ttf') format('truetype'), url('fonts/IBMPlexSans-ExtraLight.svg#IBMPlexSans-ExtraLight') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'IBM Plex Sans'; src: url('fonts/IBMPlexSans-BoldItalic.eot'); src: url('fonts/IBMPlexSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSans-BoldItalic.woff2') format('woff2'), url('fonts/IBMPlexSans-BoldItalic.woff') format('woff'), url('fonts/IBMPlexSans-BoldItalic.ttf') format('truetype'), url('fonts/IBMPlexSans-BoldItalic.svg#IBMPlexSans-BoldItalic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'IBM Plex Sans'; src: url('fonts/IBMPlexSans-SemiBoldItalic.eot'); src: url('fonts/IBMPlexSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSans-SemiBoldItalic.woff2') format('woff2'), url('fonts/IBMPlexSans-SemiBoldItalic.woff') format('woff'), url('fonts/IBMPlexSans-SemiBoldItalic.ttf') format('truetype'), url('fonts/IBMPlexSans-SemiBoldItalic.svg#IBMPlexSans-SemiBoldItalic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'IBM Plex Sans'; src: url('fonts/IBMPlexSans-Light.eot'); src: url('fonts/IBMPlexSans-Light.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSans-Light.woff2') format('woff2'), url('fonts/IBMPlexSans-Light.woff') format('woff'), url('fonts/IBMPlexSans-Light.ttf') format('truetype'), url('fonts/IBMPlexSans-Light.svg#IBMPlexSans-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'IBM Plex Sans'; src: url('fonts/IBMPlexSans-SemiBold.eot'); src: url('fonts/IBMPlexSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSans-SemiBold.woff2') format('woff2'), url('fonts/IBMPlexSans-SemiBold.woff') format('woff'), url('fonts/IBMPlexSans-SemiBold.ttf') format('truetype'), url('fonts/IBMPlexSans-SemiBold.svg#IBMPlexSans-SemiBold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'IBM Plex Sans'; src: url('fonts/IBMPlexSans-LightItalic.eot'); src: url('fonts/IBMPlexSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSans-LightItalic.woff2') format('woff2'), url('fonts/IBMPlexSans-LightItalic.woff') format('woff'), url('fonts/IBMPlexSans-LightItalic.ttf') format('truetype'), url('fonts/IBMPlexSans-LightItalic.svg#IBMPlexSans-LightItalic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'IBM Plex Sans'; src: url('fonts/IBMPlexSans-Medium.eot'); src: url('fonts/IBMPlexSans-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSans-Medium.woff2') format('woff2'), url('fonts/IBMPlexSans-Medium.woff') format('woff'), url('fonts/IBMPlexSans-Medium.ttf') format('truetype'), url('fonts/IBMPlexSans-Medium.svg#IBMPlexSans-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'IBM Plex Sans'; src: url('fonts/IBMPlexSans-ExtraLightItalic.eot'); src: url('fonts/IBMPlexSans-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSans-ExtraLightItalic.woff2') format('woff2'), url('fonts/IBMPlexSans-ExtraLightItalic.woff') format('woff'), url('fonts/IBMPlexSans-ExtraLightItalic.ttf') format('truetype'), url('fonts/IBMPlexSans-ExtraLightItalic.svg#IBMPlexSans-ExtraLightItalic') format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: 'IBM Plex Sans'; src: url('fonts/IBMPlexSans-Thin.eot'); src: url('fonts/IBMPlexSans-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/IBMPlexSans-Thin.woff2') format('woff2'), url('fonts/IBMPlexSans-Thin.woff') format('woff'), url('fonts/IBMPlexSans-Thin.ttf') format('truetype'), url('fonts/IBMPlexSans-Thin.svg#IBMPlexSans-Thin') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Thin.eot'); src: url('fonts/Roboto-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Thin.woff2') format('woff2'), url('fonts/Roboto-Thin.woff') format('woff'), url('fonts/Roboto-Thin.ttf') format('truetype'), url('fonts/Roboto-Thin.svg#Roboto-Thin') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Regular.eot'); src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Regular.woff2') format('woff2'), url('fonts/Roboto-Regular.woff') format('woff'), url('fonts/Roboto-Regular.ttf') format('truetype'), url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Medium.eot'); src: url('fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Medium.woff2') format('woff2'), url('fonts/Roboto-Medium.woff') format('woff'), url('fonts/Roboto-Medium.ttf') format('truetype'), url('fonts/Roboto-Medium.svg#Roboto-Medium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Light.eot'); src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Light.woff2') format('woff2'), url('fonts/Roboto-Light.woff') format('woff'), url('fonts/Roboto-Light.ttf') format('truetype'), url('fonts/Roboto-Light.svg#Roboto-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Black.eot'); src: url('fonts/Roboto-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Black.woff2') format('woff2'), url('fonts/Roboto-Black.woff') format('woff'), url('fonts/Roboto-Black.ttf') format('truetype'), url('fonts/Roboto-Black.svg#Roboto-Black') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Roboto'; src: url('fonts/Roboto-Bold.eot'); src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Bold.woff2') format('woff2'), url('fonts/Roboto-Bold.woff') format('woff'), url('fonts/Roboto-Bold.ttf') format('truetype'), url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-Italic.eot'); src: url('fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Italic.woff2') format('woff2'), url('fonts/OpenSans-Italic.woff') format('woff'), url('fonts/OpenSans-Italic.ttf') format('truetype'), url('fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-Light.eot'); src: url('fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Light.woff2') format('woff2'), url('fonts/OpenSans-Light.woff') format('woff'), url('fonts/OpenSans-Light.ttf') format('truetype'), url('fonts/OpenSans-Light.svg#OpenSans-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-ExtraBold.eot'); src: url('fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBold.woff2') format('woff2'), url('fonts/OpenSans-ExtraBold.woff') format('woff'), url('fonts/OpenSans-ExtraBold.ttf') format('truetype'), url('fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-ExtraBoldItalic.eot'); src: url('fonts/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'), url('fonts/OpenSans-ExtraBoldItalic.woff') format('woff'), url('fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype'), url('fonts/OpenSans-ExtraBoldItalic.svg#OpenSans-ExtraBoldItalic') format('svg'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-Regular.eot'); src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Regular.woff2') format('woff2'), url('fonts/OpenSans-Regular.woff') format('woff'), url('fonts/OpenSans-Regular.ttf') format('truetype'), url('fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-Bold.eot'); src: url('fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-Bold.woff2') format('woff2'), url('fonts/OpenSans-Bold.woff') format('woff'), url('fonts/OpenSans-Bold.ttf') format('truetype'), url('fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-SemiBold.eot'); src: url('fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-SemiBold.woff2') format('woff2'), url('fonts/OpenSans-SemiBold.woff') format('woff'), url('fonts/OpenSans-SemiBold.ttf') format('truetype'), url('fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-LightItalic.eot'); src: url('fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-LightItalic.woff2') format('woff2'), url('fonts/OpenSans-LightItalic.woff') format('woff'), url('fonts/OpenSans-LightItalic.ttf') format('truetype'), url('fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-BoldItalic.eot'); src: url('fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-BoldItalic.woff2') format('woff2'), url('fonts/OpenSans-BoldItalic.woff') format('woff'), url('fonts/OpenSans-BoldItalic.ttf') format('truetype'), url('fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Open Sans'; src: url('fonts/OpenSans-SemiBoldItalic.eot'); src: url('fonts/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'), url('fonts/OpenSans-SemiBoldItalic.woff') format('woff'), url('fonts/OpenSans-SemiBoldItalic.ttf') format('truetype'), url('fonts/OpenSans-SemiBoldItalic.svg#OpenSans-SemiBoldItalic') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Mikado'; src: url('fonts/MikadoBold.eot'); src: url('fonts/MikadoBold.eot?#iefix') format('embedded-opentype'), url('fonts/MikadoBold.woff2') format('woff2'), url('fonts/MikadoBold.woff') format('woff'), url('fonts/MikadoBold.ttf') format('truetype'), url('fonts/MikadoBold.svg#MikadoBold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Mikado'; src: url('fonts/MikadoLight.eot'); src: url('fonts/MikadoLight.eot?#iefix') format('embedded-opentype'), url('fonts/MikadoLight.woff2') format('woff2'), url('fonts/MikadoLight.woff') format('woff'), url('fonts/MikadoLight.ttf') format('truetype'), url('fonts/MikadoLight.svg#MikadoLight') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Mikado'; src: url('fonts/MikadoMedium.eot'); src: url('fonts/MikadoMedium.eot?#iefix') format('embedded-opentype'), url('fonts/MikadoMedium.woff2') format('woff2'), url('fonts/MikadoMedium.woff') format('woff'), url('fonts/MikadoMedium.ttf') format('truetype'), url('fonts/MikadoMedium.svg#MikadoMedium') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Mikado'; src: url('fonts/MikadoBlack.eot'); src: url('fonts/MikadoBlack.eot?#iefix') format('embedded-opentype'), url('fonts/MikadoBlack.woff2') format('woff2'), url('fonts/MikadoBlack.woff') format('woff'), url('fonts/MikadoBlack.ttf') format('truetype'), url('fonts/MikadoBlack.svg#MikadoBlack') format('svg'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Mikado'; src: url('fonts/MikadoRegular.eot'); src: url('fonts/MikadoRegular.eot?#iefix') format('embedded-opentype'), url('fonts/MikadoRegular.woff2') format('woff2'), url('fonts/MikadoRegular.woff') format('woff'), url('fonts/MikadoRegular.ttf') format('truetype'), url('fonts/MikadoRegular.svg#MikadoRegular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'segmdl2'; src: url('fonts/segmdl2.eot'); src: url('fonts/segmdl2.eot') format('embedded-opentype'), url('fonts/segmdl2.woff2') format('woff2'), url('fonts/segmdl2.woff') format('woff'), url('fonts/segmdl2.ttf') format('truetype'), url('fonts/segmdl2.svg#segmdl2') format('svg'); } html { font-family: 'Roboto'; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, footer, header, nav, section { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } figcaption, figure, main { display: block; } figure { margin: 1em 0; } pre { font-family:'Roboto'; font-size: 1em; } a { background-color: transparent; -webkit-text-decoration-skip: objects; } a:active, a:hover { outline-width: 0; } abbr[title] { border-bottom: 1px #767676 dotted; text-decoration: none; } b, strong { font-weight: inherit; } b, strong { font-weight: 700; } code, kbd, samp { font-family: 'Roboto'; font-size: 1em; } dfn { font-style: italic; } mark { background-color: #eee; color: #222; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } audio, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } img { border-style: none; } svg:not(:root) { overflow: hidden; } button, input, optgroup, select, textarea { font-family: 'Roboto'; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline:none; } fieldset { border: 1px solid #bbb; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { display: inline-block; vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details, menu { display: block; } summary { display: list-item; } canvas { display: inline-block; } template { display: none; } [hidden] { display: none; } /*-------------------------------------------------------------- 2.0 Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /*-------------------------------------------------------------- 3.0 Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- 4.0 Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .entry-footer:before, .entry-footer:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .nav-links:before, .nav-links:after, .pagination:before, .pagination:after, .comment-author:before, .comment-author:after, .widget-area:before, .widget-area:after, .widget:before, .widget:after, .comment-meta:before, .comment-meta:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .entry-footer:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after, .pagination:after, .comment-author:after, .widget-area:after, .widget:after, .comment-meta:after { clear: both; } /*-------------------------------------------------------------- 5.0 Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #000; font-family: 'Open Sans'; font-size: 14px; font-weight:normal; line-height: 1.7; } h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.4; margin: 0 0 0.75em; padding: 1.5em 0 0; } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { padding-top: 0; } h1 { font-size: 24px; font-size: 1.5rem; font-weight: 300; } h2, .home.blog .entry-title { color: #666; font-size: 20px; font-size: 1.25rem; font-weight: 300; } h3 { color: #333; font-size: 18px; font-size: 1.125rem; font-weight: 300; } h4 { color: #333; font-size: 16px; font-size: 1rem; font-weight: 800; } h5 { color: #767676; font-size: 13px; font-size: 0.8125rem; font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase; } h6 { color: #333; font-size: 15px; font-size: 0.9375rem; font-weight: 800; } p { margin: 0 0 40px; padding: 0; } p:last-child { margin:0; } dfn, cite, em, i { font-style: italic; } blockquote { color: #666; font-size: 18px; font-size: 1.125rem; font-style: italic; line-height: 1.7; margin: 0; overflow: hidden; padding: 0; } blockquote cite { display: block; font-style: normal; font-weight: 600; margin-top: 0.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: 'Roboto'; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: 'Roboto'; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #eee; text-decoration: none; } big { font-size: 125%; } blockquote { quotes: "" ""; } q { quotes: "“" "”" "‘" "’"; } blockquote:before, blockquote:after { content: ""; } :focus { outline: none; } /* Typography for Arabic Font */ html[lang="ar"] body, html[lang="ar"] button, html[lang="ar"] input, html[lang="ar"] select, html[lang="ar"] textarea, html[lang="ary"] body, html[lang="ary"] button, html[lang="ary"] input, html[lang="ary"] select, html[lang="ary"] textarea, html[lang="azb"] body, html[lang="azb"] button, html[lang="azb"] input, html[lang="azb"] select, html[lang="azb"] textarea, html[lang="fa-IR"] body, html[lang="fa-IR"] button, html[lang="fa-IR"] input, html[lang="fa-IR"] select, html[lang="fa-IR"] textarea, html[lang="haz"] body, html[lang="haz"] button, html[lang="haz"] input, html[lang="haz"] select, html[lang="haz"] textarea, html[lang="ps"] body, html[lang="ps"] button, html[lang="ps"] input, html[lang="ps"] select, html[lang="ps"] textarea, html[lang="ur"] body, html[lang="ur"] button, html[lang="ur"] input, html[lang="ur"] select, html[lang="ur"] textarea { font-family: 'Roboto'; } html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6, html[lang="ary"] h1, html[lang="ary"] h2, html[lang="ary"] h3, html[lang="ary"] h4, html[lang="ary"] h5, html[lang="ary"] h6, html[lang="azb"] h1, html[lang="azb"] h2, html[lang="azb"] h3, html[lang="azb"] h4, html[lang="azb"] h5, html[lang="azb"] h6, html[lang="fa-IR"] h1, html[lang="fa-IR"] h2, html[lang="fa-IR"] h3, html[lang="fa-IR"] h4, html[lang="fa-IR"] h5, html[lang="fa-IR"] h6, html[lang="haz"] h1, html[lang="haz"] h2, html[lang="haz"] h3, html[lang="haz"] h4, html[lang="haz"] h5, html[lang="haz"] h6, html[lang="ps"] h1, html[lang="ps"] h2, html[lang="ps"] h3, html[lang="ps"] h4, html[lang="ps"] h5, html[lang="ps"] h6, html[lang="ur"] h1, html[lang="ur"] h2, html[lang="ur"] h3, html[lang="ur"] h4, html[lang="ur"] h5, html[lang="ur"] h6 { font-weight: 700; } /* Typography for Chinese Font */ html[lang^="zh-"] body, html[lang^="zh-"] button, html[lang^="zh-"] input, html[lang^="zh-"] select, html[lang^="zh-"] textarea { font-family: 'Roboto'; } html[lang="zh-CN"] body, html[lang="zh-CN"] button, html[lang="zh-CN"] input, html[lang="zh-CN"] select, html[lang="zh-CN"] textarea { font-family:'Roboto'; } html[lang^="zh-"] h1, html[lang^="zh-"] h2, html[lang^="zh-"] h3, html[lang^="zh-"] h4, html[lang^="zh-"] h5, html[lang^="zh-"] h6 { font-weight: 700; } /* Typography for Cyrillic Font */ html[lang="bg-BG"] body, html[lang="bg-BG"] button, html[lang="bg-BG"] input, html[lang="bg-BG"] select, html[lang="bg-BG"] textarea, html[lang="ru-RU"] body, html[lang="ru-RU"] button, html[lang="ru-RU"] input, html[lang="ru-RU"] select, html[lang="ru-RU"] textarea, html[lang="uk"] body, html[lang="uk"] button, html[lang="uk"] input, html[lang="uk"] select, html[lang="uk"] textarea { font-family: 'Roboto'; } html[lang="bg-BG"] h1, html[lang="bg-BG"] h2, html[lang="bg-BG"] h3, html[lang="bg-BG"] h4, html[lang="bg-BG"] h5, html[lang="bg-BG"] h6, html[lang="ru-RU"] h1, html[lang="ru-RU"] h2, html[lang="ru-RU"] h3, html[lang="ru-RU"] h4, html[lang="ru-RU"] h5, html[lang="ru-RU"] h6, html[lang="uk"] h1, html[lang="uk"] h2, html[lang="uk"] h3, html[lang="uk"] h4, html[lang="uk"] h5, html[lang="uk"] h6 { font-weight: 700; line-height: 1.2; } /* Typography for Devanagari Font */ html[lang="bn-BD"] body, html[lang="bn-BD"] button, html[lang="bn-BD"] input, html[lang="bn-BD"] select, html[lang="bn-BD"] textarea, html[lang="hi-IN"] body, html[lang="hi-IN"] button, html[lang="hi-IN"] input, html[lang="hi-IN"] select, html[lang="hi-IN"] textarea, html[lang="mr-IN"] body, html[lang="mr-IN"] button, html[lang="mr-IN"] input, html[lang="mr-IN"] select, html[lang="mr-IN"] textarea { font-family:'Roboto'; } html[lang="bn-BD"] h1, html[lang="bn-BD"] h2, html[lang="bn-BD"] h3, html[lang="bn-BD"] h4, html[lang="bn-BD"] h5, html[lang="bn-BD"] h6, html[lang="hi-IN"] h1, html[lang="hi-IN"] h2, html[lang="hi-IN"] h3, html[lang="hi-IN"] h4, html[lang="hi-IN"] h5, html[lang="hi-IN"] h6, html[lang="mr-IN"] h1, html[lang="mr-IN"] h2, html[lang="mr-IN"] h3, html[lang="mr-IN"] h4, html[lang="mr-IN"] h5, html[lang="mr-IN"] h6 { font-weight: 700; } /* Typography for Greek Font */ html[lang="el"] body, html[lang="el"] button, html[lang="el"] input, html[lang="el"] select, html[lang="el"] textarea { font-family: 'Roboto'; } html[lang="el"] h1, html[lang="el"] h2, html[lang="el"] h3, html[lang="el"] h4, html[lang="el"] h5, html[lang="el"] h6 { font-weight: 700; line-height: 1.3; } /* Typography for Gujarati Font */ html[lang="gu-IN"] body, html[lang="gu-IN"] button, html[lang="gu-IN"] input, html[lang="gu-IN"] select, html[lang="gu-IN"] textarea { font-family: 'Roboto'; } html[lang="gu-IN"] h1, html[lang="gu-IN"] h2, html[lang="gu-IN"] h3, html[lang="gu-IN"] h4, html[lang="gu-IN"] h5, html[lang="gu-IN"] h6 { font-weight: 700; } /* Typography for Hebrew Font */ html[lang="he-IL"] body, html[lang="he-IL"] button, html[lang="he-IL"] input, html[lang="he-IL"] select, html[lang="he-IL"] textarea { font-family: 'Roboto'; } html[lang="he-IL"] h1, html[lang="he-IL"] h2, html[lang="he-IL"] h3, html[lang="he-IL"] h4, html[lang="he-IL"] h5, html[lang="he-IL"] h6 { font-weight: 700; } /* Typography for Japanese Font */ html[lang="ja"] body, html[lang="ja"] button, html[lang="ja"] input, html[lang="ja"] select, html[lang="ja"] textarea { font-family: 'Roboto'; } html[lang="ja"] h1, html[lang="ja"] h2, html[lang="ja"] h3, html[lang="ja"] h4, html[lang="ja"] h5, html[lang="ja"] h6 { font-weight: 700; } /* Typography for Korean font */ html[lang="ko-KR"] body, html[lang="ko-KR"] button, html[lang="ko-KR"] input, html[lang="ko-KR"] select, html[lang="ko-KR"] textarea { font-family:'Roboto'; } html[lang="ko-KR"] h1, html[lang="ko-KR"] h2, html[lang="ko-KR"] h3, html[lang="ko-KR"] h4, html[lang="ko-KR"] h5, html[lang="ko-KR"] h6 { font-weight: 600; } /* Typography for Thai Font */ html[lang="th"] h1, html[lang="th"] h2, html[lang="th"] h3, html[lang="th"] h4, html[lang="th"] h5, html[lang="th"] h6 { line-height: 1.65; font-family:'Roboto'; } html[lang="th"] body, html[lang="th"] button, html[lang="th"] input, html[lang="th"] select, html[lang="th"] textarea { line-height: 1.8; font-family:'Roboto'; } /* Remove letter-spacing for all non-latin alphabets */ html[lang="ar"] *, html[lang="ary"] *, html[lang="azb"] *, html[lang="haz"] *, html[lang="ps"] *, html[lang^="zh-"] *, html[lang="bg-BG"] *, html[lang="ru-RU"] *, html[lang="uk"] *, html[lang="bn-BD"] *, html[lang="hi-IN"] *, html[lang="mr-IN"] *, html[lang="el"] *, html[lang="gu-IN"] *, html[lang="he-IL"] *, html[lang="ja"] *, html[lang="ko-KR"] *, html[lang="th"] * { letter-spacing: 0 !important; } /*-------------------------------------------------------------- 6.0 Forms --------------------------------------------------------------*/ label { color: #333; display: block; font-weight: 800; margin-bottom: 0.5em; } fieldset { margin-bottom: 1em; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; background: #fff; background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; display: block; padding: 0.7em; width: 100%; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #222; border-color: #333; } select { border: 1px solid #bbb; -webkit-border-radius: 3px; border-radius: 3px; height: 3em; max-width: 100%; } input[type="radio"]:focus, input[type="checkbox"]:focus { outline: none; } input[type="radio"], input[type="checkbox"] { margin-right: 0.5em; } input[type="radio"] + label, input[type="checkbox"] + label { font-weight: 400; } button, input[type="button"], input[type="submit"] { background-color: #222; border: 0; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; color: #fff; cursor: pointer; display: inline-block; font-size: 14px; font-size: 0.875rem; font-weight: 800; line-height: 1; padding: 1em 2em; text-shadow: none; -webkit-transition: background 0.2s; transition: background 0.2s; } input + button, input + input[type="button"], input + input[type="submit"] { padding: 0.75em 2em; } button.secondary, input[type="reset"], input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary { background-color: #ddd; color: #222; } button:hover:not( .mejs-container > button ), button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: #767676; } button.secondary:hover, button.secondary:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="button"].secondary:hover, input[type="button"].secondary:focus, input[type="reset"].secondary:hover, input[type="reset"].secondary:focus, input[type="submit"].secondary:hover, input[type="submit"].secondary:focus { background: #bbb; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #333; font-family: 'Roboto'; } :-moz-placeholder { color: #333; font-family: 'Roboto'; } ::-moz-placeholder { color: #333; font-family: 'Roboto'; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #333; font-family: 'Roboto'; } /*-------------------------------------------------------------- 7.0 Formatting --------------------------------------------------------------*/ hr { background-color: #bbb; border: 0; height: 1px; margin-bottom: 1.5em; } /*-------------------------------------------------------------- 8.0 Lists --------------------------------------------------------------*/ ul, ol { margin: 0em; padding: 0; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 0em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } /*-------------------------------------------------------------- 9.0 Tables --------------------------------------------------------------*/ table { border-collapse: collapse; margin: 0 0 1.5em; width: 100%; } thead th { border-bottom: 2px solid #bbb; padding-bottom: 0.5em; } th { padding: 0.4em; text-align: left; } tr { border-bottom: 1px solid #eee; } td { padding: 0.4em; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } /*-------------------------------------------------------------- 10.0 Links --------------------------------------------------------------*/ a { color: #222; text-decoration: none; } a:focus { outline: none; } a:hover, a:active { color: #000; outline: none; } .post-navigation a:focus .icon, .post-navigation a:hover .icon { color: #222; } /*-------------------------------------------------------------- 11.0 Featured Image Hover --------------------------------------------------------------*/ .post-thumbnail { margin-bottom: 1em; } .post-thumbnail a img { -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .post-thumbnail a:hover img, .post-thumbnail a:focus img { opacity: 0.7; } /*-------------------------------------------------------------- 12.0 Navigation --------------------------------------------------------------*/ .navigation-top a { color: #222; font-weight: 600; -webkit-transition: color 0.2s; transition: color 0.2s; } .navigation-top .current-menu-item > a, .navigation-top .current_page_item > a { color: #767676; } .main-navigation { clear: both; display: block; } .main-navigation ul { background: #fff; list-style: none; margin: 0; padding: 0 1.5em; text-align: left; } /* Hide the menu on small screens when JavaScript is available. * It only works with JavaScript. */ .js .main-navigation ul, .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon, .main-navigation ul a > .icon { display: none; } .main-navigation > div > ul { border-top: 1px solid #eee; padding: 0.75em 1.695em; } .js .main-navigation.toggled-on > div > ul { display: block; } .main-navigation ul ul { padding: 0 0 0 1.5em; } .main-navigation ul ul.toggled-on { display: block; } .main-navigation ul ul a { letter-spacing: 0; padding: 0.4em 0; position: relative; text-transform: none; } .main-navigation li { border-bottom: 1px solid #eee; position: relative; } .main-navigation li li, .main-navigation li:last-child { border: 0; } .main-navigation a { display: block; padding: 0.5em 0; text-decoration: none; } .main-navigation a:hover { color: #767676; } /* Menu toggle */ .menu-toggle { background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #222; display: none; font-size: 14px; font-size: 0.875rem; font-weight: 800; line-height: 1.5; margin: 1px auto 2px; padding: 1em; text-shadow: none; } /* Display the menu toggle when JavaScript is available. */ .js .menu-toggle { display: block; } .main-navigation.toggled-on ul.nav-menu { display: block; } .menu-toggle:hover, .menu-toggle:focus { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .menu-toggle:focus { outline:none; } .menu-toggle .icon { margin-right: 0.5em; top: -2px; } .toggled-on .menu-toggle .icon-bars, .menu-toggle .icon-close { display: none; } .toggled-on .menu-toggle .icon-close { display: inline-block; } /* Dropdown Toggle */ .dropdown-toggle { background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; color: #222; display: block; font-size: 16px; right: -0.5em; line-height: 1.5; margin: 0 auto; padding: 0.5em; position: absolute; text-shadow: none; top: 0; } .dropdown-toggle:hover, .dropdown-toggle:focus { background: transparent; } .dropdown-toggle:focus { outline: none; } .dropdown-toggle.toggled-on .icon { -ms-transform: rotate(-180deg); /* IE 9 */ -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */ transform: rotate(-180deg); } /* Scroll down arrow */ .site-header .menu-scroll-down { display: none; } /*-------------------------------------------------------------- 13.0 Layout --------------------------------------------------------------*/ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } #page { position: relative; word-wrap: break-word; } .wrap { margin-left: auto; margin-right: auto; max-width: 1200px; padding-left: 15px; padding-right:15px; position:relative; } .wrap:after { clear: both; content: ""; display: block; } /*-------------------------------------------------------------- 13.1 Header --------------------------------------------------------------*/ #masthead .wrap { position: relative; } .site-header { position: relative; } /* Site branding */ .site-title { clear: none; font-size: 24px; font-size: 1.5rem; font-weight: 800; line-height: 1.25; letter-spacing: 0.08em; margin: 0; padding: 0; text-transform: uppercase; } .site-title, .site-title a { color: #222; opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */ } body.has-header-image .site-title, body.has-header-video .site-title, body.has-header-image .site-title a, body.has-header-video .site-title a { color: #fff; } .site-description { color: #666; font-size: 13px; font-size: 0.8125rem; margin-bottom: 0; } body.has-header-image .site-description, body.has-header-video .site-description { color: #fff; opacity: 0.8; } .custom-logo-link { display: inline-block; padding-right: 1em; vertical-align: middle; width: auto; } .custom-logo-link img { display: inline-block; max-height: 80px; width: auto; } body.home.title-tagline-hidden.has-header-image .custom-logo-link img, body.home.title-tagline-hidden.has-header-video .custom-logo-link img { max-height: 200px; max-width: 100%; } .custom-logo-link a:hover, .custom-logo-link a:focus { opacity: 0.9; } body:not(.title-tagline-hidden) .site-branding-text { display: inline-block; max-width: 100%; vertical-align: middle; } .custom-header { position: relative; } .has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header { display: table; height: 300px; height: 75vh; width: 100%; } .custom-header-media { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; } .custom-header-media:before { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */ background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */ bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; z-index: 2; } .has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe { position: fixed; height: auto; left: 50%; max-width: 1000%; min-height: 100%; min-width: 100%; min-width: 100vw; /* vw prevents 1px gap on left that 100% has */ width: auto; top: 50%; padding-bottom: 1px; /* Prevent header from extending beyond the footer */ -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */ background-color: rgba(34, 34, 34, 0.5); border: 1px solid rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6); height: 45px; overflow: hidden; padding: 0; position: fixed; right: 30px; top: 30px; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; width: 45px; } .wp-custom-header .wp-custom-header-video-button:hover, .wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */ border-color: rgba(255, 255, 255, 0.8); background-color: rgba(34, 34, 34, 0.8); color: #fff; } .admin-bar .wp-custom-header-video-button { top: 62px; } .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img { bottom: 0; position: absolute; top: auto; -ms-transform: translateX(-50%) translateY(0); -moz-transform: translateX(-50%) translateY(0); -webkit-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } /* For browsers that support 'object-fit' */ @supports ( object-fit: cover ) { .has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img { height: 100%; left: 0; -o-object-fit: cover; object-fit: cover; top: 0; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; width: 100%; } } /* Hides div in Customizer preview when header images or videos change. */ body:not(.has-header-image):not(.has-header-video) .custom-header-media { display: none; } .has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding { display: table-cell; height: 100%; vertical-align: bottom; } /*-------------------------------------------------------------- 13.2 Front Page --------------------------------------------------------------*/ .twentyseventeen-front-page .site-content { padding: 0; } .twentyseventeen-panel { overflow: hidden; position: relative; } .panel-image { background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; position: relative; } .panel-image:before { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */ background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3))); background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */ bottom: 0; content: ""; left: 0; right: 0; position: absolute; top: 100px; } .twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) { border-top: 1px solid #ddd; } .panel-content { position: relative; } .panel-content .wrap { padding-bottom: 0.5em; padding-top: 1.75em; } /* Panel edit link */ .twentyseventeen-panel .edit-link { display: block; margin: 0.3em 0 0; } .twentyseventeen-panel .entry-header .edit-link { font-size: 14px; font-size: 0.875rem; } /* Front Page - Recent Posts */ .twentyseventeen-front-page .panel-content .recent-posts article { border: 0; color: #333; margin-bottom: 3em; } .recent-posts .entry-header { margin-bottom: 1.2em; } .page .panel-content .recent-posts .entry-title { font-size: 20px; font-size: 1.25rem; font-weight: 300; letter-spacing: 0; text-transform: none; } .twentyseventeen-panel .recent-posts .entry-header .edit-link { color: #222; display: inline-block; font-size: 11px; font-size: 0.6875rem; margin-left: 1em; } /*-------------------------------------------------------------- 13.3 Regular Content --------------------------------------------------------------*/ .site-content-contain { background-color: #fff; position: relative; } /*-------------------------------------------------------------- 13.4 Posts --------------------------------------------------------------*/ .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .pagination, .comments-pagination { border-top: 1px solid #eee; font-size: 14px; font-size: 0.875rem; font-weight: 800; padding: 2em 0 3em; text-align: center; } .pagination .icon, .comments-pagination .icon { width: 0.666666666em; height: 0.666666666em; } .comments-pagination { border: 0; } .page-numbers { display: none; padding: 0.5em 0.75em; } .page-numbers.current { color: #767676; display: inline-block; } .page-numbers.current .screen-reader-text { clip: auto; height: auto; overflow: auto; position: relative !important; width: auto; } .prev.page-numbers, .next.page-numbers { background-color: #ddd; -webkit-border-radius: 2px; border-radius: 2px; display: inline-block; font-size: 24px; font-size: 1.5rem; line-height: 1; padding: 0.25em 0.5em 0.4em; } .prev.page-numbers, .next.page-numbers { -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; } .prev.page-numbers:focus, .prev.page-numbers:hover, .next.page-numbers:focus, .next.page-numbers:hover { background-color: #767676; color: #fff; } .prev.page-numbers { float: left; } .next.page-numbers { float: right; } /* Aligned blockquotes */ .entry-content blockquote.alignleft, .entry-content blockquote.alignright { color: #666; font-size: 13px; font-size: 0.8125rem; width: 48%; } /* Blog landing, search, archives */ .blog .site-main > article, .archive .site-main > article, .search .site-main > article { padding-bottom: 2em; } body:not(.twentyseventeen-front-page) .entry-header { padding: 1em 0; } body:not(.twentyseventeen-front-page) .entry-header, body:not(.twentyseventeen-front-page) .entry-content, body:not(.twentyseventeen-front-page) #comments { margin-left: auto; margin-right: auto; } body:not(.twentyseventeen-front-page) .entry-header { padding-top: 0; } .blog .entry-meta a.post-edit-link, .archive .entry-meta a.post-edit-link, .search .entry-meta a.post-edit-link { color: #222; display: inline-block; margin-left: 1em; white-space: nowrap; } .search .page .entry-meta a.post-edit-link { margin-left: 0; white-space: nowrap; } .taxonomy-description { color: #666; font-size: 13px; font-size: 0.8125rem; } /* More tag */ .entry-content .more-link:before { content: ""; display: block; margin-top: 1.5em; } /* Single Post */ .single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary { margin-left: auto; margin-right: auto; max-width: 740px; } .single-featured-image-header { background-color: #fafafa; border-bottom: 1px solid #eee; } .single-featured-image-header img { display: block; margin: auto; } .page-links { font-size: 14px; font-size: 0.875rem; font-weight: 800; padding: 2em 0 3em; } .page-links .page-number { color: #767676; display: inline-block; padding: 0.5em 1em; } .page-links a { display: inline-block; } .page-links a .page-number { color: #222; } /* Post Formats */ .blog .format-status .entry-title, .archive .format-status .entry-title, .blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; } .format-quote blockquote { color: #333; font-size: 20px; font-size: 1.25rem; font-weight: 300; overflow: visible; position: relative; } .format-quote blockquote .icon { display: block; height: 20px; left: -1.25em; position: absolute; top: 0.4em; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); width: 20px; } /* Post Navigation */ .post-navigation { font-weight: 800; margin: 3em 0; } .post-navigation .nav-links { padding: 1em 0; } .nav-subtitle { background: transparent; color: #767676; display: block; font-size: 11px; font-size: 0.6875rem; letter-spacing: 0.1818em; margin-bottom: 1em; text-transform: uppercase; } .nav-title { color: #333; font-size: 15px; font-size: 0.9375rem; } .post-navigation .nav-next { margin-top: 1.5em; } .nav-links .nav-previous .nav-title .nav-title-icon-wrapper { margin-right: 0.5em; } .nav-links .nav-next .nav-title .nav-title-icon-wrapper { margin-left: 0.5em; } /*-------------------------------------------------------------- 13.5 Pages --------------------------------------------------------------*/ .page-header { padding-bottom: 2em; } .page .entry-header .edit-link { font-size: 14px; font-size: 0.875rem; } .search .page .entry-header .edit-link { font-size: 11px; font-size: 0.6875rem; } .page-links { clear: both; margin: 0 0 1.5em; } /* 404 page */ .error404 .page-content { padding-bottom: 4em; } .error404 .page-content .search-form, .search .page-content .search-form { margin-bottom: 3em; } /*-------------------------------------------------------------- 13.6 Footer --------------------------------------------------------------*/ .site-footer .wrap { padding-bottom: 1.5em; padding-top: 2em; } /* Footer widgets */ .site-footer .widget-area { padding-bottom: 2em; padding-top: 2em; } /* Social nav */ .social-navigation { font-size: 16px; font-size: 1rem; margin-bottom: 1em; } .social-navigation ul { list-style: none; margin-bottom: 0; margin-left: 0; } .social-navigation li { display: inline; } .social-navigation a { background-color: #767676; -webkit-border-radius: 40px; border-radius: 40px; color: #fff; display: inline-block; height: 40px; margin: 0 1em 0.5em 0; text-align: center; width: 40px; } .social-navigation a:hover, .social-navigation a:focus { background-color: #333; } .social-navigation .icon { height: 16px; top: 12px; width: 16px; vertical-align: top; } /*-------------------------------------------------------------- 15.0 Widgets --------------------------------------------------------------*/ /* Gravatar */ .widget-grofile h4 { font-size: 16px; font-size: 1rem; margin-bottom: 0; } /* Recent Comments */ .widget_recent_comments table, .widget_recent_comments th, .widget_recent_comments td { border: 0; } /* Recent Posts widget */ .widget_recent_entries .post-date { display: block; } /* Search */ .search-form { position: relative; } .search-form .search-submit { bottom: 3px; padding: 0.5em 1em; position: absolute; right: 3px; top: 3px; } .search-form .search-submit .icon { height: 24px; top: -2px; width: 24px; } /* Tag cloud widget */ .tagcloud ul li { float: left; border-top: 0; border-bottom: 0; padding: 0; margin: 4px 4px 0 0; } .tagcloud, .widget_tag_cloud, .wp_widget_tag_cloud { line-height: 1.5; } .widget .tagcloud a, .widget.widget_tag_cloud a, .wp_widget_tag_cloud a { border: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; display: block; padding: 4px 10px 5px; position: relative; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; width: auto; word-wrap: break-word; z-index: 0; } .widget .tagcloud a:hover, .widget .tagcloud a:focus, .widget.widget_tag_cloud a:hover, .widget.widget_tag_cloud a:focus, .wp_widget_tag_cloud a:hover, .wp_widget_tag_cloud a:focus { border-color: #bbb; -webkit-box-shadow: none; box-shadow: none; text-decoration: none; } /* Calendar widget */ .widget_calendar th, .widget_calendar td { text-align: center; } .widget_calendar tfoot td { border: 0; } /* Gallery widget */ .gallery-columns-5 .gallery-caption, .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } /*-------------------------------------------------------------- 16.0 Media --------------------------------------------------------------*/ img, video { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } img.alignleft, img.alignright { float: none; margin: 0; } .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { margin-bottom: 1.5em; max-width: 100%; } /* Remove bottom on embeds that wrapped in paragraphs via wpautop. */ p > embed:only-child, p > iframe:only-child, p > object:only-child { margin-bottom: 0; } .wp-caption, .gallery-caption { color: #666; font-size: 13px; font-size: 0.8125rem; font-style: italic; margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /* Media Elements */ .mejs-container { margin-bottom: 1.5em; } /* Audio Player */ .mejs-controls a.mejs-horizontal-volume-slider, .mejs-controls a.mejs-horizontal-volume-slider:focus, .mejs-controls a.mejs-horizontal-volume-slider:hover { background: transparent; border: 0; } /* Playlist Color Overrides: Light */ .site-content .wp-playlist-light { border-color: #eee; color: #222; } .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album { color: #333; } .site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist { color: #767676; } .site-content .wp-playlist-light .wp-playlist-item { border-bottom: 1px dotted #eee; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; } .site-content .wp-playlist-light .wp-playlist-item:hover, .site-content .wp-playlist-light .wp-playlist-item:focus { border-bottom-color: rgba(0, 0, 0, 0); background-color: #767676; color: #fff; } .site-content .wp-playlist-light a.wp-playlist-caption:hover, .site-content .wp-playlist-light .wp-playlist-item:hover a, .site-content .wp-playlist-light .wp-playlist-item:focus a { color: #fff; } /* Playlist Color Overrides: Dark */ .site-content .wp-playlist-dark { background: #222; border-color: #333; } .site-content .wp-playlist-dark .mejs-container .mejs-controls { background-color: #333; } .site-content .wp-playlist-dark .wp-playlist-caption { color: #fff; } .site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album { color: #eee; } .site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist { color: #aaa; } .site-content .wp-playlist-dark .wp-playlist-playing { background-color: #333; } .site-content .wp-playlist-dark .wp-playlist-item { border-bottom: 1px dotted #555; -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; } .site-content .wp-playlist-dark .wp-playlist-item:hover, .site-content .wp-playlist-dark .wp-playlist-item:focus { border-bottom-color: rgba(0, 0, 0, 0); background-color: #aaa; color: #222; } .site-content .wp-playlist-dark a.wp-playlist-caption:hover, .site-content .wp-playlist-dark .wp-playlist-item:hover a, .site-content .wp-playlist-dark .wp-playlist-item:focus a { color: #222; } /* Playlist Style Overrides */ .site-content .wp-playlist { padding: 0.625em 0.625em 0.3125em; } .site-content .wp-playlist-current-item .wp-playlist-item-title { font-weight: 700; } .site-content .wp-playlist-current-item .wp-playlist-item-album { font-style: normal; } .site-content .wp-playlist-current-item .wp-playlist-item-artist { font-size: 10px; font-size: 0.625rem; font-weight: 800; letter-spacing: 0.1818em; text-transform: uppercase; } .site-content .wp-playlist-item { padding: 0 0.3125em; cursor: pointer; } .site-content .wp-playlist-item:last-of-type { border-bottom: none; } .site-content .wp-playlist-item a { padding: 0.3125em 0; border-bottom: none; } .site-content .wp-playlist-item a, .site-content .wp-playlist-item a:focus, .site-content .wp-playlist-item a:hover { -webkit-box-shadow: none; box-shadow: none; background: transparent; } .site-content .wp-playlist-item-length { top: 5px; } /* SVG Icons base styles */ .icon { display: inline-block; fill: currentColor; height: 1em; position: relative; /* Align more nicely with capital letters */ top: -0.0625em; vertical-align: middle; width: 1em; } /*-------------------------------------------------------------- 16.1 Galleries --------------------------------------------------------------*/ .gallery-item { display: inline-block; text-align: left; vertical-align: top; margin: 0 0 1.5em; padding: 0 1em 0 0; width: 50%; } .gallery-columns-1 .gallery-item { width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-item a, .gallery-item a:hover, .gallery-item a:focus, .widget-area .gallery-item a, .widget-area .gallery-item a:hover, .widget-area .gallery-item a:focus { -webkit-box-shadow: none; box-shadow: none; background: none; display: inline-block; max-width: 100%; } .gallery-item a img { display: block; -webkit-transition: -webkit-filter 0.2s ease-in; transition: -webkit-filter 0.2s ease-in; transition: filter 0.2s ease-in; transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gallery-item a:hover img, .gallery-item a:focus img { -webkit-filter: opacity(60%); filter: opacity(60%); } .gallery-caption { display: block; text-align: left; padding: 0 10px 0 0; margin-bottom: 0; } /*-------------------------------------------------------------- 17.0 Customizer --------------------------------------------------------------*/ .highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after { border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */ bottom: 1em; content: ""; display: block; left: 1em; position: absolute; right: 1em; top: 1em; z-index: 1; } .highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content { z-index: 2; /* Prevent :after from preventing interactions within the section */ } /* Used for placeholder text */ .twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title { display: block; font-size: 14px; font-size: 0.875rem; font-weight: 700; letter-spacing: 1px; padding: 3em; text-transform: uppercase; text-align: center; } /* Show borders on the custom page panels only when the front page sections are being edited */ .highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after { border: none; } .twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder { border: 0; } /* Add some space around the visual edit shortcut buttons. */ .twentyseventeen-panel > .customize-partial-edit-shortcut > button { top: 30px; left: 30px; } /* Ensure that placeholder icons are visible. */ .twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before { visibility: visible; } /*-------------------------------------------------------------- 18.0 SVGs Fallbacks --------------------------------------------------------------*/ .svg-fallback { display: none; } .no-svg .svg-fallback { display: inline-block; } .no-svg .dropdown-toggle { padding: 0.5em 0 0; right: 0; text-align: center; width: 2em; } .no-svg .dropdown-toggle .svg-fallback.icon-angle-down { font-size: 20px; font-size: 1.25rem; font-weight: 400; line-height: 1; -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ -ms-transform: rotate(180deg); /* IE 9 */ transform: rotate(180deg); } .no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down { -webkit-transform: rotate(0); /* Chrome, Safari, Opera */ -ms-transform: rotate(0); /* IE 9 */ transform: rotate(0); } .no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before { content: "\005E"; } /* Social Menu fallbacks */ .no-svg .social-navigation a { background: transparent; color: #222; height: auto; width: auto; } /* Show screen reader text in some cases */ .no-svg .next.page-numbers .screen-reader-text, .no-svg .prev.page-numbers .screen-reader-text, .no-svg .social-navigation li a .screen-reader-text, .no-svg .search-submit .screen-reader-text { clip: auto; font-size: 16px; font-size: 1rem; font-weight: 400; height: auto; position: relative !important; /* overrides previous !important styles */ width: auto; } /*-------------------------------------------------------------- 19.0 Media Queries --------------------------------------------------------------*/ @media screen and (min-width: 1023px) { /* Main Navigation */ .js .menu-toggle, .js .dropdown-toggle { display: none; } .main-navigation { width: auto; } .js .menu-toggle { display: none; } .js .main-navigation ul, .js .main-navigation ul ul, .js .main-navigation > div > ul { display: block; } .main-navigation ul { background: transparent; padding: 0; } .main-navigation > div > ul { border: 0; margin-bottom: 0; padding: 0; } .main-navigation li { border: 0; display: inline-block; } .main-navigation li li { display: block; } .main-navigation ul ul { background: #fff; border: 1px solid #bbb; left: -999em; padding: 0; position: absolute; top: 100%; z-index: 99999; } .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:before, .main-navigation ul li.page_item_has_children:after { border-style: solid; border-width: 0 6px 6px; content: ""; display: none; height: 0; position: absolute; right: 1em; bottom: -1px; width: 0; z-index: 100000; } .main-navigation ul li.menu-item-has-children.focus:before, .main-navigation ul li.menu-item-has-children:hover:before, .main-navigation ul li.menu-item-has-children.focus:after, .main-navigation ul li.menu-item-has-children:hover:after, .main-navigation ul li.page_item_has_children.focus:before, .main-navigation ul li.page_item_has_children:hover:before, .main-navigation ul li.page_item_has_children.focus:after, .main-navigation ul li.page_item_has_children:hover:after { display: block; } .main-navigation ul li.menu-item-has-children:before, .main-navigation ul li.page_item_has_children:before { border-color: transparent transparent #bbb; bottom: 0; } .main-navigation ul li.menu-item-has-children:after, .main-navigation ul li.page_item_has_children:after { border-color: transparent transparent #fff; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; right: auto; } .main-navigation ul ul a { padding: 0.75em 1.25em; width: 16em; } .main-navigation li li { -webkit-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .main-navigation li li a { -webkit-transition: color 0.3s ease-in-out; transition: color 0.3s ease-in-out; } .main-navigation li li.focus > a, .main-navigation li li:focus > a, .main-navigation li li:hover > a, .main-navigation li li a:hover, .main-navigation li li a:focus, .main-navigation li li.current_page_item a:hover, .main-navigation li li.current-menu-item a:hover, .main-navigation li li.current_page_item a:focus, .main-navigation li li.current-menu-item a:focus { color: #fff; } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: 0.5em; right: auto; } .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon { display: inline; left: 5px; position: relative; top: -1px; } .main-navigation ul ul .menu-item-has-children > a > .icon, .main-navigation ul ul .page_item_has_children > a > .icon { margin-top: -9px; left: auto; position: absolute; right: 1em; top: 50%; -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ -ms-transform: rotate(-90deg); /* IE 9 */ transform: rotate(-90deg); } .main-navigation ul ul ul { left: -999em; margin-top: -1px; top: 0; } .main-navigation ul ul li.menu-item-has-children.focus:before, .main-navigation ul ul li.menu-item-has-children:hover:before, .main-navigation ul ul li.menu-item-has-children.focus:after, .main-navigation ul ul li.menu-item-has-children:hover:after, .main-navigation ul ul li.page_item_has_children.focus:before, .main-navigation ul ul li.page_item_has_children:hover:before, .main-navigation ul ul li.page_item_has_children.focus:after, .main-navigation ul ul li.page_item_has_children:hover:after { display: none; } .site-header .site-navigation-fixed .menu-scroll-down { display: none; } } /*-------------------------------------------------------------- 20.0 Print --------------------------------------------------------------*/ @media print { /* Hide elements */ form, button, input, select, textarea, .navigation-top, .social-navigation, #secondary, .content-bottom-widgets, .header-image, .panel-image-prop, .icon-thumb-tack, .page-links, .edit-link, .post-navigation, .pagination.navigation, .comments-pagination, .comment-respond, .comment-edit-link, .comment-reply-link, .comment-metadata .edit-link, .pingback .edit-link, .site-footer aside.widget-area, .site-info { display: none !important; } .entry-footer, #comments, .site-footer, .single-featured-image-header { border: 0; } /* Font sizes */ body { font-size: 12pt; } h1 { font-size: 24pt; } h2 { font-size: 22pt; } h3 { font-size: 17pt; } h4 { font-size: 12pt; } h5 { font-size: 11pt; } h6 { font-size: 12pt; } .page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title { font-size: 10pt; } /* Layout */ .wrap { padding-left: 5% !important; padding-right: 5% !important; max-width: none; } /* Site Branding */ .site-header { background: transparent; padding: 0; } .custom-header-media { padding: 0; } .twentyseventeen-front-page.has-header-image .site-branding, .twentyseventeen-front-page.has-header-video .site-branding, .home.blog.has-header-image .site-branding, .home.blog.has-header-video .site-branding { position: relative; } .site-branding { margin-top: 0; margin-bottom: 1.75em !important; /* override styles added by JavaScript */ } .site-title { font-size: 25pt; } .site-description { font-size: 12pt; opacity: 1; } /* Posts */ .single-featured-image-header { background: transparent; } .entry-meta { font-size: 9pt; } /* Colors */ body, .site { background: none !important; /* Brute force since user agents all print differently. */ } body, a, .site-title a, .twentyseventeen-front-page.has-header-image .site-title, .twentyseventeen-front-page.has-header-video .site-title, .twentyseventeen-front-page.has-header-image .site-title a, .twentyseventeen-front-page.has-header-video .site-title a { color: #222 !important; /* Make sure color schemes don't affect to print */ } h2, h5, blockquote, .site-description, .twentyseventeen-front-page.has-header-image .site-description, .twentyseventeen-front-page.has-header-video .site-description, .entry-meta, .entry-meta a { color: #777 !important; /* Make sure color schemes don't affect to print */ } .entry-content blockquote.alignleft, .entry-content blockquote.alignright { font-size: 11pt; width: 34%; } .site-footer { padding: 0; } } /*====== comman css ======*/ .clear{ clear:both;} .wrap_main{ width:85%; margin:0 auto;} .gray_bg{ background:#f3f3f3;} .bold_title{ font-weight:bold; color:#000;} .fonts48{font-size:44px;font-family:'Mikado';font-weight:500; line-height:1.2;} .fonts38{ font-size:38px;font-family:'Mikado';font-weight:500; line-height:1.2;} .fonts36{font-size:36px;font-family:'Mikado';font-weight:500; line-height:1.18;} .fonts24{ font-size:24px;font-family:'Mikado';font-weight:500;line-height:1.4;} .fonts28{ font-size:28px;font-family:'Mikado';font-weight:500;line-height:1.3;} .fonts65{font-size:65px;font-family:'Mikado';font-weight:bold; line-height:1.2;} /*========== header =========*/ .header-inner {display:flex;align-items: center;} .header-social{margin-left: auto;} .site-header{ position:absolute; width:100%;z-index:999; } .header-logo{ float:left; margin-right:95px;} .header-social a .fa {font-size: 20px; color:#12110e ; margin-right: 15px; } .header-social a:last-child .fa {margin-right: 0; } .header-social .social_link{ font-size:22px; font-weight:bold; color:#12110e;} .header-logo img {height: 80px; padding-top: 5px; } .header-social a img:hover{ opacity:0.8;} .header-social .social_link:hover{ opacity:0.8;} .site-header .header-menu ul li{ padding:0 10px;} .site-header .header-menu ul li a {padding: 46px 5px 37px !important; font-size: 18px; font-family: 'HelveticaNeueLTStdRoman'; font-weight: normal; border-bottom: 5px solid transparent; font-weight: normal !important; text-transform: inherit !important; } .site-header .header-menu ul > li:hover a {border-color: #f9ae12; color: #222; } .header-menu .ubermenu ul li .ubermenu-submenu li.submenu-title.ubermenu-item {width: 710px !important; } .site-header .header-menu ul > li a {border-bottom: 10px solid transparent; } .light-header, .header-hover, .stickey-header {background: #fff;box-shadow: 0 0 15px rgba(0,0,0,0.2);} .header-menu .show-menu, .h-search {float:left;} .cover_header_right {position:relative;} .search_show {display: block; font-family: 'supremeicons'; color:#12110e; font-weight: 600; font-size: 18px; position: relative; z-index: 1; padding-left: 4px; line-height:1;} .cover_header_right {position: relative; } .searchBox.last {width: 240px !important; position: absolute !important; top: 0 !important; display: block !important; opacity: 1 !important; overflow: visible !important; } .searchform #searchsubmit {display: none; } .searchform #searchsubmit:hover {background-color: #f1a60a; } .searchform .search_box {background: none; border: none; color: #fff !important; border-bottom: 1px solid #fff !important; border-radius: 0; font-size: 16px; line-height: 1.3; font-family: 'HelveticaNeueLTStdRoman'; width: 0; padding: 0; transition: 0.5s; opacity: 0; } .active-search-btn .search_box {width: 100%;padding: 0px 10px 4px 34px;opacity: 1;} .header-menu .show-menu, .h-search {float: left; } .h-search {margin-left: 20px; padding:50px 0 50px;} .searchform .search_box::placeholder {color: #b8b8b8; font-family: 'HelveticaNeueLTStdRoman'; } .light-header .searchform .search_box{border-color: #777777 !important; color: #000 !important; } .sticky-header {position: fixed !important; width: 100%; transition: all 0.2s ease-in-out 0s; animation-duration: 0.8s; animation-fill-mode: both; animation-name: slideInDown; background-color:#ffffff; } @keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible } 100%{transform:translate3d(0,0,0) } } /*========Ubermenu Design========*/ @media only screen and (min-width: 1024px){ .nav-inner .ubermenu-responsive-toggle {display: none; } .page-id-1387 .main_title_sm {margin-bottom: 15px; margin-top: 30px; } .page-id-1387 .need-help-sec .main_title_sm {margin-top: 0; } } .ubermenu-skin-black-white-2 {background: none !important; border: none !important; box-shadow: none !important; } .ubermenu-skin-black-white-2 .ubermenu-item-level-0 > .ubermenu-target {border-left: none !important; box-shadow: inherit !important; background: none !important; } .ubermenu ul li .ubermenu-submenu {background: none !important; z-index: 999 !important; margin-top: 0px !important; padding: 30px 0px 10px; border: none !important; box-shadow: none !important; } .hoverShowBackground {background: rgba(37, 52, 115,0.99); position: absolute; height: 415px; left: 0; width: 100%; z-index: 111; margin-top: 118px; display: none; } .site-header .header-menu ul.ubermenu-submenu li a {padding: 0 0 10px 15px !important; border-bottom: 1px solid transparent; display: block; font-family: 'Roboto'; font-size: 19px; color: #ffffff !important; } .site-header .header-menu ul.ubermenu-submenu li a:hover, .site-header.light-header .header-menu ul.ubermenu-submenu li a:hover, .site-header.header-hover .header-menu ul.ubermenu-submenu li a:hover, .site-header.sticky-header .header-menu ul.ubermenu-submenu li a:hover {color: #f9ae12 !important; } .header-menu .ubermenu ul li .ubermenu-submenu li {float: none; width:400px; padding-bottom: 12px; } .site-header .header-menu ul.ubermenu-submenu li a::before {content: "\e994"; position: absolute; left: 0; top:1px; font-family: 'supremeicons'; font-size: 11px; display: block; } .site-header .header-menu ul.ubermenu-submenu li a:hover::before {color: #f9ae12; } .site-header .header-menu ul.ubermenu-submenu li a::after {content: ""; height: 1px; width: 0%; position: absolute; background: #f9ae12; left: 0; bottom: 0; transition: 0.4s; } .site-header .header-menu ul.ubermenu-submenu li a:hover::after {width: 100%; } .ubermenu-sub-indicators .ubermenu-has-submenu-drop > .ubermenu-target::after {display: none !important; } .site-header .header-menu ul.ubermenu-nav li.submenu-title a {padding-left: 0 !important; font-size: 45px !important; margin-bottom: 10px !important; font-family: 'HelveticaNeueLTStdBd' !important; color: #ffffff !important; cursor: auto !important; border-bottom: 1px solid #fff; padding-bottom: 20px !important; } .site-header .header-menu ul.ubermenu-nav li.submenu-title a:hover{color: #ffffff !important; } .site-header .header-menu ul.ubermenu-nav li.submenu-title a::before, .site-header .header-menu ul.ubermenu-nav li.submenu-title a::after {display: none; } .ubermenu ul li .ubermenu-submenu.ubermenu-submenu-id-19, .ubermenu ul li .ubermenu-submenu.ubermenu-submenu-id-978 {width: 900px; } .ubermenu ul li .ubermenu-submenu.ubermenu-submenu-id-793 {width: 700px; } .ubermenu .ubermenu-target-description {font-size: 19px !important; color: #fff !important; line-height: 1.4; margin-top: 10px; font-family: 'Roboto' !important; } .header-menu .ubermenu ul li .ubermenu-submenu.ubermenu-submenu-id-19 li:nth-child(2n+1) {padding-left:40px; } .header-menu .ubermenu ul li .ubermenu-submenu.ubermenu-submenu-id-19 li, .header-menu .ubermenu ul li .ubermenu-submenu.ubermenu-submenu-id-20 li{width: 48% !important; float: left; clear: none; } .header-menu .ubermenu ul li .ubermenu-submenu.ubermenu-submenu-id-19 li:first-child, .header-menu .ubermenu ul li .ubermenu-submenu.ubermenu-submenu-id-20 li:first-child{padding-left: 0 !important;} /*----------------Light Header--------------------*/ .sticky-header ~ .hoverShowBackground {position:fixed;top:0;} .header-hover .fill-logo, .sticky-header .fill-logo, .light-header .fill-logo {display:block;} .light-header .searchform .search_box, .header-hover .searchform .search_box, .sticky-header .searchform .search_box {border-color: #777777 !important; color: #000 !important; } .light-header a, .header-hover a, .sticky-header a, .light-header .header-social a .fa, .header-hover .header-social a .fa, .sticky-header .header-social a .fa {color: #12110e !important; } .site-header .ubermenu ul.ubermenu-nav li a, .header-hover .ubermenu ul.ubermenu-nav li a, .sticky-header .ubermenu ul.ubermenu-nav li a{color: #12110e !important;} .site-header .ubermenu ul.ubermenu-nav li ul.ubermenu-submenu li a{ color:#fff!important;} .light-header, .header-hover, .stickey-header {background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.2); } .search_show {display:block; font-family: 'supremeicons'; color:#ffffff; font-weight:600; font-size:18px; position:relative; z-index:1; padding-left:4px; line-height:1;} .search_show:hover {color:#f9ae12; } .cover_header_right {position:relative; } .searchBox.last {width:240px !important; position:absolute !important; top: 0 !important; display: block !important; opacity: 1 !important; overflow:visible !important; } .searchform #searchsubmit {display: none; } .searchform #searchsubmit:hover {background-color:#f1a60a; } .searchform .search_box {background:none; border:none; color:#fff !important; border-bottom: 1px solid #fff !important; border-radius: 0; font-size:16px; line-height: 1.3; font-family: 'HelveticaNeueLTStdRoman'; width: 0; padding:0; transition:0.5s; opacity:0;} .active-search-btn .search_box {width:100%;padding:0px 10px 4px 34px;opacity: 1;} .header-menu .show-menu, .h-search {float:left; } .h-search {margin-left:20px; padding:45px 0 45px;} .searchform .search_box::placeholder {color:#b8b8b8; font-family: 'HelveticaNeueLTStdRoman';} /*------------ covid menu --------*/ .site-header .header-menu ul > li.covid-menu ul.ubermenu-submenu li a{border-color:transparent;} .site-header .header-menu ul.ubermenu-nav .covid-menu li.submenu-title a{ border-bottom:1px solid #fff;} .site-header .header-menu ul > li.covid-menu:hover a{border-color:#c71617; color:#fff;} .light-header .ubermenu ul.ubermenu-nav li.covid-menu a, .header-hover .ubermenu ul.ubermenu-nav li.covid-menu a, .sticky-header .ubermenu ul.ubermenu-nav li.covid-menu a{ color:#fff!important;} .site-header .header-menu ul li.covid-menu a span{ position:relative;} .site-header .header-menu ul li.covid-menu a span:before{ background:#c71617;position:absolute;width: 150%;height: 175%;content: "";left: -20px; z-index: -5;top: -9px;} .light-header .ubermenu ul.ubermenu-nav li.covid-menu ul li a span:before, .light-header .ubermenu ul.ubermenu-nav li.covid-menu ul li a span:before, .header-hover .ubermenu ul.ubermenu-nav li.covid-menu ul li a span:before, .sticky-header .ubermenu ul.ubermenu-nav li.covid-menu ul li a span:before, .light-header .ubermenu ul.ubermenu-nav li.covid-menu.ubermenu-active ul li a span:before{position:relative!important;content:none!important; background:transparent!important;} .site-header .header-menu ul.ubermenu-nav li.submenu-title a span:before{position:relative!important;content:none!important; background:transparent!important;} .site-header .header-menu ul.ubermenu-nav li.covid-menu ul.ubermenu-submenu li a span:before{position:relative!important;content:none!important; background:transparent!important;} /*========== footer =========*/ .site-info{ background:#253473; padding:15px 0; font-size:14px; margin:0;color:#fff;} .site-info a{ color:#fff;} .site-info a:hover{ color:#f9ae12;} .site-info-right{ float:right;} .site-info-right ul{ list-style:none; float:left; margin:0!important;} .site-info-right ul li{ float:left; padding:0 0 0 15px!important;background:none!important;margin:0!important;} .copyright{float:left;} .footer-main {background: #474747; color: #fff; padding: 65px 0; display: inline-block; width: 100%; float: left;} .footer_div .widget-title{ color:#f9ae12; font-weight:bold; font-size:21px; margin:0 0 25px; padding:0;} .footer_div ul{ margin:0; padding:0; list-style:none;} .footer_div ul li{padding:0 0 10px !important;line-height:1.3;background:none!important;margin:0!important;} .footer_div a{ color:#fff; font-size: 16px;} .footer_div a:hover{color:#f9ae12;} .footer-logo img{ width:197px; height:78px;} .footer_div {float: left; width:17%; padding-right: 40px; } .footer-two.footer_div {width:20%;} .footer-three.footer_div {width:18%;} .footer-four.footer_div {width:17%;} .footer-five.footer_div {width:15%;} .footer-six.footer_div {width:auto;float:right;padding:0;} .footer-social a {margin: 0 5px; font-size: 20px; } .scrollup-arrow{ display:none;} /*----------- abov-footer -------------*/ .above-footer-sec {background: #474747;position: relative;} .show-above-footer {padding:100px 0 100px 0;text-align: center;background-position: center;background-size: cover;} .b_radius {border-radius: 0 0 150px 150px;} .above-footer-text {position: relative;min-height: 246px;display: flex;align-items: center;} .above-footer-text::before {background: url("images/quote-bg.png") no-repeat 0 0;background-size: auto;width: 356px;height: 246px;content: ""; left: 0;right: 0;margin: 0 auto;position: absolute;background-position: center;} .above-footer-text p {font-size: 42px;color: #253473;font-family: 'HelveticaNeueLTStdBd';line-height: 1.2;width: 100%;position: relative;} .above-footer-text .author-name {font-size: 24px;margin-top: 15px;font-style: italic;font-family: 'HelveticaNeueLTStdRoman';display: block;} /*----------- home page -----------*/ .home .show-above-footer.b_radius {background-attachment: scroll;padding:700px 0 80px 0;} .home .above-footer-text p {color: #fff;margin: 60px 0 45px;position: relative;} .home .site-content-contain {background:linear-gradient(180deg, rgb(130, 225, 247) 1%, rgba(237, 232, 238,0.4) 100%);} .cloud-main {position: relative; width:100%;} .cloud-main::before {content: ""; position: absolute; left: -34%; height: 100%; width: 55%; background: url(images/transparent-cloud.png); background-size: contain; background-repeat: no-repeat; top: -35%; background-position: right;} .cloud-main::after {content: ""; position: absolute; right: -29%; height:100%; width:55%; background: url(images/transparent-cloud.png); background-size: contain; background-repeat: no-repeat; top: -40%; } .cloud-cover {position: relative; width:100%; margin-top:350px; text-align: center; z-index: 9; display: flex; justify-content: center; align-items: center; } .cloud-cover::before {content: ""; position: absolute; height:175%; width:28%; background: url("images/kite-vector.svg"); background-repeat: no-repeat; z-index: 1; background-size: contain; animation: 3s ease 0s normal none infinite running swim-fish; right:6%; top:-85%;z-index:-1;} .cloud-cover .cloud {float: left; width: 27%; background-repeat: no-repeat; background-size: contain; background-position: center; text-align: center; position: relative;} .cloud-cover .cloud1 {background-image: url("images/cloud-01.png"); padding: 120px 60px 75px; margin-top: -13%;} .cloud-cover .cloud2 {background-image: url("images/cloud-02.png"); padding: 144px 60px 85px; margin-left: -120px; } .cloud-cover .cloud3 {background-image: url("images/cloud-03.png"); padding: 140px 60px 75px; margin-top: -20%; margin-left:-100px; } .cloud-cover .cloud4 {background-image: url("images/cloud-04.png"); padding: 135px 50px 85px; margin-top: 1.3%;margin-left:-170px;} .cloud-cover .cloud1:hover{background-image: url("images/cloud-01-hover.png");} .cloud-cover .cloud2:hover{background-image: url("images/cloud-02-hover.png");} .cloud-cover .cloud3:hover{background-image: url("images/cloud-03-hover.png");} .cloud-cover .cloud4:hover{background-image: url("images/cloud-04-hover.png");} .cloud-cover .cloud:hover .cloud-title{ color:#fff!important;} .cloud-cover .cloud1:hover:before{ background:#253473;} .cloud-cover .cloud2:hover:before{ background:#75c149;} .cloud-cover .cloud3:hover:before{ background:#3da8df;} .cloud-cover .cloud4:hover:before{ background:#253473;} .cloud1 .cloud-title, .cloud4 .cloud-title {color:#253473;} .cloud2 .cloud-title{color:#75c149;} .cloud3 .cloud-title{ color:#3da8df;} .cloud a{ display:block; position: relative;z-index: 5;} .cloud-cover .cloud::before {content: ""; position: absolute; background: #ffffff; width: 7px; border-radius: 0 0 4px 4px;} .cloud-cover .cloud1::before {height: 104%; top: -77%; left: 28px; right: 0; margin: 0 auto; } .early-years-title {margin: 100px 0; } .cloud-cover .cloud2::before {height:108%; top:-87%; left:35px; right:0; margin:0 auto; } .cloud-cover .cloud3::before {height:53%; top:-31%; left:38px; right:0; margin:0 auto; } .cloud-cover .cloud4::before {height:162%; top:-136%; left:28px; right:0; margin:0 auto; } .round-box-hover-left-info a{ color:#fff;} @keyframes swim-fish { 0%, 50%, 100% { -moz-transform: translateY(0); transform: translateY(0); } 25% { transform: translateY(20px) translateX(20px) rotate(5deg); } 75% { transform: translateY(5px) translateX(25px) rotate(2deg); } } @-webkit-keyframes swim-fish { 0%, 50%, 100% { -moz-transform: translateY(0); transform: translateY(0); } 25% { transform: translateY(20px) translateX(20px) rotate(5deg); } 75% { transform: translateY(5px) translateX(25px) rotate(2deg); } } @keyframes jello{ 10% { transform: translateY(0px) rotate(5deg); } 50% { transform: translateY(0px) rotate(20deg); } 100% { transform: translateY(10px) rotate(10deg); } } @keyframes wind{ 0% { background-position: 0 200px, 0 300px, 100px 250px; } 100% { background-position: 1000px 200px, 1200px 300px, 1100px 250px; } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .early-years-title {margin:90px 0 0;} .home .header_title {color:#36a9e0; margin:0;} .learning-sec .learning-description{background-size:cover;color: #253473;padding:70px 110px 70px 300px;border-radius: 50px;border: 4px solid #fff;box-shadow: 9px 10px 0 #33333340;background: linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 42%);} .learning-sec{margin:95px 0 0 0; position:relative;} .learning-sec .wrap{position:relative;} .ques-mark-box{background: url("images/do_bg.png") no-repeat 0 0;background-size: auto;display: inline-block;padding:43px 15px 0 0;width: 337px; height: 223px;position: absolute;color: #fff;background-size: contain;text-align: center;top: -60px;left: -55px;} .ques-mark-box i{ font-size:84px;} .ques-mark-box h6{ color:#fff;padding:0; margin:0; font-size:22px; line-height:1.45;} .round-boxe-area {padding-top:50px;display: inline-block;width: 100%; position:relative;} .round-boxes-inner {width:85%;margin: 0 auto;} .round-img{ position:relative;} .round-img .img {padding:25px;border:5px dashed #fff;border-radius:100%; width:39.3%; position:relative; z-index:55;} .img-inner {position:relative;} .round-img .img-inner img {display:block;border-radius:100%;position:relative;z-index:1;box-shadow: 9px 10px 0 #33333340;} .logo-box{ width:358px; height:246px; color:#fff; position:absolute;display:flex; align-items:center;z-index:555; top:4%; left:-1.5%;} .logo-box img{display: inline-block;width: auto;vertical-align: middle;margin-right: 10px;} .logo-box-inner{ width:100%; padding:0 0px 0 0px;} .logo-box h6{ margin:0; padding:0; vertical-align: middle; color:#fff; display: inline-block; text-align:left;} .round_box1 .logo-box{ background:url("images/Numeracy-bg.png") no-repeat 0 0; background-size:cover; text-align:center;} .round_box2 .logo-box{ background:url("images/Literacy-bg.png") no-repeat 0 0; background-size:cover; text-align:center;} .round_box3 .logo-box{ background:url("images/Learning-through-img.png") no-repeat 0 0; background-size:cover; text-align:center;} .round_box4 .logo-box{ background:url("images/Transition-bg.png") no-repeat 0 0; background-size:cover; text-align:center;} .round_box5 .logo-box{ background:url("images/Wellbeing-bg.png") no-repeat 0 0; background-size:cover; text-align:center;} .round_box{ float:left; width:100%;} .round-img-box-right .round-img{ float:right; width:100%;} .round-img-box-right .round-img .img{ float:right;} .closebtn{position: absolute;display:flex;align-items:center;top:34%;right:-52px;width:120px;height:120px;border-radius:100%;background:#fff;color:#243473;} .round-img-box-right .closebtn{ left:-75px; right:inherit;} .closebtn span{width:100%; text-align:center;} .closebtn i{ font-size:52px;} .round-img-box-right .logo-box{ right:0;right: 1%;left: inherit;top:3%;} .round-img-box-right, .round-img-box-left {position:relative;} .round_box1 .round-box-hover{ background:#243473;} .round_box2 .round-box-hover{ background:#c61517;} .round_box3 .round-box-hover{ background:#3da8df;} .round_box4 .round-box-hover{ background:#f8ad03;} .round_box5 .round-box-hover{ background:#75c149;} .round-box-hover{ opacity:0;} .round-box-hover-in{ color:#fff; width:62%; margin:0 auto; padding:80px 0 0;} .round-box-hover-left-info{ margin-bottom:10px;} .round-box-hover-left-info a:hover i{ margin-right:15px;} .round-box-hover-right .round-box-hover-in{ float:right; padding-right:12%; padding-top:80px;width:62%;} .round-box-hover-left .round-box-hover-in{ float:left; padding-top:80px;width:64%;padding-left: 18%;} .round-box-hover-in h4{ color:#fff;margin:0 0 20px; padding:0;} .round-box-hover-in .round-box-hover-left-info i{ margin-right:10px;} .round-box-hover-left {border-radius:1000px 0 0 1000px;height:80%;width: 0;position: absolute;top: 60px;right:200px;transition: 0.5s; z-index: 5;} .round-box-hover-right {border-radius:0 1000px 1000px 0;height:80%;width: 0;position: absolute;top:60px;left:200px;transition: 0.5s; z-index: 5;} .round_box2, .round_box3, .round_box4, .round_box5{ margin-top:-58px;} .round-boxe-area:before{content: "";position: absolute;right:-16%;height:70%;width:65%;background: url("images/cloud_two.png");background-repeat: repeat; background-size: auto;background-size: contain;background-repeat: no-repeat;top:-5%;} .round_box1:before{content: "";position: absolute;left: -8.5%;top: -17%;background: url("images/device_one.png");background-repeat: repeat;background-size: auto; background-repeat: repeat;background-size: auto;background-repeat: repeat;height: 23%;width: 50%;background-repeat: no-repeat; margin: 0 auto;background-size: contain;} .round_box1:after {content: "";position: absolute;right: 0px;top:60%;background: url("images/device_two.png");background-repeat: repeat;background-size: auto; background-repeat: repeat;background-size: auto;background-repeat: repeat;background-size: auto;background-repeat: repeat;height: 35%;width: 61%; background-repeat: no-repeat;margin: 0 auto;background-size: contain;} .round_box1 .round-img:before{content: "";position: absolute;left:45%;height: 90px;width: 90px;background: url("images/bt_fly.svg");background-repeat: repeat; background-size: auto;background-size: contain;background-repeat: no-repeat;top:50%;animation: 3s ease 0s normal none infinite running swim-fish;} .round_box1 .round-img:after{content: "";position: absolute;bottom:30%;right: 18%;height: 80px;width: 80px;background: url("images/fly_org.svg");background-repeat: repeat; background-size: auto;background-size: contain;background-repeat: no-repeat;animation: 3s ease 0s normal none infinite running swim-fish;} .round_box2:before{content: "";position: absolute;left: 1%;height: 117%;width: 132%;background: url("images/cloud_two.png");background-repeat: repeat;background-size: auto; background-repeat: repeat;background-size: auto;background-size: contain;background-repeat: no-repeat;top: 19%;} .round_box2 .round-img:before{content: "";position: absolute;left: 20px;top:30%;height: 90px;width: 80px;background: url("images/yellow_fly.svg"); background-repeat: repeat;background-size: auto;background-size: contain;background-repeat: no-repeat;animation: 3s ease 0s normal none infinite running swim-fish;} .round_box2:after{content: "";position: absolute;right:21%;bottom: -11%;background: url("images/device_three.png");background-repeat: repeat;background-size: auto; background-repeat: repeat;background-size: auto;background-repeat: repeat;background-size: auto;background-repeat: repeat;background-size: auto;background-repeat: repeat; height:13%;width: 44%;background-repeat: no-repeat;margin: 0 auto;background-size: contain;transform: rotate(-10deg);} .round_box3:before {content: "";position: absolute;height: 48%;width:26%;background: url("images/kits_left.svg");background-repeat: repeat;background-size: auto; left:45%;top:10%;background-repeat: no-repeat;background-size: contain;animation: 3s ease 0s normal none infinite running swim-fish;z-index:1;} .round_box3:after{content: "";position: absolute;height: 40%;width: 23%;background: url("images/buloons-one.svg");background-repeat: repeat;background-size: auto; right: -6%;top: 24%;background-repeat: no-repeat;background-size: contain;animation: bounce 3s infinite; z-index:1;} .round_box3 .round-img:before{content: "";position: absolute;left: 12%;bottom: -43%;background: url("images/devide_four.png");background-repeat: repeat; background-size: auto;height: 48%;width: 57%;background-repeat: no-repeat;margin: 0 auto;background-size: contain;} .round_box3 .round-img:after{content: "";position: absolute;height: 40%;width: 23%;background: url("images/buloons-one.svg");background-repeat: repeat; background-size: auto;left:5%;bottom:-50%;background-repeat: no-repeat;background-size: contain;animation: bounce 3s infinite;} .round_box4:before{content: "";position: absolute;right: -24%;height: 153%;width: 82%;background: url("images/cloud_two.png");background-repeat: repeat;background-size: auto; background-size: contain;background-repeat: no-repeat;top: -50%;} .round_box4:after{content: "";position: absolute;right: -7%;bottom: -95%;background: url("images/device_five.png");background-size: auto;height: 95%; width: 77%;background-repeat: no-repeat;margin: 0 auto;background-size: contain;} .round_box4 .round-img:before{content: "";position: absolute;bottom:55%;left:35%;height: 80px;width: 80px;background: url("images/fly_org.svg");background-repeat: repeat; background-size: auto;background-repeat: repeat;background-size: auto;background-size: contain;background-repeat: no-repeat;animation: 3s ease 0s normal none infinite running swim-fish;} .round_box5:before{ content: "";position: absolute;left: -29%;height: 119%;width: 75%;background: url("images/cloud_two.png");background-repeat: repeat;background-size: auto; background-repeat: repeat;background-size: auto;background-size: contain;background-repeat: no-repeat;top: -33%;} .round_box5:after{content: "";position: absolute;left: -8%;bottom: 46%;background: url("images/device_six.png");background-repeat: repeat;background-size: auto; background-size: auto;height: 10%;width: 49%;background-repeat: no-repeat;margin: 0 auto;background-size: contain;} .round_box5 .round-img:before{content: "";position: absolute;height: 42%;width:24%;background: url("images/kite_bottom.svg");background-size: auto; right:45%;bottom: -20%;background-repeat: no-repeat;z-index: 1;background-size: contain;animation: 3s ease 0s normal none infinite running swim-fish;} .round_box5 .round-img:after {content: "";position: absolute;left:70%;bottom: 10px;height: 90px;width: 80px;background: url("images/yellow_fly.svg"); background-repeat: repeat;background-size: auto;background-size: contain;background-repeat: no-repeat;animation: 3s ease 0s normal none infinite running swim-fish;} .more-site-info .more-site-info-box{ width:calc(34% + -40px); float:left; margin-right:40px; position:relative;} .more-site-info .more-site-info-box:last-child{ margin-right:0;} .more-site-title-box {display: flex;align-items: center;border-radius: 50px;min-height:200px;border: 4px solid #fff;box-shadow: 9px 10px 0 #33333340;text-align:center;display: flex;position: relative; align-items: center; z-index:55;background: linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 42%);} .flex_center{ width:100%;} .more-site-title-box i{ font-size:72px; color:#36a9e0; margin-bottom:5px;min-height: 80px;} .more-site-title-box .more_title{color:#36a9e0; margin:0 0 0; padding:0;line-height:1.2;} .more-site-info-box-hover{border-radius: 50px;min-height: 300px;border: 4px solid #fff;box-shadow: 9px 10px 0 #33333340;background: linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 42%); text-align: center;padding: 200px 40px 40px 50px;margin-top: -150px;transition: 0.3s;margin-bottom: 20px; transform: scaley(0); display:none; transition: all 5000s ease;} .more-site-info-box-hover span{ display:block;color:#243473; margin-bottom:5px;} .more-site-info-box-hover span a{color:#243473;} .more-site-info-box-hover span a:hover{ color:#36a9e0;} .more-site-info-box-hover span i{ margin-right:5px;} .more-site-info-box-hover span a:hover i{ margin-right:10px;} .more-site-info{ margin-top:260px; margin-bottom:70px;} .more-site-title-box:hover i{ color:#fff;} .more-site-title-box:hover .more_title{ color:#fff;} .more-site-title-box:hover{background:linear-gradient(0deg, rgba(57,156,207,1) 0%, rgba(61,168,223,1) 42%); border-color:#3DA8DF;} .podcasts-list-shw .more-site-title-box i{ background:url("images/podcast-icon-hover.png") no-repeat 0 0; width:70px;background-size:100%;} .podcasts-list-shw .more-site-title-box i:before{ content:none;} .podcasts-list-shw .active-box{ transform:inherit; display:block;transition: all 5000s ease;} .podcasts-list-shw .active{background:linear-gradient(0deg, rgba(57,156,207,1) 0%, rgba(61,168,223,1) 42%); border-color:#3DA8DF;} .podcasts-list-shw .active i{ background:url("images/podcast-icon.png") no-repeat 0 0;background-size:100%;} .podcasts-list-shw .active .more_title{ color:#fff;} /*-------------- about us -------------*/ .site-content-contain{ padding-top:122px; background:#d5edf6;} .home .site-content-contain{ padding-top:0;} .site-content-contain main{margin:140px 0 60px; padding:0 100px;position: relative;z-index: 5;} .home .site-content-contain main{margin:0px; padding:0;} .page_main_heading{ font-size:95px; color:#243473; margin:40px 0 40px 0; padding:0;line-height: 1;font-family:'Mikado'; font-weight:bold; } .page_main_title{color:#243473; margin:0 0 40px 0; padding:0;} .page_small_title{font-size:21px; color:#243473; margin:0 0 40px 0; padding:0;line-height:1.3;font-family:'Mikado'; font-weight:500; } .blue-color{ color:#243473; font-size:16px;} .site-content{ position:relative;} .site-content-contain .content-area ul{ margin:0 0 40px 0; list-style:none;} .site-content-contain .content-area ul li{ margin-bottom:5px; padding:0 0 0 15px; background:url("images/li_listing.png") no-repeat left top 10px;} .site-content-contain .content-area ul li a{text-decoration:underline; text-decoration-color:#36467e; color:#36467e;} .site-content-contain .content-area ul li a:hover{text-decoration-color:#000; color:#000;} .page-id-61 .site-content-contain:before{content:"";position:absolute;left:-615px;height:567px;width:887px;background:url(images/about_cloud_one.png); background-size:auto;background-size:contain;background-repeat:no-repeat;top:220px; background-position:right;} .page-id-61 .site-content-contain:after{content: "";position: absolute;right:-690px;height:684px;width: 1070px;background: url(images/about_cloud_two.png); background-repeat: repeat;background-size: auto;background-size: contain;background-repeat: no-repeat;top:370px;} .page-id-61 .site-content:before{content:"";position:absolute;left: -1050px;height: 848px;width: 1361px;background:url(images/about_cloud_three.png); background-size:auto;background-size:contain;background-repeat:no-repeat;top:660px; background-position:right;} .page-id-61 .about_kite_two{ display:none;} .top_balun:before{content: "";position:absolute;height:11%;width:10%;background: url("images/buloons-one.svg");background-repeat: no-repeat; background-size:auto;right:5%;top:4%;background-size: contain;animation: bounce 3s infinite; z-index:1;} .fly_yelo_one:before{content: "";position: absolute;top:28%;left:10%;height: 80px;width: 80px;background: url("images/fly_org.svg");background-repeat: no-repeat; background-size: contain;animation: 3s ease 0s normal none infinite running swim-fish;} .fly_yelo_two:before{content: "";position: absolute;top:32%;right:10%;height: 80px;width: 80px;background: url("images/fly_org.svg");background-repeat: no-repeat; background-size: contain;animation: 3s ease 0s normal none infinite running swim-fish;} .about_kite_one:before{content: "";position: absolute;height:12%;width:20%;background: url("images/kits_left.svg");background-repeat: no-repeat; background-size: auto;left:-2%;top:47%;background-size: contain;animation: 3s ease 0s normal none infinite running swim-fish;} .about_kite_two:before{content: "";position: absolute;height:12%;width:20%;background: url("images/kits_left.svg");background-repeat: no-repeat; background-size: auto;right:-4%;top:45%;background-size: contain;animation: 3s ease 0s normal none infinite running swim-fish;} /*---------- Glossary --------------*/ .site-content-contain .glossary_list ul li{ margin-bottom:20px;} .page-id-70 .site-content-contain:before{content:"";position:absolute;left:-615px;height:567px;width:887px;background:url(images/about_cloud_one.png); background-size:auto;background-size:contain;background-repeat:no-repeat;top:220px; background-position:right;} .page-id-70 .site-content-contain:after{content: "";position: absolute;right:-690px;height:684px;width: 1070px;background: url(images/about_cloud_two.png); background-repeat: repeat;background-size: auto;background-size: contain;background-repeat: no-repeat;top:370px;} .page-id-70 .site-content:before{content:"";position:absolute;left: -1050px;height: 848px;width: 1361px;background:url(images/about_cloud_three.png); background-size:auto;background-size:contain;background-repeat:no-repeat;top:660px; background-position:right;} .page-id-70 .fly_yelo_one:before{top:10%;left:6%;} .page-id-70 .about_kite_one::before {height: 15%;width: 24%;left: -3%;top: 32%;} .page-id-70 .about_kite_two{ display:none;} /*------------ Research about -----------*/ .page-id-67 .site-content-contain:before{content:"";position:absolute;left:-615px;height:567px;width:887px;background:url(images/about_cloud_one.png); background-size:auto;background-size:contain;background-repeat:no-repeat;top:220px; background-position:right;} .page-id-67 .site-content-contain:after{content: "";position: absolute;right:-690px;height:684px;width: 1070px;background: url(images/about_cloud_two.png); background-repeat: repeat;background-size: auto;background-size: contain;background-repeat: no-repeat;top:370px;} .page-id-67 .site-content:before{content:"";position:absolute;left: -1050px;height: 848px;width: 1361px;background:url(images/about_cloud_three.png); background-size:auto;background-size:contain;background-repeat:no-repeat;top:660px; background-position:right;} .page-id-67 .about_kite_one::before{ top:44%;} .page-id-67 .about_kite_two::before{ top:52%;z-index:5;} .page-id-67 .fly_yelo_two::before{ top:29%;} .page-id-67 .fly_yelo_one::before{ top:15%;} /*------------ how to use this resource ----------*/ .page-id-113 .site-content-contain:before{content:"";position:absolute;left:-615px;height:567px;width:887px;background:url(images/about_cloud_one.png); background-size:auto;background-size:contain;background-repeat:no-repeat;top:220px; background-position:right;} .page-id-113 .site-content-contain:after{content: "";position: absolute;right:-690px;height:684px;width: 1070px;background: url(images/about_cloud_two.png); background-repeat: repeat;background-size: auto;background-size: contain;background-repeat: no-repeat;top:370px;} .page-id-113 .site-content:before{content:"";position:absolute;left: -1050px;height: 848px;width: 1361px;background:url(images/about_cloud_three.png); background-size:auto;background-size:contain;background-repeat:no-repeat;top:660px; background-position:right;} .use-res-download-section{ float:left; width:100%; margin-bottom:50px;margin-top:25px;} .use-res-download-box {display: flex;align-items: center;border-radius: 50px;min-height: 250px;border: 4px solid #fff;box-shadow: 9px 10px 0 #33333340; background: linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 42%);} .use-res-download-section .use-res-download-box:last-child{ margin-right:0;} .use-res-download-immer{ width:100%; padding:0 50px;} .use-res-download-immer h4{margin:0 0 15px; padding:0; color:#253473;} .use-res-download-immer p{ font-size:16px; font-weight:bold; color:#3da8df;text-transform:uppercase;} .use-res-download-immer p span{font-family: 'segmdl2'; margin-right:10px; font-size:23px; vertical-align:middle;} .use-res-download-box:hover p{color:#fff;} .use-res-download-box:hover{background:linear-gradient(0deg, rgba(57,156,207,1) 0%, rgba(61,168,223,1) 42%); color:#fff; border-color:#3DA8DF;} .use-res-download-box:hover h4{ color:#fff;} .use-res-video-section{float:left; width:100%;} .use-res-video-in .use-res-video-box{ border-radius:50px; position:relative; margin-bottom:50px;} .use-res-video-in .use-res-video-box img{ width:100%; display:block; border-radius: 50px;} .use-res-video-in .use-res-video-box .fancybox-inline {position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: center;} .use-res-video-in .use-res-video-box .fancybox-inline i {color: #ffffff;font-size: 120px;position: absolute;top: 40%;left: 0;right: 0; margin: 0 auto;opacity: 0.5;} .use-res-video-in .use-res-video-box .fancybox-inline:hover i{ opacity:1;} .page-id-113 .fly_yelo_one::before{top:2%;} .page-id-113 .about_kite_one::before{top:20%;} .page-id-113 .about_kite_two::before{top:49%;} .page-id-113 .balun-two::before{height:7%; width:10%;} .use-res-video-box iframe{ border-radius:50px; margin:0; display:block;} .use-res-download-boxarea{ float:left; width:100%;} .use-res-dwnld-lbl{width: calc(52% + -50px);margin-right: 50px; float:left;} .use-res-dwnld-lbl:last-child{margin-right: 0;} /*------------- literacy ------------*/ .clud-pos-same .breadcrumbs{ text-align:center;} .clud-pos-same.site-content-contain{ background:linear-gradient(180deg, rgba(209,236,245,1) 0%, rgba(158,223,245,1) 100%);} .clud-pos-same .show-above-footer{ background:#B2E4F5!important;} .clud-pos-same.site-content-contain:before{content:"";position:absolute;left:-9%;height:30%;width:45%;background:url(images/about_cloud_one.png); background-size:auto;background-size:contain;background-repeat:no-repeat;top:8%; background-position:right;} .clud-pos-same.site-content-contain:after{content: "";position: absolute;right: -27%;height:32%;width:68%;background: url(images/about_cloud_two.png); background-repeat: repeat;background-size: auto;background-size: contain;background-repeat: no-repeat;top:10%;} .clud-pos-same .site-content:before{content:"";position:absolute;left:-60%;height:42%;width:75%;background:url(images/about_cloud_three.png); background-size:auto;background-size:contain;background-repeat:no-repeat;top:29%; background-position:right; z-index:5;} .clud-pos-same.site-content-contain main{ padding:0;} .clud-pos-same .about_kite_one::before {height:15%;width:21%;left:6%;top:7%;} .clud-pos-same .top_balun::before{ top:25%;} .clud-pos-same .fly_yelo_two::before {top:11%;right:18%;z-index:1;} .clud-pos-same .fly_yelo_one::before {top:49%;left:2%;z-index:5;} .clud-pos-same .literacy-boxes-in .literacy-box{ float:none; display:inline-block; vertical-align:top;} .literacy-boxes-in{ text-align:center;} .literacy-title{position:relative; z-index:5;} .literacy-main-title{ text-align:center;} .literacy-main-title i{ font-size:72px;} .literacy-title .page_main_title{ width:66%; margin:0 auto 80px; text-align:center;} .literacy-boxes-in .literacy-box{ width:calc(34% + -30px); margin-right:29px; float:left; text-align:center; position:relative;} .literacy-boxes-in .literacy-box:nth-of-type(3n){ margin-right:0;} .iteracy_title_atra h4{ margin:0;color:#243473; width:100%; padding:0 20px; } .iteracy_title_atra {display: flex;align-items: center;border-radius: 50px;min-height:300px;border: 4px solid #fff;box-shadow: 9px 10px 0 #33333340; background: linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 42%);} .literacy-box-hover{position:absolute; top:0;min-height:300px; width:100%; color:#fff; padding:40px 30px; transition: 0.3s; display:none; background:linear-gradient(0deg, rgba(57,156,207,1) 0%, rgba(61,168,223,1) 42%);border: 4px solid #3DA8DF;box-shadow: 9px 10px 0 #33333340;border-radius: 50px;} .literacy-box-hover-in .iteracy_title{ padding:0; margin:0 0 10px;color:#fff;} .literacy-box-hover-in p{ font-size:16px;} .literacy-box:hover .literacy-box-hover{ display: flex;align-items: center;} .literacy-boxes-section{ padding-bottom:300px;position:relative; z-index:5;} .literacy-main-title img {width:70px;} /*------------ CSNSW Resources --------------*/ .resource-page-title-section{ text-align:center;} .resource-category ul{ list-style:none; text-align:center;} .site-content-contain .resource-category ul li{ padding:0 30px; margin:0; background:none; float:none; display:inline-block;} .site-content-contain .resource-category ul li span{font-family: 'segmdl2'; font-size:47px;vertical-align: middle; margin-right:10px;} .site-content-contain .resource-category ul li a{text-decoration:none; font-size:32px;font-family:'Mikado'; font-weight:500; } .site-content-contain .resource-category ul li a:hover{color:#3DA8DF;} .page-id-127 .site-content-contain main{ position:inherit; padding:0;} .page-id-127 .site-content-contain main .wrap{ position:relative; z-index:5;} .resource_top_title{ margin-bottom:30px;} .resource_top_title h2{color:#243473;display:inline-block; line-height:1; margin-right:20px; vertical-align: middle;margin-bottom:0;} .resource_top_title h2 span{font-family: 'segmdl2'; font-size:70px;vertical-align: middle; margin-right:10px;} .resource_top_title .view_link{ font-size:16px; color:#243473;} .resource_top_title .view_link:hover{ color:#3DA8DF;} .resource_top_title .view_link span{font-family: 'segmdl2'; margin-left:5px; font-size:23px;} .resource-pdf-box-row {float: left;width: 100%;margin-bottom: 0px;} .site-content-contain .resource-pdf-box-row ul{ margin:0 0 30px; padding:0; list-style:none; float:left; width:100%;display:flex;flex-wrap: wrap;} .site-content-contain .resource-pdf-box-row ul li{width:calc(34% + -30px);margin-right:30px;float: left; padding:0; background:none; margin-bottom:30px;} .site-content-contain .resource-pdf-box-row ul li:nth-of-type(3n){ margin-right:0;} .site-content-contain .resource-pdf-box-row ul li .resource-pdf-box-column-in p{ text-decoration:none;font-size: 16px;font-weight: bold;color: #3da8df;text-transform: uppercase;} .site-content-contain ul li .resource-pdf-box-column:hover a{ color:#253473;} .resource-pdf-box-row .resource-pdf-box-column {display:flex;align-items: center;border-radius: 50px;min-height:245px;border: 4px solid #fff;box-shadow: 9px 10px 0 #33333340; background: linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 42%); text-decoration:none!important;} .resource-pdf-box-column-in{ width:100%; padding:0 40px;} .resource-pdf-box-column h3{margin: 0 0 15px;padding: 0;color: #253473;} .resource-pdf-box-column p {font-size: 16px;font-weight: bold;color: #3da8df;text-transform: uppercase;} .resource-pdf-box-column p span{font-family: 'segmdl2'; margin-right:10px; font-size:23px;vertical-align:middle;} .resource-pdf-box-column:hover{background:linear-gradient(0deg, rgba(57,156,207,1) 0%, rgba(61,168,223,1) 42%); color:#fff; border-color:#3DA8DF;} .resource-pdf-box-column:hover h3{ color:#fff;} .resource-pdf-box-column:hover p{ color:#fff!important;} .site-content-contain .resource-video-box-row ul{ margin:0 0 30px; padding:0; list-style:none; float:left; width:100%;display:flex;flex-wrap: wrap;} .site-content-contain .resource-video-box-row ul li{width:calc(34% + -30px);margin-right:30px;float: left; padding:0;box-shadow: 9px 10px 0 #33333340; background:#fff;border-radius: 50px;margin-bottom:30px;} .site-content-contain .resource-video-box-row ul li:nth-of-type(3n){ margin-right:0;} .resource-video-box-column{ position:relative;} .resource-video-img{position:relative;} .resource-video-img iframe{ margin:0; display:block;border-radius: 50px 50px 0 0; width:370px; height:215px;} .resource-video-img img{ display: block;border-radius: 50px 50px 0 0;} .resource-video-img a{ position:absolute; width:100%; height:100%; top:0; left:0; text-align:center;} .resource-video-img a i {color: #ffffff;font-size: 82px;position: absolute;top: 40%;left: 0;right: 0;margin: 0 auto; opacity:0.5;} .resource-video-img a:hover i{ opacity:1;} .resource-video-box-text{min-height:390px;border: 4px solid #fff;background: linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 42%); padding:35px; border-radius:0 0 50px 50px; position:relative;} .resource-video-box-text h3{ margin:0 0 20px; padding:0;color:#253473;width: 65%; float:left;} .resource-video-box-text .video-box-content{ font-size:16px; margin-bottom:20px;} .resource-video-box-text .fancybox-youtube span{ font-size:21px;font-family: 'segmdl2'; vertical-align:middle; margin-right:10px;} .resource-video-box-text .fancybox-youtube{font-weight:bold; color:#3da8df!important; text-transform:uppercase; text-decoration:none!important; font-size:16px; position: absolute;bottom: 30px;} .resource-video-box-text .fancybox-youtube:hover{ color:#253473!important;} .video-box-title-upper{ float:left; width:100%;color:#888584; font-size:16px; margin-bottom:10px;} .video-box-title-upper span{ font-size:24px; color:#888584;font-family: 'segmdl2';vertical-align:middle;} .box-for{ display:inline-block;} .box-for span{ margin-right:7px;} .box-duration{ display:inline-block; float:right;} .box-duration span{ margin-left:10px;} .resource-video-box-row{ margin-bottom:0px; float:left;} .site-content-contain .resource-podcst-box-row ul{ margin:0 0 30px; padding:0; list-style:none; float:left; width:100%;display:flex;flex-wrap: wrap;} .site-content-contain .resource-podcst-box-row ul li{width:calc(34% + -30px);margin-right:30px;float: left; padding:0; box-shadow: 9px 10px 0 #33333340; position:relative; background:#23326e url("images/podcast-img.png") no-repeat right bottom; border-radius: 50px; margin-bottom:30px;border: 3px solid #23326e; color:#fff;} .site-content-contain .resource-podcst-box-row ul li:before{ background:#23326e91; position:absolute; top:0; left:0; content:""; width:100%; height:100%; border-radius:50px;} .site-content-contain .resource-podcst-box-row ul li:hover:before{ background:#399bce8c;} .site-content-contain .resource-podcst-box-row ul li:hover{ border-color:#3da8df;} .site-content-contain .resource-podcst-box-row ul li:nth-of-type(3n){ margin-right:0;} .resource-podcast-box-column{ padding:40px; position:relative;} .podcasts-box-title-upper{ margin-bottom:10px;} .resource-podcast-box-column h3{ margin:0 0 20px; padding:0;color:#fff;} .podcasts-box-title-upper span{ font-size:24px; color:#fff;font-family: 'segmdl2';vertical-align:middle;} .resource-podcast-box-column a{text-decoration: none!important;font-size: 16px;font-weight: bold;color: #fff!important;text-transform: uppercase;} .resource-podcast-box-column a span {font-family: 'segmdl2';margin-right: 10px;font-size: 23px;vertical-align: middle;} .podcast-box-content{ font-size:16px; margin-bottom:20px;} .resource-page-title-section:before{content: "";position: absolute;left: -26%;height: 18%;width: 60%;background: url(images/about_cloud_one.png); background-size: contain;background-repeat: no-repeat;top: 7%;background-position: right;} .resource-page-title-section:after {content: "";position: absolute;right: -30%;height: 15%;width: 62%;background: url(images/about_cloud_two.png); background-size: contain;background-repeat: no-repeat;top: 10%;} .resource-pdf-section:before{content: "";position: absolute;left: -26%;height: 18%;width: 50%;background: url(images/about_cloud_one.png);background-size: contain; background-repeat: no-repeat;top: 50%;background-position: right;} .resource-pdf-section:after {content: "";position: absolute;right: -43%;height: 15%;width: 60%;background: url(images/about_cloud_two.png); background-size: contain;background-repeat: no-repeat;top:40%;} .page-id-127 .above-footer-sec:before{content: "";position: absolute;left: -55%;height: 100%;width: 65%;background: url(images/about_cloud_one.png); background-size: contain;background-repeat: no-repeat;top: -33%;background-position: right;} .page-id-127 .above-footer-sec:after{content: "";position: absolute;right: -10%;height: 100%;width: 65%;background: url(images/about_cloud_one.png); background-size: contain;background-repeat: no-repeat;bottom: 120%;background-position: right;transform: rotate(16deg);} .page-id-127 .site-content-contain{background: linear-gradient(0deg, rgba(160,224,245,1) 0%, rgba(211,236,245,1) 100%);} .page-id-127 .show-above-footer{ background:#ACE3F5!important;} .page-id-127 .top_balun::before{right:5%;top:38%;height:7%;width:8%;} .page-id-127 .fly_yelo_one::before {top:30%;right:17%;left:inherit;} .page-id-127 .about_kite_one::before {left:-5%;top:26%;} .page-id-127 .about_kite_two:before {background: url("images/kite-vector.svg");background-repeat: no-repeat;background-size: contain; background-repeat: no-repeat;content: "";position: absolute;height: 12%;width: 20%;right: 3%;top: 61%; z-index:1;} .balun-two::before {content: "";position: absolute;height:6%;width:6%;background: url("images/buloons-one.svg");background-repeat: no-repeat; background-size: auto;left:6%;bottom:34%;background-size: contain;animation: bounce 3s infinite;z-index: 1;} .view_link{clear: both;text-align: center;background: #243473;display: block;border-radius: 50px;padding: 12px 50px;color: #fff;margin: 0 auto 30px; width: 200px;font-weight: bold;text-transform: uppercase; cursor:pointer;} .view_link:hover{ background:#3da8df;} .page-id-127 .breadcrumbs{ text-align:center;} /*------------- categoty pages ------------*/ .page-template-resources-sub-categories .site-main .wrap{z-index:55;} .page-template-resources-sub-categories .site-content-contain {background: linear-gradient(0deg, rgba(160,224,245,1) 0%, rgba(211,236,245,1) 100%);} .page-template-resources-sub-categories .show-above-footer {background:#A8E1F5!important;} .page-template-resources-sub-categories .site-content-contain main{ padding:0;} .speaking-title-section{ text-align:center;} .speaking-title-section .page_main_title{ width:80%; margin:0 auto 40px;} .download_categoty a{ font-size:24px; border:3px solid #fff; padding:22px 40px; border-radius:20px; color:#36a9e0;box-shadow:5px 6px 0 #3333332e;font-family:'Mikado'; font-weight:500;background: linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 42%);display: inline-block;} .download_categoty a:hover{ background:linear-gradient(0deg, rgba(57,156,207,1) 0%, rgba(61,168,223,1) 42%); color:#fff; border-color:#3DA8DF;} .watch-title-section .small-box-1 h4{color:#243473;display: inline-block;vertical-align: middle;margin-bottom: 0;} .watch-title-section .small-box-1 h4 span {font-family: 'segmdl2';font-size: 70px;vertical-align: middle;margin-right: 10px;} .watch-title-section .small-box-1{ display:inline-block; margin-right:50px;} .watch-title-section .small-box-2{ display:inline-block;} .watch-title-section .small-box-2 h4{ font-size:16px; font-weight:normal; color:#243473;display: inline-block;line-height: 1;vertical-align: middle;margin-bottom: 0;} .watch-title-section .small-box-2 h4 span{font-family: 'segmdl2';font-size:36px;vertical-align: middle;margin-right:10px;} .watch-title-section{ margin:40px 0;} .speaking-video-section{ margin-bottom:100px;} .speking-vdo-in{position: relative;} .speking-vdo-in iframe{border-radius:50px;} .speking-vdo-in img {display: block;border-radius:50px;} .speking-vdo-in a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;text-align: center;} .speking-vdo-in a i {color: #ffffff;font-size:135px;position: absolute;top: 40%;left: 0;right: 0;margin: 0 auto; opacity:0.5;} .speking-vdo-in a:hover i{ opacity:1;} .curriculum-section-inner{background: linear-gradient(0deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 42%); border:4px solid #243473;box-shadow: 9px 10px 0 #33333340; float:left; width:100%; border-radius:50px;} .curriculum-data-box{ padding:40px; float:left; width:100%;} .col-6{ width:50%; float:left;} .pdr20{ padding-right:40px;} .pdl20{ padding-left:40px;} .curriculum-title h2{ background:#243473;text-align:center; padding:10px 0;width:60%;box-shadow: 9px 10px 0 #33333340; border-radius:100px; margin:0 auto; color:#fff; margin-top:-50px; text-transform:uppercase; min-height: 80px;} .curriculum-title h2 i{ font-family: 'FontAwesome'; margin-right:15px;font-size:45px;vertical-align: middle;} .curriculum-title h2 span{ font-family: 'segmdl2'; margin-right:15px; font-size:45px;vertical-align: middle;} .curriculum-title h2 b{ font-weight:500; vertical-align:middle;} .curriculum-section{ margin-bottom:100px;} .categories_title{ color:#243473; padding:0; margin:0 0 30px;} .categories_title a{ color:#3DA8DF; text-decoration:underline;} .families-section{ margin-bottom:100px;} .families-section .curriculum-title h2{ background:#f9ae12;} .families-section .curriculum-section-inner{ border-color:#f9ae12;} .family-box-padding .col-6:nth-of-type(2n +1){ padding-right:40px;} .family-box-padding .col-6:nth-of-type(2n + 2){ padding-left:40px;} .family-cnt-title{ float:left; width:100%; margin-bottom:20px;} .family-cnt-left{ display:inline-block;} .family-cnt-left h2{ color:#f9ae12; margin:0; padding:0; display: inline-block;vertical-align:middle;} .family-cnt-left i{margin-right:15px; font-size:60px; color:#f9ae12; display:inline-block;vertical-align:middle;} .family-cnt-left img{margin-right:15px;display:inline-block; vertical-align:middle;} .small-box-data {float:right; color:#888584; text-align:center; } .small-box-data span{ font-family: 'segmdl2'; font-size:36px; line-height:1;} .site-content-contain .families-section .family_list li{background: url("images/list_li_icon.png") no-repeat left top 5px;padding-left:46px;background-size:28px;} .teachers-section{ margin-bottom:50px;} .teachers-section .curriculum-section-inner{ border-color:#3da8df;} .teachers-section .curriculum-title h2{ background:#3da8df;} .teachers-section .family-cnt-left h2{ color:#3da8df;} .family-box-padding .col-6:nth-of-type(2n +1){ padding-right:40px;} .family-box-padding .col-6:nth-of-type(2n + 2){ padding-left:40px;} .know-more-title h2{padding:0; font-weight:bold; text-align:center; margin:0 0 30px; color:#253473;} .know-more-content{width:70%;margin:0 auto;} .know-more-content a i{font-family: 'FontAwesome'; margin-right:5px;} .know-more-content a{ color:#253473;} .know-more-content a:hover i{ margin-right:10px;} .know-more-content a:hover{ color:#3da8df;} .curriculum-data-box a{ margin-bottom:10px; display:block;} .site-content-contain .curriculum-data-box ul{ margin-bottom:10px;} .curriculum-data-box .page_small_title{ margin-bottom:10px;} .curriculum-data-box p{ margin-bottom:10px;} .speaking-title-section::before {content: "";position: absolute;left:-265px;height:567px;width:887px;background: url(images/about_cloud_one.png);background-position-x: 0%;background-position-y: 0%; background-repeat: repeat;background-size: auto;background-size: contain;background-repeat: no-repeat;top:60px;background-position: right;} .speaking-title-section::after {content: "";position: absolute;right: -270px;height: 684px;width: 1070px;background: url(images/about_cloud_two.png);background-repeat: repeat; background-size: auto;background-size: contain;background-repeat: no-repeat;top:40px;} .curriculum-section::before {content: "";position: absolute;left: -350px;height: 567px;width: 887px;background: url(images/about_cloud_one.png);background-position-x: 0%;background-position-y: 0%; background-repeat: repeat;background-size: auto;background-size: contain;background-repeat: no-repeat;top:1400px;background-position: right;} .curriculum-section::after {content: "";position: absolute;right: -650px;height: 684px;width: 1070px;background: url(images/about_cloud_two.png);background-repeat: repeat; background-size: auto;background-size: contain;background-repeat: no-repeat;top:1050px;} .teachers-section::before {content: "";position: absolute;left: -700px;height: 567px;width: 887px; background: url(images/about_cloud_one.png);background-position-x: 0%;background-position-y: 0%; background-repeat: repeat;background-size: auto;background-size: contain;background-repeat: no-repeat;top:2600px;background-position: right;} .teachers-section::after {content: "";position: absolute;right: -500px;height: 684px;width: 1070px;background: url(images/about_cloud_two.png);background-repeat: repeat; background-size: auto;background-size: contain;background-repeat: no-repeat;top:2000px;} .page-template-resources-sub-categories .about_kite_one::before {height:8%;width:20%;left:-4%;top:21%;} .page-template-resources-sub-categories .balun-two::before {height:6%;width:6%;left:6%;top:38%;z-index:5;} .page-template-resources-sub-categories .fly_yelo_one::before {top:22%;right:17%; left:inherit;} .page-template-resources-sub-categories .top_balun::before{ top:35%; height:6%; z-index:5;} .page-template-resources-sub-categories .about_kite_two::before{left:2%;top:55%;height:8%;width:20%;} .page-template-resources-sub-categories .fly_yelo_two::before{top:67%; right:6%;} .page-template-resources-sub-categories .about_kite_three::before {background:url("images/kite-vector.svg");background-repeat: no-repeat;background-size: contain; background-repeat: no-repeat;content: "";position: absolute;height: 12%;width: 20%;right: 3%;top:46%;z-index: 1;} .page-template-resources-sub-categories .bottom_balun{content: "";position: absolute;height:6%;width: 10%;background: url("images/buloons-one.svg"); background-repeat: no-repeat;background-size: auto;left: 5%;bottom:22%;background-size: contain;animation: bounce 3s infinite;z-index: 1;} /*------------- single blog ------------*/ .single-post .site-content-contain main{ padding:0; margin-top:0;} .single-post .show-above-footer{ background:#D5EDF6;} .blg-img{width:90%;margin:0 auto 0px;border-radius: 0 0 50px 50px;border: 4px solid #fff;box-shadow: 9px 10px 0 #33333340;margin-bottom: 50px; height: 80vh;display: flex;align-items: center;background-size: cover;margin-top:-8px; } .blg-ttl {width: 50%;margin: 0;padding-left: 150px;} .blog_main_title{ color:#243473; padding:0; } .blog-cnt-show a{ color:#243473; text-decoration:underline;} .blg-date{ margin-bottom:10px;} .blg-date .blg-bold{color:#243473; font-weight:bold; font-size:14px; text-transform:uppercase;} .blog_wrap_content{ padding:0 100px;} .blg-img:before{content: "";position: absolute;left: -41%;height: 25%;width: 58%;background: url(images/about_cloud_one.png);background-size: contain; background-repeat: no-repeat;top:30%;background-position: right; z-index:-1;} .blog-cnt-show:before{content: "";position: absolute;left: -43%;height: 25%;width: 54%;background: url(images/about_cloud_one.png);background-size: contain; background-repeat: no-repeat;top:60%;background-position: right;} .blog-cnt-show:after {content: "";position: absolute;right: -38%;height: 26%;width: 55%;background: url(images/about_cloud_two.png);background-size: contain; background-repeat: no-repeat;top: 65%;} .single-post .top_balun::before{top:42%; height:9%; width:8%;z-index: 5;} .single-post .fly_yelo_one::before{top:40%; left:8%;} .single-post .about_kite_one::before{height:10%; width:16%; left:-2%; top:53%;z-index: 5;} .single-post .fly_yelo_two::before{top:62%; right:7%;} /*---------- breadcrumbs --------*/ .breadcrumbs{ position:relative; z-index:55; margin-bottom:5px; font-size:16px;} .breadcrumbs span{ margin:0 5px;} .breadcrumbs span:first-child{ margin-left:0;} .breadcrumbs span span{ margin:0;} .breadcrumbs .current-item{ color:#253473; font-weight:bold;} .all-sub-cat-headding .page_main_title{ font-size:22px; line-height:1.35;} .page-template-resources-sub-categories .breadcrumbs{ text-align:center;} /*------- video popup -------*/ #fancybox-content{ border:none!important;} #fancybox-outer { border:none!important; background:none!important; box-shadow:0px 0px 0px!important;} #fancybox-content iframe{ margin:0!important; display:block!important;} #fancybox-close{ right:5px!important;}