/* typography ==================================================*/ body { font-family: 'Open Sans', sans-serif; } h2 { font-size: 38px; font-weight: 600; } /* header ==================================================*/ .details { margin-top: 10px; padding-left: 10px; } .details li i { padding-right: 5px; } .details li { font-size: 14px; list-style: none; display: inline; margin-right: 15px; } .details li a { text-decoration: none; outline: 0; color: #181a1c; outline: 0; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .details li a:hover { color: #fdc721; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .icons { padding-left: 0; } .icons li { list-style: none; display: inline-block; width: 25px; height: 25px; line-height: 25px; background: #181a1c; text-align: center; border-radius: 50%; /* margin-top: 10px; */ margin-right: 5px; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .icons li:hover { background: #fdc721; color: #fff; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .icons li:hover i { color: #fff; } .icons i { color: #fff; } .icons li:last-child { border-radius: 0; width: 0; } .icons li #wrap { border-left: 2px solid #181a1c; padding-left: 20px; height: 27px; } /* search box */ #wrap { margin: 0px -35px; display: inline-block; position: relative; height: 20px; float: right; padding: 0; margin-top: 6px; position: relative; } #wrap i { color: #181a1c; padding-right: 5px; } #wrap input[type="text"] { height: 25px; font-size: 16px; display: inline-block; font-weight: 100; border: none; outline: none; color: #555; padding: 15px 20px 15px 15px; width: 0px; position: absolute; top: 0; right: 0; background: none; z-index: 3; transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000); cursor: pointer; } #wrap input[type="text"]:focus:hover { border-bottom: 1px solid #BBB; } #wrap form:focus, #wrap input:focus { outline: 0; } #wrap input[type="text"]:focus { width: 260px; z-index: 1; border: 1px solid #bbb; cursor: text; background: #fff; right: 25px; outline: 0; } #wrap input[type="submit"] { height: 25px; width: 25px; display: inline-block; color: red; float: right; text-indent: -10000px; border: none; background: none; position: absolute; top: 0; right: 0; z-index: 2; cursor: pointer; opacity: 0.4; cursor: pointer; transition: opacity .4s ease; } /* banner ==================================================*/ .banner { position: relative; } .banner-img .slick-initialized .slick-slide { display: table-cell; } .banner-img .slick-track { display: table; height: 490px; } .banner-style { color: #fff; outline: 0; background-size: cover; background-position: center; display: table-cell; vertical-align: middle; float: none; padding: 180px 0px; width: 3000px; } .banner-title { text-align: center; padding-right: 50px; padding-left: 50px; } .banner-title p { font-size: 16px; font-style: normal; font-weight: initial; font-family: roboto; letter-spacing: 1px; } .banner-title span { background: #0a63b1; display: inline-block; padding: 5px 15px; color: #fdc721; } .images { position: relative; } .images button.slick-prev { background-image: url('../images/left.png'); width: 41px; height: 128px; max-width: 100%; position: absolute; left: 50px; top: 50%; z-index: 9999; text-indent: -9999px; background-repeat: no-repeat; } .images button.slick-next { background-image: url('../images/right.png'); width: 41px; height: 128px; max-width: 100%; position: absolute; right: 50px; top: 50%; z-index: 9999; text-indent: -9999px; background-repeat: no-repeat; } /* academic-notice ================================================== */ .notice-wrapper { display: table; width: 100%; } .academic-notice { background: #003b6e; height: 100px; display: table-cell; float: none; vertical-align: middle; } .academic-notice h2 { color: #fdc721; margin: 0; font-weight: 300; font-size: 30px; padding-left: 55px; } .notice-paragraph { background: #0a63b1; height: 100px; color: #fff; font-size: 16px; display: table-cell; float: none; vertical-align: middle; } .notice-paragraph p { color: #fff; margin: 0; } /* about us ============================================= */ .aboutus { padding-top: 76px; padding-bottom: 100px; background: #f5f7f8; } .about-academic img { padding-top: 80px; } .academic-list span { color: #fdc721; } .academic-list p.bold { font-size: 18px; } .academic-list p { padding-top: 15px; } .academic-paragraph { font-size: 16px; font-weight: 300; font-style: italic; } .academic-list button { width: 220px; max-width: 100%; height: 52px; font-size: 16px; background: #0a63b1; border-radius: 0; margin-top: 25px; outline: 0; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .academic-list button:hover { background: #fdc721; color: #fff; border: 1px solid #fdc721; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .academic-list button:focus, .academic-list button:active, .academic-list button:active:hover { background: #fdc721; color: #fff; border-color: #fdc721; outline: 0; } .academic-list button:active:focus { background: #fdc721; color: #fff; border-color: #fdc721; box-shadow: none; } /* why we are special ==================================================*/ .special { padding-top: 75px; padding-bottom: 71px; } .special .academic-list { text-align: center; } .special .academic-list p { width: 75%; font-size: 18px; padding-top: 23px; margin: 0 auto; color: #999; font-weight: 600; font-family: roboto; } .qualified { position: relative; } .qualified h4 { padding-left: 100px; font-size: 20px; text-transform: uppercase; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .qualified h4 a:hover { color: #fdc721; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .qualified a { text-decoration: none; color: #fff; outline: 0; letter-spacing: 0.1em; } .qualified img { position: absolute; left: 20px; top: 20px; width: 75px; } .qualified p a { color: #d1b056; } .qualified { background: #0a63b1; padding-top: 27px; padding-bottom: 5px; color: #fff; padding-right: 20px; margin-bottom: 31px; } .qualified img { position: absolute; left: 20px; top: 20px; width: 75px; } /* academic life and activities =========================================== */ .academic-life { background: #f5f7f8; } .special.academic-life { padding-top: 77px; padding-bottom: 100px; } .activities-image { padding: 0; position: relative; transition: all .40s ease-in-out; -webkit-transition: all .40s ease-in-out; -o-transition: all .40s ease-in-out; } .activities-image p { color: #fff; font-size: 16px; padding-top: 50px; } .icon-img i { border-radius: 50%; background: none; color: #fff; border: 3px solid #fff; height: 40px; width: 40px; line-height: 38px; margin-right: 10px; margin-left: 10px; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .qualified p { padding-left: 100px; } .icon-img a { outline: 0; } .icon-img i:hover { background: #fff; color: #5091c2; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .hover-part { position: absolute; top: 0; left: 0; right: 0; background: rgba(80, 145, 194, 0.75); width: 100%; height: 100%; text-align: center; } .hover-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } .activities-image .hover-part { opacity: 0; transition: all .55s ease-in-out; -webkit-transition: all .55s ease-in-out; -o-transition: all .55s ease-in-out; } .activities-image:hover .hover-part { opacity: 1; transition: all .55s ease-in-out; -webkit-transition: all .55s ease-in-out; -o-transition: all .55s ease-in-out; } /* meet our founders ============================================*/ .special.founders { padding-top: 78px; padding-bottom: 100px; } .academic-list { margin-bottom: 49px; } .founders-image { border: 1px solid #afb1b3; padding: 30px 30px 21px 30px; background: #fff; } .founders-image p { text-align: center; color: #afb1b3; text-transform: uppercase; font-size: 24px; padding-top: 24px; margin-bottom: 0; } .founders_listing { position: relative; } .founders_listing .container { position: relative; z-index: 2; } .founders hr { border-top: 1px solid #afb1b3; position: absolute; top: 50%; width: 100%; z-index: 1; } /* conference and events , latest news and blogs ============================================================== */ .conference { background: #f5f7f8; padding-top: 80px; padding-bottom: 100px; } .conference-list h2 { padding-bottom: 20px; } .conference-list span { color: #fdc707; } .conference-wrapper { margin-bottom: 25px; } .event-img { width: 110px; max-width: 100%; float: left; margin-right: 15px; padding-top: 12px; } .heading-post h4 { color: #0a63b1; font-size: 20px; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .heading-post a { text-decoration: none; outline: 0; } .heading-post a h4:hover { color: #fdc707; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .event-details p { color: #afb1b3; font-size: 18px; font-weight: 300; margin-bottom: 0; font-family: roboto; } .event-details a { text-decoration: none; color: #0a63b1; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .event-details a:hover { color: #fdc707; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .conference-list hr { border-top: 1px solid #959595; margin-bottom: 39px; margin-top: 45px; } .events { padding-right: 35px; } .latest-news { padding-left: 35px; } /* blog ========================================= */ .blog { position: relative; } .blog h2 { color: #034680; } .blog-title { padding-top: 29px; padding-bottom: 30px; } .blog-title a { text-decoration: none; color: #181a1c; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .blog-title a:hover { color: #fdc707; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .blog-title p { color: #181a1c; font-weight: 300; font-size: 18px; position: absolute; bottom: 18px; left: 40px; } .blog-title i { font-size: 18px; } .blog hr { border-top: 2px solid #cfcfcf; margin-bottom: 0; } /* blog grid */ .blog-section { padding-top: 100px; padding-bottom: 96px; } .blog-grid { margin-bottom: 30px; } .blog-details { background: #ececec; } .blog-list { position: relative; } .blog-list .blog-hover-part { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(80, 145, 194, 0.75); text-align: center; opacity: 0; transition: all .55s ease-in-out; -webkit-transition: all .55s ease-in-out; -o-transition: all .55s ease-in-out; } .blog-details .blog-hover-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } .blog-paragraph { padding: 10px 15px; } .blog-paragraph h4 { min-height: 38px; } .blog-paragraph a { text-decoration: none; color: #181a1c; letter-spacing: 0.1em; font-weight: 600; } .blog-paragraph a:focus { outline-offset: 0; } .blog-paragraph p { color: #999; font-weight: 300; padding-top: 28px; } .blog-grid:hover .blog-hover-part { opacity: 1; transition: all .55s ease-in-out; -webkit-transition: all .55s ease-in-out; -o-transition: all .55s ease-in-out; } .blog-details:hover .blog-paragraph h4 a { color: #0a63b1; outline: 0; } /* pagination ===============================================*/ .pagination { margin: 0; } .pagination li a { background: transparent; border-radius: 50%; border: none; outline: 0; color: #181a1c; font-weight: 600; margin-right: 13px; } .pagination>li:first-child>a { border-radius: 50%; outline: 0; } .pagination>li:last-child>a { border-radius: 50%; outline: 0; } .pagination .active a { background-color: #0a63b1; border-color: #0a63b1; outline: 0; } .pagination .active a:hover { background: #0a63b1; border-color: #0a63b1; } .pagination .active a:focus, .pagination li a:focus { background-color: #0a63b1; border-color: #0a63b1; color: #fff; outline: 0; } .pagination li a:hover { background: none; color: #000; } /* single-blog page ========================================== */ .single-banner-img { padding-bottom: 55px; } .single-title h2 { font-size: 24px; } .single-section { background: #f5f7f8; padding-top: 100px; padding-bottom: 100px; } .single-description .school-topic { font-size: 30px; color: #0a63b1; font-weight: 600; padding-bottom: 22px; } blockquote { border-left: none; font-size: 14px; border-left: 4px solid #0a63b1; } .single-description h2, h3, h4, h5, h6 { color: #0a63b1; } .book { width: 400px; max-width: 100%; float: right; padding-left: 20px; } .backend-design p a { text-decoration: none; } .backend-design p { text-align: justify; } .single-description .backend-design h2, .single-description .backend-design h3, .single-description .backend-design h4, .single-description .backend-design h5, .single-description .backend-design h6 { padding-top: 50px; } /* aurthor */ .aurthor { border: 1px solid #afb1b3; margin-bottom: 48px; margin-top: 35px; background: #fff; } .aurthor span { color: #fdc707; } .aurthor h3 { background: #0a63b1; padding: 15px; margin-top: 0; color: #fff; } .aurthor p { padding: 20px 0 25px 15px; overflow: hidden; } .aurthor img { border-radius: 50%; height: 100px; width: 100px; max-width: 100%; margin-right: 15px; margin-left: 15px; } .leave { margin-top: 23px; } .related-form span, .related-post span { color: #fdc707; } .related-form h3, .related-post h3 { font-size: 30px; padding-top: 0; } .related-form h3 { margin-top: 0; } .related-details { border: 1px solid #afb1b3; background: #fff; } .related-paragraph { padding: 20px 10px 10px 15px; } .related-part { padding-top: 7px; padding-bottom: 51px; } .related-part .title-img { font-weight: 600; } .related-part a { text-decoration: none; color: #0a63b1; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .related-part a:hover { color: #fdc707; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .comment-box.aurthor { margin-top: 0; } .comment-box.aurthor h5 { padding-left: 15px; } .comment-box.aurthor p { padding: 0 0 0 15px; } .aurthor-name { font-weight: 600; color: #0a63b1; } .comment-box a { text-decoration: none; padding-left: 15px; color: #0a63b1; font-family: roboto; text-transform: capitalize; font-size: 16px; } .next-comment { padding-left: 50px; padding-bottom: 31px; padding-top: 15px; } .comment-list { padding-left: 0; } .comment-list li { list-style: none; padding: 0; padding-top: 15px; margin-right: 20px; } .next-comment li { list-style: none; margin-right: 20px; padding: 15px; background: #f5f7f8; } input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]) { height: 50px; width: 100%; border-radius: 0; border: 1px solid #afb1b3; font-weight: 400; } input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]):focus, textarea.form-control:focus { border-color: #0a63b1; box-shadow: none; } textarea.form-control { border-radius: 0; padding-top: 15px; margin-top: 15px; border: 1px solid #afb1b3; } textarea { border: 1px solid #afb1b3; padding-left: 15px; padding-top: 15px; font-weight: 400; } textarea:focus { border-color: #0a63b1; box-shadow: none; } .leave .academic-list { margin-bottom: 0; } .comment-post { color: #fff; } /* sidebar ====================================== */ .searching { position: relative; width: 100%; } .widget_search .searching { margin: 0; } .searching::after { content: "\f1d8"; font-family: FontAwesome; position: absolute; right: 20px; color: #0a63b1; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); } .searching .search-field { padding-left: 20px; padding-right: 43px; color: #333; font-weight: 400; position: relative; width: 100%; outline: 0; } .search-field { height: 50px; border: 1px solid #afb1b3; border-radius: 0; } .sidebar-padder aside.widget_search { border: 0; background: none; } .sidebar-padder .widget { margin-top: 21px; border: 1px solid #afb1b3; background: #fff; } .sidebar-padder .widget h3 { padding: 15px 10px; background: #0a63b1; color: #fff; font-size: 16px; padding-left: 20px; } .sidebar-padder ul a { color: #181a1c; outline: 0; } .sidebar-padder ul li { padding: 5px 15px; } .sidebar-padder .widget a:hover { color: #0a63b1; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } /* tags */ .sidebar-padder .tagcloud ul li { display: inline-block; padding: 0; margin-left: 10px; } .sidebar-padder .tagcloud a:hover { color: #fff; } .tagcloud { list-style: none; margin: 0; overflow: hidden; padding: 0; } .tagcloud li { float: left; } .sidebar-padder .tagcloud ul li a { background: #eee; border-radius: 3px 0 0 3px; height: 26px; display: inline-block; line-height: 26px; padding: 0 20px 0 23px; position: relative; margin: 0 5px 10px 0; text-decoration: none; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .sidebar-padder .tagcloud ul li a::before { background: #fff; border-radius: 10px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.25); content: ''; height: 6px; left: 10px; position: absolute; width: 6px; top: 10px; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .sidebar-padder .tagcloud ul li a::after { background: #fff; border-bottom: 14px solid transparent; border-left: 10px solid #eee; border-top: 13px solid transparent; content: ''; position: absolute; right: 0; top: 0; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .sidebar-padder .tagcloud ul li a:hover { background-color: #0a63b1; color: white; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .sidebar-padder .tagcloud ul li a:hover::after { border-left-color: #0a63b1; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } /* upper page (sidebar-left and right) ===================================================*/ .school-description ul { list-style: none; } .school-description ul li { padding-bottom: 15px; } .school-description ul li { position: relative; } .school-topic { padding-top: 0; } .school-description h4 { padding-top: 0; } .school-description .school-topic { font-size: 30px; color: #0a63b1; font-weight: 600; padding-bottom: 14px; } .school-description ul li::before { content: ""; position: absolute; top: 7px; left: -15px; display: inline-block; width: 7px; height: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; background-color: #0a63b1; } .school-description ol li::before { display: none; } .school-description ol { list-style: none; } /* contact page ===================================================*/ .contact-section { background: #f5f7f8; padding-top: 100px; padding-bottom: 100px; } .contact-section .widget_search { margin-top: 0; } .map-holder { padding: 15px; margin-bottom: 65px; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } .contact-section .contact-details { background: #fff; padding: 9px 15px; border: 1px solid #afb1b3; } .contact-details h3 { text-transform: uppercase; } .contact-title span, .subscribe span { color: #fdc721; } .contact-title p { padding-top: 10px; } .contact-information { list-style: none; padding-left: 0; padding-top: 15px; } .contact-information i { margin-right: 15px; } .contact-information li { padding-bottom: 10px; } .contact-information li a { text-decoration: none; color: #333; } .message-form .subscribe { padding-bottom: 5px; } .message-form .wpcf7-submit { width: 220px; max-width: 100%; height: 52px; font-size: 16px; background: #0a63b1; margin-top: 27px; margin-bottom: 12px; border-radius: 0; color: #fff; border: 1px solid #0a63b1; outline: 0; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .message-form .wpcf7-submit:hover { background: #fdc721; color: #fff; border: 1px solid #fdc721; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .message-form .wpcf7-submit:hover:focus { color: #fff; box-shadow: 0; } .message-form label { width: 100%; margin-bottom: 21px; } .message-form textarea { width: 100%; } .message-form input { padding-left: 15px; } .your-message { margin-bottom: -21px; } /* event-single page ===============================================*/ .event-grid { border: 1px solid #afb1b3; background: #fff; padding: 3px 15px 0 15px; } .event-grid i { padding-right: 15px; } .event-grid ul { padding-left: 26px; } .event-types { padding-bottom: 28px; } .event-images { padding: 15px; } .event-types h3 { padding-top: 0; } .event-description ul { padding-left: 17px; } .school-description .event-types ul li::before { display: none; } .school-description .comment-box ul li::before { display: none; } .event-img-list { border: 1px solid #afb1b3; background: #fff; margin-bottom: 16px; } /* faculty page ==========================================*/ .faculty { background: #f5f7f8; padding-top: 81px; padding-bottom: 100px; } .faculty-list h3 { font-size: 30px; color: #fff; background: #0a63b1; padding: 10px; margin-bottom: 0; } .subjects h3 { color: #0a63b1; font-size: 30px; } .faculty .faculty-list { padding-top: 0; padding-bottom: 0; background: #fff; } .faculty-details { background: #fff; padding: 15px; border: 1px solid #afb1b3; border-top: 0; } .faculty-details p:last-child { color: #0a63b1; } .faculty-members { margin-bottom: 30px; } .subjects { padding-bottom: 20px; } .subjects p { text-align: justify; } .faculty-grid { border: 1px solid #afb1b3; } .faculty-grid ul { padding-top: 10px; padding-left: 15px; padding-bottom: 7px; } .faculty-grid ul:last-child { margin-bottom: 0; } .faculty-grid ul li { background: #fff; list-style: none; padding-bottom: 5px; } .faculty-grid li a { border-radius: 0; text-decoration: none; color: #181a1c; } .faculty-grid li a:hover { color: #fdc707; background: none; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .faculty-grid .active a { color: #fdc707; } .faculty-grid li a:focus { color: #fdc707; background: none; max-width: 190px; outline: 0; } /* search results page ==================================================*/ .search-section { background: #f5f7f8; padding-bottom: 100px; padding-top: 30px; } .search-heading { border: 1px solid; border-color: transparent; padding: 15px 15px 25px 15px; background: #fff; margin-bottom: 30px; } .search-heading p { padding-bottom: 10px; } .search-heading a { text-decoration: none; border: 1px solid #0a63b1; padding: 6px 10px; background: #0a63b1; color: #fff; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .search-heading a:hover { background: #fff; color: #0a63b1; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .search-section .sidebar .widget_search { margin-top: 0; } /* calendar-monthly page ======================================================= */ .monthly-calendar { padding-top: 100px; padding-bottom: 65px; background: #f5f7f8; } .calendar-title a { color: #181a1c; text-decoration: none; } .calendar-title a.active { border-bottom: 2px solid #0b63b1; } .calendar-title i { padding-right: 10px; } .calendar-title .line-gap { padding-right: 4px; padding-left: 6px; font-size: 16px; } .calendar-title a:hover { border-bottom: 2px solid #0b63b1; } .year-list button { padding: 5px 20px; background: #fff; margin-left: 5px; border: 1px solid #ccc; } .year-list button:focus { outline: 0; } .year-list .caret { color: #181a1c; margin-left: 10px; } .year-list { display: inline-block; } .year-list .dropdown-menu { min-width: 100%; max-width: 100%; border-radius: 0; } .year-list .dropdown-menu li a { white-space: normal; } .year-list ul li a:hover { color: #0b63b1; } .year-list .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background: none; border: none; } /* monthly-view */ .monthly-view { padding-top: 47px; } .month-grid { padding-bottom: 35px; -webkit-column-break-inside: avoid; page-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; } .month-title { color: #0b63b1; margin: 0; } .month-heading span { background: #0b63b1; padding: 16px; color: #fff; margin-right: 20px; display: inline-block; } .month-heading { border: 1px solid #afb1b3; background: #fff; } .month-body, .panel-body { padding-right: 25px; padding-left: 25px; padding-bottom: 10px; border: 1px solid #afb1b3; border-top: 0; background: #fff; } .month-body p, .panel-body p { color: #afb1b3; letter-spacing: 0.1em; } .month-body h4, .panel-body h4 { color: #181a1c; font-weight: 600; padding-top: 24px; margin-top: 0; font-family: 'Open Sans', sans-serif !important; } .month-body hr, .panel-body hr { border-color: #afb1b3; margin-bottom: 0; } .monthly-view { -webkit-columns: 100px 2; -moz-columns: 100px 2; columns: 100px 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } /* accordion */ .panel-default { border: none; box-shadow: none; padding-bottom: 30px; background: none; -webkit-column-break-inside: avoid; page-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top: none; padding-top: 0; background: #fff; } .panel-heading a { text-decoration: none; } .panel-heading a:hover { color: #0b63b1; } .panel-default .panel-heading { padding: 0; background: #fff; border: 1px solid #afb1b3; border-radius: 0; } .panel-heading i { float: right; color: #0b63b1; padding-top: 19px; padding-right: 15px; font-size: 14px; } .panel-title { font-size: 18px; color: #0b63b1; } .panel-group { position: relative; } .panel-collapse { position: absolute; height: 0; } .panel-title span { background: #0b63b1; padding: 16px; color: #fff; margin-right: 20px; display: inline-block; } /* yearly calendar ==================================== */ .calendar { border: 1px solid #afb1b3; margin: 45px; padding: 0; border-radius: 0; border-right: 0; } .calendar .panel { border-radius: 0; } .calendar-grid { border: 1px solid #afb1b3; margin-top: 50px; margin-bottom: 36px; } .calendar-grid h2 { font-size: 18px; text-transform: uppercase; background: #0b63b1; color: #fff; margin: 0; padding: 16px; } .calendar .panel-default { padding-bottom: 0; } .year-neighbor, .year-neighbor2 { display: none; } .calendar .calendar-header { color: #0a63b1; margin-bottom: 0; border-bottom: 1px solid #afb1b3; border-bottom: 0; background: #fff; } .calendar-header .prev { border-right: 1px solid #afb1b3; } .calendar-header .next { border-left: 1px solid #afb1b3; border-right: 1px solid #afb1b3; } .calendar .calendar-header table th:hover { background: none; } .calendar table.month th.month-title { font-size: 16px; font-family: 'ClementePDae-Light'; } .calendar table td, .calendar table th { text-align: justify; } .calendar .month-container { border-right: 1px solid #afb1b3; border-top: 1px solid #afb1b3; text-align: justify; height: 250px; } .calendar .month { margin-left: 15px; margin-top: 15px; } .calendar table.month tr td, .calendar table.month tr th { padding: 0 6px 0 0; } .month-container:nth-child(even) { background: #fff; } .month-container:nth-child(odd) { background: #f5f5f5; } /* page-not-found =======================================================*/ .not-found-section { background: #f5f7f8; padding-top: 100px; padding-bottom: 65px; } .page-not-found h1 { font-size: 44px; color: #0a63b1; } .page-not-found p { font-size: 22px; width: 75%; max-width: 100%; margin: 0 auto; } .not-found-section img { margin: 0 auto; } /* footer ==================================== */ #footer { background: #004b91; color: #fff; border-top: 10px solid #fdc707; border-bottom: 10px solid #fdc707; } .widget h3 { margin-top: 0; margin-bottom: 14px; color: #fff; } .widget ul { padding-left: 0; } .widget ul li { font-weight: 400; list-style: none; font-size: 14px; } .widget a { color: #fff; text-decoration: none; outline: 0; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .widget a:hover { color: #fdc707; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; } .widget-academic img { margin: 0 auto; } .widget-links ul li { padding-top: 13px; } .widget-links ul { -webkit-columns: 100px 2; -moz-columns: 100px 2; columns: 100px 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; } .textwidget p { padding-top: 20px; font-weight: 300; } .widget-contact p { font-weight: 300; } .widget-academic ul li { display: inline; } .widget-academic ul { padding-top: 15px; } .widget-academic i { font-size: 24px; padding-right: 15px; } .widget-contact i { padding-right: 15px; } .widget-contact li { padding-bottom: 10px; } /* reserved */ .reserved { background: #034680; } .reserved .academic-theme { padding-top: 25px; padding-bottom: 10px; font-weight: 300; } /* media queries ==============================================*/ @media(min-width: 1999px) { /* blog */ .blog-grid:nth-child(3n+1) { clear: both; } } @media (min-width: 768px) and (max-width: 991px) { /* navigation part */ .navbar-header { width: 100%; text-align: center; } .navbar-brand { float: none; display: inline-block; height: 95px; } .navbar-nav li { display: inline-block; float: none; } .navbar-right { float: none !important; text-align: center; } /* why we ar special */ .special-description:nth-child(2n+1) { clear: both; } .activities-image p { font-size: 14px; } /* blog */ .blog-grid:nth-child(2n+1) { clear: both; } /* footer */ .widget-academic { padding-left: 0; margin-left: -40px; } } @media(max-width: 1999px) and (min-width: 992px) { /* why we ar special */ .special-description:nth-child(3n+1) { clear: both; } /* blog */ .blog-grid:nth-child(3n+1) { clear: both; } } @media (max-width: 1999px) { /* header */ .icons { margin-right: 25px; } /* academic notice */ .academic-notice h2 { padding-left: 20px; } } @media (max-width: 991px) { /* about-us */ .about-academic img { width: 100%; } #wrap input[type="text"]:focus { width: 175px; } /* banner */ .banner-img .slick-track { height: 400px; } /* conference and events , latest news and blogs */ .events { padding-right: 15px; } .latest-news { padding-left: 15px; padding-top: 35px; } /* single page */ .leave { margin-bottom: 30px; } /* event-single */ .contact-grid { width: 100%; max-width: 100%; } /* search page */ .search-section .sidebar .widget_search { margin-top: 20px; } /* calendar-yearly */ .calendar table.month tr td, .calendar table.month tr th { padding: 0 15px 0 0; } } @media (max-width: 767px) { /* header */ .icons { display: none; } .details { text-align: center; float: none !important; } h2 { font-size: 32px; } .navbar-header { text-align: justify; } .navbar-default .navbar-right { padding-top: 0; } /* academic notice */ .academic-notice { display: none; } .notice-paragraph { width: 100%; height: 0; padding: 8px 15px; } .notice-wrapper { display: block; } /* why we are special */ .qualified { width: 75%; text-align: center; max-height: 100%; margin: auto; margin-bottom: 31px; } .qualified h4 { padding-left: 0; padding-top: 10px; } .qualified p { padding-top: 10px; padding-bottom: 5px; } .qualified img { position: relative; left: 0; top: 0px; } /* academic life and actvities */ .activities-grid { padding-left: 30px; padding-right: 30px; } /* blog */ .blog-grid { text-align: center; } .blog-grid img { margin: 0 auto; padding-top: 30px; } .blog-hover-part { display: none; } .blog-paragraph p { padding-top: 0; } /* single page */ .book { padding-left: 0; float: none; width: 100%; padding-bottom: 30px; } .related-details { margin-bottom: 30px; text-align: center; } .related-details img { width: 75%; max-width: 100%; margin: 0 auto; padding-top: 30px; } .aurthor img { display: none; } .aurthor p { padding: 20px 15px 20px 15px; text-align: justify; } .next-comment { padding-left: 15px; } .aurthor .next-comment p, .aurthor .next-comment h5 { padding-left: 0; } .next-comment li { margin-right: 0; } .next-comment a { padding-left: 20px; } /* contact */ .map-holder iframe { height: 350px; } /* calendar-yearly */ .calendar .month { margin: 20px auto; } /* footer */ .widget-academic { padding-top: 40px; } .widget-academic img { margin: 0; } .textwidget { text-align: justify; } .widget-contact { padding-top: 40px; } .monthly-view { -webkit-columns: 100px 1; -moz-columns: 100px 1; columns: 100px 1; } /* event-single */ .event-images img { margin: auto; } /* calendar-yearly */ .calendar .month-container { width: 650px; max-width: 100%; } } @media (max-width: 543px) { /* header */ .details li { display: inline-block; width: 100%; text-align: center; padding: 5px 0; margin-right: 0; } /* banner */ .banner-img .slick-track { height: 300px; } /* why we are special */ .special .academic-list p { width: 100%; } .qualified { width: 100%; } .qualified h4 { padding-left: 30px; } /* single page */ .single-description .school-topic { font-size: 26px; } /* faculties page */ .faculty-members { width: 353px; max-width: 100%; margin: 0 auto; float: none; margin-bottom: 30px; } /* monthly-calendar */ .calendar-title .left { float: none !important; width: 100%; text-align: center; padding-bottom: 25px; } .calendar-title .right { float: none !important; width: 100%; text-align: center; } } @media (max-width: 480px) { .special .academic-list p { font-size: 15px; } /* academic life and activities */ .activities-image { width: 100%; margin-bottom: 30px; } .activities-grid:last-child { margin-bottom: -30px; } /* meet our founders */ .founders hr { display: none; } .our-founders { width: 100%; margin-bottom: 30px; } .our-founders:last-child { margin-bottom: -30px; } /* conference and events , latest news and blogs */ .conference-list h2 { text-align: center; } .event-img { width: 100%; padding-bottom: 25px; } .event-img img { margin: 0 auto; } .event-content { text-align: center; } /* blog */ .blog-grid img { width: 100%; padding-top: 0; } /* contact */ .map-holder iframe { height: 300px; } /* nothing-found */ .blog-title p { top: 83px; } /* calendar-yearly */ .calendar { margin: 25px; } .calendar table.month tr td, .calendar table.month tr th { padding: 0 0 0 0; } /* footer */ .academic-theme { float: none !important; } .academic-theme.name { padding-top: 0px; padding-bottom: 15px; } } /* re-edited css */ /* .site-branding { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; color: #fff; height: 130px; } */ .site-branding { float: left; /* padding: 15px 15px; */ font-size: 18px; /* line-height: 100px; */ color: #333; /* height: 130px; */ } .site-branding h1.site-title a { color: #333; } li.page_item a { outline: 0; color: #bbcbd8; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; font-size: 14px; } .col-md-6.col-sm-12.col-xs-12.academic-list>p>strong { font-size: 18px; padding-top: 15px; font-family: roboto; font-style: normal; } .col-md-6.col-sm-12.col-xs-12.academic-list>p { font-size: 16px; font-weight: 300; font-style: italic; white-space: pre-wrap; font-family: roboto; } li.trail-item.trail-begin a { color: #034680; text-decoration: none; font-weight: 600; } .entry-content p { font-family: roboto; font-style: normal; font-weight: 100; font-size: 16px; } .col-lg-9.col-md-9.col-sm-12.col-xs-12.single-description p { font-family: roboto; font-size: 16px; } .blog-paragraph p { color: #999; font-weight: 300; padding-top: 0; font-family: roboto; font-size: 16px; margin: 0; } .academic-hub-breadcrumb { background: #fafafa none repeat scroll 0 0; } .breadcrumb-trail.breadcrumbs .trail-items li { display: inline-block; } input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="file"]) { border-radius: 0; font-weight: 400; outline: 0; padding: 19px; border: 1px solid #aeaeae; height: 30px; } .top_header.clearfix { height: 60px; } .page-content>p { font-family: roboto; font-size: 16px; } .pull-left.academic-theme a { text-decoration: none; color: #fff; font-size: 14px; } .pull-right.academic-theme.name a { text-decoration: none; color: #fff; font-size: 14px; } .aurthor span a { color: #fdc707; text-decoration: none; text-transform: capitalize; } .comments-area input#submit { width: 220px; max-width: 100%; height: 52px; font-size: 16px; background: #0a63b1; border-radius: 0; margin-top: 25px; outline: 0; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; color: #fff; } article#div-comment-6 { background: #f5f7f8; padding: 15px; } form.search-form .search-submit { width: 70px; padding: 10px; max-width: 100%; font-size: 14px; background: #0a63b1; border-radius: 0; outline: 0; -webkit-transition: all .50s ease; -o-transition: all .50s ease; transition: all .50s ease; color: #fff; } h2.entry-title a { color: #337ab7; text-decoration: none; } .entry-summary p { font-family: roboto; font-size: 16px; } time.entry-date.published.updated { color: #337ab7; font-size: 14px; text-transform: capitalize; text-decoration: none; } span.author.vcard a { color: #337ab7; font-size: 14px; text-transform: capitalize; } span.posted-on { font-size: 14px; } .entry-meta { margin-bottom: 15px; } span.cat-links { font-size: 14px; } span.cat-links a { color: #337ab7; margin-right: 5px; text-decoration: none; } span.comments-link a { color: #337ab7; text-decoration: none; } .single-section { background: #f5f7f8; padding-top: 0; padding-bottom: 0; } .search-section { background: #f5f7f8; padding-top: 0; } .pagination { margin: 40px 0 0 0; } .pagination { margin: 40px 0 0 0; } span.page-numbers.current { border-radius: 50%; outline: 0; font-weight: 600; margin-right: 13px; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; background: #337ab7; text-decoration: none; color: #fff; border: 1px solid #337ab7; } .logo-text .site-title a { color: #333; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #fff; text-decoration: none; } a:visited { color: #fff; text-decoration: none; } a:hover, a:focus, a:active { color: #10b64e; text-decoration: none; } a:focus { outline: 0; text-decoration: none; } a:hover, a:active { outline: 0; text-decoration: none; } a:not([href]):not([tabindex]) { color: #888; text-decoration: none; }