/* Theme Name: EducationAcademy Theme URI: http://templatic.com/ Description: Child Theme for Supreme Version: 1.0.11 Author: Templatic Author URI: http://templatic.com/ Template: supreme */ /* -------------------------------------------------- :: Index of Contents # Fonts Import # CSS Reset # Global Layout # Input layout -------------------------------------------------- */ /* -------------------------------------------------- :: Fonts -------------------------------------------------- */ /* Importing the parent theme stylesheet. */ @import url( '../supreme/style.css' ); @import url(http://fonts.googleapis.com/css?family=Droid+Sans); @font-face { font-family: 'ZineSlabDisRegularRomanTf'; src: url('font/zsd_rr-webfont.eot'); src: url('font/zsd_rr-webfont.eot?#iefix') format('embedded-opentype'), url('font/zsd_rr-webfont.woff') format('woff'), url('font/zsd_rr-webfont.ttf') format('truetype'), url('font/zsd_rr-webfont.svg#ZineSlabDisRegularRomanTf') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ZineSlabDisMediumRomanTf'; src: url('font/zsd_mr-webfont.eot'); src: url('font/zsd_mr-webfont.eot?#iefix') format('embedded-opentype'), url('font/zsd_mr-webfont.woff') format('woff'), url('font/zsd_mr-webfont.ttf') format('truetype'), url('font/zsd_mr-webfont.svg#ZineSlabDisMediumRomanTf') format('svg'); font-weight: normal; font-style: normal; } /* -------------------------------------------------- :: CSS Reset -------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .search_box p { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } form#searchform { left: -9999px; position: absolute; } * { margin: 0; padding: 0; list-style: none; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } a img { border:none; } p { margin: 0; padding: 0; } cite, i, em { font-style: italic@; } /* -------------------------------------------------- :: Global Layout -------------------------------------------------- */ body { background: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #6e7680; line-height:1.5; padding: 0; margin: 0; } a { color: #eda602; text-decoration: none; } a:hover { color: #fff; text-decoration: none; } a:active { color: #fff; text-decoration: none; } .clearfix { clear: both; } .left { float: left; } .right { float: right; } .hide { display: none; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans'; color: #ccc; font-weight:700; letter-spacing: 0px; } h1.welcome { font-size: 26px; font-size: 34px; font-weight:800; line-height: 34px;color: #511313; font-family: 'fenix'; margin-top: -65px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } h7 { font-size: 20px; color: #25383C; font-family: 'Open Sans',sans-serif; font-weight:700; } h1 span, h2 span { display: none; } .wrapper { width: 100%; overflow: hidden; margin: 0; } .container_row, .flexslider-hg { width: 980px; margin: 0 auto; padding-top:0px; } hr { height: 1px; border: 0; border-top: 1px solid #eeeeee; background: transparent; margin: auto; width: 100%; margin: 34px 0 30px; } /* -------------------------------------------------- :: Input layout -------------------------------------------------- */ input[type=text], input[type=password], select, textarea { background-color: #fff; border: 1px solid #DCDCDC; font-family: 'Droid Sans', sans-serif; font-size: 13px; color: #a8aeb5; margin: 0; padding: 7px 10px; } input[type=text]:focus, input[type=password]:focus, textarea:focus, .subscribe input[type="text"]:focus, footer .search_course #contact-form input[type="text"]:focus { background-color: #4A535E; color: #ffffff !important; outline: none; } footer input[type=text], footer input[type=password], footer select, footer textarea, footer .search_course p.sbg { border-radius: 5px !important; box-shadow: 1px 1px 1px #dadfe4 !important; border: none; background-color: #ffffff; color: #A8AEB5 !important; } input[type=submit], input[type=button], input[type=reset] { padding: 9px 12px 8px !important; } input[type=submit], input[type=button], input[type=reset], a.button, button { display: inline-block; outline: none; background-color: #000; border: none; border-radius: 3px; font-size: 12px; color: #ffffff !important; font-weight: normal; text-decoration: none; text-align: center; cursor: pointer; padding: 7px 12px; } input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, a.button:hover, a.button:hover, a.button:active, button:hover { background-color: #eda602; color: #000 !important; } input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input.input-text, input[type="time"], input[type="url"], input[type="week"], select, textarea { box-shadow: none; } a.button span { position: relative; top: 0; width: 100%; text-align: center; display: block; } input[type=submit]:active, input[type=button]:active { position: relative; top: 1px; left: 1px; } label { /*color: #333; letter-spacing: 0px; font-weight: bold;*/ } .r_col .designation a{ color:#9EA8B3; display:block; margin-bottom:5px; } /* -------------------------------------------------- :: Header -------------------------------------------------- */ .header_top { background-color: #691d1d; height:133px; padding-top:0px;} .logo { float: left; margin-top:-25px;padding-bottom: 0px; /*width: 450px;*/ } img.logo { padding: 0; } .logo a { display: block; float: left; font-size: 30px; } .logo div { display: block; float: left; font-family: 'Droid Sans', sans-serif !important; font-size: 11px !important; color: #7b8591 !important; text-shadow: 1px 1px 0 #ffffff; line-height: 14px; } .logo span { border-left: 1px solid #CDD1D7; color: #7B8591; display: block; float: left; font-family: 'Droid Sans',sans-serif; font-size: 11px; line-height: 14px; margin: 10px 0 0 6px; padding: 0 6px; text-shadow: 1px 1px 0 #FFFFFF; } div#menu-secondary .wrap { float:right !important; margin: 0px !important; padding: 0px !important; } div#menu-secondary { margin: 0px !important; } div#menu-secondary .menu li a { padding: 4px 13px 6px !important; } div#menu-primary .wrap { background-color: none !important; border-bottom: none !important; float: none !important; width: auto !important; } div#menu-primary .menu li a { padding: 5px; !important; border-radius:2px; } div#menu-primary { width: auto !important; float: right; } div#menu-primary .menu li a { background: none !important; border: none !important; margin: 0 5px; font-weight: normal;} .top_links { float: right; position: relative; font-size: 16px; color: #ccc; } .top_links ul { float: left; border-style: none; padding:; margin-top: 50px; } .top_links ul li { display: inline;} .top_links ul li:hover { background-color:#eda602;border-radius: 4px;} .top_links ul li a { color: #ccc; opacity:1; } .top_links ul li a:hover, .top_links ul li.current-page-item a { color: #04f3da; } .top_links p { color:#eda602; float: left; padding: 35px 12px 1px 10px; line-height: 33px; margin-left: 585px; margin-top: -120px; background-color: #000; border-radius: 0 0 5px 5px; ; } .**shape { display: block; float:left; position: relative; top: 0px; left: -20px; border-width: 33px 15px 0 0; z-index: 99999; border-style: solid; opacity: 0.6; border-color: transparent #c7d0d8; *display: none; } #menu-secondary-items { display: block; clear: right; float: right; margin: 22px 0 15px; } #menu-secondary-items li { display: block; float: left; margin-left: 12px; } #menu-secondary-items li a { display: block; border-radius: 5px; color: #464f55; padding: 9px 13px; white-space: nowrap; } #menu-secondary-items li a:hover, #menu-secondary-items li.current-page-item a { background: #217db9; box-shadow: 0 -1px #0b4888, 0 1px #ffffff; color: #ffffff; } .form_row { margin-top:20px;} .container_12 { position: relative; } .slider { position: relative; } .slider_container, .flexslider-hg-wrapper, .inner_head { background-image:url(http://ballroom.maustingraphics.com/bck.jpg); background-repeat:repeat; -webkit-box-shadow: 0 17px 17px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 17px 17px -6px rgba(0, 0, 0, 0.2); box-shadow: 0 17px 17px -6px rgba(0, 0, 0, 0.2); padding-bottom:125px; padding-top: 15px; } .slider ul { display: block; /*margin-top: 30px; padding-top: 106px;*/ *margin-top:0; *padding-top: 0px; *margin-top:0\0; *padding-top: 0px\0; } .slider ul li { border-radius: 5px; position: relative; overflow: hidden; } .slider ul li a { display: block; } .slider ul li a.prev, .slider ul li a.next, .flex-direction-nav { display: none !important; } .slider ul li img { max-width: 100%; } .slider ul li p { background: #511313; border-radius: 2px 0 0 0; color: #ccc; opacity: .9; position: absolute; bottom: 0px; padding: 25px 25px 18px; } .slider ul li p span { font-family: 'fenix'; font-size: 30px; color: #eda602; font-weight:800;line-height: 24px; } .slider ul li p span b { font-family: 'ZineSlabDisRegularRomanTf'; font-weight: normal; } .flex-control-nav { width: 100%; position: absolute; bottom: 4px; text-align: center; } .flex-control-nav li { margin: 0 9px 0 0; display: inline-block; zoom: 1; *display: inline; } .flex-control-nav li a { display: block; background: #691d1d; border-radius: 20px; box-shadow: 0 1px 1px rgba(0, 0, 0, .6) inset; width: 10px; height: 10px; cursor: pointer; text-indent: -9999px; } .flex-control-nav li a:hover { background: #eda602; } .flex-control-nav li a.active { background: #eda602; cursor: default; } .flex-direction-nav { display: none; } .slide_counts { display: block; position: absolute; left: 300px; bottom: 18px; margin: 0 !important; padding: 0 !important; } .slide_counts li { display: block; float: left; margin-right: 9px; } .slide_counts li a { display: block; background: #bdc7cd; border-radius: 20px; box-shadow: 0 1px 1px rgba(0, 0, 0, .6) inset; width: 10px; height: 10px; } .slide_counts li a:hover, .slide_counts li.current-menu-item a { background: #217db9; } .header .search_course input[type="submit"] {margin-top: 0; margin-bottom: 0;} .header .search_course input[type="text"] {margin-top: -2px !important;} .header .search_course { width: 940px; *height:75px; overflow: hidden; clear: both; overflow: hidden; position:relative; z-index: 10; margin-bottom: -8px; } .header .search_course input[type="text"] , select{ margin: 0 8px; } .slider .container_12 { padding-top: 30px; *height:1%; } .search_course { background: #217db9; border-radius: 5px; padding: 20px; *height: 1%; } footer .search_course { background: none !important; border-radius: 0px; padding: 0; *height: 1%; } .search_course input[type="text"], .sidebar .contat_form input[type="text"], .sidebar .contat_form textarea { width: 240px; background-color: #0d3b67; box-shadow: 1px 1px #31a1d6; border-radius: 4px; border: none; font-size: 13px; color: #97b9d9; padding: 9px 10px; margin: 0 0 15px 0; } .search_course select { width: 260px; background-color: transparent; border: none; font-size: 13px; color: #97b9d9; padding: 0; margin: 0; } .search_course p.sbg { float: left; background: #0d3b67; box-shadow: 1px 1px #31a1d6; border-radius: 4px; padding: 7px 10px 7px; } .search_course select option { padding: 0 10px; margin-top: 5px; } .sidebar .search_course input[type="submit"], .sidebar .contat_form .submit-form, .header .search_course input[type="submit"], .sidebar .contat_form .submit-form { background-color: #fcecad; background-image: linear-gradient(top, #fcecad 0%, #f8db6c 100%); background-image: -o-linear-gradient(top, #fcecad 0%, #f8db6c 100%); background-image: -moz-linear-gradient(top, #fcecad 0%, #f8db6c 100%); background-image: -webkit-linear-gradient(top, #fcecad 0%, #f8db6c 100%); background-image: -ms-linear-gradient(top, #fcecad 0%, #f8db6c 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #fcecad), color-stop(1, #f8db6c) ); border-radius: 4px; border: none; font-size: 13px; color: #0d3b67 !important; cursor: pointer; padding: 9px 10px; } .sidebar .search_course input[type="submit"]:hover, .header .search_course input[type="submit"]:hover { background-color: #f8db6c; background-image: linear-gradient(top, #f8db6c 0%, #fcecad 100%); background-image: -o-linear-gradient(top, #f8db6c 0%, #fcecad 100%); background-image: -moz-linear-gradient(top, #f8db6c 0%, #fcecad 100%) ; background-image: -webkit-linear-gradient(top, #f8db6c 0%, #fcecad 100%); background-image: -ms-linear-gradient(top, #f8db6c 0%, #fcecad 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #f8db6c), color-stop(1, #fcecad) ); color: #000000 !important; } .search_course h4 { background: url(images/search_icon.png) no-repeat left top; color: #ffffff; padding-left: 30px; margin-bottom: 13px; } .slider .search_course select { margin-bottom: 0; } .sidebar .search_course p.sbg { margin-bottom: 10px; } .sidebar .search_course select { width: 239px; } .sidebar .widget_column { width: 300px; } .search_course input[type="text"], .sidebar .contat_form input[type="text"], .sidebar .contat_form textarea { margin-bottom: 0; } .search_course input[type="text"] { margin-bottom: 10px; } .sidebar #contact-form span { color: #f8db6c; margin-bottom: 10px; } .ns_app { position: relative; width: 212px; background: #0d3b67 url(images/new_student.png) no-repeat 16px 28px; border-radius: 0 5px 5px 0; position: absolute; top: 0; right: 0; font-family: 'ZineSlabDisRegularRomanTf'; font-size: 19px; color: #ffffff; font-weight: normal; line-height: 27px; text-transform: uppercase; padding: 30px 0 32px 85px; *padding: 30px 0 30px 85px; clear: both; } .ns_app span { font-size: 28px; } .ns_app a { color: #ffffff; } .ns_app a:hover { color: #97b9d9; } .page .entry-content { padding-bottom: 0; } .shape1 { display: block; position: absolute; top: 0; left: -27px; border-width: 112px 27px 0 0; border-style: solid; border-color: transparent #0d3b67; *display: none; } .tags { position: relative; font-size: 12px; } .hentry .tags a { color:#217DB9; } .main_nav { position: relative; z-index: 1000; } div#menu-primary-title, div#menu-secondary-title, div#menu-subsidiary-title, div#menu-secondary-title, div#menu-header-primary-title, div#menu-header-secondary-title { color: #222; cursor: pointer; font: bold 12px/21px Verdana, Georgia, serif; padding: 10px 0; } div#menu-primary-title, div#menu-secondary-title, div#menu-subsidiary-title { background: #fafafa; padding: 10px 40px; } div#menu-secondary-title, div#menu-header-primary-title, div#menu-header-secondary-title { border-bottom: none; } div#menu-primary-title, div#menu-secondary-title, div#menu-subsidiary-title, div#menu-secondary-title, div#menu-header-primary-title, div#menu-header-secondary-title { display: none; } /* Primary Menu #primary-menu */ div#menu-primary .wrap { background-color: #fff; border-bottom: 3px double #f8f8f8; float: left; width: 100%; } div#menu-primary .menu { float: right; } div#menu-primary .menu ul ul{ width: 120px !important; padding-right: 10px; margin-top: -3px; background-color: #eda602; } div#menu-primary .menu li a { background-color:#ccc; border-left:; font-family: 'Open Sans',sans-serif; font-size: 12px; color: #ccc; font-weight:800; padding: 10px; text-transform: capitalize; } div#menu-primary .menu li a:hover { color: #511313; background-color:#fff; } div#menu-primary .menu li a.with-ul { padding-right: 10px; } div#menu-primary .menu li a.with-ul span.sub-indicator{ background: url(images/menu-sub-indicator.png) no-repeat; display: block; height: 3px; line-height: 1; position: absolute; right: 20px; text-indent: -999em; top: 14px; width: 5px; } div#menu-primary .menu li.current-menu-item a{ color: #fff; } div#menu-primary .menu li.current-menu-item a:hover{ color: #511313; } div#menu-primary .menu li.current-menu-item li a{ color: #fff; } /* Primary Dropdowns */ div#menu-primary .menu ul ul li { padding: 5px 0; } div#menu-primary .menu li li a { border-bottom: 1px solid #000000; color:fff; } div#menu-primary .menu li li a:hover { background-color: #fcfcfc; } /* Secondary and Subsidiary Menus div#menu-secondary, div#menu-subsidiary */ div#menu-secondary .wrap, div#menu-subsidiary .wrap { background: none !important; border-top: none; } div#menu-secondary-title, div#menu-subsidiary-title { display: none; } div#menu-secondary .menu, div#menu-subsidiary .menu{ float: left; } div#menu-secondary .menu ul ul, div#menu-subsidiary .menu ul ul{ width: 180px !important; } div#menu-secondary .menu li a, div#menu-subsidiary .menu li a{ border-right: none; font: 12px/21px Verdana, Georgia, serif; padding: 10px 40px 14px; } div#menu-secondary .menu li a.with-ul, div#menu-subsidiary .menu li a.with-ul{ padding-right: 60px; } div#menu-secondary .menu li a.with-ul span.sub-indicator, div#menu-subsidiary .menu li a.with-ul span.sub-indicator{ background: url(images/menu-sub-indicator.png) no-repeat; display: block; height: 3px; line-height: 1; position: absolute; right: 40px; text-indent: -9999em; top: 20px; width: 5px; } div#menu-secondary .menu li.current-menu-item a, div#menu-subsidiary .menu li.current-menu-item a{ font-weight: bold; } div#menu-secondary .menu li.current-menu-item li a, div#menu-subsidiary .menu li.current-menu-item li a{ font-weight: normal; } /* Secondary and Subsidiary Dropdowns */ div#menu-secondary .menu li li a, div#menu-subsidiary .menu li li a{ background-color: #f8f8f8; border: 0; border-bottom: 1px dotted #eee; } div#menu-secondary .menu li li a:hover, div#menu-subsidiary .menu li li a:hover { background-color: #fcfcfc; } /* Subsidiary Menu*/ /* Subsidiary Dropdowns */ div#menu-subsidiary .menu li:hover ul, div#menu-subsidiary .menu li.sfHover ul { bottom: 100%; left: 0; top: auto; } div#menu-subsidiary .menu li li:hover ul, div#menu-subsidiary .menu li li.sfHover ul { bottom: 0; top: auto; } /* Header Primary and Secondary Menus */ div#menu-header-primary, div#menu-header-secondary { float: right; margin-right: 40px; width: 200px; } div#menu-header-primary .wrap, div#menu-header-secondary .wrap { float: left; font-family: Georgia, serif; padding: 20px 0 36px; width: 100%; } div#menu-header-primary .menu, div#menu-header-secondary .menu, div#menu-header-primary .menu ul, div#menu-header-secondary .menu ul { width: 100%; } div#menu-header-primary .menu ul ul, div#menu-header-secondary .menu ul ul { width: 200px !important; } div#menu-header-primary .menu li, div#menu-header-secondary .menu li { display: block; float: none; width: 100%; } div#menu-header-primary .menu li a, div#menu-header-secondary .menu li a { background: url(images/dotted-every-3.png) left bottom repeat-x; font: 12px/21px Verdana, Georgia, serif; padding: 10px 20px; } div#menu-header-primary .menu li:last-child a, div#menu-header-secondary .menu li:last-child a { background: none; } div#menu-header-primary .menu li a.sf-with ul, div#menu-header-secondary .menu li a.sf-with ul { padding-right: 45px; } div#menu-header-primary .menu li a.with-ul span.sub-indicator, div#menu-header-secondary .menu li a.with-ul span.sub-indicator { background: url(images/menu-sub-indicator.png) no-repeat; display: block; height: 3px; line-height: 1; position: absolute; right: 20px; text-indent: -9999em; top: 20px; width: 5px; } div#menu-header-primary .menu li.current-menu-item a, div#menu-header-secondary .menu li.current-menu-item a { font-weight: bold; } div#menu-header-primary .menu li.current-menu-item li a, div#menu-header-secondary .menu li.current-menu-item li a { font-weight: normal; } /* Header Primary and Secondary Second Levels */ div#menu-header-primary .menu li li a, div#menu-header-secondary .menu li li a, div#menu-header-primary .menu li li:last-child a, div#menu-header-secondary .menu li li:last-child a { background: #f8f8f8 url(images/dotted-every-3.png) left bottom repeat-x; } div#menu-header-primary .menu li li a:hover, div#menu-header-secondary .menu li li a:hover { background-color: #fcfcfc; } /* In Menu Search Form */ div#menu-header-primary form.search-form, div#menu-header-secondary form.search-form { background: #fdfdfd; border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; -webkit-border-radius: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-shadow: inset 0 1px 1px #f2f2f2; -moz-box-shadow: inset 0 1px 1px #f2f2f2; -o-box-shadow: inset 0 1px 1px #f2f2f2; -webkit-box-shadow: inset 0 1px 1px #f2f2f2; clear: both; display: block; float: left; height: 36px; margin: 18px 0 0; padding: 0 20px; vertical-align: middle; width: 100%; } div#menu-header-primary form.search-form input[type="text"], div#menu-header-secondary form.search-form input[type="text"] { background: transparent; box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; font-size: 11px; height: auto; line-height: 18px; margin: 0; padding: 5px 0 0; width: auto; } div#menu-header-primary form.search-form input[type="submit"], div#menu-header-secondary form.search-form input[type="submit"] { background: url(images/icon-magnify.png) no-repeat; border: 0; box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; display: inline-block; float: right; height: 18px; margin-top: 9px; padding: 0; text-indent: -9999em; width: 18px; z-index: 2; } /* Header Primary and Secondary Menu Variations */ .layout-hl-1c div#menu-header-primary, .layout-hl-1c div#menu-header-secondary, .layout-hl-2c-l div#menu-header-primary, .layout-hl-2c-l div#menu-header-secondary, .layout-hl-2c-r div#menu-header-primary, .layout-hl-2c-r div#menu-header-secondary, .layout-hr-1c div#menu-header-primary, .layout-hr-1c div#menu-header-secondary, .layout-hr-2c-l div#menu-header-primary, .layout-hr-2c-l div#menu-header-secondary, .layout-hr-2c-r div#menu-header-primary, .layout-hr-2c-r div#menu-header-secondary { clear: both; float: none; margin: 0 0 18px; padding: 0 40px; width: auto; } .layout-hl-1c div#menu-header-primary .wrap, .layout-hl-1c div#menu-header-secondary .wrap, .layout-hl-2c-l div#menu-header-primary .wrap, .layout-hl-2c-l div#menu-header-secondary .wrap, .layout-hl-2c-r div#menu-header-primary .wrap, .layout-hl-2c-r div#menu-header-secondary .wrap, .layout-hr-1c div#menu-header-primary .wrap, .layout-hr-1c div#menu-header-secondary .wrap, .layout-hr-2c-l div#menu-header-primary .wrap, .layout-hr-2c-l div#menu-header-secondary .wrap, .layout-hr-2c-r div#menu-header-primary .wrap, .layout-hr-2c-r div#menu-header-secondary .wrap { padding: 0 0 36px; } .layout-hl-1c div#menu-header-primary .menu ul ul, .layout-hl-1c div#menu-header-secondary .menu ul ul, .layout-hl-2c-l div#menu-header-primary .menu ul ul, .layout-hl-2c-l div#menu-header-secondary .menu ul ul, .layout-hl-2c-r div#menu-header-primary .menu ul ul, .layout-hl-2c-r div#menu-header-secondary .menu ul ul, .layout-hr-1c div#menu-header-primary .menu ul ul, .layout-hr-1c div#menu-header-secondary .menu ul ul, .layout-hr-2c-l div#menu-header-primary .menu ul ul, .layout-hr-2c-l div#menu-header-secondary .menu ul ul, .layout-hr-2c-r div#menu-header-primary .menu ul ul, .layout-hr-2c-r div#menu-header-secondary .menu ul ul { width: 200px !important; } .layout-hr-1c div#menu-header-primary .menu ul ul ul, .layout-hr-1c div#menu-header-secondary .menu ul ul ul, .layout-hr-2c-l div#menu-header-primary .menu ul ul ul, .layout-hr-2c-l div#menu-header-secondary .menu ul ul ul, .layout-hr-2c-r div#menu-header-primary .menu ul ul ul, .layout-hr-2c-r div#menu-header-secondary .menu ul ul ul { left: auto !important; right: 100%; width: 100%; } .layout-hl-1c div#menu-header-primary .menu li a, .layout-hl-1c div#menu-header-secondary .menu li a, .layout-hl-2c-l div#menu-header-primary .menu li a, .layout-hl-2c-l div#menu-header-secondary .menu li a, .layout-hl-2c-r div#menu-header-primary .menu li a, .layout-hl-2c-r div#menu-header-secondary .menu li a, .layout-hr-1c div#menu-header-primary .menu li a, .layout-hr-1c div#menu-header-secondary .menu li a, .layout-hr-2c-l div#menu-header-primary .menu li a, .layout-hr-2c-l div#menu-header-secondary .menu li a, .layout-hr-2c-r div#menu-header-primary .menu li a, .layout-hr-2c-r div#menu-header-secondary .menu li a { padding: 10px 0; } .layout-hl-1c div#menu-header-primary .menu li a.with-ul, .layout-hl-1c div#menu-header-secondary .menu li a.with-ul, .layout-hl-2c-l div#menu-header-primary .menu li a.with-ul, .layout-hl-2c-l div#menu-header-secondary .menu li a.with-ul, .layout-hl-2c-r div#menu-header-primary .menu li a.with-ul, .layout-hl-2c-r div#menu-header-secondary .menu li a.with-ul, .layout-hr-1c div#menu-header-primary .menu li a.with-ul, .layout-hr-1c div#menu-header-secondary .menu li a.with-ul, .layout-hr-2c-l div#menu-header-primary .menu li a.with-ul, .layout-hr-2c-l div#menu-header-secondary .menu li a.with-ul, .layout-hr-2c-r div#menu-header-primary .menu li a.with-ul, .layout-hr-2c-r div#menu-header-secondary .menu li a.with-ul { padding-right: 25px; } .layout-hl-1c div#menu-header-primary .menu li a.with-ul span.sub-indicator, .layout-hl-1c div#menu-header-secondary .menu li a.with-ul span.sub-indicator, .layout-hl-2c-l div#menu-header-primary .menu li a.with-ul span.sub-indicator, .layout-hl-2c-l div#menu-header-secondary .menu li a.with-ul span.sub-indicator, .layout-hl-2c-r div#menu-header-primary .menu li a.with-ul span.sub-indicator, .layout-hl-2c-r div#menu-header-secondary .menu li a.with-ul span.sub-indicator, .layout-hr-1c div#menu-header-primary .menu li a.with-ul span.sub-indicator, .layout-hr-1c div#menu-header-secondary .menu li a.with-ul span.sub-indicator, .layout-hr-2c-l div#menu-header-primary .menu li a.with-ul span.sub-indicator, .layout-hr-2c-l div#menu-header-secondary .menu li a.with-ul span.sub-indicator, .layout-hr-2c-r div#menu-header-primary .menu li a.with-ul span.sub-indicator, .layout-hr-2c-r div#menu-header-secondary .menu li a.with-ul span.sub-indicator { right: 0; } /* Header Primary/Secondary Second Levels variations */ .layout-hl-1c div#menu-header-primary .menu li li a, .layout-hl-1c div#menu-header-secondary .menu li li a, .layout-hl-2c-l div#menu-header-primary .menu li li a, .layout-hl-2c-l div#menu-header-secondary .menu li li a, .layout-hl-2c-r div#menu-header-primary .menu li li a, .layout-hl-2c-r div#menu-header-secondary .menu li li a, .layout-hr-1c div#menu-header-primary .menu li li a, .layout-hr-1c div#menu-header-secondary .menu li li a, .layout-hr-2c-l div#menu-header-primary .menu li li a, .layout-hr-2c-l div#menu-header-secondary .menu li li a, .layout-hr-2c-r div#menu-header-primary .menu li li a, .layout-hr-2c-r div#menu-header-secondary .menu li li a { padding: 10px 20px; } .layout-hl-1c div#menu-header-primary .menu li li a.with-ul, .layout-hl-1c #menu-header-secondary .menu li li a.with-ul, .layout-hl-2c-l div#menu-header-primary .menu li li a.with-ul, .layout-hl-2c-l #menu-header-secondary .menu li li a.with-ul, .layout-hl-2c-r div#menu-header-primary .menu li li a.with-ul, .layout-hl-2c-r #menu-header-secondary .menu li li a.with-ul, .layout-hr-1c div#menu-header-primary .menu li li a.with-ul, .layout-hr-1c #menu-header-secondary .menu li li a.with-ul, .layout-hr-2c-l div#menu-header-primary .menu li li a.with-ul, .layout-hr-2c-l #menu-header-secondary .menu li li a.with-ul, .layout-hr-2c-r div#menu-header-primary .menu li li a.with-ul, .layout-hr-2c-r #menu-header-secondary .menu li li a.with-ul{ padding-right: 45px; } .layout-hl-1c div#menu-header-primary .menu li li a.with-ul span.sub-indicator, .layout-hl-1c div#menu-header-secondary .menu li li a.with-ul span.sub-indicator, .layout-hl-2c-l div#menu-header-primary .menu li li a.with-ul span.sub-indicator, .layout-hl-2c-l div#menu-header-secondary .menu li li a.with-ul span.sub-indicator, .layout-hl-2c-r div#menu-header-primary .menu li li a.with-ul span.sub-indicator, .layout-hl-2c-r div#menu-header-secondary .menu li li a.with-ul span.sub-indicator, .layout-hr-1c div#menu-header-primary .menu li li a.with-ul span.sub-indicator, .layout-hr-1c div#menu-header-secondary .menu li li a.with-ul span.sub-indicator, .layout-hr-2c-l div#menu-header-primary .menu li li a.with-ul span.sub-indicator, .layout-hr-2c-l div#menu-header-secondary .menu li li a.with-ul span.sub-indicator, .layout-hr-2c-r div#menu-header-primary .menu li li a.with-ul span.sub-indicator, .layout-hr-2c-r div#menu-header-secondary .menu li li a.with-ul span.sub-indicator { right: 20px; } /* Header Horizontal Menu */ div#menu-secondary { width: auto; float: right; margin-right: 40px; *clear: both; position: relative; z-index: 10000; } div#menu-secondary .wrap{ float: left; padding: 20px 0 36px; width: 100%; } div#menu-secondary .menu ul ul, #menu-secondary-items ul { width: 155px !important; background: #217DB9; border-radius: 5px; border: 1px solid #0b4888; padding: 0 10px; } div#menu-secondary .menu li a { } div#menu-secondary .menu li a.with-ul { padding-right: 45px; } div#menu-secondary .menu li a.with-ul span.sub-indicator { background: url(images/menu-sub-indicator.png) no-repeat; display: block; height: 3px; line-height: 1; position: absolute; right: 20px; text-indent: -9999em; top: 20px; width: 5px; } div#menu-secondary .menu li.current-menu-item a { font-weight: normal; background: #217DB9; box-shadow: 0 -1px #0B4888, 0 1px #FFFFFF; color: #FFFFFF !important; } div#menu-secondary .menu li.current-menu-item li a { font-weight: normal; } div#menu-secondary .menu li li.current-menu-item a { background: none; color: #000000; } /* Horizontal Menu Second Level */ div#menu-secondary .menu ul ul li { margin-left: 0; } #menu-secondary-items li li { margin-left: 0; } #menu-secondary-items li li a:hover, #menu-secondary-items li li.current-page-item a { box-shadow: none !important; color: #92CFF4; } div#menu-secondary .menu ul ul li:last-child a { border-bottom: none !important; } div#menu-secondary .menu li li a, #menu-secondary-items ul li a { background: none; color: #ffffff; padding: 5px 0 8px!important; border-bottom: 1px solid #3991ca; border-radius: 0px; box-shadow: none !important; } div#menu-secondary .menu li li a:hover { background: none; color: #92CFF4 !important; } /* Header Horizontal Menu Variations */ .layout-hl-1c div#menu-secondary, .layout-hl-2c-l div#menu-secondary, .layout-hl-2c-r div#menu-secondary, .layout-hr-1c div#menu-secondary, .layout-hr-2c-l div#menu-secondary, .layout-hr-2c-r div#menu-secondary { clear: both; float: none; margin: 0 0 18px; padding: 0 40px; width: auto; } .layout-hl-1c div#menu-secondary .wrap, .layout-hl-2c-l div#menu-secondary .wrap, .layout-hl-2c-r div#menu-secondary .wrap, .layout-hr-1c div#menu-secondary .wrap, .layout-hr-2c-l div#menu-secondary .wrap, .layout-hr-2c-r div#menu-secondary .wrap { padding: 0 0 36px; } .layout-hl-1c div#menu-secondary .menu li, .layout-hl-2c-l div#menu-secondary .menu li, .layout-hl-2c-r div#menu-secondary .menu li, .layout-hr-1c div#menu-secondary .menu li, .layout-hr-2c-l div#menu-secondary .menu li, .layout-hr-2c-r div#menu-secondary .menu li { float: none; width: 100%; } .layout-hr-1c div#menu-secondary .menu ul ul ul, .layout-hr-2c-l div#menu-secondary .menu ul ul ul, .layout-hr-2c-r div#menu-secondary .menu ul ul ul { left: auto !important; right: 100%; width: 100%; } .layout-hl-1c div#menu-secondary .menu li a, .layout-hl-2c-l div#menu-secondary .menu li a, .layout-hl-2c-r div#menu-secondary .menu li a, .layout-hr-1c div#menu-secondary .menu li a, .layout-hr-2c-l div#menu-secondary .menu li a, .layout-hr-2c-r div#menu-secondary .menu li a { background: url(images/dotted-every-3.png) left bottom repeat-x; padding: 10px 0; } .layout-hl-1c div#menu-secondary .menu li a.with-ul, .layout-hl-2c-l div#menu-secondary .menu li a.with-ul, .layout-hl-2c-r div#menu-secondary .menu li a.with-ul, .layout-hr-1c div#menu-secondary .menu li a.with-ul, .layout-hr-2c-l div#menu-secondary .menu li a.with-ul, .layout-hr-2c-r div#menu-secondary.menu li a.with-ul { padding-right: 25px; } .layout-hl-1c div#menu-secondary .menu li a.with-ul span.sub-indicator, .layout-hl-2c-l div#menu-secondary .menu li a.with-ul span.sub-indicator, .layout-hl-2c-r div#menu-secondary .menu li a.with-ul span.sub-indicator, .layout-hr-1c div#menu-secondary .menu li a.with-ul span.sub-indicator, .layout-hr-2c-l div#menu-secondary .menu li a.with-ul span.sub-indicator, .layout-hr-2c-r div#menu-secondary .menu li a.with-ul span.sub-indicator { right: 0; } /* Header Horizontal Second Levels variations */ .layout-hl-1c div#menu-secondary .menu li li a, .layout-hl-2c-l div#menu-secondary .menu li li a, .layout-hl-2c-r div#menu-secondary .menu li li a, .layout-hr-1c div#menu-secondary .menu li li a, .layout-hr-2c-l div#menu-secondary .menu li li a, .layout-hr-2c-r div#menu-secondary .menu li li a { background-color: #f8f8f8; padding: 10px 20px ; } .layout-hl-1c div#menu-secondary .menu li li a:hover, .layout-hl-2c-l div#menu-secondary .menu li li a:hover, .layout-hl-2c-r div#menu-secondary .menu li li a:hover, .layout-hr-1c div#menu-secondary .menu li li a:hover, .layout-hr-2c-l div#menu-secondary .menu li li a:hover, .layout-hr-2c-r div#menu-secondary .menu li li a:hover { background-color: #fcfcfc; } .layout-hl-1c div#menu-secondary .menu li li a.with-ul, .layout-hl-2c-l div#menu-secondary .menu li li a.with-ul, .layout-hl-2c-r div#menu-secondary .menu li li a.with-ul, .layout-hr-1c div#menu-secondary .menu li li a.with-ul, .layout-hr-2c-l div#menu-secondary .menu li li a.with-ul, .layout-hr-2c-r div#menu-secondary.menu li li a.with-ul { padding-right: 45px; } .layout-hl-1c div#menu-secondary .menu li li a.with-ul span.sub-indicator, .layout-hl-2c-l div#menu-secondary .menu li li a.with-ul span.sub-indicator, .layout-hl-2c-r div#menu-secondary .menu li li a.with-ul span.sub-indicator, .layout-hr-1c div#menu-secondary .menu li li a.with-ul span.sub-indicator, .layout-hr-2c-l div#menu-secondary .menu li li a.with-ul span.sub-indicator, .layout-hr-2c-r div#menu-secondary .menu li li a.with-ul span.sub-indicator { right: 20px; } /* Footer Menu */ div#menu-footer{ float: right; } div#menu-footer .wrap { tex-transform: uppercase; } div#menu-footer .menu{ } div#menu-footer .menu ul{ } div#menu-footer .menu ul ul{ display: none; } div#menu-footer .menu li{ margin-left: 40px; } div#menu-footer .menu li a{ line-height: 15px; padding: 12px 0; color: #A8B1BB; } div#menu-footer .menu li a:hover{ color: #ffffff; } div#menu-footer .menu li a.with-ul span.sub-indicator{ display: none; } /* Footer Menu Dropdowns */ div#menu-footer .menu li:hover ul, div#menu-footer .menu li.sfHover ul, div#menu-footer .menu li:hover li ul, div#menu-footer .menu li.sfHover li ul, div#menu-footer .menu li li:hover ul, div#menu-footer .menu li li.sfHover ul, div#menu-footer .menu li li:hover li ul, div#menu-footer .menu li li.sfHover li ul, div#menu-footer .menu li li li:hover ul, div#menu-footer .menu li li li.sfHover ul { top: -9999em; } /** * Header ************************************************/ .header-wrap { background: #fff; } #branding{ box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; padding: 0 40px; width: 480px; } #site-title{ color: #222; font: bold 50px/60px Helvetica, Arial, sans-serif; letter-spacing: -0.05em; padding: 24px 0 24px; } #site-title a{ color: #222; } #site-title a:hover{ text-decoration: none; } #site-description{ color: #666; font: 15px/24px Georgia, serif; padding: 0 0 30px; float: left; } #site-description span { display: block; margin: 19px 0 0 10px; border-left: 1px solid #CDD1D7; color: #7B8591; display: block; float: left; font-family: 'Droid Sans',sans-serif; font-size: 11px; line-height: 14px; padding: 0 0 0 6px; text-shadow: 1px 1px 0 #FFFFFF; } .layout-hl-1c #branding, .layout-hl-2c-l #branding, .layout-hl-2c-r #branding, .layout-hr-1c #branding, .layout-hr-2c-l #branding, .layout-hr-2c-r #branding { width: 100%; } /** * Content ************************************************/ /* -------------------------------------------------- :: Section -------------------------------------------------- */ .section { padding-top: 54px; } .section .breadcrumbs{ display:none; } .hfeed .loop-meta{ display:none; } /* -------------------------------------------------- :: Content -------------------------------------------------- */ #content { float: left; width: 100%; } .content { float: left; width: 100%; } .content .one_col h1, .content h1 { font-size: 30px; line-height: 36px; } .content .one_col h1 b, .content h1 b { color: #0d3b67; font-weight: normal; } .content .one_col h1 strong, .content h1 strong { color: #217db9; font-weight: normal; } .content .one_col small, .content small { display: block; font-size: 18px; color: #eda602; margin: 5px 0 10px; } .content .one_col p { line-height: 22px; padding-bottom: 22px; } .three-column-gal { width: 100% !important; } .four-column-gal { width: 100% !important; } .one_col { margin-bottom: 15px !important; } .two_col { float: left; width: 310px; clear: none !important; margin-right: 15px; } .three_col { float: left; width: 310px; clear: none !important; margin-right: 15px; } .mrgn_0 { margin-right: 0;} .inner_head { position: relative; padding: 0px 0; } .inner_head h2 { float: left; font-size: 30px; color: #2a343e; } .inner_head h2 p{ font-size: 15px; clear: both; color: #9ea8b3; } .inner_head p { clear: both; color: #9ea8b3; } .breadcrumb { background: none repeat scroll 0 0 #E6E9EC; border-radius: 5px 5px 5px 5px; box-shadow: 0 1px #D1D4D7 inset, 0 1px #FFFFFF; display: block; width: auto; float: left; font-family: 'Droid Sans', sans-serif; font-size: 13px; padding: 6px 12px; margin-top: 5px; display: none; } .breadcrumb li { display: inline; color: #217db9; } .breadcrumb li a { color: #7c848e; margin-right: 3px; } .breadcrumb li a:hover { color: #000000; } .breadcrumb li span { color: #9ea8b3; } .breadcrumb .trail-end { color:#217DB9; } .grid_01 { float: left; width: 650px; } .inner_head .ns_app { position: static; float: right; background: url(images/new_student.png) no-repeat 7px -130px !important; padding: 7px 0 7px 70px; } .inner_head .ns_app:hover { background-position: -8px -275px; } .inner_head .ns_app a { color: #0d3b67; } .inner_head .ns_app:hover a { color: #217DB9; } .full_width { width: 100%; } .flexslider ul li{ padding:0px !important;} .entry-author-meta .author-name { margin: 15px 0 0 70px; text-transform:none; font-weight:normal; font-family:'Droid Sans',sans-serif;font-size:100%; } /* -------------------------------------------------- :: Sidebar -------------------------------------------------- */ .widget-inside { padding:0px !important; } .widget-inside * {max-width: none;} #sidebar-primary, #sidebar-secondary {width: 300px;} .sidebar { float: right; padding:0px !important;} div.sidebox { height: 477px; width: 320px; float: left;} .widget { clear: both; position: relative; margin-bottom: 36px; } .widget h2 { margin-bottom: 19px; line-height: 16px; *line-height: 20px; } .widget-title { font-size: 24px; margin-bottom: 19px; line-height: 16px; } .sidebar .widget { clear: both; margin: 0 0 45px; } .sidebar .widget .widget {margin-bottom: 0;} /* Flicker*/ .flickr .flickr_badge_image a { display: block; float: left; margin: 0 9px 9px 0; } .flickr .flickr_badge_image a img { width: 66px !important; height: auto; } .flickr .flickr_badge_image a img:hover { -moz-transition: all 0.4s ease 0s; opacity: 0.4; } footer .search_course h4 { margin-bottom: 19px; line-height: 16px; *line-height: 20px; font-size: 24px; color: #434A51; padding-left: 0; background: none; } article .rainbow-thumbnail, article a img { display: block; float: left; margin: 0 15px 20px 0; width: 60px; } .advt img { max-width: 100%; } .nivo-directionNav { position: absolute; top: 3px; right: 0; } .nivo-directionNav a { display: block; width: 28px; height: 28px; background: #e8ecf1 url(images/sprit.png); border-radius: 35px; } .nivo-directionNav a:hover { background-color: #aab6c5; } .nivo-directionNav a.nivo-prevNav { float: left; background-position: 12px 10px; } .nivo-directionNav a.nivo-nextNav { float: right; background-position: 12px -17px; margin-left: 4px; } .links { margin-top: -8px; } .sidebar .widget ul li { display: block !important; background: url(images/sprit4.png) no-repeat right 6px; border-bottom: 1px solid #e6e9ed; padding: 10px 30px 10px 0px; cursor: pointer; } .sidebar .widget ul li:hover { background: url(images/sprit1.png) no-repeat right 6px; } .sidebar .widget ul li a { color: #6e7680; } .sidebar .widget ul li a:hover { color: #4B95C6; } .sidebar .ns_app{ display:none;} .blue_box { background: #4b95c6 url(images/addmission_bg.png) repeat-x left bottom; border-radius: 5px; font-size: 12px; color: #e0f1fc; padding: 20px; } .blue_box h2 { font-size: 27px; color: #ffffff; margin: 5px 0 20px; } .blue_box p { float: right; font-size: 18px; margin: 12px 0 -4px; } .blue_box h2 a { color:#fff; font-weight:normal; } .blue_box a { color:#fff; font-weight:bold; } .gray_box { background: #4a535e; border-radius: 5px; padding: 0 40px; } .gray_box img, .video img { max-width: 100%; } .sidebar #searchform { margin-bottom: 40px; } #search-texthybrid-search { width: 280px; border-radius: 5px; border: 1px solid #DDDDDD; box-shadow: 1px 1px 0 #ccc; } #contact_frm { padding: 20px 0 40px; } /* -------------------------------------------------- :: Footer -------------------------------------------------- */ footer { *height: 1%; } .footer_top { background: #e8ecf1 url(images/texture.png) repeat left top; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset; padding: 50px 0 35px !important; } .footer_top h2 { margin-bottom: 31px; } .footer_bottom { background: #1b1b1b; height:80px;} .footer .widget { clear: none; margin: 0; } .widget_column { float: left; width: 310px; margin: 1px 25px 0 0; } #content .hfeed .widget_column { float: none; } .widget_column .list_01 li { border-bottom: 1px solid #d8dbdf; } .widget_column .list_01 li:last-child { border-bottom: none; } .copyright, p.credit { float: left; font-size: 12px; color: #fff; padding: 11px 0 7px; } .copyright a { color: #A8B1BB; } .copyright a:hover { color: #ffffff; } .copyright img { position: relative; vertical-align: middle; height:20px; } #success{ margin:5px; color:green; } .copyright a.templatic { background: url(images/templatic_wordpress_themes_logo.png) no-repeat right top; padding: 2px 85px 4px 0; } footer .widget ul.list_01 li, footer .widget ul li.list_01 li { clear: both; } /* -------------------------------------------------- :: Widget -------------------------------------------------- */ .list_01 li { display: block; background: none !important; border-bottom: 1px solid #e6e9ed; font-size: 12px; padding: 20px 0 !important; } .list_01 li:first-child { padding-top: 0 !important; } .list_01 li:last-child { border: none; } .list_01 li a { color: #4B95C6; } .list_01 li a:hover { color: #000000 !important; } .list_01 .img { display: block; float: left; width: 60px; margin: 0 15px 20px 0; } .list_01 a img:hover { -moz-transition: all 0.4s ease 0s; opacity: .5; } .list_01 h6 { font-family: 'Droid Sans', sans-serif; font-size: 13px; color: #3086be; margin-bottom: 3px; } .list_01 time { display: block; margin-bottom: 10px; } .list_01 time span { color: #9ea8b3; } .list_01 time b { color: #3086be; font-weight: normal; } .list_01 li time a { color: #6e7680 !important; } .list_01 li time a:hover { color: #4B95C6 !important; } .list_01 li time { color: #4B95C6 } .list_02 a img { display: block; float: left; width: 118px; margin: 0 15px 15px 0; } .list_02 a img:hover { -moz-transition: all 0.4s ease 0s; opacity: .5; } .list_02 h6 { font-family: 'Droid Sans', sans-serif; font-size: 13px; color: #3086be; } .list_02 .r_col { float: right; width: 175px; } .list_02 span.title { display: block; font-size: 12px; color: #9ea8b3; margin-bottom: 6px; } .list_02 b { display: block; border-top: 1px solid #e6e9ed; font-size: 12px; font-weight: normal; padding: 8px 0; } .list_02 p { clear: both; margin-bottom: 20px; } .widget { *height:1%; } .white_box { position: relative; background: #eef1f4; border-radius: 5px; padding: 30px 28px 15px; } .white_box h3 { line-height: 10px; margin-bottom: 25px; } .list_03 { display: block; } .list_03 li { display: block; float: left; width: 120px; text-align: center; /* margin: 0 11px; */ position: relative; } .list_03 li.last-child { margin-right:0; } .list_03 li a { display: block; color: #6e7680; } .list_03 li a:hover { color: #4b95c6; } .list_03 li a span { display: block; /*width: 84px; height: 84px; background: #ffffff; border-radius: 100px;*/ margin: 0 auto 10px; } .list_03 li a span.accom { background-position: 25px 24px; } .list_03 li a span.communi { background-position: -102px 24px; } .list_03 li a span.scoller { background-position: -227px 24px; } .list_03 li a span.trans { background-position: -354px 24px; } .list_03 li a span.otherf { background-position: -482px 24px; } .list_03 li a span.accom:hover { background-position: 25px -74px; box-shadow: 0 0 10px #cccccc; } .list_03 li a span.communi:hover { background-position: -102px -74px; box-shadow: 0 0 10px #cccccc; } .list_03 li a span.scoller:hover { background-position: -227px -74px; box-shadow: 0 0 10px #cccccc; } .list_03 li a span.trans:hover { background-position: -354px -74px; box-shadow: 0 0 10px #cccccc; } .list_03 li a span.otherf:hover { background-position: -482px -74px; box-shadow: 0 0 10px #cccccc; } ul.list_04 li, .footer ul.templatic_twitter_widget li { display: block; background: url(images/twitter_bird.png) no-repeat left top; border-bottom: 1px solid #d8dbdf; margin-bottom: 12px; padding: 0 0 11px 40px; } ul.list_04 li:hover, .footer ul.templatic_twitter_widget li:hover { background: url(images/twitter_bird_h.png) no-repeat left top;} ul.list_04 li:last-child { border-bottom: none; margin-bottom: 0; cursor: pointer; } ul.list_04 li span { color: #a3acb7; } .white_box img { margin-top:17px; } .contat_form input[type="text"] { width: 195px; } .contat_form textarea { width: 275px; height: 70px; } .list_05 { display: block; float: right; padding: 50px 0; padding: 8px 0; } .list_05 li { display: block; float: left; margin-left: 5px; padding-left: 0; } .list_05 li:first-child { margin-left: 0; } .list_05 li a { display: block; background: url(images/sprit.png) no-repeat; width: 24px; height: 24px; } .list_05 li a.twitter { background-position: left -133px; } .list_05 li a.facebook { background-position: -29px -133px; } .list_05 li a.flickr { background-position: -58px -133px; } .list_05 li a.rssfeed { background-position: -87px -133px; } .list_05 li a.twitter:hover { background-position: left -177px; } .list_05 li a.facebook:hover { background-position: -29px -177px; } .list_05 li a.flickr:hover { background-position: -58px -177px; } .list_05 li a.rssfeed:hover { background-position: -87px -177px; } .list_06 li { display: block; float: left; margin: 0 9px 9px 0; } .list_06 li a { display: block; } .list_06 li a img:hover { -moz-transition: all 0.4s ease 0s; opacity: .4; } .list_06 li.last { margin-right: 0; } .list_07 { display: block;} .list_07 li { float: left; width: 30%; position: relative; max-height: 100%; margin: 0 3.2% 35px 0; clear: none; text-align: center; padding: 0;} .list_07 li.last { margin-right: 0; } .list_07 li img { max-width: 100%; width: 100%; height: auto; } .list_07 li img:hover { opacity: .4; -moz-transition: all 0.4s ease-out 0s; } .list_07 li a { display: block; text-align: center; } .list_07 li .featured-image-link { position: relative; margin-bottom: 5px; } .list_07 li h2 { background: none !important; box-shadow: none; margin: 0 0 5px; padding: 0; } .four-column-gal .list_07 li { width: 21.8%; } .gallery {margin: 0;} .gallery-item { float: left; margin: 0 3.2% 35px 0; max-height: 100%; position: relative; text-align: center; width: 30%; } .gallery-item img { width: 100%; max-width: 100%; height: auto; } .gallery-row { margin-top: 10px; } .inner_head .container_row .grid_01 h2, .inner_head .container_row .ns_app {display: none;} .templ-grid .hentry { float: left; clear: none; margin: 0 3.2% 35px 0; max-height: 100%; position: relative; text-align: center; width: 30%; } .templ-grid .hentry .posted_on { display: none; } .templ-grid .hentry h2 { background: none; box-shadow: none; margin: 0 0 5px; padding: 0; line-height: 24px; text-align: center; } .templ-grid .hentry h2 a { color: #434A51; } .templ-grid .hentry h2 a:hover { color: #217DB9; } .templ-grid .entry-content p, .templ-grid .hentry .byline { display: none; } .templ-grid .entry-content a img { height: 180px; width: auto; } .templ-grid .desc { margin: 5px 0 10px; text-align: left; } .templ-grid .desc span { display:block; } .templ-list .hentry { text-align: left; } .templ-list .entry-content a img { display: block; float: left; width: 180px; margin: 0 20px 20px 0; } .templ-list .entry-content .desc span { display: block; border-bottom: 1px solid #E6E9ED; padding: 8px 0; margin-left: 200px; } .templ-list .desc { margin-bottom: 10px; } .four-column-gal li h1, .three-column-gal li h1 { background: none; box-shadow: none; margin: 0 0 5px; padding: 0 !important; } .b_twitter { margin-left: 40px; } table caption { font-size: 14px; } .widget #wp-calendar { border: 1px solid #eae6e6; } .widget #wp-calendar th { font-weight: bold; } .bx-pager { text-align: center; margin-top: 20px; } .bx-pager a { background: #BDC7CD; border-radius: 20px 20px 20px 20px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) inset; display: inline-block; height: 10px; width: 10px; text-indent: -99999px; margin-right: 9px; } .bx-pager a:hover, .bx-pager a.pager-active { background: #217DB9; } .sidebar .bx-wrapper a.bx-prev, .bx-wrapper a.bx-next { background: url("images/sprit.png") repeat scroll 0 0 #E8ECF1; border-radius: 35px 35px 35px 35px; display: block; height: 28px; width: 28px; } .sidebar .bx-wrapper a.bx-prev:hover, .sidebar .bx-wrapper a.bx-next:hover { background-color: #AAB6C5; } .sidebar .bx-wrapper a.bx-prev { background-position: 12px 10px; float: left; position: absolute; top: -42px; right: 33px; } .sidebar .bx-wrapper a.bx-next { background-position: 12px -17px; float: right; margin-left: 4px; position: absolute; top: -42px; right: 0; } .sidebar .bx-wrapper { width: 300px !important; } .bx-highter .bx-window { overflow: visible !important; height: 150px !important; } .bx-highter .bx-window a img { max-height: 100%; } .sidebar .bx-window { width: 300px !important; height: auto; overflow: visible; } #small_slider a { display: block; width: 100%; text-align: center; } #small_slider a img { max-width: 100%; height: 150px !important; } .white_box a.bx-prev, .white_box a.bx-next { display: none; } .white_box .bx-wrapper, .white_box .bx-window { width: 100% !important; } .sidebar .featured_video .bx-wrapper .bx-window .video div { float: left; } .sidebar .featured_video .bx-wrapper .bx-window .video div iframe { width: 100% !important; height: 200px; } .sidebar .featured_video .bx-wrapper .bx-pager { display: none; } /* --------------- widgets ------------------- */ .footer .widget_footer1, .footer .widget_footer2, .footer .widget_footer3 { width: 31.3%; margin-right: 3%; float: left; } .footer .widget_footer3 { margin-right: 0 !important; } .widget h3, h3.widget-title, .testimonials h3, .footer .social_media h3, .footer .container_row h3 { background: none; font-family: 'Open Sans'; color: #ccc; font-size: 30; line-height: normal; font-weight: 700; text-transform: none; margin-bottom: 0; padding-left: 0; padding-bottom: 12px; margin-top:-60px; } .footer .footer_top .widget:last-child { margin-right: 0 !important;} .footer .widget h3, .footer .widget h4, h2.i_twitter, .footer .testimonials h3 { margin-bottom: 15px; line-height: 30px; padding: 0; } /* --------------- ~Social Media Widget------------------- */ p.social_description, .subscribe p, .subscribe input { margin-bottom: 15px; } ul.social_media_list li { width: 100%; float: left; clear: both; margin-bottom: 5px; padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid #D8DBDF; } ul.social_media_list li:last-child { border-bottom: 0; } .sidebar .social_media ul li, .sidebar .social_media ul li:hover {background: none;} ul.social_media_list li a { line-height: 30px; display: block; clear: both; } ul.social_media_list li a abbr { background: #ffffff; font-size: 20px; text-align: center; line-height: 30px; color: #9199a2; width: 30px; height: 30px; border-radius: 15px; float: left; display: block; margin-right: 10px; cursor: pointer; } ul.social_media_list li a.twitter abbr { line-height: 34px; } ul.social_media_list li a.flickr abbr { line-height: 38px; } ul.social_media_list li a:hover abbr { background: #000000; color: #ffffff; } /* --------------- ~Subscibe Widget------------------- */ input[type="text"], input[type="password"] { color: #A8AEB5 !important; padding: 9px 10px; width: 251px; clear: both; float: none; } .subscribe input[type="text"], .subscribe input[type="password"] { width: 251px; display: block; } .subscribe input.replace { clear: both; } /* --------------- ~Testimonial Widget------------------- */ #testimonials span cite { color: #A3ACB7; width: 100%; clear: both; float: left; margin-top: 5px; } /* -------------------------------------------------- :: Blog Info -------------------------------------------------- */ .hfeed { border: none; } .entry-title, .byline, .entry-content, .entry-author, .entry-meta { border: none; } #sidebar-primary, #sidebar-secondary { border: none; } .grid_3 { position: relative; margin-bottom: 50px; } .grid_3 img { max-width: 100%; } .grid_3 .posted_on { display: none; position: absolute; top: 0; right: 25px; background: #217db9; font-family: 'ZineSlabDisRegularRomanTf'; font-size: 36px; color: #ffffff; line-height: 25px; text-align: center; padding: 15px 15px 10px; } .loop-entries li{ padding: 0; position: relative;} .loop-entries li a img{ max-width: 100%; } .loop-entries li .posted_on{ display: none; position: absolute; top: 0; right: 25px; background: #217db9; font-family: 'ZineSlabDisRegularRomanTf'; font-size: 36px; color: #ffffff; line-height: 25px; text-align: center; padding: 13px 4px 8px; } .loop-entries li .posted_on small { display: none; font-size: 18px; color: #ffffff; margin-bottom: 0; } .loop-entries li h2 { clear:both; background: #edf0f4; box-shadow: 0px 1px #e0e0e0; font-size: 25px; padding: 10px 115px 35px 16px !important; margin-bottom: 10px; } .loop-entries li .byline { display: block; font-family: 'Droid Sans', sans-serif; font-size: 12px; color: #818891; font-weight: normal; margin-top:-45px; margin-left:19px; } .loop-entries li h2 a{ color:#434A51; } .loop-entries .entry-summary a { /*color:#fff;*/ } .loop-entries .entry-summary p{ line-height: 22px; } .loop-entries .entry-summary p img{ position: relative; float: left; margin: 0 20px 20px 0;} .hentry .entry-content a{ color: #000; } .hentry .entry-content div.er img { position: relative; float: left; margin: 0 15px 20px 0; max-width: 100% !important;} .templ-grid .hentry .entry-content div.er img { width: 100% !important; } .templ-list .staff .desc { float: left; width: 450px; } .templ-list .staff .entry-content .desc span { margin-left: 0; clear:both; } .hfeed .hentry { position: relative; margin-bottom: 30px; } .hentry h1 {clear: both; font-size: 25px; padding: 10px 0px 26px 0px !important; margin-bottom: 28px; color: #eda602; } .hentry a{ color:#434A51; } .hentry .byline { display: none; font-family: 'Droid Sans', sans-serif; font-size: 12px; color: #818891; font-weight: normal; margin-top:-58px; margin-left:17px; width: auto; float:left; padding: 0; background: none; border: 0;} .hentry .byline a { color:#217DB9; } .hentry .byline a:hover { color:#000000; } .hentry .byline span a { font-weight:normal; color:#217DB9; } .hentry h2 { clear:both; background: #edf0f4; box-shadow: 0px 1px #e0e0e0; font-size: 25px; padding: 10px 115px 30px 16px; margin-bottom: 28px; } .hfeed .post img { max-width: 100%; margin-bottom: -5px; } .templ-list .staff h2, .templ-list .facilities h2 { padding: 0 !important; background: none; box-shadow: none; } .templ-list .staff h2 { margin-bottom: 0px; } .templ-list .staff h2 a { color: #2A343E; } .templ-list .staff h2 a:hover { color: #217DB9; } .templ-list .staff .entry-content .desc span a { color: #434A51 !important; } .templ-list .staff .entry-content .desc span a { color: #217DB9 !important; float: none; } .templ-list .staff .entry-content .desc span label { font-weight: bold; } .staff p span { margin-top: 0px !important; } .hentry a { color:#434A51; } .hentry a:hover { color: #217DB9; } .entry-content p { line-height: 22px; margin-bottom: 20px; text-align:justify; } .entry-content .attachment-image .aligncenter { width: 100%; float: none; } .hentry .posted_on{ position: absolute; display: none; top: 0; right: 25px; background: #217db9; font-family: 'ZineSlabDisRegularRomanTf'; font-size: 36px; color: #ffffff; line-height: 25px; text-align: center; padding: 14px 0px 6px; max-width:100px; width: 62px; } .hentry .posted_on small { display: block; font-size: 14px; color: #ffffff; margin-bottom: 0; float: none; width: auto; display:none; } .page h1 { color: #eda602; clear:both; background: none; box-shadow: none; padding: 0px !important; margin: 0px; font-size:30px;} .page a{ color:#217DB9; } .page p span { font-size:14px; font-weight:normal; padding:0px 5px 0 20px; color: #217DB9; margin-top:20px; display:inline-block;} .page span { font-size:24px; letter-spacing:0; font-weight:inherit; } .page h2 { clear:both; background: none !important; box-shadow: none; font-size: 25px; padding: 0px !important; margin: 0px; } .page p span.author { margin-left: 0; font-family: 'Droid Sans',sans-serif; padding: 5px; } /* entry-content list styles */ .entry-content ul, .entry-content ol {padding-left: 15px; margin: 10px 0} .entry-content ul li {list-style:disc; padding-left: 0} .entry-content ol li {list-style:decimal; padding-left: 0} .entry-content ul li ol li {list-style:decimal} .entry-content ol li ul li {list-style:disc} .c_title { margin-top: 20px !important; } .prof_detail { line-height: 25px; } .prof_img img { height: 180px; } .page p span.edit { padding: 0; margin: 0; } .page p span.edit a { color: #4B95C6; font-family: 'Droid Sans',sans-serif; font-size: 12px; } .inner_head a { color:#000; } .inner_head a:hover { color:#217DB9; } .grid_3 .posted_on small { display: block; font-size: 18px; color: #ffffff; margin-bottom: 0; } .blog_info h2.info { background: #edf0f4; box-shadow: 0px 1px #e0e0e0; font-size: 25px; padding: 10px 115px 16px 16px; margin-bottom: 28px; } .blog_info h2 span { display: block; font-family: 'Droid Sans', sans-serif; font-size: 12px; color: #818891; font-weight: normal; } .blog_info span b { font-weight: normal; color: #217db9; } .blog_info p { line-height: 22px; margin-bottom: 28px; } .blog_info p.two_col { float: left; width: 310px; } .blog_info p.two_col span { font-family: 'ZineSlabDisRegularRomanTf'; font-size: 18px; color: #217db9; font-style: italic; } .comment-wrap { line-height:80px; } .comment-text { margin-left:50px; margin-top:-26px; } .comment-meta cite { color:#4B95C6; font-style:normal; } .comment-text p {margin:0px;padding:0px;} .comment-author cite { color: #4B95C6; font-size: 13px; } form#commentform { padding: 27px 0 18px; } .comment ul li { background: none; position: relative; border-bottom: 1px solid #eeeeee; border-bottom: 0\9; padding: 21px 0; padding-bottom: 0\9; clear: both;} .comment ul li:last-child { padding-bottom: 0; border: none; } .comment ul li img.avatar { display: block; position: relative; float: left; margin: 0 15px 10px 0; } .comment ul li a img:hover { -moz-transition: all 0.4s ease 0s; opacity: .6; } .comment ul li .comment-meta { padding: 0 76px 9px 46px; position: relative; } .comment ul li .comment-meta span { display: block; font-size: 12px !important; color: #a1a8b0; } .comment ul li p { margin: 10px 0 0 0; } .comment ul li ul { border-top: 1px solid #eeeeee; padding: 0 0 0 45px; margin-top: 21px; clear: both; } .comment ul li .comment-meta:after { clear: both; } .says { display:none;} .comment-body p { padding-left: 46px; } .comments-wrap h3 { font-size: 24px; } .comments-wrap { clear: both; margin-top: 30px; } #comments-number, #reply-title {padding: 0;} #respond h3{ clear:both; } #comment { padding-top:10px;} #respond { margin: 40px 0; padding-top: 35px; /*border-top: 1px solid #eeeeee;*/ clear: both; } #respond label { float: left; width: 92px; font-size: 15px; padding-top: 10px; } #respond input[type="text"] { width: 240px; border: 1px solid #dcdcdc; border-radius: 0; box-shadow: none; font-size: 12px; color: #bcbcbc; } form#commentform input[type="text"], form#commentform textarea {display: inline; width: auto;} #respond textarea { width: 420px; height: 96px; border: 1px solid #dcdcdc; border-radius: 0; box-shadow: none; font-size: 12px; color: #bcbcbc; } #respond span { font-size: 10px; color: #ff0000; vertical-align: top; margin-left: 8px; } #commentform p { clear:both; } .form-submit { margin-top: 20px; } .comment-reply-link { background: url(images/sprit.png) no-repeat -130px -207px; position: absolute; right: 0; top: 22px; padding-right: 14px; } .loop-title { color: #2A343E; float: left; font-size: 30px; font-weight: normal; } .loop-meta { padding: 0; } .comment-meta a { color: #A1A8B0; font-size: 12px; } .comment-meta a:hover { color: #000000 !important; } .comment-edit-link { color: #3086be !important; } .loop-nav, .pagination, .comment-pagination, .bbp-pagination { padding: 12px 4px 30px; text-align: center; } .entry-author-meta { margin-bottom: 30px; padding: 0;} footer #searchform { float: left; width: 310px; } footer .search_course input[type="text"], footer .search_course p.sbg { margin-bottom: 14px; width: 251px; } footer .search_course #contact-form input[type="text"] { margin-bottom: 0px; background: #ffffff;} footer .search_course select { box-shadow: none !important; width: 251px; } footer .ns_app { display: none; } /* -------------------------------------------------- :: Page Templages -------------------------------------------------- */ #contact_frm .form_row label { width: 100px; vertical-align: top; margin-top: 12px; } #contact_frm .form_row input[type="text"] { width: 240px; } #contact_frm .form_row .indicates { font-weight: normal; font-size: 13px; color: #ff0000; } #contact_frm .form_row textarea { width: 420px; height: 96px; } #contact_frm .form_row .message_error { display: block; margin-left: 104px; } #contact_frm .b_submit { margin: 12px 0 0 104px; } .staff .content a img { clear: both; width: auto; float: left; margin: 20px 20px 20px 0; } .staff .content p { margin-top: 20px; } .course .content span { font-size: 13px; } /* -------------------------------------------------- :: Tablet (Portrait) -------------------------------------------------- */ .img_left { position: relative; float: left; margin: 0 20px 20px 0; } .img_right { position: relative; float: right; margin: 0 0 20px 20px; } .page img { max-width: 100%; } .contact { background: url(images/sprit3.png) no-repeat; font-size: 16px; color: #4d545c; padding: 7px 0 7px 40px; } .phone { background-position: left top; margin-right: 22px; line-height: 42px; } .email { background-position: left -72px; line-height: 42px; } .map { margin-bottom: 30px; } /* COURSE DETAILS */ .course_detail { overflow-x: scroll; margin-bottom: 30px; } .course_detail td, .course_detail_hdr th { border: 1px solid #dce0e2; } .course_detail_hdr, .course_detail_content { min-height: 34px; width: 650px; } .course_detail_content.alt {background: #f1f4f6} .course_detail_hdr, .course_detail_hdr th { background: #217db9; color: #ffffff; font-weight: bold; } .column_1, .column_2, .column_3, .column_4, .column_5, .column_6 { padding: 0 8px; line-height: 30px; } .column_1 { width: 65px } .column_2 { width: 170px } .column_3 { width: 120px } .column_4 { width: 70px } .column_5 { width: 60px } .column_6 { width: auto } .hentry .entry-content small { color: #9EA8B3; display: block; font-size: 13px; margin-bottom: 25px; } #content .sidebar {float:none} .hentry p .phone { background-position: left 4px; padding-left:40px; font-size:17px; } .hentry p.contact { background: url("images/sprit3.png") no-repeat scroll 0 0 transparent; color: #4D545C; font-size: 17px; padding-left:140px; } .hentry p .email { background-position: left 4px; font-size: 17px; padding-left:40px; } .success_msg { background: #EBF9E7; font-weight:normal; color:green; margin-top:40px; border-top: 1px solid #C8DCC8; border-bottom: 1px solid #C8DCC8; padding: 8px; } .form_row .message_error { font-weight:normal; color:red; font-size:13px; font-family:'Droid Sans',sans-serif; } .inner_head .loop-description p { clear: both; color: #9EA8B3; font-size:13px; font-family:'Droid Sans',sans-serif; } .tooltip { display: block; background: #4b95c6; width: 89px; border-radius: 5px; font-size: 12px; color: #ffffff; padding: 10px; text-align: center; } #slider_facility li a img { border:0; cursor:pointer; } .bx-window{ width:480px !important; } .lbl{ font-size:13px !important; font-weight:bold !important; } .line-b{ margin:0px 0px 5px!important; } #contact-form span { display: block; color: #ff0000; font-size: 13px; margin-bottom: 14px; } .entry-content { padding: 0 0 50px 0; } .entry-content .page-links { display: none; } .loop-nav, .pagination, .comment-pagination, .bbp-pagination { display: none; } .loop-nav span.previous, .loop-nav span.next, .pagination .page-numbers, .comment-pagination .page-numbers, .bbp-pagination .page-numbers { background: #449fd6; background-image: linear-gradient(top, #edf0f4 0%, #e3e6ea 100%); background-image: -o-linear-gradient(top, #edf0f4 0%, #e3e6ea 100%); background-image: -moz-linear-gradient(top, #edf0f4 0%, #e3e6ea 100%); background-image: -webkit-linear-gradient(top, #edf0f4 0%, #e3e6ea 100%); background-image: -ms-linear-gradient(top, #edf0f4 0%, #e3e6ea 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #edf0f4), color-stop(1, #e3e6ea) ); margin-right: 4px; color: #3a4248; border-radius: 4px; text-align: center; padding: 3px 10px; } .loop-nav span.previous:hover, .loop-nav span.next:hover, .pagination .page-numbers:hover, .comment-pagination .page-numbers:hover, .bbp-pagination .page-numbers:hover { background: #449fd6; background-image: linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -o-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -moz-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -webkit-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -ms-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #449fd6), color-stop(1, #2557a7) ); font-weight: normal; color: #ffffff; } .pagination .current, .comment-pagination .current, .bbp-pagination .current { background: #449fd6; background-image: linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -o-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -moz-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -webkit-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -ms-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #449fd6), color-stop(1, #2557a7) ); font-weight: normal; color: #ffffff; } #sidebar-after-singular p { margin-bottom: 20px; } .entry-content div.er { line-height: 22px; } .search-form { float: right; margin: 15px 0 0px; } .search-form:after { clear:both; } .search-form .search-text { border-radius: 4px; padding: 8px 10px 7px; } .header .search-form {margin-left: 5px;} .header .search-form .search-text {width: auto;} .header input.search-submit {padding: 8px 10px !important; height: auto;} .i_customlable .lbl { font-weight: normal !important; } .top_navigation_in { float:left; } .currentmenu, .currentmenu2 { display:none; } #map-canvas { margin-bottom: 40px; float: left; width: 100%; } #menu-secondary-items .sub-indicator { display: none; } /* -------------------------------------------------- :: Tablet (Portrait) -------------------------------------------------- */ @media only screen and (min-width: 1768px) and (max-width: 960px) { /*----- NAVIGATION RESPONSIVE -----**/ /*----- MENUS RESET -----*/ /* Global Menus Reset */ div#menu-primary-title, div#menu-secondary-title, div#menu-subsidiary-title, div#menu-header-primary-title, div#menu-header-secondary-title, div#menu-header-horizontal-title { display: block; } span.sub-indicator { display: none !important; } div#menu-primary .menu, div#menu-secondary .menu, div#menu-subsidiary .menu, div#menu-header-primary .menu, div#menu-header-secondary .menu, div#menu-header-horizontal .menu { display: none; float: none; height: auto; min-height: none; padding: 0; width: 100%; } div#menu-primary .menu.visible, div#menu-secondary .menu.visible, div#menu-subsidiary .menu.visible, div#menu-header-horizontal .menu.visible, div#menu-header-primary .menu.visible, div#menu-header-secondary .menu.visible { /* Works with supreme.js .toggleClass() */ display: block; } div#menu-primary .menu ul, div#menu-primary .menu li, div#menu-primary .menu ul ul, div#menu-secondary .menu ul, div#menu-secondary .menu li, div#menu-secondary .menu ul ul, div#menu-subsidiary .menu ul, div#menu-subsidiary .menu li, div#menu-subsidiary .menu ul ul, div#menu-header-primary .menu ul, div#menu-header-primary .menu li, div#menu-header-primary .menu ul ul, div#menu-header-secondary .menu ul, div#menu-header-secondary .menu li, div#menu-header-secondary .menu ul ul, div#menu-header-horizontal .menu ul, div#menu-header-horizontal .menu li, div#menu-header-horizontal .menu ul ul { float: none; width: 100% !important; } div#menu-primary .menu ul ul, div#menu-secondary .menu ul ul, div#menu-subsidiary .menu ul ul, div#menu-header-primary .menu ul ul, div#menu-header-secondary .menu ul ul, div#menu-header-horizontal .menu ul ul, .layout-hl-1c div#menu-header-primary .menu ul ul, .layout-hl-1c div#menu-header-secondary .menu ul ul, .layout-hl-2c-l div#menu-header-primary .menu ul ul, .layout-hl-2c-l div#menu-header-secondary .menu ul ul, .layout-hl-2c-r div#menu-header-primary .menu ul ul, .layout-hl-2c-r div#menu-header-secondary .menu ul ul, .layout-hr-1c div#menu-header-primary .menu ul ul, .layout-hr-1c div#menu-header-secondary .menu ul ul, .layout-hr-2c-l div#menu-header-primary .menu ul ul, .layout-hr-2c-l div#menu-header-secondary .menu ul ul, .layout-hr-2c-r div#menu-header-primary .menu ul ul, .layout-hr-2c-r div#menu-header-secondary .menu ul ul, .layout-hl-1c div#menu-header-horizontal .menu ul ul, .layout-hl-2c-l div#menu-header-horizontal .menu ul ul, .layout-hl-2c-r div#menu-header-horizontal .menu ul ul, .layout-hr-1c div#menu-header-horizontal .menu ul ul, .layout-hr-2c-l div#menu-header-horizontal .menu ul ul, .layout-hr-2c-r div#menu-header-horizontal .menu ul ul { bottom: auto !important; display: block !important; left: auto !important; margin: 0 !important; position: static !important; top: auto !important; visibility: visible !important; width: 100% !important; } div#menu-primary .menu li li a, div#menu-secondary .menu li li a, div#menu-subsidiary .menu li li a, div#menu-header-primary .menu li li a, div#menu-header-secondary .menu li li a, div#menu-header-horizontal .menu li li a { padding-left: 40px !important; } div#menu-primary .menu li li li a, div#menu-secondary .menu li li li a, div#menu-subsidiary .menu li li li a, div#menu-header-primary .menu li li li a, div#menu-header-secondary .menu li li li a, div#menu-header-horizontal .menu li li li a { padding-left: 60px !important; } div#menu-primary .menu li li li li a, div#menu-secondary .menu li li li li a, div#menu-subsidiary .menu li li li li a, div#menu-header-primary .menu li li li li a, div#menu-header-secondary .menu li li li li a, div#menu-header-horizontal .menu li li li li a { padding-left: 80px !important; } div#menu-primary .menu li li li li li a, div#menu-secondary .menu li li li li li a, div#menu-subsidiary .menu li li li li li a, div#menu-header-primary .menu li li li li li a, div#menu-header-secondary .menu li li li li li a, div#menu-header-horizontal .menu li li li li li a { padding-left: 100px !important; } /* Primary Menu */ div#menu-primary .menu li a { background: #fff url(images/disc.png) 40px 11px no-repeat; border: 0; border-bottom: 1px dotted #f8f8f8; padding-left: 66px; padding-right: 40px; } div#menu-primary .menu li a:hover { background-color: #fcfcfc; } div#menu-primary .menu li li a { background-color: #fff; background-position: 66px 11px; border-color: #f8f8f8; } div#menu-primary .menu li li li a {background-position: 20px -2155px;} div#menu-primary .menu li li li li a {background-position: 40px -2155px;} div#menu-primary .menu li li li li li a {background-position: 60px -2155px;} /* Secondary/Subsidiary Menus */ div#menu-secondary .menu li a, div#menu-subsidiary .menu li a { background: #fff url(images/disc.png) 40px 17px no-repeat; border: 0; border-bottom: 1px dotted #f8f8f8; padding-left: 66px; padding-right: 40px; } div#menu-secondary .menu li a:hover, div#menu-subsidiary .menu li a:hover { background-color: #fcfcfc; box-shadow: none; } div#menu-secondary .menu li li a, div#menu-subsidiary .menu li li a { background-color: #fff; background-position: 66px 17px; border-color: #f8f8f8; padding: 10px 0; } div#menu-secondary .menu li li li a, div#menu-subsidiary .menu li li li a { background-position: 20px -2154px; } div#menu-secondary .menu li li li li a, div#menu-subsidiary .menu li li li li a { background-position: 40px -2154px; } div#menu-secondary .menu li li li li li a, div#menu-subsidiary .menu li li li li li a { background-position: 60px -2154px; } /* Header Primary/Secondary/Horizontal Menus */ div#menu-header-primary, div#menu-header-secondary, div#menu-header-horizontal { clear: both; float: none !important; margin: 0 !important; padding: 0 40px; width: auto !important; } div#menu-header-primary .wrap, div#menu-header-secondary .wrap, div#menu-header-horizontal .wrap { padding-top: 0; } div#menu-header-primary .menu li a, div#menu-header-secondary .menu li a, div#menu-header-horizontal .menu li a { background: #fff url(images/disc.png) 0 17px no-repeat !important; border: 0; border-bottom: 1px dotted #f8f8f8; padding-left: 26px !important; padding-right: 0; } div#menu-header-primary .menu li li a, div#menu-header-secondary .menu li li a, div#menu-header-horizontal .menu li li a { background: #fff url(images/disc.png) 26px 17px no-repeat !important; padding-left: 52px !important; padding-right: 0; } div#menu-header-primary .menu li li li a, div#menu-header-secondary .menu li li li a, div#menu-header-horizontal .menu li li li a { background-position: 52px 17px !important; padding-left: 78px !important; } div#menu-header-primary .menu li li li li a, div#menu-header-secondary .menu li li li li a, div#menu-header-horizontal .menu li li li li a { background-position: 78px 17px !important; padding-left: 104px !important; } div#menu-header-primary .menu li li li li li a, div#menu-header-secondary .menu li li li li li a, div#menu-header-horizontal .menu li li li li li a { background-position: 104px 17px !important; padding-left: 130px !important; } div#menu-footer { width: 100%; } div#menu-footer .menu li { margin-left: 0; margin-right: 40px; } /*----- PRIMARY MENU START -----*/ div#menu-primary { width: 100%; } div#menu-primary .wrap { float: none; clear: both; } div#menu-primary-title { float: none; width: auto; background: url(images/menu.png) no-repeat 10px -55px; border-radius: 0; font-size: 14px; color: #ffffff; font-weight: normal; padding: 12px 10px; } div#menu-primary-title:hover, div#menu-secondary-title:hover { color: #000; } div#menu-primary .menu { clear: both; } div#menu-primary .menu li { padding: 0; margin-left: 0; } div#menu-primary .menu li a { border-bottom: 1px dashed #F2F2F2; text-shadow: none; padding: 10px 20px; } div#menu-primary .menu li.current-menu-item a { color: #3077d2; } div#menu-primary .menu li a:after { display: none; } div#menu-primary .menu li li a { background-image: url(images/small_icons.png); background-repeat: no-repeat; background-position: left -2157px; } /*----- SECONDARY MENU START -----*/ div#menu-secondary { clear: both; float: none !important; width: auto; } div#menu-secondary .wrap { float: none !important; width: auto; } div#menu-secondary-title { width: auto; background: #4099FF url(images/menu.png) no-repeat 15px 17px; box-shadow/*\**/: 1px 1px 1px #000000\9; box-shadow: 0px 1px 1px rgba(0,0,0,0.5); border-radius: 3px; font-size: 16px; color: #ffffff; font-weight: normal; line-height: normal; padding: 12px 14px 12px 38px; } div#menu-secondary-title:active { box-shadow: none; } div#menu-secondary-title:hover { background-color: #333333; } div#menu-secondary .menu li a { border-bottom: 1px dashed #F2F2F2; padding: 10px 20px; } div#menu-secondary .menu li a:hover:before, div#menu-secondary .menu li:hover > a:before, .mega-menu ul.mega li a:hover:before { display: none; } div#menu-secondary .menu li li a { background-image: url(images/small_icons.png); background-repeat: no-repeat; background-position: left -2155px; border: none; color: #333333; } div#menu-secondary .menu li li a { background-color: none; } div#menu-secondary .menu li li > a:hover, div#menu-secondary .menu li li.current-menu-item > a, div#menu-secondary .menu li li.current_page_item > a, div#menu-secondary .menu li li:hover > a { background-color: #ffffff; border-top-color: none; border-bottom-color: none; color: #3077d2; } /*----- NAVIGATION RESPONSIVE END -----*/ .container_row { width:748px; } /*--------- HEADER ----------*/ .header .search_course { width: 708px; } .header .search_course input[type="text"] { width: 125px; } .header .search_course select { width: 145px; } .slide_counts { left: 340px; } /*--------- CONTENT ----------*/ #content, .content, #sidebar-primary, #sidebar-secondary { width: 100%; } .two_col { float: none; width: 100%; } .three_col { float: none; width: 100%; margin-right: 0; } .list_02 .r_col { width: 362px; } .full_width { width: 100%; } .grid_01 { width: 445px; } /*--------- SIDEBAR ----------*/ .sidebar { width: 200px; } .sidebar .bx-window { width: 200px !important; } .sidebar .bx-wrapper { width: 200px !important; } #search-texthybrid-search { width: 180px; } .blue_box h2 { line-height: 28px; } /*--------- FOOTER ----------*/ /*--------- WIDGET ----------*/ .contat_form textarea { width: 196px; } .search_course input[type="text"] { width: 140px; } .search_course select { width: 160px; } footer .search_course input[type="text"], footer .search_course p.sbg, .footer .subscribe input[type="text"], .footer .subscribe input[type="password"] { width: 210px; } .contat_form textarea { width: 210px; } .list_06 li img { width: 42px; } .sidebar .search_course select { width: 140px; } div.menu { background: #ffffff; border-radius: 5px; } div#menu-secondary .wrap { margin-bottom: 20px !important; } div#menu-primary-title, div#menu-secondary-title, div#menu-subsidiary-title, div#menu-secondary-title, div#menu-header-primary-title, div#menu-header-secondary-title, .currentmenu span, .currentmenu2 span { display: block; background: #449fd6; background-image: linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -o-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -moz-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -webkit-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -ms-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #449fd6), color-stop(1, #2557a7) ); border-radius: 4px; font-family: 'ZineSlabDisRegularRomanTf'; font-size: 18px; font-weight: normal; color: #ffffff; padding: 11px 20px 9px; } div#menu-header-primary .menu li a, div#menu-header-secondary .menu li a, div#menu-secondary .menu li a { } div#menu-secondary .menu-container { margin-bottom: 20px !important; } #menu-secondary-items li { margin-left: 0; border-bottom: 1px solid #dddddd; } div#menu-secondary .menu li a { background-image: none !important; padding: 5px 25px !important; color: #464F55 !important; } div#menu-secondary .menu li a:hover { color: #ffffff !important; } div#menu-secondary .menu ul ul { border-radius: 0; background: none; width: auto !important; border: none; padding: 0px 0px 0px 25px !important; } #menu-secondary-items li ul li { border: none; } div#menu-header-primary .menu li li a, div#menu-header-secondary .menu li li a, div#menu-secondary .menu li li a { background-image: none !important; } div#menu-header-primary .menu li li li a, div#menu-header-secondary .menu li li li a, div#menu-secondary .menu li li li a { padding-left: 0 !important; } div#menu-secondary .menu li li a { border-bottom: 1px solid #f2f2f2; } div#menu-header-primary .menu li li li a:hover, div#menu-header-secondary .menu li li li a:hover, div#menu-secondary .menu li li li a:hover, div#menu-secondary .menu li li a:hover { color: #449fd6 !important } div#menu-header-primary, div#menu-header-secondary, div#menu-secondary { padding: 0 !important; } div#menu-secondary .menu li.current-menu-item a { color: #ffffff !important; } div#menu-primary { float: none; } div#menu-primary .menu ul, div#menu-primary .menu li, div#menu-primary .menu ul ul, div#menu-secondary .menu ul, div#menu-secondary .menu li, div#menu-secondary .menu ul ul, div#menu-subsidiary .menu ul, div#menu-subsidiary .menu li, div#menu-subsidiary .menu ul ul, div#menu-header-primary .menu ul, div#menu-header-primary .menu li, div#menu-header-primary .menu ul ul, div#menu-header-secondary .menu ul, div#menu-header-secondary .menu li, div#menu-header-secondary .menu ul ul, div#menu-secondary .menu ul, div#menu-secondary .menu li, div#menu-secondary .menu ul ul { width: auto; } div#menu-primary .menu ul ul { width: auto !important; } div#menu-primary .menu li li a, div#menu-secondary .menu li li a, div#menu-subsidiary .menu li li a, div#menu-header-primary .menu li li a, div#menu-header-secondary .menu li li a, div#menu-secondary .menu li li a { padding-left: 0 !important; } div#menu-secondary .menu li li.current-menu-item a { color: #449FD6 !important; background: none !important; } div#menu-secondary .menu li.current-menu-item li a { background: none !important; color: #449FD6 !important; } div#menu-header-primary .menu li a, div#menu-header-secondary .menu li a, div#menu-secondary .menu li a { background: none; } .menu ul ul { padding: 10px 0 10px 20px !important; } .top_links p { margin: 6px 0 6px 15px; padding-left: 25px; } div#menu-primary .menu li a { padding: 5px 10px !important; border-bottom: 1px solid #dddddd !important; } .shape { display: none; } .top_links { width: 100%; } .sidebar .featured_video .bx-wrapper .bx-window .video div iframe { height: auto; } .sidebar .bx-wrapper a.bx-next, .sidebar .bx-wrapper a.bx-prev { position: static; float:left; margin: 5px 5px 30px 0; } #contact_frm .form_row textarea { width: 310px; } .templ-grid .hentry h2 { font-size: 1.2em; } .logo { padding: 20px 0; } .list_07 li a { font-size: .8em; } .top_navigation_in { float: none; } .top_navigation_in { margin-bottom:11px; } .currentmenu { display:none; } .menu-header,div.menu { border: 1px solid #D4D8DB; border-radius: 6px 6px 6px 6px; display:block; } .main_nav_in { margin-bottom: 20px; } .main_nav_in ul li { border: none; border-bottom:1px solid #ddd; float: none; text-align: left; } .main_nav_in ul li a { padding:6px 12px; color:#666; } .main_nav_in ul li:last-child {border-bottom:none;} .main_nav_in ul > li:hover { color:#0178BA; background:none; } .main_nav_in ul li:hover a, .main_nav_in ul li a:hover { color:#0178BA; } .main_nav_in ul li.current-menu-item { background:none; border-top:none; bottom:0; margin:0; padding:0; } #menu-secondary-items { float: none; } #menu-secondary-items li { float: none; margin-left: 0; } #menu-secondary-items ul { position: static !important; padding-left: 30px; } .main_nav { clear: both; } div#menu-secondary .menu ul ul, #menu-secondary-items ul { width: auto !important; } .top_navigation_in { margin-bottom: 0; } .top_links ul { background: none; padding-right: 10px; margin-left: 0; } div#menu-secondary .menu ul ul { padding: 0px 0px 0px 50px !important; } } /* -------------------------------------------------- :: Mobile (Landscape) -------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { #site-description {text-align: center; margin-top: -20px;} #content, .content, #sidebar-primary, #sidebar-secondary { width: 100%; } /*----- NAVIGATION RESPONSIVE -----**/ /*----- MENUS RESET -----*/ /* Global Menus Reset */ div#menu-primary-title, div#menu-secondary-title, div#menu-subsidiary-title, div#menu-header-primary-title, div#menu-header-secondary-title, div#menu-header-horizontal-title { display: block; } span.sub-indicator { display: none !important; } div#menu-primary .menu, div#menu-secondary .menu, div#menu-subsidiary .menu, div#menu-header-primary .menu, div#menu-header-secondary .menu, div#menu-header-horizontal .menu { display: none; float: none; height: auto; min-height: none; padding: 0; width: 100%; } div#menu-primary .menu.visible, div#menu-secondary .menu.visible, div#menu-subsidiary .menu.visible, div#menu-header-horizontal .menu.visible, div#menu-header-primary .menu.visible, div#menu-header-secondary .menu.visible { /* Works with supreme.js .toggleClass() */ display: block; } div#menu-primary .menu ul, div#menu-primary .menu li, div#menu-primary .menu ul ul, div#menu-secondary .menu ul, div#menu-secondary .menu li, div#menu-secondary .menu ul ul, div#menu-subsidiary .menu ul, div#menu-subsidiary .menu li, div#menu-subsidiary .menu ul ul, div#menu-header-primary .menu ul, div#menu-header-primary .menu li, div#menu-header-primary .menu ul ul, div#menu-header-secondary .menu ul, div#menu-header-secondary .menu li, div#menu-header-secondary .menu ul ul, div#menu-header-horizontal .menu ul, div#menu-header-horizontal .menu li, div#menu-header-horizontal .menu ul ul { float: none; width: 100% !important; } div#menu-primary .menu ul ul, div#menu-secondary .menu ul ul, div#menu-subsidiary .menu ul ul, div#menu-header-primary .menu ul ul, div#menu-header-secondary .menu ul ul, div#menu-header-horizontal .menu ul ul, .layout-hl-1c div#menu-header-primary .menu ul ul, .layout-hl-1c div#menu-header-secondary .menu ul ul, .layout-hl-2c-l div#menu-header-primary .menu ul ul, .layout-hl-2c-l div#menu-header-secondary .menu ul ul, .layout-hl-2c-r div#menu-header-primary .menu ul ul, .layout-hl-2c-r div#menu-header-secondary .menu ul ul, .layout-hr-1c div#menu-header-primary .menu ul ul, .layout-hr-1c div#menu-header-secondary .menu ul ul, .layout-hr-2c-l div#menu-header-primary .menu ul ul, .layout-hr-2c-l div#menu-header-secondary .menu ul ul, .layout-hr-2c-r div#menu-header-primary .menu ul ul, .layout-hr-2c-r div#menu-header-secondary .menu ul ul, .layout-hl-1c div#menu-header-horizontal .menu ul ul, .layout-hl-2c-l div#menu-header-horizontal .menu ul ul, .layout-hl-2c-r div#menu-header-horizontal .menu ul ul, .layout-hr-1c div#menu-header-horizontal .menu ul ul, .layout-hr-2c-l div#menu-header-horizontal .menu ul ul, .layout-hr-2c-r div#menu-header-horizontal .menu ul ul { bottom: auto !important; display: block !important; left: auto !important; margin: 0 !important; position: static !important; top: auto !important; visibility: visible !important; width: 100% !important; } div#menu-primary .menu li li a, div#menu-secondary .menu li li a, div#menu-subsidiary .menu li li a, div#menu-header-primary .menu li li a, div#menu-header-secondary .menu li li a, div#menu-header-horizontal .menu li li a { padding-left: 40px !important; } div#menu-primary .menu li li li a, div#menu-secondary .menu li li li a, div#menu-subsidiary .menu li li li a, div#menu-header-primary .menu li li li a, div#menu-header-secondary .menu li li li a, div#menu-header-horizontal .menu li li li a { padding-left: 60px !important; } div#menu-primary .menu li li li li a, div#menu-secondary .menu li li li li a, div#menu-subsidiary .menu li li li li a, div#menu-header-primary .menu li li li li a, div#menu-header-secondary .menu li li li li a, div#menu-header-horizontal .menu li li li li a { padding-left: 80px !important; } div#menu-primary .menu li li li li li a, div#menu-secondary .menu li li li li li a, div#menu-subsidiary .menu li li li li li a, div#menu-header-primary .menu li li li li li a, div#menu-header-secondary .menu li li li li li a, div#menu-header-horizontal .menu li li li li li a { padding-left: 100px !important; } /* Primary Menu */ div#menu-primary .menu li a { background: #fff url(images/disc.png) 40px 11px no-repeat; border: 0; border-bottom: 1px dotted #f8f8f8; padding-left: 66px; padding-right: 40px; } div#menu-primary .menu li a:hover { background-color: #fcfcfc; } div#menu-primary .menu li li a { background-color: #fff; background-position: 66px 11px; border-color: #f8f8f8; } div#menu-primary .menu li li li a {background-position: 20px -2155px;} div#menu-primary .menu li li li li a {background-position: 40px -2155px;} div#menu-primary .menu li li li li li a {background-position: 60px -2155px;} /* Secondary/Subsidiary Menus */ div#menu-secondary .menu li a, div#menu-subsidiary .menu li a { background: #fff url(images/disc.png) 40px 17px no-repeat; border: 0; border-bottom: 1px dotted #f8f8f8; padding-left: 66px; padding-right: 40px; } div#menu-secondary .menu li a:hover, div#menu-subsidiary .menu li a:hover { background-color: #fcfcfc; box-shadow: none; } div#menu-secondary .menu li li a, div#menu-subsidiary .menu li li a { background-color: #fff; background-position: 66px 17px; border-color: #f8f8f8; padding: 10px 0; } div#menu-secondary .menu li li li a, div#menu-subsidiary .menu li li li a { background-position: 20px -2154px; } div#menu-secondary .menu li li li li a, div#menu-subsidiary .menu li li li li a { background-position: 40px -2154px; } div#menu-secondary .menu li li li li li a, div#menu-subsidiary .menu li li li li li a { background-position: 60px -2154px; } /* Header Primary/Secondary/Horizontal Menus */ div#menu-header-primary, div#menu-header-secondary, div#menu-header-horizontal { clear: both; float: none !important; margin: 0 !important; padding: 0 40px; width: auto !important; } div#menu-header-primary .wrap, div#menu-header-secondary .wrap, div#menu-header-horizontal .wrap { padding-top: 0; } div#menu-header-primary .menu li a, div#menu-header-secondary .menu li a, div#menu-header-horizontal .menu li a { background: #fff url(images/disc.png) 0 17px no-repeat !important; border: 0; border-bottom: 1px dotted #f8f8f8; padding-left: 26px !important; padding-right: 0; } div#menu-header-primary .menu li li a, div#menu-header-secondary .menu li li a, div#menu-header-horizontal .menu li li a { background: #fff url(images/disc.png) 26px 17px no-repeat !important; padding-left: 52px !important; padding-right: 0; } div#menu-header-primary .menu li li li a, div#menu-header-secondary .menu li li li a, div#menu-header-horizontal .menu li li li a { background-position: 52px 17px !important; padding-left: 78px !important; } div#menu-header-primary .menu li li li li a, div#menu-header-secondary .menu li li li li a, div#menu-header-horizontal .menu li li li li a { background-position: 78px 17px !important; padding-left: 104px !important; } div#menu-header-primary .menu li li li li li a, div#menu-header-secondary .menu li li li li li a, div#menu-header-horizontal .menu li li li li li a { background-position: 104px 17px !important; padding-left: 130px !important; } div#menu-footer { width: 100%; } div#menu-footer .menu li { margin-left: 0; margin-right: 40px; } /*----- PRIMARY MENU START -----*/ div#menu-primary { width: 100%; } div#menu-primary .wrap { float: none; clear: both; } div#menu-primary-title { float: none; width: auto; background: url(images/menu.png) no-repeat 10px -55px; border-radius: 0; font-size: 14px; color: #ffffff; font-weight: normal; padding: 12px 10px; } div#menu-primary-title:hover { color: #000; } div#menu-primary .menu { clear: both; } div#menu-primary .menu li { padding: 0; margin-left: 0; } div#menu-primary .menu li a { border-bottom: 1px dashed #F2F2F2; text-shadow: none; padding: 10px 20px; } div#menu-primary .menu li.current-menu-item a { color: #3077d2; } div#menu-primary .menu li a:after { display: none; } div#menu-primary .menu li li a { background-image: url(images/small_icons.png); background-repeat: no-repeat; background-position: left -2157px; } /*----- SECONDARY MENU START -----*/ div#menu-secondary { clear: both; float: none !important; width: auto; } div#menu-secondary .wrap { float: none !important; width: auto; } div#menu-secondary-title { width: auto; background: #4099FF url(images/menu.png) no-repeat 15px 17px; box-shadow/*\**/: 1px 1px 1px #000000\9; box-shadow: 0px 1px 1px rgba(0,0,0,0.5); border-radius: 3px; font-size: 16px; color: #ffffff; font-weight: normal; line-height: normal; padding: 12px 14px 12px 38px; } div#menu-secondary-title:active { box-shadow: none; } div#menu-secondary-title:hover { background-color: #333333; } div#menu-secondary .menu li a { border-bottom: 1px dashed #F2F2F2; padding: 10px 20px; } div#menu-secondary .menu li a:hover:before, div#menu-secondary .menu li:hover > a:before, .mega-menu ul.mega li a:hover:before { display: none; } div#menu-secondary .menu li li a { background-image: url(images/small_icons.png); background-repeat: no-repeat; background-position: left -2155px; border: none; color: #333333; } div#menu-secondary .menu li li a { background-color: none; } div#menu-secondary .menu li li > a:hover, div#menu-secondary .menu li li.current-menu-item > a, div#menu-secondary .menu li li.current_page_item > a, div#menu-secondary .menu li li:hover > a { background-color: #ffffff; border-top-color: none; border-bottom-color: none; color: #3077d2; } /*----- NAVIGATION RESPONSIVE END -----*/ .container_row { width:460px; } /*--------- HEADER ----------*/ .top_links { width: 100%; } .logo { clear: both; float: none; text-align: center; padding: 40px 0; } .logo a { clear: both; float: none; } .logo span { clear: both; float: none; border: none; margin-top: 10px; } #menu-secondary-items { margin-top: 0; } .top_links ul { background: none; margin-left: 0 !important; } .slider { padding-bottom: 40px; } .slider ul { padding-top: 0; margin-bottom: 60px; } .slider ul li p { bottom: 15px; } .header .search_course { position: static; width: 420px; } .ns_app { position: static; width: 334px; border-radius: 5px; margin-top: 20px; } .header .search_course input[type="text"] { width: 180px; margin-bottom: 8px; margin-right: 0; } .header .search_course select { width: 190px; } .slide_counts { left: 8px; top: 8px; } .shape, .shape1 { display: none; } .inner_head .ns_app { float: none; margin-bottom: 30px; } .grid_01 { width: auto; } /*--------- CONTENT ----------*/ #content, .content { width: 100%; } .two_col { float: none; width: 100%; margin-right: 0; } .three_col { float: none; width: 100%; margin-right: 0; } .list_02 .r_col { width: 325px; } .full_width { width: 100%; } /*--------- SIDEBAR ----------*/ .sidebar { width: 100%; } .sidebar .bx-window, .sidebar .bx-wrapper { width: 460px !important; } /*--------- WIDGET ----------*/ .search_course input[type="text"] { width: 400px; margin-bottom: 10px; } .sidebar .search_course select { width: 400px; } .contat_form input[type="text"], .contat_form textarea { display: block; } .list_06 li.last { margin-right: 9px; } .white_box .slide_counts { bottom: 0 !important; } /*--------- FOOTER ----------*/ .footer_bottom { padding: 20px 0; } .copyright { padding-top: 20px; } .widget_column { width: 100%; margin-right:0; } .list_05 { padding: 12px 0 0; } .footer .widget_column { width: 100%; margin: 0 0 30px 0; clear: both; } .footer .widget_footer1, .footer .widget_footer2, .footer .widget_footer3 { width: 100%; clear: both; margin-bottom: 30px; } /*--------- BLOG DETAIL ----------*/ .comment ul li ul { padding-left: 20px; } .blog_info h2.info { padding: 10px 16px 16px; } .hentry .posted_on { position: static; font-size: 22px; text-align: left; padding: 10px 15px; max-width: 430px; } .hentry .posted_on small { display: inline; font-size: 22px; margin-left: 5px; } .post img { max-width: 100%; height: auto; } div.menu { background: #ffffff; border-radius: 5px; } div#menu-secondary .wrap { margin-bottom: 20px !important; } div#menu-primary-title, div#menu-secondary-title, div#menu-subsidiary-title, div#menu-secondary-title, div#menu-header-primary-title, div#menu-header-secondary-title, .currentmenu span, .currentmenu2 span { display: block; background: #449fd6; background-image: linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -o-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -moz-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -webkit-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -ms-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #449fd6), color-stop(1, #2557a7) ); border-radius: 4px; font-family: 'ZineSlabDisRegularRomanTf'; font-size: 18px; font-weight: normal; color: #ffffff; padding: 11px 20px 9px; } div#menu-header-primary .menu li a, div#menu-header-secondary .menu li a, div#menu-secondary .menu li a { } div#menu-secondary .menu-container { margin-bottom: 20px !important; } div#menu-secondary .menu li a { background-image: none !important; padding: 5px 25px !important; color: #464F55 !important; } div#menu-secondary .menu li a:hover { color: #ffffff !important; } div#menu-secondary .menu ul ul { border-radius: 0; background: none; width: auto !important; border: none; padding: 0px 0px 0px 50px !important; } div#menu-secondary .menu ul ul { border-radius: 0; background: none; width: auto !important; border: none; padding: 10px 0px 10px 25px; } #menu-secondary-items li ul li { border: none; } div#menu-header-primary .menu li li a, div#menu-header-secondary .menu li li a, div#menu-secondary .menu li li a { background-image: none !important; } div#menu-header-primary .menu li li li a, div#menu-header-secondary .menu li li li a, div#menu-secondary .menu li li li a { padding-left: 0 !important; } div#menu-secondary .menu li li a { border-bottom: 1px solid #f2f2f2; } div#menu-header-primary .menu li li li a:hover, div#menu-header-secondary .menu li li li a:hover, div#menu-secondary .menu li li li a:hover, div#menu-secondary .menu li li a:hover { color: #449fd6 !important } div#menu-header-primary, div#menu-header-secondary, div#menu-secondary { padding: 0 !important; } div#menu-secondary .menu li.current-menu-item a { color: #ffffff !important; } div#menu-primary { float: none; } div#menu-primary .menu ul, div#menu-primary .menu li, div#menu-primary .menu ul ul, div#menu-secondary .menu ul, div#menu-secondary .menu li, div#menu-secondary .menu ul ul, div#menu-subsidiary .menu ul, div#menu-subsidiary .menu li, div#menu-subsidiary .menu ul ul, div#menu-header-primary .menu ul, div#menu-header-primary .menu li, div#menu-header-primary .menu ul ul, div#menu-header-secondary .menu ul, div#menu-header-secondary .menu li, div#menu-header-secondary .menu ul ul, div#menu-secondary .menu ul, div#menu-secondary .menu li, div#menu-secondary .menu ul ul { width: auto; } div#menu-primary .menu ul ul { width: auto !important; } div#menu-primary .menu li li a, div#menu-secondary .menu li li a, div#menu-subsidiary .menu li li a, div#menu-header-primary .menu li li a, div#menu-header-secondary .menu li li a, div#menu-secondary .menu li li a { padding-left: 0 !important; } div#menu-secondary .menu li li.current-menu-item a { color: #449FD6 !important; background: none !important; } div#menu-secondary .menu li.current-menu-item li a { background: none !important; color: #449FD6 !important; } div#menu-header-primary .menu li a, div#menu-header-secondary .menu li a, div#menu-secondary .menu li a { background: none; } .menu ul ul { padding: 10px 0 10px 20px !important; } .top_links p { margin: 4px 0 4px 15px; padding-left: 25px; } div#menu-primary .menu li a { padding: 5px 10px !important; border-bottom: 1px solid #dddddd !important; } .course_detail { width: 460px } .sidebar .featured_video .bx-wrapper .bx-window .video div iframe { height: auto; } #contact_frm { margin-bottom: 20px; } #contact_frm .form_row textarea { width: 310px; } .templ-grid .hentry h2 { font-size: 1.2em; } .list_07 li a { font-size: .8em; } .top_navigation_in { float: none; } .top_navigation_in { margin-bottom:11px; } .currentmenu { display:none; } .menu-header,div.menu { } .main_nav_in { margin-bottom: 20px; } .main_nav_in ul li { border: none; border-bottom:1px solid #ddd; float: none; text-align: left; } .main_nav_in ul li a { padding:6px 12px; color:#666; } .main_nav_in ul li:last-child {border-bottom:none;} .main_nav_in ul > li:hover { color:#0178BA; background:none; } .main_nav_in ul li:hover a, .main_nav_in ul li a:hover { color:#0178BA; } .main_nav_in ul li.current-menu-item { background:none; border-top:none; bottom:0; margin:0; padding:0; } #menu-secondary-items { float: none; } #menu-secondary-items li { float: none; margin-left: 0; } #menu-secondary-items ul { position: static !important; padding-left: 30px; } .main_nav { clear: both; } div#menu-secondary .menu ul ul, #menu-secondary-items ul { width: auto !important; } .slider_container, .inner_head { padding-bottom: 0; } .slider { padding-bottom: 7px; } .slider ul { margin-bottom: 37px; } .top_navigation_in { margin-bottom: 0; } .slider_container, .inner_head { padding-bottom: 30px; } .hentry .posted_on { width: auto; max-width: none; } .templ-list .staff .desc { width: 100%; } .course_detail { margin-bottom: 0; } .course_detail_container { white-space: nowrap; overflow-x: scroll; margin-bottom: 30px; } .slider ul { margin-bottom: 10px; } .header .search_course { margin-bottom: 20px; } .slider { padding-bottom: 0; } } /* -------------------------------------------------- :: Mobile (Portrait) -------------------------------------------------- */ @media only screen and (min-width: 320px) and (max-width: 479px) { /*----- NAVIGATION RESPONSIVE -----**/ /*----- MENUS RESET -----*/ /* Global Menus Reset */ div#menu-primary-title, div#menu-secondary-title, div#menu-subsidiary-title, div#menu-header-primary-title, div#menu-header-secondary-title, div#menu-header-horizontal-title { display: block; } span.sub-indicator { display: none !important; } div#menu-primary .menu, div#menu-secondary .menu, div#menu-subsidiary .menu, div#menu-header-primary .menu, div#menu-header-secondary .menu, div#menu-header-horizontal .menu { display: none; float: none; height: auto; min-height: none; padding: 0; width: 100%; } div#menu-primary .menu.visible, div#menu-secondary .menu.visible, div#menu-subsidiary .menu.visible, div#menu-header-horizontal .menu.visible, div#menu-header-primary .menu.visible, div#menu-header-secondary .menu.visible { /* Works with supreme.js .toggleClass() */ display: block; } div#menu-primary .menu ul, div#menu-primary .menu li, div#menu-primary .menu ul ul, div#menu-secondary .menu ul, div#menu-secondary .menu li, div#menu-secondary .menu ul ul, div#menu-subsidiary .menu ul, div#menu-subsidiary .menu li, div#menu-subsidiary .menu ul ul, div#menu-header-primary .menu ul, div#menu-header-primary .menu li, div#menu-header-primary .menu ul ul, div#menu-header-secondary .menu ul, div#menu-header-secondary .menu li, div#menu-header-secondary .menu ul ul, div#menu-header-horizontal .menu ul, div#menu-header-horizontal .menu li, div#menu-header-horizontal .menu ul ul { float: none; width: 100% !important; } div#menu-primary .menu ul ul, div#menu-secondary .menu ul ul, div#menu-subsidiary .menu ul ul, div#menu-header-primary .menu ul ul, div#menu-header-secondary .menu ul ul, div#menu-header-horizontal .menu ul ul, .layout-hl-1c div#menu-header-primary .menu ul ul, .layout-hl-1c div#menu-header-secondary .menu ul ul, .layout-hl-2c-l div#menu-header-primary .menu ul ul, .layout-hl-2c-l div#menu-header-secondary .menu ul ul, .layout-hl-2c-r div#menu-header-primary .menu ul ul, .layout-hl-2c-r div#menu-header-secondary .menu ul ul, .layout-hr-1c div#menu-header-primary .menu ul ul, .layout-hr-1c div#menu-header-secondary .menu ul ul, .layout-hr-2c-l div#menu-header-primary .menu ul ul, .layout-hr-2c-l div#menu-header-secondary .menu ul ul, .layout-hr-2c-r div#menu-header-primary .menu ul ul, .layout-hr-2c-r div#menu-header-secondary .menu ul ul, .layout-hl-1c div#menu-header-horizontal .menu ul ul, .layout-hl-2c-l div#menu-header-horizontal .menu ul ul, .layout-hl-2c-r div#menu-header-horizontal .menu ul ul, .layout-hr-1c div#menu-header-horizontal .menu ul ul, .layout-hr-2c-l div#menu-header-horizontal .menu ul ul, .layout-hr-2c-r div#menu-header-horizontal .menu ul ul { bottom: auto !important; display: block !important; left: auto !important; margin: 0 !important; position: static !important; top: auto !important; visibility: visible !important; width: 100% !important; } div#menu-primary .menu li li a, div#menu-secondary .menu li li a, div#menu-subsidiary .menu li li a, div#menu-header-primary .menu li li a, div#menu-header-secondary .menu li li a, div#menu-header-horizontal .menu li li a { padding-left: 40px !important; } div#menu-primary .menu li li li a, div#menu-secondary .menu li li li a, div#menu-subsidiary .menu li li li a, div#menu-header-primary .menu li li li a, div#menu-header-secondary .menu li li li a, div#menu-header-horizontal .menu li li li a { /*padding-left: 60px !important;*/ } div#menu-primary .menu li li li li a, div#menu-secondary .menu li li li li a, div#menu-subsidiary .menu li li li li a, div#menu-header-primary .menu li li li li a, div#menu-header-secondary .menu li li li li a, div#menu-header-horizontal .menu li li li li a { /*padding-left: 80px !important;*/ } div#menu-primary .menu li li li li li a, div#menu-secondary .menu li li li li li a, div#menu-subsidiary .menu li li li li li a, div#menu-header-primary .menu li li li li li a, div#menu-header-secondary .menu li li li li li a, div#menu-header-horizontal .menu li li li li li a { /*padding-left: 100px !important;*/ } /* Primary Menu */ div#menu-primary .menu li a { background: #fff url(images/disc.png) 40px 11px no-repeat; border: 0; border-bottom: 1px dotted #f8f8f8; padding-left: 66px; padding-right: 40px; } div#menu-primary .menu li a:hover { background-color: #fcfcfc; } div#menu-primary .menu li li a { background-color: #fff; background-position: 66px 11px; border-color: #f8f8f8; } div#menu-primary .menu li li li a {background-position: 20px -2155px;} div#menu-primary .menu li li li li a {background-position: 40px -2155px;} div#menu-primary .menu li li li li li a {background-position: 60px -2155px;} /* Secondary/Subsidiary Menus */ div#menu-secondary .menu li a, div#menu-subsidiary .menu li a { background: #fff url(images/disc.png) 40px 17px no-repeat; border: 0; border-bottom: 1px dotted #f8f8f8; padding-left: 66px; padding-right: 40px; } div#menu-secondary .menu li a:hover, div#menu-subsidiary .menu li a:hover { background-color: #fcfcfc; box-shadow: none; } div#menu-secondary .menu li li a, div#menu-subsidiary .menu li li a { background-color: #fff; background-position: 66px 17px; border-color: #f8f8f8; padding: 10px 0; } div#menu-secondary .menu li li li a, div#menu-subsidiary .menu li li li a { background-position: 20px -2154px; } div#menu-secondary .menu li li li li a, div#menu-subsidiary .menu li li li li a { background-position: 40px -2154px; } div#menu-secondary .menu li li li li li a, div#menu-subsidiary .menu li li li li li a { background-position: 60px -2154px; } /* Header Primary/Secondary/Horizontal Menus */ div#menu-header-primary, div#menu-header-secondary, div#menu-header-horizontal { clear: both; float: none !important; margin: 0 !important; padding: 0 40px; width: auto !important; } div#menu-header-primary .wrap, div#menu-header-secondary .wrap, div#menu-header-horizontal .wrap { padding-top: 0; } div#menu-header-primary .menu li a, div#menu-header-secondary .menu li a, div#menu-header-horizontal .menu li a { background: #fff url(images/disc.png) 0 17px no-repeat !important; border: 0; border-bottom: 1px dotted #f8f8f8; padding-left: 26px !important; padding-right: 0; } div#menu-header-primary .menu li li a, div#menu-header-secondary .menu li li a, div#menu-header-horizontal .menu li li a { background: #fff url(images/disc.png) 26px 17px no-repeat !important; padding-left: 52px !important; padding-right: 0; } div#menu-header-primary .menu li li li a, div#menu-header-secondary .menu li li li a, div#menu-header-horizontal .menu li li li a { background-position: 52px 17px !important; padding-left: 78px !important; } div#menu-header-primary .menu li li li li a, div#menu-header-secondary .menu li li li li a, div#menu-header-horizontal .menu li li li li a { background-position: 78px 17px !important; padding-left: 104px !important; } div#menu-header-primary .menu li li li li li a, div#menu-header-secondary .menu li li li li li a, div#menu-header-horizontal .menu li li li li li a { background-position: 104px 17px !important; padding-left: 130px !important; } div#menu-footer { width: 100%; } div#menu-footer .menu li { margin-left: 0; margin-right: 40px; } /*----- PRIMARY MENU START -----*/ div#menu-primary { width: 100%; } div#menu-primary .wrap { float: none; clear: both; } div#menu-primary-title { float: none; width: auto; background: url(images/menu.png) no-repeat 10px -55px; border-radius: 0; font-size: 14px; color: #ffffff; font-weight: normal; padding: 12px 10px; } div#menu-primary-title:hover { color: #000; } div#menu-primary .menu { clear: both; } div#menu-primary .menu li { padding: 0; margin-left: 0; } div#menu-primary .menu li a { border-bottom: 1px dashed #F2F2F2; text-shadow: none; padding: 10px 20px; } div#menu-primary .menu li.current-menu-item a { color: #3077d2; } div#menu-primary .menu li a:after { display: none; } div#menu-primary .menu li li a { background-image: url(images/small_icons.png); background-repeat: no-repeat; background-position: left -2157px; } /*----- SECONDARY MENU START -----*/ div#menu-secondary { clear: both; float: none !important; width: auto; } div#menu-secondary .wrap { float: none !important; width: auto; } div#menu-secondary-title { width: auto; background: #4099FF url(images/menu.png) no-repeat 15px 17px; box-shadow/*\**/: 1px 1px 1px #000000\9; box-shadow: 0px 1px 1px rgba(0,0,0,0.5); border-radius: 3px; font-size: 16px; color: #ffffff; font-weight: normal; line-height: normal; padding: 12px 14px 12px 38px; } div#menu-secondary-title:active { box-shadow: none; } div#menu-secondary-title:hover { background-color: #333333; } div#menu-secondary .menu li a { border-bottom: 1px dashed #F2F2F2; padding: 10px 20px; } div#menu-secondary .menu li a:hover:before, div#menu-secondary .menu li:hover > a:before, .mega-menu ul.mega li a:hover:before { display: none; } div#menu-secondary .menu li li a { background-image: url(images/small_icons.png); background-repeat: no-repeat; background-position: left -2155px; border: none; color: #333333; } div#menu-secondary .menu li li a { background-color: none; } div#menu-secondary .menu li li > a:hover, div#menu-secondary .menu li li.current-menu-item > a, div#menu-secondary .menu li li.current_page_item > a, div#menu-secondary .menu li li:hover > a { background-color: #ffffff; border-top-color: none; border-bottom-color: none; color: #3077d2; } /*----- NAVIGATION RESPONSIVE END -----*/ .container_row { width:300px; } /*--------- HEADER ----------*/ .top_links { width: 100%; } .logo { clear: both; float: none; text-align: center; padding: 40px 0; } .logo a { clear: both; float: none; } .logo span { clear: both; float: none; border: none; margin-top: 10px; } #menu-secondary-items { margin-top: 0; } .top_links ul { background: none; margin-left: 0 !important; } .top_links p { margin: 0 0 10px 15px; } .slider { padding-bottom: 40px; } .slider ul { padding-top: 0; margin-bottom: 60px; } .slider ul li p { bottom: 15px; } .header .search_course { position: static; width: 260px; } .ns_app { position: static; width: 174px; border-radius: 5px; margin-top: 20px; } .ns_app span { font-size: 26px; } .header .search_course input[type="text"] { width: 240px; margin: 10px 0 10px 0; } .header .search_course select { width: 240px; } .slide_counts { left: 8px; top: 8px; } .shape, .shape1 { display: none; } .slider ul li p { display: none; } .inner_head .ns_app { float: none; margin-bottom: 30px; } .grid_01 { width: auto; } /*--------- CONTENT ----------*/ #content, .content { width: 100%; } .two_col { float: none; width: 100%; margin-right: 0; } .three_col { float: none; width: 100%; margin-right: 0; } .list_02 .r_col { width: 164px; } .full_width { width: 100%; } /*--------- SIDEBAR ----------*/ .sidebar { width: 100%; } .sidebar .bx-window, .sidebar .bx-wrapper { width: 300px !important; } /*--------- WIDGET ----------*/ .contat_form input[type="text"], .contat_form textarea { display: block; } /*--------- FOOTER ----------*/ .footer_bottom { padding: 20px 0; } .copyright { padding-top: 20px; } .widget_column { width: 100%; margin-right:0; } .list_05 { float: left; padding: 12px 0 0; } .footer .widget_footer1, .footer .widget_footer2, .footer .widget_footer3 { width: 100%; clear: both; margin-bottom: 30px; } /*--------- BLOG DETAIL ----------*/ .add_comments textarea { width: 240px; } .comment ul li ul { padding-left: 20px; } .blog_info h2.info { padding: 10px 16px 16px; } .hentry .posted_on { position: static; font-size: 22px; text-align: left; padding: 10px 15px; max-width: 430px; } .hentry .posted_on small { display: inline; font-size: 22px; margin-left: 5px; } form#commentform input[type="text"], form#commentform textarea { width: 260px; } #respond { margin-bottom: 40px; } .post img { max-width: 100%; height: auto; } /*--------- GALLERY ----------*/ .list_07 li, .gal_small li { float: none; position: relative; width: 100%; margin: 0 0 20px 0; } .gal_small {float:none; } .gal_small li { float: none; position: relative; width: 222px; margin: 0 auto 25px; } .gal_small li.last { margin-right: auto; } .book_details {background: #f2f5f6; margin-top: 5px; padding: 20px 0 20px 20px; float: left} .book_details li {margin-right: 20px; width: 137px; float: left;} .book_details li img {width: 137px; height: 171px; display: block; margin-bottom: 12px} .book_details p {padding: 0 !important; line-height: 22px} .book_details p strong {color: #0d3b67} /* ---------- NAVIGATION ------------ */ div.menu { background: #ffffff; border-radius: 5px; } div#menu-secondary .wrap { margin-bottom: 20px !important; } div#menu-primary-title, div#menu-secondary-title, div#menu-subsidiary-title, div#menu-secondary-title, div#menu-header-primary-title, div#menu-header-secondary-title, .currentmenu span, .currentmenu2 span { display: block; background: #449fd6; background-image: linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -o-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -moz-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -webkit-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -ms-linear-gradient(top, #449fd6 0%, #2557a7 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #449fd6), color-stop(1, #2557a7) ); border-radius: 4px; font-family: 'ZineSlabDisRegularRomanTf'; font-size: 18px; font-weight: normal; color: #ffffff; padding: 11px 20px 9px; } div#menu-header-primary .menu li a, div#menu-header-secondary .menu li a, div#menu-secondary .menu li a { } div#menu-secondary .menu-container { margin-bottom: 20px !important; } div#menu-secondary .menu li a { background-image: none !important; padding: 5px 25px !important; color: #464F55 !important; } div#menu-secondary .menu ul ul { border-radius: 0; background: none; width: auto !important; border: none; padding: 0px 0px 0px 50px !important; } div#menu-secondary .menu ul ul { border-radius: 0; background: none; width: auto !important; border: none; padding: 10px 0px 10px 25px; } #menu-secondary-items li ul li { border: none; } div#menu-header-primary .menu li li a, div#menu-header-secondary .menu li li a, div#menu-secondary .menu li li a { background-image: none !important; } div#menu-header-primary .menu li li li a, div#menu-header-secondary .menu li li li a, div#menu-secondary .menu li li li a { padding-left: 0 !important; } div#menu-secondary .menu li li a { border-bottom: 1px solid #f2f2f2; } div#menu-header-primary .menu li li li a:hover, div#menu-header-secondary .menu li li li a:hover, div#menu-secondary .menu li li li a:hover, div#menu-secondary .menu li li a:hover { color: #449fd6 !important } div#menu-header-primary, div#menu-header-secondary, div#menu-secondary { padding: 0 !important; } div#menu-secondary .menu li.current-menu-item a { color: #ffffff !important; } div#menu-primary { float: none; } div#menu-primary .menu ul, div#menu-primary .menu li, div#menu-primary .menu ul ul, div#menu-secondary .menu ul, div#menu-secondary .menu li, div#menu-secondary .menu ul ul, div#menu-subsidiary .menu ul, div#menu-subsidiary .menu li, div#menu-subsidiary .menu ul ul, div#menu-header-primary .menu ul, div#menu-header-primary .menu li, div#menu-header-primary .menu ul ul, div#menu-header-secondary .menu ul, div#menu-header-secondary .menu li, div#menu-header-secondary .menu ul ul, div#menu-secondary .menu ul, div#menu-secondary .menu li, div#menu-secondary .menu ul ul { width: auto; } div#menu-primary .menu ul ul { width: auto !important; } div#menu-primary .menu li li a, div#menu-secondary .menu li li a, div#menu-subsidiary .menu li li a, div#menu-header-primary .menu li li a, div#menu-header-secondary .menu li li a, div#menu-secondary .menu li li a { padding-left: 0 !important; } div#menu-secondary .menu li li.current-menu-item a { color: #449FD6 !important; background: none !important; } div#menu-secondary .menu li.current-menu-item li a { background: none !important; color: #449FD6 !important; } div#menu-header-primary .menu li a, div#menu-header-secondary .menu li a, div#menu-secondary .menu li a { background: none; } .menu ul ul { padding: 10px 0 10px 20px !important; } .top_links p { margin: 4px 0 4px 15px; padding-left: 25px; } div#menu-primary .menu li a { padding: 5px 10px !important; border-bottom: 1px solid #dddddd !important; } /*---------------------*/ .course_detail { width: 300px } .sidebar .featured_video .bx-wrapper .bx-window .video div iframe { height: auto; } #contact_frm { margin-bottom: 30px; } #contact_frm .form_row textarea { width: 280px; } #contact_frm .b_submit, #contact_frm .form_row .message_error { margin-left: 0px; } .templ-grid .hentry { float: none; width: 90%; } .copyright p { float: none; margin-top: 5px; } .top_navigation_in { float: none; } .top_navigation_in { margin-bottom:11px; } .currentmenu { display:none; } .menu-header,div.menu { border: 1px solid #D4D8DB; border-radius: 6px 6px 6px 6px; display:block; } .main_nav_in { margin-bottom: 20px; } .main_nav_in ul li { border: none; border-bottom:1px solid #ddd; float: none; text-align: left; } .main_nav_in ul li a { padding:6px 12px; color:#666; } .main_nav_in ul li:last-child {border-bottom:none;} .main_nav_in ul > li:hover { color:#0178BA; background:none; } .main_nav_in ul li:hover a, .main_nav_in ul li a:hover { color:#0178BA; } .main_nav_in ul li.current-menu-item { background:none; border-top:none; bottom:0; margin:0; padding:0; } #menu-secondary-items { float: none; } #menu-secondary-items li { float: none; margin-left: 0; } #menu-secondary-items ul { position: static !important; padding-left: 30px; } .main_nav { clear: both; } div#menu-secondary .menu ul ul, #menu-secondary-items ul { width: auto !important; } .slider_container, .inner_head { padding-bottom: 0; } .slider { padding-bottom: 7px; } .slider ul { margin-bottom: 37px; } .top_navigation_in { margin-bottom: 0; } .slider_container, .inner_head { padding-bottom: 30px; } .hentry .posted_on { width: auto; max-width: none; } .templ-list .staff .desc { width: 100%; } .course_detail { margin-bottom: 0; } .course_detail_container { white-space: nowrap; overflow-x: scroll; margin-bottom: 30px; } .slider ul { margin-bottom: 10px; } .header .search_course { margin-bottom: 20px; } .slider { padding-bottom: 0; } } .socnet ul li { color: #606060; display: inline; float: left; font-size: 12px; margin-right: 16px;} .socnet { background: #E8ECF1; width:630px; border: 1px solid #cccccc; margin-top: 20px !important; padding: 10px 10px 4px; display:inline-block; } /*---------------------------------------------------------------------------------- Shortcodes /*-----------------------------------------------------------------------------------*/ /* buttons -------------------- */ #content p.alert { background: url("images/i_alert.png") no-repeat scroll 12px 13px #FFD9C8; border: 1px solid #F0BAA2; padding: 15px 15px 15px 40px; } #content p.alert br { display: none; } #content p.download { background: url("images/i_download.png") no-repeat scroll 10px 13px #EDFCD5; border: 1px solid #D4EBAF; padding: 15px 15px 15px 35px; } #content p.info { background: url("images/i_note2.png") no-repeat scroll 12px 13px #EEEEEE; border : 1px solid #CCCCCC; padding: 15px 15px 15px 40px; } #content p.note { background: url("images/i_info.png") no-repeat scroll 14px 13px #FEF6D2; border: 1px solid #EFE3AE; padding: 15px 15px 15px 40px; color: inherit; font-size: inherit !important; float: none; } .small_button { float:left; margin:0 15px 15px 0; } #content .small_button a { margin-left:15px; display:block; float:left; font:bold 14px Arial, Helvetica, sans-serif; padding:9px 25px 9px 10px; color: #FFFFFF; text-shadow: 1px 1px 1px #333333; text-decoration: none;} hr { clear: both; padding:20px 0 0 0; height:1px; } #content .small_button a:hover {background-position: right -35px;} #content .red {background: url("images/b_red_l.png") no-repeat scroll left top transparent; border: none; } #content .red:hover {background-position: left -35px;} #content .red a {background: url("images/b_red_r.png") no-repeat scroll right top transparent;} #content .grey {background: url("images/b_grey_l.png") no-repeat scroll left top transparent;} #content .grey:hover {background-position: left -35px;} #content .grey a {background: url("images/b_grey_r.png") no-repeat scroll right top transparent; color: #666666; text-shadow: 1px 1px 1px #FFFFFF;} #content .black {background: url("images/b_black_l.png") no-repeat scroll left top transparent;} #content .black:hover {background-position: left -35px;} #content .black a {background: url("images/b_black_r.png") no-repeat scroll right top transparent;} #content .blue {background: url("images/b_blue_l.png") no-repeat scroll left top transparent; border: none;} #content .blue:hover {background-position: left -35px;} #content .blue a {background: url("images/b_blue_r.png") no-repeat scroll right top transparent;} #content .lightblue {background: url("images/b_lightblue_l.png") no-repeat scroll left top transparent;} #content .lightblue:hover {background-position: left -35px;} #content .lightblue a {background: url("images/b_lightblue_r.png") no-repeat scroll right top transparent;} #content .purple {background: url("images/b_purple_l.png") no-repeat scroll left top transparent;} #content .purple:hover {background-position: left -35px;} #content .purple a {background: url("images/b_purple_r.png") no-repeat scroll right top transparent;} #content .magenta {background: url("images/b_magenta_l.png") no-repeat scroll left top transparent;} #content .magenta:hover {background-position: left -35px;} #content .magenta a {background: url("images/b_magenta_r.png") no-repeat scroll right top transparent;} #content .green {background: url("images/b_green_l.png") no-repeat scroll left top transparent; border: none; } #content .green:hover {background-position: left -35px;} #content .green a {background: url("images/b_green_r.png") no-repeat scroll right top transparent;} #content .orange {background: url("images/b_orange_l.png") no-repeat scroll left top transparent;} #content .orange:hover {background-position: left -35px;} #content .orange a {background: url("images/b_orange_r.png") no-repeat scroll right top transparent;} #content .yellow {background: url("images/b_yellow_l.png") no-repeat scroll left top transparent;} #content .yellow:hover {background-position: left -35px;} #content .yellow a {background: url("images/b_yellow_r.png") no-repeat scroll right top transparent;} #content .pink {background: url("images/b_pink_l.png") no-repeat scroll left top transparent;} #content .pink:hover {background-position: left -35px;} #content .pink a {background: url("images/b_pink_r.png") no-repeat scroll right top transparent;} /* About Author -------------------- */ #content .about_author { background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC; box-shadow: 1px 1px 1px #DDDDDD; color: #444444; text-shadow: 1px 1px 1px #FFFFFF; border-radius: 10px 10px 10px 10px; clear: both; height: 100%; margin: 20px 0; overflow: hidden; padding: 20px; } #content .about_author img { float:left; margin:0 18px 15px 0; } #content .about_author h4 { margin-top:0; margin-bottom:5px; } #content .about_author br { display:none; } /* check list view -------------------- */ #content .check_list ul {list-style:none; padding-left:0px; margin: 15px 0;} #content .check_list ul li { list-style:none; margin:0 0 8px 0; padding-left:25px; background: url("images/tick.png") no-repeat scroll left top transparent;} #content .check_list ul li ul { margin:0; padding-left:15px; list-style:none; } #content .check_list ul li ul li { margin:8px 0 8px 0 ; } /* boxes -------------------- */ #content .boxes { height:100%; overflow:hidden; padding:20px; margin:20px 0; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 1px 1px 1px #DDDDDD; color: #444444; text-shadow: 1px 1px 1px #FFFFFF; } #content .boxes h3 { margin:0; } #content .boxes br { display:none; } .small { width:21%; float:left; margin:0 20px 20px 0 !important; } #content .warning_box, #content .download_box, #content .info_box, #content .about_box, #content .alert_box { padding-left:85px; } #content .normal_box {background: none repeat scroll 0 0 #F4F4F4; border: 1px solid #D7D7D7;} #content .warning_box {background: url("images/box_warning.png") no-repeat scroll 13px 18px #FDE3E3; border: 1px solid #DBA7A7;} #content .download_box {background: url("images/box_download.png") no-repeat scroll 13px 13px #D8F3D1; border: 1px solid #7AB16B;} #content .about_box {background: url("images/box_about.png") no-repeat scroll 13px 13px #E5EBFF; border: 1px solid #A4ADC9; margin-top: 0; } #content .info_box {background: url("images/box_info.png") no-repeat scroll 13px 13px #DDF4FF; border: 1px solid #8EC1D8;} #content .alert_box {background: url("images/box_alert.png") no-repeat scroll 13px 13px #FFFDDF; border: 1px solid #DFB150;} .entry p.dropcaps { padding:20px 10px 0 0; } .entry p.dropcaps:first-letter { font-size:40px; float:left; margin-right:8px; margin-top:5px; line-height:35px; } /* content columns define ----------- */ .two_thirds { width:60%; padding:0 50px 0 0; } .two_thirds_last { width:62%; } .clear_spacer { clear:both; width:100%; } .one_half_column, .one_third_column, .one_third_column_last, .one_fourth_column, .one_fourth_column_last { margin-bottom:30px; } .one_half_column { width:45%; } .one_third_column { width:30%; padding:0 50px 0 0; } .one_third_column_last { width:29%; } .one_fourth_column { width:20%; padding:0 60px 0 0; } .one_fourth_column_last { width:20%; } .one_half_column br, .one_third_column br, .one_third_column_last br, .one_fourth_column br, .one_fourth_column_last br, .two_thirds_last br, .two_thirds br { display:none; } .entry .one_half_column h3, .two_thirds h3, .two_thirds_last h3, .entry .one_third_column h3, .entry .one_third_column_last h3, .entry .one_fourth_column h3, .entry .one_fourth_column_last h3, .entry .one_half_column h4, .two_thirds h4, .two_thirds_last h4, .entry .one_third_column h4, .entry .one_third_column_last h4, .entry .one_fourth_column h4, .entry .one_fourth_column_last h4, .entry .one_half_column h5, .two_thirds h5, .two_thirds_last h5, .entry .one_third_column h5, .entry .one_third_column_last h5, .entry .one_fourth_column h5, .entry .one_fourth_column_last h5, .entry .one_half_column h6, .two_thirds h6, .two_thirds_last h6, .entry .one_third_column h6, .entry .one_third_column_last h6, .entry .one_fourth_column h6, .entry .one_fourth_column_last h6 { margin-top:0; } /* shortcodes end*/ /*--------- SITEMAP ----------*/ .arclist {margin-bottom: 40px; clear:both; float: left; width: 100%;} .arclist .title-container {margin-bottom: 10px;} .arclist ul li {border-top: 1px solid #E6E9ED; display: block; float: left; width: 97%; padding: 10px 0; color: #4B95C6;} .arclist ul li a {color: #6E7680; display: block; float: left;} .arclist ul li a:hover {color: #4B95C6} .arclist ul li ul { float: left; padding-left: 20px; padding-top: 10px; width: 100%;} .arclist ul li ul li a {color: #4B95C6;} .arclist ul li ul li a:hover {color: #6E7680;} .arclist ul li span.arclist_comment {float: right; color: #4B95C6;} th, td { border-bottom: 0px solid #F2F2F2; border-right: 0px solid #F2F2F2; padding: 12px 20px; text-align: left; vertical-align: top; } blockquote { background: url(images/bg_blockquote.png) 0 21px no-repeat; font: italic normal 18px/30px Georgia, serif; margin: 0; padding: 0 0 0 40px; } /* ------------- mega menu -----------*/ /* Mega Menu widget---------------- */ .main_nav_in .widget { margin-bottom:0; } .mega-menu ul.mega ul, .mega-menu ul.mega li { list-style: none; padding: 0; margin: 0; } .mega-menu ul.mega ul { display: none; /* Hides non-mega links */ } .mega-menu ul.mega .sub ul { display: block; /* overrides above hide */ } /* Main menu styles */ .mega-menu ul.mega { width: 100%; position: relative; /* Important - required for positioning of mega menu */ } .mega-menu ul.mega li { float: left; } .mega-menu ul.mega li a { float: left; display: block; padding: 12px 25px; text-decoration: none; } /* Arrow tag for parent links */ .mega-menu ul.mega li a.dc-mega { padding-right: 38px; position: relative; } .mega-menu ul.mega li a .dc-mega-icon { display: block; position: absolute; top: 12px; right: 15px; width: 16px; height: 16px; } /* Mega Menu Styling */ .mega-menu ul.mega li .sub-container { position: absolute; } .mega-menu ul.mega li .sub { padding: 20px 20px 20px 10px; } .mega-menu ul.mega li .sub-container.mega .sub { padding: 20px 10px 0 0; } .mega-menu ul.mega li .sub .row { width: 100%; overflow: hidden; clear: both; } .mega-menu ul.mega li .sub li { float: none; font-size: 13px; font-weight: bold; } /* Sub-menu Headers */ .mega-menu ul.mega li .sub li.mega-hdr { float: left; width: 150px; margin: 1px 10px 10px; height: auto !important; } .mega-menu ul.mega li .sub a { padding: 7px 10px; display: block; float: none; text-decoration: none; font-size: 0.9em; } .mega-menu ul.mega li .sub li.mega-hdr a.mega-hdr-a { padding: 7px 10px; font-size:13px; height: auto !important; font-weight: bold; } /* Style the 3rd level links */ .mega-menu ul.mega li .sub li ul li { } .mega-menu ul.mega .sub li.mega-hdr li a { font-weight: normal; padding: 5px 0 5px 25px; } /* Styling for items with only 2 levels */ .mega-menu ul.mega li .sub-container.non-mega .sub { padding: 20px 20px 20px 10px;} .mega-menu ul.mega li .sub-container.non-mega li { width: 190px; } .mega-menu ul.mega li .sub-container.non-mega li a { padding: 7px 5px 7px 22px; } .header #sidebar-header { width: auto; } .mega-menu { position: relative; z-index: 1000; float:right; } .mega-menu ul.mega { clear: right; display: block; float: right; margin: 22px 0 15px; background: none; border: none; border-top: 1px solid #E6E9ED; } .mega-menu ul.mega li { background: none; display: block; } .mega-menu ul.mega li:hover { background: none; } .mega-menu ul.mega li { padding: 0; } .mega-menu ul.mega li a { display: block; color: #464F55; border-radius: 5px; padding: 4px 13px 6px !important } .mega-menu ul.mega li a:hover { background: none repeat scroll 0 0 #217DB9; box-shadow: 0 -1px #0B4888, 0 1px #FFFFFF; color: #FFFFFF; } .mega-menu ul.mega li:hover ul.sub-menu { background: #ffffff; border-radius: 5px; border: 1px solid #cccccc; } .mega-menu ul.mega li:hover ul.sub-menu ul { background: none; border: none; } /* -------------------------------------------------- :: Mobile (Portrait) -------------------------------------------------- */ @media only screen and (max-width: 960px) { .mega-menu ul.mega { display: none; } .mega-menu { width: 100%; } .mega-menu ul.mega li a { float: none; } .mega-menu ul.mega li .sub-container { position: static; } .mega-menu ul.mega li .sub li.mega-hdr { width: 100%; } /* ---- MEGA MENU ----*/ .mega-menu ul.mega { margin: 0 0 15px; } #menu-mega-menu { display: none; } .mega-menu { width: 100%; } .mega-menu ul.mega { display: none; width: 100%; background: #ffffff; } .mega-menu ul.mega li { clear: both; float: none; width: 100%; } .mega-menu ul.mega li .sub-container { position: static; margin-left: 0 !important; } .mega-menu ul.mega li a { border-bottom: 1px dotted #cccccc; border-radius: 0; color: #333333; text-shadow: 0 1px 1px #ffffff; float: none; padding: 15px 15px 10px } .mega-menu ul.mega li:last-child a { border-bottom: none; } .mega-menu ul.mega li a:hover, .mega-menu ul.mega li:hover a { background: none; box-shadow: none; } .mega-menu ul.mega li .sub li.mega-hdr { width: 100%; } .mega-menu ul.mega li ul li a { border-bottom: none; margin: 0 !important; } .mega-menu ul.mega li .sub-container.mega .sub { display: block !important; padding: 10px 15px 0; } .mega-menu ul.mega li .sub-container.mega .sub .row { width: auto !important; } .mega-menu ul.mega li ul.sub-menu { background: none; box-shadow: none; border-radius: 0 !important; border: none !important; display: block !important; padding: 5px 0; margin-bottom: 10px !important; } .mega-menu ul.mega li a:hover, .mega-menu ul.mega li:hover a, .mega-menu ul.mega li.current-menu-item a, .mega-menu ul.mega li.current-menu-ancestor a { background: none; box-shadow: none; border-radius: 0; color: #217DB9; } /*----- MENUS RESET -----*/ /*---- Michael's ------*/ .vfb-full {font-size:30%;} a.button {display:none; visibility: hidden;} div#text-2 .widget .widget_text .widget-widget_text (display: none;)