/* Theme Name: Twenty Fourteen Theme URI: https://wordpress.org/themes/twentyfourteen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier. Version: 1.6 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: twentyfourteen 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. */ /*====Fonts====*/ /*-- Fonts --*/ @font-face { font-family: 'Open Sans Regular'; src: url('fonts/open-sans-regular.eot'); src: url('fonts/open-sans-regular.eot') format('embedded-opentype'), url('fonts/open-sans-regular.woff2') format('woff2'), url('fonts/open-sans-regular.woff') format('woff'), url('fonts/open-sans-regular.ttf') format('truetype'), url('fonts/open-sans-regular.svg#Open Sans Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Open Sans Semibold'; src: url('fonts/open-sans-semibold.eot'); src: url('fonts/open-sans-semibold.eot') format('embedded-opentype'), url('fonts/open-sans-semibold.woff2') format('woff2'), url('fonts/open-sans-semibold.woff') format('woff'), url('fonts/open-sans-semibold.ttf') format('truetype'), url('fonts/open-sans-semibold.svg#Open Sans Semibold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Calibri'; src: url('fonts/calibri.eot'); src: url('fonts/calibri.eot') format('embedded-opentype'), url('fonts/calibri.woff2') format('woff2'), url('fonts/calibri.woff') format('woff'), url('fonts/calibri.ttf') format('truetype'), url('fonts/calibri.svg#Calibri') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Calibri Bold'; src: url('fonts/calibri-bold.eot'); src: url('fonts/calibri-bold.eot') format('embedded-opentype'), url('fonts/calibri-bold.woff2') format('woff2'), url('fonts/calibri-bold.woff') format('woff'), url('fonts/calibri-bold.ttf') format('truetype'), url('fonts/calibri-bold.svg#Calibri Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Calibri Italic'; src: url('fonts/calibri-italic.eot'); src: url('fonts/calibri-italic.eot') format('embedded-opentype'), url('fonts/calibri-italic.woff2') format('woff2'), url('fonts/calibri-italic.woff') format('woff'), url('fonts/calibri-italic.ttf') format('truetype'), url('fonts/calibri-italic.svg#Calibri Italic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'action-manregular'; src: url('fonts/action-man-webfont.eot'); src: url('fonts/action-man-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/action-man-webfont.woff2') format('woff2'), url('fonts/action-man-webfont.woff') format('woff'), url('fonts/action-man-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } /*======================*/ *{margin:0;padding:0;border:none} abbr,acronym,dfn{cursor:help;border-bottom:1px #000 dotted} dfn{font-style:normal} .floatleft{float:left !important}.floatright{float:right !important} .clear{clear:both} .aligncenter{text-align:center}.alignright{text-align:right} a{color:#252525;outline:none;border:none;text-decoration:none} a:visited{color:#252525} a:hover{text-decoration:none;color:#0198d1} a:active{color:#000} address{margin:0.2em 0;padding:.5em 0 1em;line-height:140%;font-style:normal} :focus{outline:0} ul,ol{list-style:none} p{font-size:14px;padding:8px 0;line-height:24px;font-family:Arial, Helvetica, sans-serif} /*======================*/ html{background:#fff;color:#202020;height:100%;font-family:Arial, Helvetica, sans-serif} body{background:#ffce1a;font:100% Arial, Helvetica, sans-serif;color:#252525;min-height:100%;font-size:14px;}/*----- Body -----*/ #wrapper{position:relative}/*----- Wrapper -----*/ /*#inner-warpper{background:url(images/box-shadow.png) no-repeat center bottom;min-height:809px;border:2px solid #0f0;}*//*----- Wrapper -----*/ .container{max-width:1000px;margin:0 auto;padding:0 15px;position:relative} #header{height:120px;border-bottom:1px solid #f1a356;background:url(images/hbg.jpg) no-repeat center 0;background-size:cover; position:relative}/*----- Header -----*/ /*.header-container{margin:0 auto;max-width:1030px;position:relative;height:auto;}*/ #logo{position:absolute;top:9px;left:15px}#logo img{cursor:pointer}/*----- Logo -----*/ #header .right{float:right;margin-top:16px;width:69%;} .headline{/*float:right;*/display:inline-block;color:#fff;font-size:30px;font-style:italic;vertical-align:top;margin-right:20px} .headline span{color:#ffe220} .right .admision-open{float:right} /*----- Fetch Fonts-----*/ #container h1,#container h2,#container h3, #container h4, #container h5,footer h2,.search #main h2{font-family:'Calibri',Arial, Helvetica;clear:both;font-weight:400} .slide-title,.page #main h1 span{font-family:"Calibri", Arial, Helvetica} #main h1 span,#container #notice h2,.page #main h1 em,#main .cbox h2,#main h3/*,.search #container h1*/{font-family:"Calibri Bold", Arial, Helvetica} .headline{font-family:"Calibri Italic", Arial, Helvetica} #nav li,#main ul li,#contact{font-family:"Open Sans Regular", Arial, Helvetica} #sidebar li,#footer p{font-family:"Open Sans Semibold", Arial, Helvetica} /*----- NAVIGATION MENUS-----*/ /*#nav-container{background:#e93532 url(images/nav-bullet.png) no-repeat 2% center;max-width:92.4%;border-radius:4px;margin:0 auto;line-height:26px;clear:both;z-index:100;position:relative}*/ #nav-container{clear:both;position:absolute;top:71px;left:0;width:100%;background:url(images/nav-bg.gif) repeat-y 100% 0} #nav{float:right;min-height:49px;background:#c82222} #nav li{float:left;font-size:16px;position:relative;color:#fff;margin-right:1px;text-transform:capitalize} #nav li a,#nav li.current-menu-item span{color:#fff;display:block;padding:16px 10px 15px 11px} #nav > ul > li:first-child > a,#nav > ul > li:first-child > span{padding:16px 12px 15px} #nav > ul > li > a:hover,#nav > ul > li.current-menu-item > span,#nav > ul > li:hover > a{background:#ffce1a;color:#353535} /*#nav li span{display:inline-block;} #nav li > span,#nav li.current-menu-item{padding-left:15px} #nav li > span a,#nav li.current-menu-item > span{padding:13px 15px 14px 15px;display:block;text-decoration:none;color:#fff} #nav li > span:hover,#nav li.current-menu-item,#nav li:hover > span{color:#fff;display:block} #nav li > span:hover a,#nav li.current-menu-item > span,#nav li:hover > span a{}*/ /*----- Submenu -----*/ #nav ul ul,#nav ul ul ul{display:none;position:absolute;left:0;top:49px;background:#fff;width:320px;z-index:999;padding:0;margin:0/*;box-shadow:0 3px 6px #b2b2b2*/} #nav ul li:hover > ul,#nav ul ul li:hover ul{display:block} #nav ul ul ul{left:160px;top:0;border-left:1px solid #ffdd5f} #nav ul ul li{float:none;font-size:16px;color:#535353;background:url(images/nav-sep.gif) repeat-x 0 100%;margin-right:0/*border-bottom:1px solid #d9d9d9;padding-bottom:1px*/} #nav ul ul li a,#nav ul ul li.current-menu-item span{color:#535353;padding:15px 10px 16px 65px} #nav ul ul li a,#nav ul ul li span{background:url(images/at-icon.png) no-repeat 0 0}/*--Temporary style have to remove after setting all menu images--*/ #nav ul ul li a:hover,#nav ul ul li.current-menu-item span,#nav ul ul > li:hover > a{background-color:#ffce1a} #nav ul li.facilities-menu ul{width:288px} /*-- Submenu 1st level --*/ #nav .e-learning a,#nav .e-learning span{background:url(images/at-icon.png) no-repeat 0 0} #nav .permises a,#nav .permises span{background:url(images/home-icon.png) no-repeat 0 0} #nav .laboratories a,#nav .laboratories span{background:url(images/measure-icon.png) no-repeat 0 0} #nav .research-center a,#nav .research-center span{background:url(images/book-icon.png) no-repeat 0 0} #nav .transport a,#nav .transport span{background:url(images/car-icon.png) no-repeat 0 0} #nav .introduction a,#nav .introduction span{background:url(images/introduction-icon.png) no-repeat 0 0} #nav .aim-and-goal a,#nav .aim-and-goal span{background:url(images/aim-and-goal-icon.png) no-repeat 0 0} #nav .philosophy a,#nav .philosophy span{background:url(images/philosophy-icon.png) no-repeat 0 0} #nav .pre-primary a,#nav .pre-primary span{background:url(images/primary-icon.png) no-repeat 0 0} #nav .highschool a,#nav .highschool span{background:url(images/highschool-icon.png) no-repeat 0 0} #nav .clubs a,#nav .clubs span{background:url(images/clubs-icon.png) no-repeat 0 0} #nav .swachh-bharat a,#nav .swachh-bharat span{background:url(images/broom-icon.png) no-repeat 0 0} #nav .sunshine-day a,#nav .sunshine-day span{background:url(images/sun-icon.png) no-repeat 0 0} #nav .special-assemblies a,#nav .special-assemblies span{background:url(images/assemblies-icon.png) no-repeat 0 0} #nav .school-cabinet a,#nav .school-cabinet span{background:url(images/cabinet-icon.png) no-repeat 0 0} #nav .houses a,#nav .houses span{background:url(images/house-icon.png) no-repeat 0 0} #nav .sports-yoga a,#nav .sports-yoga span{background:url(images/yoga-icon.png) no-repeat 0 0} #nav .performing-arts a,#nav .performing-arts span{background:url(images/arts-icon.png) no-repeat 0 0} #nav .visual-arts a,#nav .visual-arts span{background:url(images/visual-arts-icon.png) no-repeat 0 0} #nav .educational-tour a,#nav .educational-tour span{background:url(images/educational-tour-icon.png) no-repeat 0 0} /*-- Submenu 2nd level --*/ #nav .curriculum a,#nav .curriculum span{background:url(images/curriculum-icon.png) no-repeat 0 0} #nav .teaching-methodology a,#nav .teaching-methodology span{background:url(images/teaching-methodology-icon.png) no-repeat 0 0} #nav .facilities a,#nav .facilities span{background:url(images/facilities-icon.png) no-repeat 0 0} #nav .interact-club a,#nav .interact-club span{background:url(images/interact-club-icon.png) no-repeat 0 0} #nav .literary-club a,#nav .literary-club span{background:url(images/literary-club-icon.png) no-repeat 0 0} #nav .heritage-club a,#nav .heritage-club span{background:url(images/heritage-club-icon.png) no-repeat 0 0} #nav .science-club a,#nav .science-club span{background:url(images/science-club-icon.png) no-repeat 0 0} #nav .wellness-club a,#nav .wellness-club span{background:url(images/wellness-club-icon.png) no-repeat 0 0} #nav .cmca-club a,#nav .cmca-club span{background:url(images/cmca-club-icon.png) no-repeat 0 0} /*#nav ul ul li:hover,#nav ul ul li.current-menu-item{background:url(images/nav-hvr.gif) no-repeat 0 0} #nav ul ul > li span{padding:0} #nav ul ul li span a{color:#4f4f4f;background:url(images/nav-arrow-gray.png) no-repeat 13px 15px;padding:10px 10px 10px 30px} #nav ul ul li span:hover,#nav ul ul li:hover > span,#nav ul ul li:hover > span a{background:none} #nav ul ul li span a:hover,#nav ul ul li.current-menu-item{background:url(images/nav-arrow-blue.png) no-repeat 13px 15px;color:#423ca1} #nav ul ul{border-left:1px solid #edebeb\9;border-right:1px solid #edebeb\9} #nav ul ul li.current-menu-item span{background:none;color:#423ca1;padding:10px 10px 10px 10px}*/ @media screen and (min-width: 1024px) { /*#nav ul ul{box-shadow:0 3px 6px #b2b2b2}*/ /*#nav ul ul li,#nav ul ul li span a#nav ul ul li,#nav ul ul li.current-menu-item{-webkit-transition:background .4s 0.1s ease-in;-moz-transition: background .4s 0.1s ease-in;-o-transition: background .4s 0.1s ease-in;-ms-transition: background .4s 0.1s ease-in;transition: all .4s 0.1s ease-in}*/ } .menu{display:none;max-width:100%;height:46px;text-align:center;background:#c82222/*;border-radius:4px*/} .menu .toggle-link{display:block} .menu .toggle-link span{display:block;width:43px;float:right;background:#fff url(images/toggle-icon.png) no-repeat 90% center;cursor:pointer;padding:4px 51px 4px 10px;margin-top:8px;font-size:18px;color:#000;position:relative;border-radius:4px;margin-right:10px} /*----- END OF NAVIGATION-----*/ /*-----Container-----*/ #container{background:#ed8926;clear:both;display:inline-block;width:100%} .cwrapper{max-width:1416px;margin:0 auto;background:url(images/cbg.jpg) no-repeat center 100%;/*padding:22px 0 16px;*/min-height:312px;overflow:hidden} .cwrapper .container{padding:22px 15px 16px;overflow:hidden} /*----- Content-----*/ /*#content{padding:15px 15px 0 15px;margin:15px auto 0;max-width:90.4%;;overflow:hiddenmin-height:400px}*/ /*----- Main-----*/ #main{float:right;width:72.1%/*height:357px;*/} /*#main{float:right;width:68.1%;background:#fff;padding:15px 2%;margin-bottom:25px} .home #main{background:none;padding:0;width:72.1%;margin-bottom:0}*/ #main .banner ul{margin-top:0} .banner{margin-bottom:12px;position:relative} .slide-title{position:absolute;bottom:0;left:0;/*background:url(images/title-bg.png) repeat 0 0;border-top:1px solid #512f0d;*/z-index:10;min-height:76px;width:100%; font-size:42px;color:#fff} .slide-title span{display:block;margin:6px 0 0 278px;line-height:34px} .slide-title em{display:block;font-size:20px;font-style:normal;margin-left:5px} #main h1{color:#fff;font-size:35px} /*#main h1{font-size:35px;margin-bottom:13px} .home #main h1{color:#fff;margin-bottom:0}*/ #main h2{font-size:26px;margin-top:5px;color:#c82222} #main h3{font-size:24px;/*margin-bottom:5px;*/color:#423c99} #main h4{font-size:18px;margin-bottom:5px;} .red-text{color:#e93532;font-weight:600} .blue-text{color:#423ca1;font-weight:600} .home #main p{color:#fff} #main ul{margin:3px 0 10px} #main ul li{background:url(images/arrow.png) no-repeat 3px 9px;padding:5px 0 5px 30px;line-height:25px;font-size:16px} #main ul ul{margin-bottom:0} #main ul li ul li{background:url(images/bullet-green.png) no-repeat 4px 12px;padding:5px 0 5px 22px} #main ol{margin:3px 0 3px 26px} #main ol li{padding:5px 0 5px 8px;line-height:25px;list-style:decimal outside;} #main ol li ol li{padding:5px 0 5px 8px;line-height:25px;list-style:lower-alpha outside;} /*-- Form Elements --*/ .form p{clear:both;padding:10px 0} label{font-size:15px;color:#282828;display:block;margin-bottom:8px} /*label.light { font-weight: 300; display: inline; }*/ input[type="text"],input[type="email"],input[type="tel"],input[type="date"],input[type="number"],textarea,select,input[type="search"]{width:100%;display:block;border:1px solid #e2e2e2;background:#f8f8f8;font-size:14px;color:#4e4c4c;font-family: Arial, Helvetica;padding:12px 10px;box-sizing:border-box;border-radius:5px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } textarea{height:90px} input[type="radio"], input[type="checkbox"] { margin:8px 4px 8px 0; } table input[type="number"],table input[type="text"]{padding:6px 10px;background:#fff} .ssc-percents,.hssc-percents,.gradu-percents,.pg-percents,.oq-percents{float:left;width:82%;padding-right:5px;box-sizing:border-box} input[type="submit"] { background:#c82222;color:#fff;border:0;outline:0;font-size:20px;padding:9px 28px;cursor:pointer;text-transform:uppercase;outline:0; transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in } /*input[type="submit"]{transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -ms-transition:all 0.2s ease-in}*/ input[type="submit"]:hover{background:#ed8926} input[type="text"]:focus,input[type="email"]:focus,input[type="tel"]:focus,textarea:focus,select:focus,input[type="password"]:focus { /* background:#f5fcfe;*/ text-indent: 0; z-index: 1; color: #373737; -webkit-transition-duration: 400ms; -webkit-transition-property: width, background; -webkit-transition-timing-function: ease; -moz-transition-duration: 400ms; -moz-transition-property: width, background; -moz-transition-timing-function: ease; -o-transition-duration: 400ms; -o-transition-property: width, background; -o-transition-timing-function: ease; /* width: 380px;*/ border-color:#ed8926; box-shadow:0 0 5px rgba(4, 129, 177, 0.5); opacity:0.6; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance:textfield; } input[type="number"]::inner-spin-button, input[type="number"]::outer-spin-button { appearance: none; margin: 0; } /*---- Inner Pages ----*/ .page .cwrapper .container{background:url(images/cbg-left.jpg) no-repeat 15px 100%;min-height:700px} .page #main,.single #main,.search #main,.error404 #main{width:68.1%;background:#fff;padding:15px 2%/*69.5%*/;/*height:372px*/margin-bottom:25px;min-height:441px} .page #main h1,.single #main h1,.search #main h1,.error404 #main h1{color:#272727;font-size:35px;background:url(images/heading-bg.jpg) repeat-x 0 22px;margin-bottom:13px;text-transform:capitalize} .page #main h1 span,.single #main h1 span,.search #main h1 span,.error404 #main h1 span{background:#fff;font-size:35px;padding-right:15px} .page #main h1 em,.search #main h1 em,.error404 #main h1 em{font-style:normal} .cbox{border:4px solid #d55555;padding:0 24px 10px;margin:25px 0 35px} #main .cbox h2{background:#fff;color:#fa891a;/*font-weight:600;*/font-size:28px;position:relative;top:-26px;left:-8px;padding:0 10px;margin-bottom:-19px;display:inline-block} /*----- Error 404, search, search not found-----*/ /*.search #container h1{font-weight:700;}*/ .search .cwrapper,.error404 .cwrapper{min-height:500px} .search a{color:#05a785;} .search #main h2{font-size:24px} .search #main h2,.search #main h2 a{color:#fa891a;} .error404 .search-form .screen-reader-text,.search .search-form .screen-reader-text{display:block;font-weight:600;margin-bottom:10px;} .error404 input[type="text"],.error404 input[type="search"],.search input[type="text"],.search input[type="search"]{border-radius:0;} .error404 label,.search label{margin-bottom:15px} .search .more-link .screen-reader-text{margin-left:7px} /*.error404 input[type="submit"]{padding:6px 28px;border:2px solid #c82222;}*/ /*.error404 input[type="submit"]:hover,.search input[type="submit"]:hover{background:#3f4097;}*/ /*----- Navigation -----*/ .navigation{background:#f2f1f1;border:1px solid #eee;line-height:22px;margin:25px 0 15px;padding:15px;overflow:hidden} .loop-pagination{display:inline-block;} .loop-pagination a, .loop-pagination span{padding:6px 12px;background-color:#fff;color:#000;margin-right:4px;} .loop-pagination span.current{background-color:#c82222;color:#fff;} /*.content p{background:url(images/content-bullet.png) no-repeat left 0;line-height:30px;font:16px 'Open Sans Regular', Arial, Helvetica;padding:0 0 0 30px;margin:0 0 0 14px}*/ #breadcrumbs{font-size:15px;margin:0 auto;position:relative;color:#272727;font-size:14px;border-bottom:1px solid #e2e2e2;padding:4px 0 11px;margin-bottom:15px} #breadcrumbs span{margin-right:5px} #breadcrumbs span span{margin-left:8px} #breadcrumbs span a span{margin-left:0} #breadcrumbs a{color:#272727} #breadcrumbs span em{font-style:normal} /*-- Floating Images --*/ span.alignleft,span.alignright,img.alignleft,img.alignright{float:left;margin:6px 15px 10px 0;display:block} span.alignright,img.alignright{float:right;margin:6px 0 10px 15px;} span.aligncenter,img.aligncenter{display:block;margin:10px auto 15px} /*----- sidebar-----*/ #sidebar{float:left;width:26%/*29%*/;display:block;padding-bottom:3px} #sidebar .list{margin:0;color:#fff;background-color:#c82222;padding:6px 0} #sidebar .list li{font-size:16px;text-transform:uppercase; font-weight:600} #sidebar .list li + li{background:url(images/list-sep.png) no-repeat 0 0;padding-top:1px} /*#sidebar .list li:last-child{border-bottom:none}*/ #sidebar .list li a,#sidebar .list li span{color:#fff;background:url(images/bullet.png) no-repeat 21px 14px;padding:10px 0 10px 50px;line-height:25px;display:block;} #sidebar .list li a:hover,#sidebar .list li span{background-color:#a51616;background-position:21px -70px;color:#ffda10} #notice{color:#121212;text-align:center;background:url(images/notice-board-bg.jpg) repeat-y 0 0;margin-top:15px;padding-bottom:10px;box-shadow:0 4px 7px #a55b13} #notice h2{font-size:20px;text-align:center;background:url(images/staple-pin.png) no-repeat 97% 0;height:37px;padding-top:10px;text-transform:uppercase;top:-3px; position:relative} #notice .newsscroller_title{background:url(images/bullet-green.png) no-repeat 9px 5px;padding:0 0 4px 24px;font-size:13px;line-height:20px} /*----- scrollbar-----*/ /*.scrollbars{height:265px;padding-right:30px}*/ #contact{line-height:25px;color:#565555} #contact img{margin-bottom:12px;} #contact span{font-weight:600;} #contact a{color:#057ec3} #contact a:hover{color:#45bbff;text-decoration:underline #45bbff;} #contact .left,#contact .right{width:45%;padding:12px 2%;} #contact .left{float:left;} #contact .right{float:right} .goggle-map{width:100%;height:300px;border:1px solid #e1e1e1;overflow:hidden} #gmap_canvas{ width:100%;height:300px} #career-form .row{clear:both} #career-form .left{float:left;width:48%} #career-form .right{float:right;width:48%} .table-container{overflow:auto;margin:10px 0} table{border:1px solid #dfdfdf;border-collapse:collapse; background:#f8f8f8} table td,table th{border:1px solid #e0e0e0;border-width:1px 1px 0 0;padding:8px 10px;font-size:13px;line-height:20px} table th{border-color:#dfdfdf;border-top:0} table thead{background:#ededed url(images/table-dash-border.gif) repeat-x 0 0;color:#000} table .theading td{text-align:center;font-weight:600;background-color:#ed8926;color:#fff;border-color:#ea821c;border-width:1px 1px 2px 1px/*; border-bottom:1px solid #ea821c*/} /*table tr:nth-child(2) td{border-top-color:#ea821c} table tr:nth-child(even) td{background:#f6f6f6}*/ table tr + tr:hover td{background:#efeded} .cbox table td:first-child{min-width:38px;text-align:center;padding:8px 5px} /*----- Image Gallery-----*/ /*.foogallery-default a{margin-left:5px}*/ .foogallery-default.spacing-width-10 a,.foogallery-default.spacing-width-10.foogallery-link-none img{margin:10px} /*----- Footer-----*/ #footer{background:#ffce1a url(images/footer-shadow.png) repeat-x 0 0;padding:21px 0 15px/*;margin-top:-80px;position:relative;z-index:1000*/;clear:both; /*min-height:91px; */overflow:hidden} .location{float:left;width:47%/*470px*/;min-height:111px} .location.highschool{width:28%/*280px*/;border-left:1px solid #ab8a11;padding-left:28px} .kindergarten img{float:left;margin:5px 25px 0 0} .copyright{float:right/*;width:190px*/;margin-top:20px} .copyright span{display:block} /*.footer-content{margin:0 auto;max-width:1000px;background:#fff;min-height:64px;clear:both;text-align:center;font-size:15px}*/ /*#footer-logo{float:left;position:relative} #footer-logo img{position:absolute;top:0;left:0} #footer-logo img.right{left:auto;right:0;top:12px} .copyright{font-size:15px;color:#222;padding-top:25px}*/ /*===== Media Queries ============================================================= */ @media screen and (min-width: 2100px) { #nav-container{background:none} } /*@media screen and (max-width: 1100px) { #nav-container{background-position:1% center}#nav{padding-left:30px;background-position:99% center}#nav li{font-size:19px} #header{background-position:-63px 18px} #header #logo{left:20px;top:238px} #wrapper{border:2px solid #f00} }*/ @media screen and (max-width: 1200px) { #nav ul li.facilities-menu ul{left:auto;right:0} .foogallery-default.spacing-width-10 a{width:21.6%;height:auto; margin:0 .5% 20px 2.5%} /*#wrapper{border:2px solid #000;}*/ } @media screen and (max-width: 1024px) { img{max-width:100%;height:auto} .container{max-width:940px;padding:0}.cwrapper .container{padding:22px 0 16px} #logo{left:0} #nav li a,#nav li.current-menu-item span{padding:16px 8px 15px} #nav ul li.cca-menu ul{width:287px}#nav ul ul ul{width:255px} .foogallery-default.spacing-width-10 a{width:139px/*;height:139px*/} /*#header{background-position:-114px 18px} .cwrapper{max-width:93.4%;margin:0 auto;background:#fff}*/ /*.footer-content{max-width:795px}*/ /*#wrapper{border:2px solid #0f0;}*/ } /***** smaller than 980 *************************************************************/ @media screen and (max-width: 980px) { img{max-width:100%;height:auto} .container{max-width:760px} #header{margin-bottom:49px}#nav-container{top:121px;background:#c82222}#nav{float:none} #header .right{text-align:right} .headline{margin-right:0;margin-bottom:10px} .right .admision-open{float:none;}/*.headline{margin-top:45px}*/ #main,.page #main,.search #main,.error404 #main{width:63%} #sidebar{width:30%} .foogallery-default.spacing-width-10 a{width:143px/*;height:143px*/} #contact .left,#contact .right{float:none;width:98%;padding:12px 1%} .location{width:62%}.location.highschool{width:31%;min-height:136px;margin-bottom:10px}.copyright{float:none;clear:both;border-top:1px solid #ab8a11;text-align:center;padding-top:10px;margin-top:0}.copyright span{display:inline} #career-form .left,#career-form .right{float:none;width:100%}.qualification{width:600px} /*#wrapper{border:2px solid #f0f;}*/ } /****** smaller than 800 ***********************************************************/ @media screen and (max-width: 800px) { .container,.menu .toggle-link{max-width:600px} #header{height:auto;margin-bottom:0}#logo{width:100%;text-align:center;position:static;padding-top:15px} #header .right{width:100%;margin:16px 0;text-align:center;} #header .right .headline span{color:#fff;} #nav-container{top:121px}/*.headline{float:none;text-align:center;margin:10px 0 15px}*/ /*-- Toggle Menu Start --*/ .menu{display:block}.menu .toggle-link{margin:0 auto} #nav-container{background:none;position:static} #nav{display:none;background:#fff/*ffce1a*/;margin-bottom:15px;padding-left:0;margin-top:2px} /*#nav ul{box-shadow:0 4px 8px #c8c8c8;border-radius:0 0 4px 4px}*/ #nav ul ul,#nav ul ul ul{position:static;width:100%;background:#ffce1a}#nav ul li.facilities-menu ul,#nav ul li.cca-menu ul{width:100%} #nav ul li:hover > ul,#nav ul ul li:hover ul{display:none} #nav li{float:none;margin-right:0} /*#nav ul li + li{border-top:1px solid #edecee} #nav li:first-child{border-radius:4px 4px 0 0}*/ #nav > ul > li{border-bottom:1px solid #fedd64} #nav li a,#nav li.current-menu-item span,#nav > ul > li:first-child > a,#nav > ul > li:first-child > span{padding:12px 15px;color:#535353} #nav > ul > li > a:hover,/*#nav > ul > li.current-menu-item > span,*/#nav > ul > li:hover > a{background-color:#fff} #nav ul ul li{background:url(images/nav-sep-mq.gif) repeat-x 0 100%} #nav ul ul li a,#nav ul ul li.current-menu-item span{padding:15px 10px 15px 52px;border-bottom:1px solid #fedd64} #nav > ul > li.current-menu-item > span{background:#414141;color:#fff} /*#nav ul li span a{color:#1c1c1c} #nav li.current-menu-item > span,#nav li > span:hover,#nav li:hover > span,#nav li > span:hover,#nav li > span:hover a,#nav li:hover > span a,#nav ul ul li:hover,#nav ul ul li span a:hover{background:none} #nav ul ul li span a:hover,#nav ul ul li > span:hover,#nav li.current-menu-item{background:url(images/nav-arrow-blue.png) no-repeat 13px 15px} #nav li.current-menu-item{background:#f00} #nav li.current-menu-item{padding-left:0} #nav li.current-menu-item span{padding-left:15px} #nav li.current-menu-item > span{background:#423ca1} #nav ul ul li.current-menu-item span{padding-left:25px} #nav ul li.current-menu-item ul span{padding-left:0} #nav li.open > span{display:block;border-bottom:1px solid #edecee;background:#f3f2f2} #nav ul ul li{border-bottom:0;text-transform:uppercase;padding-left:2px} #nav ul ul li.current-menu-item{background-position:15px 15px;padding-left:7px} #nav ul ul li.current-menu-item > span:hover{background-position:8px 15px}*/ #nav li.menu-item-has-children .plus-minus{width:16%;background:url(images/expand-collapsed-menu.png) no-repeat 100% 0;position:absolute;top:0;right:0;display:block;height:40px;cursor:pointer;} #nav ul li span a,#nav ul li.open > .plus-minus{background-position: 100% 100%} #nav > ul > li.current-menu-item .plus-minus{background-position:100% -66px} #nav > ul > li.current-menu-item.open .plus-minus{background-position:100% -134px} /* #nav li.menu-item-has-children.current-menu-item.open > span{background:#423ca1} */ /*-- Toggle Menu End --*/ .page .cwrapper .container{padding-bottom:90px} #main,#sidebar{float:none;width:100%;padding:0;margin-bottom:15px}.page #main,.search #main,.error404 #main{width:94%;padding:15px 3%} #notice{float:right;margin-top:25px;background-image:url(images/notice-board-bg-mq.jpg)} #sidebar .list{padding:0}#sidebar .list li + li{background:none;border-top:1px solid #d85b5b} .foogallery-default.alignment-left{text-align:center}.foogallery-default.spacing-width-10 a{width:150px/*;height:150px*/;margin:10px 3% 10px 3%} .location,.location.highschool{width:47%;min-height:218px}.kindergarten img{float:none}.highschool.location img{margin-top:25px} /*#header{max-width:588px;height:270px;background-position:-120px 18px;background-size:708px auto}#header #logo{top:144px} #main h1.title span{width:100%} .footer-content{max-width:670px} */ /*#wrapper{border:2px solid #ff0;}*/ } @media only screen and (max-width: 768px) { /*#wrapper{border:2px solid #0ff;}*/ } /***** smaller than 640 **************************************************************/ @media screen and (max-width: 640px) { .container,.menu .toggle-link{max-width:440px} /*.headline{font-size:33px}*/ .page .cwrapper .container{padding-bottom:225px}#notice{float:none} /*.footer-content{max-width:557px}*/ /*.foogallery-container{margin-left:6%}*/ .location, .location.highschool{float:none;width:96%;margin:0 auto;min-height:100px;text-align:center}.location.highschool{border-left:0;padding-left:0;margin-bottom:10px} /*#wrapper{border:2px solid green} */ } /***** smaller than 560 *************************************************************/ @media screen and (max-width: 560px) { /*#wrapper{border:2px solid purple}*/ } /***** smaller than 480 **************************************************************/ @media screen and (max-width: 480px) { html{-webkit-text-size-adjust:none} .container,.menu .toggle-link{max-width:94%} /*.headline span{display:block}*/ ul.bjqs-controls{top:35%} .cbox{padding:0 15px 10px} /*.foogallery-container{margin-left:0}*/.foogallery-default.spacing-width-10 a{width:37.2%;/*height:auto;margin:10px 3%*/} /*#header{height:250px;background-size:623px auto;background-position:-127px 18px}#header #logo{top:115px} #container{padding-top:25px} .menu .toggle-link{display:inline-block;float:none;margin:6px auto;} #main h1{font-size:16px} table{width:600px} .footer-content{max-width:87%}#footer-logo img{display:block;margin:10px auto 20px}*/ /*#wrapper{border:2px solid lightblue}*/ } /***** smaller than 320 *************************************************************/ @media screen and (max-width: 320px) { .foogallery-default.spacing-width-10 a{width:150px;margin:10px auto} /*#wrapper{border:2px solid pink}*/ }