/*--------------------------------------------------------------------- base styles and reset ---------------------------------------------------------------------*/ @font-face { font-family:'FontAwesome'; src:url('../eot/fontawesome-webfont-4635b62.eot?v=4.6.3'); src:url('../eot/fontawesome-webfont-463d41d.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../woff/fontawesome-webfont-4635b62.woff?v=4.6.3') format('woff'),url('../ttf/fontawesome-webfont-4635b62.ttf?v=4.6.3') format('truetype'),url('../svg/fontawesome-webfont-4635b62.svg?v=4.6.3#fontawesomeregular') format('svg'); font-weight:normal; font-style:normal; } * {box-sizing:content-box; -moz-box-sizing:content-box;} #header *, #page-content *, #footer * {box-sizing:border-box; -moz-box-sizing:border-box;} html {font-size:100%;} body {font:16px Arial, Raleway, sans-serif; color:#000; margin:0; padding:0; background:#fff; line-height:1.4;} /*----------default styles----------*/ /* default link styles */ a, a:link, a:visited {color:#1f3263; text-decoration:underline;} a:hover, a:focus, a:active {color:#1f3263; text-decoration:underline; cursor:pointer; transition: all 0.2s ease-in;} a img {border:none;} /* defaults */ img {-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none;} input[type="button"], input[type="submit"] {-webkit-appearance: none;} input[type="text"], input[type="password"] {-webkit-appearance: none;} .accordion {background: rgba(31,50,99,0.06);color: #906d4f; font-size: 20px;height: auto !important;} .primary-feature {color:#1F3263; font-size: 32px; font-family: crimson,sans-serif; line-height: 1.2;} p {margin:0 0 20px 0; padding:0; } ul, ol {margin-bottom:20px;} code {line-height:1.5; margin:0; padding:0; font-size:100%;} blockquote {line-height:1.5; margin:0 0 20px 0; padding:0; font-size:100%;} input {margin:0;} th, td {vertical-align:top;} strong, b {font-weight:600;} textarea {resize:none;} legend {color:inherit; text-rendering:optimizeLegibility; font-weight:300; font-size:200%; border-bottom:1px solid #ccc;} /* default heading styles */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:crimson, sans-serif; font-weight:normal; color:#906d4f; padding:0; margin:0 0 20px 0; text-rendering: optimizeLegibility;} h1 {font-size:56px;} h2 {font-size:42px;} h3 {font-size:32px;} h4 {font-size:28px;} h5 {font-size:24px;} h6 {font-size:20px;} h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:focus, h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:focus, h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:focus, h4 a, h4 a:link, h4 a:visited, h4 a:hover, h4 a:focus, h5 a, h5 a:link, h5 a:visited, h5 a:hover, h5 a:focus, h6 a, h6 a:link, h6 a:visited, h6 a:hover, h6 a:focus {font-weight:normal; font-weight:300; color:inherit; text-decoration:none; border:none;} h1.smaller, h2.smaller, h3.smaller, h4.smaller, h5.smaller, h6.smaller {font-size:16px;} .feature, .homecontent .feature {font-size:32px; font-family:crimson, sans-serif; line-height:1.2;} .quote {font-size:26px; font-family:crimson, sans-serif; line-height:1.2; color:#787878; font-style:italic; padding-left:30px !important; padding-right:30px !important;} p.quote {padding-left:0 !important; padding-right:0 !important;} .quote.larger {font-size:32px;} .bg.primary .quote {color:#fff;} .bg.primary.transparent .quote {color:#787878;} .quote p {margin-bottom:0;} .larger {font-size:26px;} .smaller {font-size:12px;} .italic {font-style:italic;} .inline {display:inline;} .inline-block {display:inline-block;} /*-----other-----*/ .accessible-heading {position:absolute; left:-9999px; margin:0; padding:0;} .right-float, .rightFloat {float:right;} .left-float, .leftFloat {float:left;} #adminBanner {display:none;} video {max-width:100%;} .form-horizontal fieldset legend.col-lg-12 {font-size:160%; font-weight:normal;} .form-horizontal .form-group {margin:0 0 15px 0;} .form-group > legend.control-label {font-size:100%; font-weight:bold; border:none;} .form-control {font-size:16px; color:inherit; box-shadow:none; -webkit-box-shadow:none; border-color:rgba(31,50,99,0.3); border-radius:4px; height:44px; padding:10px 20px;} .form-control:focus {border-color:#1F3263; outline:0; box-shadow:none;} .header-nav a.btn {border:none;} .tab-content.panel {border:1px solid #ddd; border-top:none; border-radius:0;} div.form-actions, #pSavePaymentDetails {margin-bottom:15px;} div.form-actions > div {float:right;} div.form-actions > .btn {margin-left:15px;} ul.radio, ul.checkbox {list-style-type:none; margin:0; padding:0;} .form-horizontal legend.col-lg-12, .form-horizontal div.col-lg-12 {padding-left:0; padding-right:0;} /*--------------------------------------------------------------------- site theme ---------------------------------------------------------------------*/ /*---------------------------------------- / layout ----------------------------------------*/ #page-content {} .container-fluid {} .container {width:100%; max-width:1230px; padding-right:30px; padding-left:30px;} .container-mid {width:100%; max-width:1400px; padding-right:30px; padding-left:30px; margin-right:auto; margin-left:auto;} .row {margin-left: -30px; margin-right: -30px;} .container-fluid > .row {margin-left:0; margin-right:0;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left:30px; padding-right:30px;} /*-----containers-----*/ .block {display:block; width:100%; padding:60px; position:relative;} .block.image {padding:0;} div.center {margin:0 auto; float:none;} .full {width:100%;} .h-100 {height:100%;} .tab-content.panel {border:1px solid #ddd; border-top:none; border-radius:0;} /*.block img {width:100%;}*/ .block.full img {width:auto;} .image img {width:100%;} article.image {/*height:500px;*/ overflow:hidden; background-repeat:no-repeat !important; background-position:50% 50% !important; background-size:cover !important;} article.image.col-lg-12 {height:550px;} article.image.col-lg-8 {height:auto; min-height:550px;} article.image img {position:absolute; top:0; right:0; /*bottom:0;*/ left:0; margin:auto;} article.image.col-lg-8 img {width:auto; height:100%;} .if-empty:empty { display: none;} /*-----lists-----*/ .no-list, .content-area ul.no-list {list-style-type:none !important; margin:0 !important; padding:0 !important;} .content-area ul.no-list li {} .content-area ul.no-list li:before {display:none;} .content-area ul li { font-size: 18px;} /*-----margins-----*/ .no-margin {margin:0 !important;} .no-margin-top {margin-top:0 !important;} .no-margin-right {margin-right:0 !important;} .no-margin-bottom {margin-bottom:0 !important;} .no-margin-left {margin-left:0 !important;} .margin-all {margin:30px;} .margin-top {margin-top:30px;} .margin-right {margin-right:30px;} .margin-bottom {margin-bottom:30px;} .margin-left {margin-left:30px;} .margin-over {margin-left:-30px !important; margin-right:-30px !important;} .margin-over-left {margin-left:-30px !important;} .margin-over-right {margin-right:-30px !important;} .margin-all-full {margin:100px;} .margin-top-full {margin-top:100px;} .margin-right-full {margin-right:100px;} .margin-bottom-full, .content-area ul li.margin-bottom-full {margin-bottom:100px;} .margin-left-full {margin-left:100px;} .margin-all-mid {margin:60px;} .margin-top-mid {margin-top:60px;} .margin-right-mid {margin-right:60px;} .margin-bottom-mid {margin-bottom:60px;} .margin-left-mid {margin-left:60px;} /*-----padding/gutters-----*/ .no-padding {padding:0 !important;} .no-padding-top {padding-top:0 !important;} .no-padding-right {padding-right:0 !important;} .no-padding-bottom {padding-bottom:0 !important;} .no-padding-left {padding-left:0 !important;} .padding-all {padding:30px !important;} .padding-top {padding-top:30px !important;} .padding-right {padding-right:30px !important;} .padding-bottom {padding-bottom:30px !important;} .padding-left {padding-left:30px !important;} .padding-all-sml {padding:15px !important;} .padding-top-sml {padding-top:15px !important;} .padding-right-sml {padding-right:15px !important;} .padding-bottom-sml {padding-bottom:15px !important;} .padding-left-sml {padding-left:15px !important;} .padding-all-mid {padding:60px !important;} .padding-top-mid {padding-top:60px !important;} .padding-right-mid {padding-right:60px !important;} .padding-bottom-mid {padding-bottom:60px !important;} .padding-left-mid {padding-left:60px !important;} .padding-all-full {padding:100px !important;} .padding-top-full {padding-top:100px !important;} .padding-right-full {padding-right:100px !important;} .padding-bottom-full {padding-bottom:100px !important;} .padding-left-full {padding-left:100px !important;} /*-----alignment-----*/ .align-left {text-align:left;} .align-center {text-align:center;} .align-right {text-align:right;} .align-vertical {position:relative; top:50%; transform:translateY(-50%); z-index:3} /* flexbox layout for equal height boxes*/ .align {display:flex !important; flex-direction:row; flex-wrap:wrap;} .align > div[class*='col-'], .align > aside[class*='col-'], .align > article[class*='col-'] {margin-left:-0.5px;} .align > div[class*='col-'].pull-right, .align > aside[class*='col-'].pull-right, .align > article[class*='col-'].pull-right {margin-right:-0.5px;} .align-top {align-self:flex-start; width:100%;} .align-end {align-self:flex-end; width:100%;} .align > div.pull-right {order:2;} .align > aside.pull-right {order:1;} .align-item-center { align-items: center;} /*-----colours-----*/ .primary {color:#1F3263;} .secondary {color:#906D4F;} .tertiary {color:#828282;} .highlight {color:#09131e;} .section {color:#fff;} .shade {color:#b1b2b9;} .dark {color:#aaa;}/**/ .light {color:#eee;}/**/ /*-----backgrounds-----*/ .bg {color:inherit;} .bg.primary {background:#1F3263; color:#fff;} .bg.primary h1, .bg.primary h2, .bg.primary h3, .bg.primary h4, .bg.primary h5, .bg.primary h6, .bg.primary a {color:#fff;} .bg.secondary {background:#906D4F; color:#fff;} .bg.tertiary {background:rgba(0,0,0,0.3); color:#fff;} .bg.tertiary h1, .bg.tertiary h2, .bg.tertiary h3, .bg.tertiary h4, .bg.tertiary h5, .bg.tertiary h6, .bg.tertiary a {color:#fff;} .bg.highlight {background:#09131e; color:#fff;} .bg.section {background:#fff;} .bg.shade {background:#b1b2b9; color:#fff;} .bg.dark {background:#828282; color:#fff;} .bg.dark h1, .bg.dark h2, .bg.dark h3, .bg.dark h4, .bg.dark h5, .bg.dark h6, .bg.dark a {color:#fff;} .bg.light {background:#b1b2b9; color:#fff;} .bg.light h1, .bg.light h2, .bg.light h3, .bg.light h4, .bg.light h5, .bg.light h6, .bg.light a {color:#fff;} .bg.dark-brown{background:#826247; color:#fff;} .bg.dark-brown h1, .bg.dark-brown h2, .bg.dark-brown h3, .bg.dark-brown h4, .bg.dark-brown h5, .bg.dark-brown h6, .bg.dark-brown a {color:#fff;} .bg.bg-image {background-repeat:no-repeat; background-position:50% 50%; background-size:cover; color:#fff;} .bg.bg-image h2, .bg.bg-image h3, .bg.bg-image h4, .bg.bg-image h5, .bg.bg-image h6, .bg.bg-image a, .bg.bg-image a:link, .bg.bg-image a:visited, .bg.bg-image a:active, .bg.bg-image a:hover, .bg.bg-image a:focus {color:#fff;} .img-our-difference {background-image:url(../jpg/home-our-difference.jpg);} .img-our-curriculum {background-image:url(../jpg/home-our-curriculum.jpg);} .img-co-curricular {background-image:url(../jpg/home-co-curricular.jpg);} .img-our-facilities {background-image:url(../jpg/home-our-facilities.jpg);} .img-enrol-now {background-image:url(../jpg/home-enrol-now.jpg);} /*-----borders-----*/ .border {border:1px solid #906D4F; color:inherit;} .border-none {border:none !important;} .border-top {border-top:1px solid #906D4F;} .border-right {border-right:1px solid #906D4F;} .border-bottom {border-bottom:1px solid #906D4F;} .border-left {border-left:1px solid #906D4F;} .border.primary, .border-top.primary, .border-right.primary, .border-bottom.primary, .border-left.primary, .bg.primary > .border, .bg.primary > .border-top, .bg.primary > .border-right, .bg.primary > .border-bottom, .bg.primary > .border-left {border-color:#fff;} .border.secondary, .border-top.secondary, .border-right.secondary, .border-bottom.secondary, .border-left.secondary, .bg.secondary > .border, .bg.secondary > .border-top, .bg.secondary > .border-right, .bg.secondary > .border-bottom, .bg.secondary > .border-left {border-color:#fff;} .border.tertiary, .border-top.tertiary, .border-right.tertiary, .border-bottom.tertiary, .border-left.tertiary {border-color:#ccc;} .border.highlight, .border-top.highlight, .border-right.highlight, .border-bottom.highlight, .border-left.highlight {border-color:#f2f6f9;} .border.section, .border-top.section, .border-right.section, .border-bottom.section, .border-left.section {border-color:#fff;} .border.shade, .border-top.shade, .border-right.shade, .border-bottom.shade, .border-left.shade {border-color:#b1b2b9;} .border.dark, .border-top.dark, .border-right.dark, .border-bottom.dark, .border-left.dark {border-color:#bbb;} .border.light, .border-top.light, .border-right.light, .border-bottom.light, .border-left.light {border-color:#ddd;} /*-----buttons-----*/ .btn, .btn:link, .btn:visited, .task-manager #btnAddNewTaskTMView, .calendarview-edit-main-calendar #AddAppointment, #page-content .RadScheduler .rsAdvancedEdit .rsAdvancedSubmitArea a, a[id$="btnAddNewMeetingInCtrl"], .login-element div.lgn-btn input {letter-spacing:1px; border-radius:8px; color:inherit; transition: all .7s ease; text-decoration:none; padding:20px 30px; background:#ccc; border:none; font-size:20px; font-family:crimson, sans-serif; white-space:normal;} .btn:hover, .btn:focus, .btn:active {border-color:#ccc;} .btn-default, .btn-default:link, .btn-default:visited {color:#000; border-color:#ccc; background:#ccc;} .btn-default:hover, .btn-default:focus, .btn-default:active {color:#000; border-color:#ccc; background:#ccc;} .btn-primary, .btn-primary:link, .btn-primary:visited, .clsFormCreator .add-button, .task-manager #btnAddNewTaskTMView, .calendarview-edit-main-calendar #AddAppointment, #page-content .RadScheduler .rsAdvancedEdit div.rsAdvancedSubmitArea a.rsAdvEditSave, a[id$="btnAddNewMeetingInCtrl"], .login-element div.lgn-btn input {color:#fff; border-color:#1F3263; background:#1F3263;} .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .clsFormCreator .add-button:hover, .clsFormCreator .add-button:focus, .task-manager #btnAddNewTaskTMView:hover, .task-manager #btnAddNewTaskTMView:focus, .calendarview-edit-main-calendar #AddAppointment:hover, .calendarview-edit-main-calendar #AddAppointment:focus, #page-content .RadScheduler .rsAdvancedEdit div.rsAdvancedSubmitArea a.rsAdvEditSave:hover, #page-content .RadScheduler .rsAdvancedEdit div.rsAdvancedSubmitArea a.rsAdvEditSave:focus, a[id$="btnAddNewMeetingInCtrl"]:hover, a[id$="btnAddNewMeetingInCtrl"]:focus, .login-element div.lgn-btn input:hover, .login-element div.lgn-btn input:focus {color:#000; border-color:#ccc; background:#ccc;} .btn-success, .btn-success:link, .btn-success:visited {color:#fff; border-color:#21b4c1; background:#21b4c1;} .btn-success:hover, .btn-success:focus, .btn-success:active {color:#000; border-color:#ccc; background:#ccc;} .btn-danger, .btn-danger:link, .btn-danger:visited, .clsFormCreator .repeat .delete-button {color:#fff; border-color:#ca0a19; background:#ca0a19;} .btn-danger:hover, .btn-danger:focus, .btn-danger:active {color:#000; border-color:#ccc; background:#ccc;} .btn-toggle {opacity:0;} .btn-link, .btn-link:link, .btn-link:visited {padding:0; border:none; color:#409ec1; letter-spacing:0; background:transparent;} .btn-link:hover, .btn-link:focus, .btn-link:active {color:#409ec1; background:transparent;} .clsFormCreator .clsCheckBoxListSpanOptions > div > span, .clsFormCreator .clsRadioButtonListSpanOptions > div > span {width:auto !important; margin-right: 25px;} .btn.primary, .btn.primary:link, .btn.primary:visited {color:#fff; border-color:#1F3263; background:#1F3263;} .bg.primary .btn.primary, .bg.primary .btn.primary:link, .bg.primary .btn.primary:visited {border-color:rgba(255,255,255,0.3); background:rgba(255,255,255,0.3);} .btn.secondary, .btn.secondary:link, .btn.secondary:visited {color:#fff !important; border-color:#906d4f; background:#906d4f;} .btn.tertiary, .btn.tertiary:link, .btn.tertiary:visited {color:#fff; border-color:#ccc; background:#ccc;} .btn.highlight, .btn.highlight:link, .btn.highlight:visited {border-color:#f2f6f9; background:#f2f6f9;} .btn.section, .btn.section:link, .btn.section:visited {border-color:#fff; background:#fff;} .btn.shade, .btn.shade:link, .btn.shade:visited {border-color:#acf8ff; background:#acf8ff;} .btn.dark, .btn.dark:link, .btn.dark:visited {color:#fff; border-color:#bbb; background:#bbb;} .btn.light, .btn.light:link, .btn.light:visited {color:#fff; border-color:#ddd; background:#ddd;} /*-----circle-----*/ .circle, p.circle {border-radius:100px; padding:15px; display:inline-block; float:none; width:auto; text-align:centre; min-width:1px;} /*-----icons-----*/ .icon {position:relative;} .icon:after {font-family:FontAwesome; font-size:25px; position:absolute; line-height:1;} .btn.icon {background:transparent; border:none; border-radius:0; color:#fff; font-size:20px; height:30px; width:30px; text-indent:-9999px;} .btn.icon:after {top:0; right:0; bottom:0; left:0; text-align:center; line-height:30px; text-indent:0;} .icon.icon-large {} .icon.icon-large:after {font-size:40px;} .icon.primary:after {color:#1F3263;} .icon.secondary:after {color:#906d4f;} .icon.tertiary:after {color:#828282;} .icon.highlight:after {color:#09131e;} .icon.section:after {color:#fff;} .icon.shade:after {color:#b1b2b9;} .icon.dark:after {color:#aaa;} .icon.light:after {color:#eee;} .icon-only {color:#000;} .icon.icon-top {padding-top:35px;} .align-center .icon.icon-top {margin-left:auto; margin-right:auto;} .icon.icon-top.icon-large {padding-top:50px;} .icon.icon-top:after {top:0; left:0; right:0; margin:0 auto; text-align:center;} .icon.icon-right {padding-right:35px; min-height:25px;} .icon.icon-right.icon-large {padding-right:50px; min-height:40px;} .icon.icon-right:after {right:0;} .icon.icon-bottom {padding-bottom:35px;} .align-center .icon.icon-bottom {margin-left:auto; margin-right:auto;} .icon.icon-bottom.icon-large {padding-bottom:50px;} .icon.icon-bottom:after {bottom:0; left:0; right:0; margin:0 auto; text-align:center;} .icon.icon-left {padding-left:35px; min-height:25px;} .icon.icon-left.icon-large {padding-left:50px; min-height:40px;} .icon.icon-left:after {left:0;} .icon.icon-badge {width:50px;} .icon.icon-badge.padding-right {width:80px;} .icon.icon-badge.padding-left {width:80px;} .icon.icon-badge:before {content:""; background:url(../png/icon-shield.png); width:50px; height:56px; position:absolute; top:0; bottom:0; left:0; margin:auto;} .icon.icon-badge:after {width:50px; height:45px; line-height:45px; text-align:center; top:-10px; bottom:0; margin:auto; color:#fff;} .icon.icon-paper::after {content:"\f1ea";} .icon.icon-search::after {content:"\f002";} .icon.icon-search.open::after {content:"\f00d";} .icon.icon-menu::after {content:"\f142";} .icon.icon-links::after {content:"\f0c9";} .icon.icon-pamphlet::after {content:"\f21d";} .icon.icon-pages::after {content:"\f016";} .icon.icon-envelope::after {content:"\f003";} .icon.icon-phone::after {content:"\f095";} .icon.icon-tour::after {content:"\f129";} .icon.icon-facebook::after {content:"\f09a";} .icon.icon-linkedin::after {content:"\f0e1";} .icon.icon-twitter::after {content:"\f099";} .icon.icon-youtube::after {content:"\f167";} .icon.icon-News::after, .icon.icon-NewsNews::after {content:"\f003";} .icon.icon-Event::after {content:"\f073";} .icon.icon-Story::after {content:"\f006";} .icon.icon-Media::after {content:"\f1ea";} .icon.icon-Publication::after {content:"\f278";} /*-----opacity-----*/ .invisible {opacity:0;} .bg.primary.translucent {background:rgba(31,50,99,0.7);} .bg.secondary.translucent {background:rgba(144,109,79,0.7);} .bg.tertiary.translucent {background:rgba(130,130,130,0.7);} .bg.highlight.translucent {background:rgba(9,19,30,0.7);} .bg.section.translucent {background:rgba(255,255,255,0.7);} .bg.shade.translucent {background:rgba(177,178,185,0.7);} .bg.dark.translucent {background:rgba(170,170,170,0.7);} .bg.light.translucent {background:rgba(238,238,238,0.7);} .bg.primary.transparent {background:rgba(31,50,99,0.1); color:#000;} .bg.primary.transparent h1, .bg.primary.transparent h2, .bg.primary.transparent h3, .bg.primary.transparent h4, .bg.primary.transparent h5, .bg.primary.transparent h6, .bg.primary.transparent a {color:#906D4F;} /*.bg.primary.transparent p {color:#000;}*/ .bg.secondary.transparent {background:rgba(144,109,79,0.1); color:#000;} .bg.tertiary.transparent {background:rgba(130,130,130,0.1);} .bg.highlight.transparent {background:rgba(9,19,30,0.1);} .bg.section.transparent {background:rgba(255,255,255,0.1);} .bg.shade.transparent {background:rgba(177,178,185,0.1);} .bg.dark.transparent {background:rgba(170,170,170,0.1);} .bg.light.transparent {background:rgba(238,238,238,0.1);} /*-----effects-----*/ .uppercase {text-transform:uppercase;} .hover, .hover * {position:relative;} .hover:before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0);} .hover:hover:before, .hover:focus:before {background:rgba(0,0,0,0.2);} .overlay, .overlay * {position:relative; z-index:3;} .overlay:before {content:""; background:rgba(0,0,0,0.1); position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;} .link-overlay a {display:block; position:absolute; top:0; right:0; bottom:0; left:0; background:transparent; z-index:2; text-indent:-9999px;} .link-overlay a:hover, .link-overlay a:focus {text-decoration:none; border:none;} /*-----cut out (bottom right corner)-----*/ .cut {} .cut:after {width:0px; height:0px; border-bottom:15px solid #fff; border-left:15px solid transparent; content:""; position:absolute; bottom:0; right:0;} .cut-large {} .cut-large:after {width:0px; height:0px; border-bottom:25px solid #fff; border-left:25px solid transparent; content:""; position:absolute; bottom:0; right:0;} .cut-bg {} .block.cut-bg {padding-bottom:0;} .cut-bg:before, .cut-bg:after {content:""; position:absolute; bottom:-16px;} .cut-bg:before {right:0; border-width:16px 16px 0 0; border-style:solid;} .cut-bg:after {left:0; right:16px; border-width:8px; border-style:solid;} .primary.cut-bg:before {border-color:#21b4c1 transparent;} .primary.cut-bg:after {border-color:#21b4c1;} .secondary.cut-bg:before {border-color:#409ec1 transparent;} .secondary.cut-bg:after {border-color:#409ec1;} .tertiary.cut-bg:before {border-color:#ccc transparent;} .tertiary.cut-bg:after {border-color:#ccc;} .highlight.cut-bg:before {border-color:#f2f6f9 transparent;} .highlight.cut-bg:after {border-color:#f2f6f9;} .section.cut-bg:before {border-color:#fff transparent;} .section.cut-bg:after {border-color:#fff;} .shade.cut-bg:before {border-color:#acf8ff transparent;} .shade.cut-bg:after {border-color:#acf8ff;} .dark.cut-bg:before {border-color:#bbb transparent;} .dark.cut-bg:after {border-color:#bbb;} .light.cut-bg:before {border-color:#ddd transparent;} .light.cut-bg:after {border-color:#ddd;} /*-----tile with icon badge-----*/ .tile > div {float:left;} .tile > div + div {width:calc(100% - 80px); position:relative; padding-bottom:70px;} .tile .icon.icon-badge:before, .tile .icon.icon-badge:after {bottom:auto;} .tile .icon.icon-badge:before {background:url(../png/icon-shield-white.png);} .tile .icon.icon-badge:after {top:0; color:#1F3263;} .tile .border-right {border-color:#fff;} .tile .btn {position:absolute; bottom:0; left:30px;} /*---------------------------------------- / header ----------------------------------------*/ .skip-link {} #header {position:relative; z-index:1000;} #header a, #header a:link, #header a:active {border:none; text-decoration:none; font-size:18px; font-family:crimson, sans-serif; line-height:1;} #header .col-lg-12 {position:static;} #header .btn {margin:0; padding:0;} #header .navbar {position:static;} #header .navbar-brand {width:125px; height:44px; margin:18px 0 0 0; padding:0; background:url(../png/logo-mlc-school.png) no-repeat 0 0; background-size:cover;} #header #header-top {padding:10px 0; height:40px;} #header #header-top #audience-links {list-style-type:none; margin:0; padding:0;} #header #header-top #audience-links li {float:left; padding:0 10px; border-left:1px solid #fff; line-height:1;} #header #header-top #audience-links li:first-child {padding-left:0; border-left:none;} #header #header-top #audience-links li a {color:#fff;} #header #header-top .btn.icon {float:right; text-indent:0; color:#fff; width:auto; height:auto; line-height:1; font-size:18px; font-family:crimson, sans-serif; letter-spacing:normal;} #header #header-top #header-audience .btn.icon {margin-right:10px;} #header #header-top #header-utils .btn.icon {margin-left:10px;} #header #header-top .btn.icon:after {position:relative; font-size:100%; line-height:1;} #header #header-links {position:fixed; top:0; right:0; bottom:0; z-index:9999; width:250px; display:none; background:#fff;} #header #header-links.open {display:block;} #header #header-links #quicklinks-close {position:absolute; top:10px; right:10px; color:#fff; display:block; width:15px; height:15px; border-radius:50px; border:1px solid #1f3263; text-indent:-9999px; text-align:left;} #header #header-links #quicklinks-close:after {content:"X"; font-family:arial; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:13px; color:#1f3263; text-indent:0; font-size:10px;} #header #header-links ul {list-style-type:none; margin:0; padding:40px 0 0 0;} #header #header-links ul li {text-align:left;} #header #header-links ul li a {display:block; padding:10px 20px; color:#1f3263; font-family: Arial, raleway, sans-serif; font-size:14px;} #header #header-links ul li a:hover, #header #header-links ul li a:focus {color:#1f3263; background:rgba(143,109,79,0.1);} #header #header-search {display:none; float:right; width:270px; position:relative; margin-left:10px;} #header #header-search.open {display:block; vertical-align:top;} #header #header-search label {display:none;} #header #header-search .form-control {border:1px solid #fff; border-right:none; padding:0 5px; height:20px; line-height:20px; font-size:9px; border-radius:0; background-color:transparent; width:250px;} #header #header-search a.btn {border:1px solid #fff; border-left:none; border-radius:0; padding:5px; text-indent:-9999px; width:20px; height:20px; position:absolute; top:0; right:0;} #header #header-search a.btn:after {font-family:FontAwesome; font-size:9px; content:"\f002"; position:absolute; top:0; right:0; bottom:0; left:0; text-indent:0; line-height:20px;} #header #header-search .quickSearchPanel {position:relative; z-index:10;} #header #header-search .quickSearchPanel .dynamic-results {padding:20px; background:#fafafa; border-bottom:2px solid #ddd; box-shadow: 0px 5px 5px 0px rgba(204,204,204,0.5);} #header #header-search .quickSearchPanel .dynamic-results .dynamic-results-inner {height:250px !important;} #header #header-search .quickSearchPanel .dynamic-results ol {list-style-type:none; margin:0; padding:0;} #header #header-search .quickSearchPanel .dynamic-results ol li {margin-bottom:5px;} #header #header-search .quickSearchPanel .dynamic-results .dynamic-results-links a {display:inline-block; padding-right:10px;} #header #header-search span[id$="SearchKeywordValidator"] {display:none !important;} #header #header-nav.hero {position:absolute; top:40px; right:0; left:0; z-index:1000;} #header #main-nav .navbar-toggle {margin-top:18px; width:10px;} #header #social {list-style-type:none; margin:0; padding:0; position:absolute; top:296px; right:0; z-index: 2;} #header #social li {display:block;} #header #social li a {display:block; background:#1f3263; border-radius:8px 0 0 8px; width:40px; height:40px; text-indent:-9999px; position:relative; margin-bottom:5px; outline:none;} #header #social li a:after {font-family:FontAwesome; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:40px; color:#fff; text-indent:0; font-size:20px;} #header #social li.facebook a:after {content:"\f082";} #header #social li.instagram a:after {content:"\f16d";} #header #social li.linkedin a:after {content:"\f08c";} #header #social li.twitter a:after {content:"\f099";} /*---------------------------------------- / navigation ----------------------------------------*/ #main-nav {border:none; border-radius:0; margin:0; height:80px;} #main-nav.open {padding-top:70px;} /*-----mega menu styles-----*/ #main-nav .hmenu {float:left; height:80px; list-style-type:none; margin:0; padding:0; background:transparent;} #main-nav .hmenu a {text-decoration:none;} /* styles for level 1 */ #main-nav .hmenu > li {float:left; position:relative; height:80px;} #main-nav .hmenu > li.first {padding-left:0;} #main-nav .hmenu > li.last {padding-right:0;} #main-nav .hmenu > li > a, #main-nav .hmenu > li > span {display:block; height:80px; line-height:80px; padding:0 15px; color:#fff; font-size:18px; font-family:crimson, sans-serif; height:auto;} #main-nav .hmenu > li a.opensub {position: absolute; right: 0px; text-align: center; padding:12px 0; font-size:0; top:0; width: 40px; height: 34px; z-index:99;} #main-nav .hmenu > li a.opensub:before {content: "\f078";font-size: 12px; font-family: fontawesome;} #main-nav .hmenu > li a.opensub.opened:before{content:"\f077"} #main-nav .hmenu > li:hover, #main-nav .hmenu > li:focus {} #main-nav .hmenu > li.selected > a, #main-nav .hmenu > li:hover > a, #main-nav .hmenu > li:focus > a {color:#fff; background:#8f6d4f;} /* styles for level 2 */ #main-nav .hmenu > li > ul {display:none; z-index:10; position:absolute; top:80px; left:0; list-style-type:none; margin:0; width:250px; padding:10px 0; background:#fff; border-radius:0 0 4px 4px; transition: all 0.2s ease-in; box-shadow: -2px 2px 5px 0px rgba(204,204,204,0.5);} #main-nav .hmenu > li > ul > li {display:block; position:relative;} #main-nav .hmenu > li > ul > li > a, #main-nav .hmenu > li > ul > li > span {display:block; padding:10px 20px; color:#1f3263; font-family:Arial, raleway, sans-serif; font-size:14px;} #main-nav .hmenu > li > ul > li.selected > a, #main-nav .hmenu > li > ul > li:hover > a, #main-nav .hmenu > li > ul > li:focus > a {color:#1f3263; background:rgba(143,109,79,0.1);} #main-nav .hmenu > li:hover > ul, #main-nav .hmenu > li:focus > ul {display:block; z-index:2000;} /* styles for level 3 */ #main-nav .hmenu > li > ul > li > ul {display:none; z-index:10; position:absolute; top:0; left:-228px; list-style-type:none; margin:0; width:230px; padding:10px 0; background:#fff; border-radius:0 4px 4px 4px; transition: all 0.2s ease-in; box-shadow: -2px 2px 5px 0px rgba(204,204,204,0.5);} #main-nav .hmenu > li.iFOL223 > ul > li > ul {left:245px!important;} #main-nav .hmenu > li > ul > li > ul > li {display:block;} #main-nav .hmenu > li > ul > li > ul > li > a, #main-nav .hmenu > li > ul > li > ul > li > span {display:block; padding:10px 20px; color:#1f3263; font-family:Arial, raleway, sans-serif; font-size:14px;} #main-nav .hmenu > li > ul > li > ul > li.selected > a, #main-nav .hmenu > li > ul > li > ul > li:hover > a, #main-nav .hmenu > li > ul > li > ul > li:focus > a {color:#1f3263; background:rgba(143,109,79,0.1);} #main-nav .hmenu > li > ul > li:hover > ul, #main-nav .hmenu > li > ul > li:focus > ul {display:block; z-index:2001;} /* styles for level 4 */ #main-nav .hmenu > li > ul li ul li ul {display:none;} /*-----left flyout menu styles-----*/ #section-nav .navbar-collapse {padding:0; max-height:none;} #LeftMenu {padding-bottom:20px; overflow:hidden;} #LeftMenu, #LeftMenu .menu, #LeftMenu .rootGroup {width:100% !important;} #LeftMenu li {margin-bottom:0; width:100%;} /*root/level2 vertical menu*/ #LeftMenu a.link, #LeftMenu a.CMLevel1Selected {height:auto; border-bottom:1px solid #1D779F; width:100% !important;} #LeftMenu a.link .text, #LeftMenu a.link .rpText, #LeftMenu a.CMLevel1Selected .text {background-color:#66b8de; color:#1E1E1E; font-size:100%; height: auto; padding:8px 12px 6px 12px;} #LeftMenu a.link:hover, #LeftMenu a.link:focus {} #LeftMenu a.link:hover .text, #LeftMenu a.link:focus .text {background-color:#1D779F; color:#fff; font-size:100%;} /*level 2 vertical menu*/ #LeftMenu a.CMLevel2, #LeftMenu a.CMLevel2Selected {height:30px; border-bottom:1px solid #66b8de;} #LeftMenu a.CMLevel2 span, #LeftMenu a.CMLevel2Selected span {background-color:#91cae8; height:16px; padding:8px 12px 6px 12px;} #LeftMenu a.CMLevel2Selected:hover span, #LeftMenu a.CMLevel2:hover span, #LeftMenu a.CMLevel2:focus span {background-color:#1D779F;} /*level 3 vertical menu*/ #LeftMenu a.CMLevel3, #LeftMenu a.CMLevel3Selected {height:30px; border-bottom:1px solid #91cae8;} #LeftMenu a.CMLevel3 span, #LeftMenu a.CMLevel3Selected span {background-color:#b5dced; height:16px; padding:8px 12px 6px 12px;} #LeftMenu a.CMLevel3Selected:hover span, #LeftMenu a.CMLevel3:hover span, #LeftMenu a.CMLevel3:focus span {background-color:#1D779F;} /*level 4 vertical menu*/ #LeftMenu a.CMLevel4, #LeftMenu a.CMLevel4Selected {height:30px; border-bottom:1px solid #b5dced;} #LeftMenu a.CMLevel4 span, #LeftMenu a.CMLevel4Selected span {background-color:#e7f8ff; height:16px; padding:8px 12px 6px 12px;} #LeftMenu a.CMLevel4Selected:hover span, #LeftMenu a.CMLevel4:hover span, #LeftMenu a.CMLevel4:focus span {background-color:#1D779F;} #LeftMenu .group {width:210px !important;} /*----------panelbar default css----------*/ .RadPanelBar {width: 100% !important;} .RadPanelBar ul {list-style-type:none; margin: 0 !important; padding:0;} .RadPanelBar ul li {margin: 0 !important;} .RadPanelBar .link {display:block; text-decoration:none;} .RadPanelBar .rpOut {display:block;} .RadPanelBar .rpText {display:block;} .RadPanelBar .rpSlide {display:none;} div[id$="Panelbar13"] .rpSlide {display:block;} /*-----panelbar menu styles-----*/ #LeftMenu .panelbar a.MenuItemOne {border-bottom:1px solid #409ec1; background:none; color: #333; font-size:18px; font-family: Arial, Raleway, sans-serif;} #LeftMenu .panelbar a.link.MenuItemOne .rpText {background: none; padding:20px 10px 5px;} #LeftMenu .panelbar a.link:hover .rpText, #LeftMenu .panelbar a.link:focus .rpText {} #LeftMenu .panelbar ul li ul .rpExpandable .rpText:before {content:"\f105 "; font-family:FontAwesome; font-size:16px; display:block; float:left; margin-left:-14px; margin-top:-1px; transition: 0.5s linear;} /*level 2 panelbar*/ #LeftMenu .panelbar a.MenuItemTwo {border-bottom:1px solid #f5f5f5; font-size:100%;} #LeftMenu .panelbar a.MenuItemTwo .rpText, #LeftMenu .panelbar a.MenuItemTwoClicked .rpText {padding-left:24px; width:100% !important; background:none; border:none;} /*level 3 panelbar*/ #LeftMenu .panelbar a.MenuItemThree {border-bottom:1px solid #f5f5f5; font-size:100%;} #LeftMenu .panelbar a.MenuItemThree .rpText, #LeftMenu .panelbar a.MenuItemThreeClicked .rpText {padding-left:36px; width:100% !important; background:none; border:none;} #LeftMenu .panelbar a.MenuItemThree:hover .rpText, #LeftMenu .panelbar a.MenuItemThree:focus .rpText {} /*level 4 panelbar*/ #LeftMenu .panelbar a.MenuItemFour{border-bottom:1px solid #f5f5f5; font-size:100%;} #LeftMenu .panelbar a.MenuItemFour .rpText, #LeftMenu .panelbar a.MenuItemFourClicked .rpText {padding-left:48px; background:none; border:none;} #LeftMenu .panelbar a.MenuItemFour:hover .rpText, #LeftMenu .panelbar a.MenuItemFour:focus .rpText {} #LeftMenu .panelbar .rpLevel4 a.MenuItemFour .rpText, #LeftMenu .panelbar .rpLevel4 a.MenuItemFourClicked .rpText {padding-left:60px;} /*selected item*/ #LeftMenu a.CMLevel1Selected .text, #LeftMenu a.CMLevel2Selected .text, #LeftMenu a.CMLevel3Selected .text, #LeftMenu a.CMLevel4Selected .text #LeftMenu .panelbar a.MenuItemOneClicked .rpText, #LeftMenu .panelbar a.MenuItemTwoClicked .rpText, #LeftMenu .panelbar a.MenuItemThreeClicked .rpText, #LeftMenu .panelbar a.MenuItemFourClicked .rpText {background: #f4f4f4;} #LeftMenu .panelbar ul li ul .rpExpandable.MenuItemTwoClicked .rpText:before, #LeftMenu .panelbar ul li ul .rpExpandable.MenuItemThreeClicked .rpText:before {transform: rotate(90deg);} /*---------------------------------------- / home ----------------------------------------*/ #banner-home {height:910px; position:relative;} #banner-home > #slides {height:910px;} #banner-home > #slides > article {width:100%; height:910px; /*right:0; bottom:0;*/} #banner-home > #slides > article > .container {position:absolute; bottom:60px; left:0; right:0; z-index:3;} #banner-home > #slides > article h1, #banner-home > #slides > article h2 {font-size:75px;} #banner-home > #slides > article h1 span, #banner-home > #slides > article h2 span {display:inline-block; line-height:1; margin-top:20px;} #banner-home > #slides > article p {font-family:crimson, sans-serif; font-size:32px; font-style:italic;} #banner-home > #nav-cycle {position:absolute; bottom:15px; left:0; right:0; text-align:center; z-index:100;} #banner-home > #nav-cycle span {display:inline-block; border:1px solid transparent; background:rgba(31,50,99,0.7); width:20px; height:20px; margin-left:5px; border-radius:10px; text-indent:-9999px; cursor:pointer;} #banner-home > #nav-cycle span.cycle-pager-active {border-color:#1f3263; background:transparent;} #banner-home > #slides #slide-one {background:url(../jpg/main-page-slider-image-1.jpg) no-repeat 50% 50%; background-size:cover;} #banner-home > #slides #slide-two {background:url(../jpg/main-page-slider-image-2.jpg) no-repeat 50% 50%; background-size:cover;} #banner-home > #slides #slide-three {background:url(../jpg/main-page-slider-image-3.jpg) no-repeat 50% 50%; background-size:cover;} #banner-home > #slides #slide-four {background:url(../jpg/main-page-slider-image-4.jpg) no-repeat 50% 50%; background-size:cover;} #banner-home > #slides #slide-five {background:url(../jpg/main-page-slider-image-5.jpg) no-repeat 50% 50%; background-size:cover;} #banner-home > #slides #slide-six {background:url(../jpg/main-page-slider-image-6.jpg) no-repeat 50% 50%; background-size:cover;} #banner-home > #slides #slide-seven {background:url(../jpg/main-page-slider-image-7.jpg) no-repeat 50% 50%; background-size:cover;} #banner-home > #slider-cta {position:absolute; bottom:50px; z-index:500; left:0; right:0;} #banner-home > #slider-cta #blurb h1 {font-size:75px;} #banner-home > #slider-cta #blurb p {font-family:crimson, sans-serif; font-size:32px; font-style:italic;} #home-cta .block {padding:20px; position:relative;} #home-cta .block:hover, #home-cta .block:focus {background:#fff; cursor:pointer;} #home-cta .block h3 {font-size:32px; margin-bottom:10px; color:#fff;} #home-cta .block:hover h3, #home-cta .block:focus h3 {color:#1F3263;} #home-cta .block p {font-size:20px !important; margin:0;} #home-cta .block a {font-family:crimson, sans-serif; color:#fff; font-style:normal; text-decoration:none;} #home-cta .block:hover a, #home-cta .block:focus a {color:#906d4f;} #home-cta .block > div {float: left;} #home-cta .block > div + div {width: calc(100% - 80px);} #home-cta .block .icon-badge {padding-right:15px !important; width:65px !important;} #home-cta .block .padding-left {padding-left:15px !important;} #main .col-lg-25, #main .col-lg-3 {height:500px; position:relative; overflow:hidden;} #main .block {position:absolute; bottom:0; left:0; right:0; padding-bottom:30px; z-index:2;} #main .block a, #main .block a:link, #main .block a:hover, #main .block a:focus, #main .block a:visited, #main .block a:active {text-decoration:none; color:#fff;} #main .block h2 {font-size:32px; color:#fff;} #main .bg-image {position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; transition: all 0.2s ease-in; transform:scale(1);} #main .col-lg-25:hover .bg-image, #main .col-lg-3:hover .bg-image {transform:scale(1.05);} /*---------------------------------------- / New home Design ----------------------------------------*/ .header-rightlinks { float: right;} .header-rightlinks ul { list-style: none; display: flex; margin: 0; padding: 0px 0px 0px 15px;} #header .header-rightlinks ul li a { padding: 10px 20px; text-transform: uppercase; font-size: 15px; font-weight: 500; letter-spacing: 1px;} .header-rightlinks ul li a.bg.primary.overlay { background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #1F3263; background-blend-mode: multiply;} /* Hover - css */ #header .header-rightlinks ul li a { transition: background-color 0.5s ease;} .header-rightlinks ul li a.bg.primary.overlay:hover { /* background: linear-gradient(rgba(70,130,180,0.25), rgba(70,130,180,0.25)), #1c2d59; */ background-blend-mode: multiply; background: #F5ECE5; color: #1f3263; box-shadow: 0 2px 8px rgba(31,50,99,0.18); transition: background 0.3s, box-shadow 0.3s;} .header-rightlinks ul li a.bg.primary:hover { background: #F5ECE5; color: #1f3263; transition: background 0.3s;} .header-rightlinks ul li a.bg.secondary:hover { background: #F5ECE5; color: #1f3263; transition: background 0.3s;} .homecontent #banner-home, .homecontent #banner-home>#slides, .homecontent #banner-home>#slides>article { height: 800px;} .homecontent #banner-home>#slider-cta { z-index: 500; left: 0; right: 0; top: 0; display: flex; justify-content: center; height: 100%; align-items: flex-end;} .homecontent #banner-home > #slider-cta #blurb h1 {font-size:75px; margin-bottom: 100px;} .overlay .navbar-brand .sr-only { position: absolute;} .homecontent #banner-home > #nav-cycle span{background: rgba(255, 255, 255, 0.3); width: 15px; height: 15px; margin-left: 8px;} .homecontent #banner-home > #nav-cycle span.cycle-pager-active { border-color: #fff; background: #fff;} .homecontent #banner-home>#nav-cycle {z-index: 501; bottom: 40px;} .position-relative { position: relative !important;} .top-0 { top:0 !important;} .enrol-heading h2 { font-size: 48px; margin-bottom: 30px; font-weight: normal; } .enrol-block img { padding-right: 15px;} .enrol-block {flex-wrap: nowrap; padding: 0px 5px 0px 15px; margin-bottom: 15px; position: relative;} .enrol-block > .align > a { position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-indent: -9999px; z-index: 100; border: 0;} .enrol-block p { margin: 0; font-size: 16px; text-transform: uppercase; line-height: 24px; font-family: crimson, sans-serif;} #enrolzone { background: #826247 url(../jpg/enroll-image-min.jpg) no-repeat; background-position: right center; background-size: auto; } .featureImageBG { background: #1F3263; color: #fff;} .featureImagewrap img { max-width: 100%;} .homecontent img{max-width:100%;} .alumni-imgwrap .alumni-imgcontent { position: absolute; bottom: 30px; left: 30px; z-index: 3; } .alumni-imgwrap { position: relative; background-color: #1F3263; overflow: hidden; transition: filter 0.5s ease;} .alumni-imgwrap img { width: 100%; height: 100%; display: block; object-fit: cover; margin: 0; padding: 0; filter: grayscale(100%); opacity: 0.6; transition: filter 0.5s ease, opacity 0.5s ease; } .alumni-imgwrap .alumni-imgcontent h2, .alumni-imgwrap .alumni-imgcontent p { margin: 0; line-height: 1.2; color: #fff; font-family: crimson,sans-serif;} .alumni-imgwrap .alumni-imgcontent h2 { font-size: 32px; font-weight: 500;} .alumni-imgwrap .alumni-imgcontent p { font-size: 24px; } .alumni-content .block h2 { font-size: 36px;} .alumni-content .block p { font-size: 18px;} .alumni-content .block { display: flex; flex-direction: column; justify-content: center;} .alumni-imgwrap .alumni-imgcontent ul { padding: 0; margin: 0; list-style: none;} .alumni-imgwrap .alumni-imgcontent ul li { font-family: crimson, sans-serif; font-size: 24px; color: #fff;} .alumni-imgwrap:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.1); z-index: 1;} .alumni-imgwrap::after { content: ''; position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, rgba(31, 50, 99, 0) 0%, rgba(31, 50, 99, 1) 100%); } /* Hover effect */ .alumni-imgwrap::after { content: ''; position: absolute; inset: 0; z-index: 2; background: linear-gradient(180deg, rgba(31,50,99,0) 0%, rgba(31,50,99,1) 100%); transition: opacity 0.5s ease;} .alumni-imgwrap:hover::after { opacity: 0;} .alumni-imgwrap:hover img { filter: grayscale(0%); opacity: 1;} .slidertestimonial { background: #F5ECE5;} .slidertestimonial #slidesfull { position: relative; margin: 0 auto; overflow: hidden; height: 250px; padding-bottom: 20px;} .slidertestimonial #slidesfull article { width: 100%; height: 250px;} .slidertestimonial h2.slidertestimonialHeading { font-size: 15px; margin-bottom: 60px; text-transform: uppercase; border-bottom: 1px solid #906D4F; display: inline-block; line-height: 2; letter-spacing: 1px;} #slidesfull p.desc { color: #333333; font-style: normal; font-family: crimson, sans-serif; font-size: 32px; line-height: 1.2; padding-left: 40px; padding-right: 20px;} .slidertestimonial #nav-cycles { margin-top: 20px; text-align: center;} .slidertestimonial #nav-cycles span { display: inline-block; width: 10px; height: 10px; margin: 0 6px; background-color: #ddd; border-radius: 50%; cursor: pointer; transition: background-color 0.3s ease;} .slidertestimonial #nav-cycles .cycle-pager-active { background-color: #b29376;} .slidertestimonial #nav-cycles { position: absolute; bottom: 15px; left: 0; right: 0; text-align: center; z-index: 100} .slidertestimonial #nav-cycles span { display: inline-block; border: 1px solid transparent; background: rgba(34,34,34,0.2); width: 15px; height: 15px; margin-left: 5px; border-radius: 10px; text-indent: -9999px; cursor: pointer} .slidertestimonial #nav-cycles span.cycle-pager-active { background: rgba(34,34,34,0.5); } .icon.icon-quotesleft::after { content: ""; background-image: url('../png/quotesleft.png'); width: 40px; height: 40px; background-repeat: no-repeat; left: -50px; position: absolute;} .icon.icon-quotesright::after { content: ""; background-image: url('../png/quotesright.png'); width: 40px; height: 40px; background-repeat: no-repeat; margin-top: 10px; margin-left: 10px;} #footer h2{font-size:22px;} #footer #socialfooter { list-style-type: none; margin: 0; padding: 0; display: flex; } #footer #socialfooter li { margin: 0; padding: 0;} #footer #socialfooter li a { display: block; text-indent: -9999px; position: relative; width: 40px; height: 40px; } #footer #socialfooter li a:after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; line-height: 40px; color: #fff; text-indent: 0; } #footer #socialfooter li.facebook a:after { content: ""; background: url("../png/facebook-f.png") no-repeat;} #footer #socialfooter li.instagram a:after { content: ""; background: url("../png/instagram.png") no-repeat;} #footer #socialfooter li.linkedin a:after { content: ""; background: url("../png/linkedin-in.png") no-repeat;} #footer #socialfooter li.instagram { padding-right: 10px;} /* Tab CSS Home page */ .customTabHead.tabs ul.nav-tabs { display: flex; flex-direction: column; border: none;} .customTabHead.tabs ul.nav-tabs li {border: none;} .customTabHead.tabs ul.nav-tabs li a {border-radius: 0;background: transparent;color: #fff;text-decoration: none;border: none;border-bottom: 2px solid #fff;padding: 10px 0px;} .customTabHead.tabs { background: #906D4F; padding: 40px 0px 40px 60px; position: relative;} .customTabHead.tabs ul.nav-tabs li a h2 { color: #fff; font-size: 48px; font-weight: 400; border: none; margin-bottom: 10px; font-family: crimson, sans-serif; text-decoration: none;} .customTabHead.tabs ul.nav-tabs li a p { font-family: crimson, sans-serif; font-size: 18px; text-transform: uppercase; letter-spacing: 0.8px;} .customTabHead.tabs ul.nav-tabs li:last-child a { border: none;} .customTabHead.tabs ul.nav-tabs li.active a:after { content: "\f105"; font-size: 38px; font-family: fontawesome; position: absolute; right: 20px; top: 27%;} #tabhomecont .tab-content.panel { background: #F5ECE5; margin: 0; border: none; padding: 0;} #tabhomecont .tab-content.panel .panel-body { padding: 0; height: 100%; } #tabhomecont .tab.customTabContent { display: flex; height: 100%; } .customTabContentLeft, .customTabContentRight { width: 50%;} .customTabContentLeft{padding:60px; display: flex; flex-direction: column; justify-content: center;} .customTabContentRight img { height: 100%; width: 100%; object-fit: cover;} .customTabContentLeft h2 { font-size: 32px; } .customTabContentLeft p, .customTabContentLeft a { font-size: 20px; } .customTabContentLeft h2, .customTabContentLeft p, .customTabContentLeft a{ font-family: crimson, sans-serif; color: #906D4F;} form[action*="./edit.aspx"] #tabhomecont .tab-content.panel .panel-body, form[action*="./Edit.aspx"] #tabhomecont .tab-content.panel .panel-body { display: block; height: auto; } .link-cover { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; border: 0;} .homecontent p { font-size: 18px;} .homecontent p.primary.feature { font-size: 32px;} .homecontent .btn, .homecontent .btn:link, .homecontent .btn:visited {font-size:22px;} /*---------------------------------------- / content ----------------------------------------*/ #breadcrumbs {} #breadcrumbs p {display:none;} #breadcrumbs .breadcrumb {background:transparent; border-radius:0; border:none; margin:0; padding:0; font-size:10px;} #breadcrumbs .breadcrumb > li + li:before {content:">"; color:#000;} #breadcrumbs .breadcrumb > li a, #breadcrumbs .breadcrumb > li a:link, #breadcrumbs .breadcrumb > li a:active {text-decoration:none; color:#000;} #breadcrumbs .breadcrumb > li a:hover, #breadcrumbs .breadcrumb > li a:focus, #breadcrumbs .breadcrumb > li a:visited {text-decoration:none; color:#000;} #utilities {} #utilities ul {list-style-type:none; margin:0; padding:0;} #utilities ul li {display:none;} .content-area .accordion-group {padding-bottom:10px;} .content-area .panel {background-color:transparent;} .content-area .panel-body {padding:15px 70px 15px 0;} .content-area .panel-default {border:none; border-radius:0; box-shadow:none; -webkit-box-shadow:none; margin-bottom:10px;} .content-area .panel-default > .panel-heading {border:none; background:rgba(31,50,99,0.06); padding:0; border-radius:0;} .content-area .bg.primary .panel-default > .panel-heading {background:#fff;} .content-area .bg.secondary .panel-default > .panel-heading {background:#fff;} .content-area .panel-default > .panel-heading .panel-title {height:60px; font-size:24px;} .content-area .panel-default > .panel-heading .panel-title a {/*display:block; color:#906d4f; padding:0 70px 0 15px; position:relative; width:100%; height:100%; line-height:60px;*/ display: block; color: #906d4f; padding: 20px 70px 20px 15px !important; position: relative; width: 100%; height: 100%; line-height: 120% !important;} .content-area .panel-default > .panel-heading .panel-title a:after {content:"-"; font-size:22px; color:#906d4f; position:absolute; top:0; right:0; bottom:0; width:70px; border-left:10px solid #fff; text-align:center; line-height:60px; height: 100% !important;} .content-area .panel-default > .panel-heading .panel-title a.collapsed:after {content:"+";} .content-area .bg.primary .panel-default > .panel-heading .panel-title a:after {border-left-color:rgba(31,50,99,1)} .content-area .bg.primary.transparent .panel-default > .panel-heading .panel-title a:after {border-left-color:rgba(31,50,99,0.1)} .content-area .bg.secondary .panel-default > .panel-heading .panel-title a:after {border-left-color:rgba(144,109,79,1)} .content-area .bg.secondary.transparent .panel-default > .panel-heading .panel-title a:after {border-left-color:rgba(144,109,79,0.1)} #banner-content {height:580px; position:relative; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:50% 50%;} #banner-content img {position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; z-index:1;} #banner-content h1 {font-size:72px; margin:0; padding:0;} #banner-content > .ZoneContainer {margin-top:100px;} #banner-content .container {position:absolute; bottom:30px; left:0; right:0; z-index:100;} .content-area ul {list-style-type:none; margin:0 0 15px 0; padding:0;} .content-area ul li:not(.col-lg-2) {margin-bottom:5px; padding-left:20px; position:relative;} .content-area ul li:before {content:"-"; position:absolute; top:0; left:0;} .content-area ol {margin-bottom:15px;} .content-area ol li {margin-bottom:5px;} .content-area ol li:before {} .content-area .table {table-layout:fixed;} .content-area .table > thead > tr > th, .content-area .table > tbody > tr > th, .content-area .table > tfoot > tr > th {font-weight:normal;} .content-area .table > thead > tr > th, .content-area .table > tbody > tr > th, .content-area .table > tfoot > tr > th, .content-area .table > thead > tr > td, .content-area .table > tbody > tr > td, .content-area .table > tfoot > tr > td {padding:15px;} .content-area article img {max-width:100%;} .gallery {column-count:2; column-gap:1em;} .gallery img {display:inline-block; margin:0 0 1em; width:100%;} body>form.ui-sortable section#sect2 article.indent-left.bg, body>form.ui-sortable section#sect2 aside.indent-right.bg{ display: block !important; } /*---------------------------------------- / sidebar ----------------------------------------*/ #sidebar {} #sidebar h3 {border-bottom:1px solid #409ec1; padding-bottom:5px; font-size:160%;} #sidebar h4 {font-size:140%;} #sidebar h5 {font-size:120%;} #sidebar h6 {font-size:100%;} /*---------------------------------------- / footer ----------------------------------------*/ #scroll-top {display:none; position:fixed; bottom:0; right:0;} #scroll-top a {display:block; color:#000;} #scroll-top a:after {content:"\f062"; font-family:FontAwesome; padding-left:5px;} #footer {} #footer a, #footer a:link, #footer a:active {color:#fff; text-decoration:none;} #footer a:hover, #footer a:focus, #footer a:visited {color:#fff; text-decoration:none;} #footer ul {list-style-type:none; margin:0 0 20px 0; padding:0;} #footer ul li {margin-bottom:10px; padding-left:20px; position:relative;} #footer ul li:before {content:"-"; position:absolute; top:0; left:0;} #footer-cta h3 {font-size:32px; color:#1f3263;} #footer-cta a, #footer-cta a:link, #footer-cta a:active {color:#906d4f; font-family:crimson, sans-serif;} #footer-cta a:hover, #footer-cta a:focus, #footer-cta a:visited {color:#906d4f;} #footer-cta .block {padding:20px;} #footer-cta .block h3 {margin-bottom:10px;} #footer-cta .block > div {float:left;} #footer-cta .block > div + div {width:calc(100% - 80px);} #footer-cta .block p {margin:0;} #footer-top h3 {font-size:20px; padding-bottom:20px;} #footer-top .border-bottom {border-color:#fff;} #footer-bottom {font-size:12px;} #footer-cta .block .icon-badge {padding-right:15px !important; width:65px !important;} #footer-cta .block .padding-left {padding-left:15px !important;} #footer-cta h3 a, #footer-cta h3 a:link, #footer-cta h3 a:active, #footer-cta h3 a:hover, #footer-cta h3 a:focus, #footer-cta h3 a:visited {font-size:32px; color:#1f3263;} /*---------------------------------------- / search results ----------------------------------------*/ .SearchLeft {padding-top:100px; padding-bottom:100px; background:rgba(144,109,79,0.1); color:#000;} .SearchResults {padding-top:100px; padding-bottom:100px;} ol#searchResultsInfo {list-style-type:none; margin:20px 0; padding:0px; width:100%;} ol#searchResultsInfo > li {margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid rgba(31,50,99,0.1); float:left; width:100%;} ol#searchResultsInfo li span.firstRow {display:block; margin-bottom:20px;} ol#searchResultsInfo li span.firstRow span.clsResultThumb {float:left; margin-right:10px;} ol#searchResultsInfo li span.firstRow span.resultNumber {display:none;} ol#searchResultsInfo li span.firstRow a {text-decoration:none; font-family:crimson,sans-serif; font-weight:normal; color:#906d4f; font-size:20px;} ol#searchResultsInfo li span.clsResultDescr {margin:0; display:block;} ol#searchResultsInfo li span.lastRow {margin:0; display:block;} ol#searchResultsInfo li span.lastRow fieldset {display:inline} ol#searchResultsInfo li span.lastRow fieldset legend {font-size:100%; font-weight:bold; border:none; display:inline; margin:0; padding:0; width:auto;} ol#searchResultsInfo li span.lastRow fieldset ul {display:inline;} ol#searchResultsInfo li span.lastRow fieldset ul li {display:inline;} ol#searchResultsInfo li span.clsHlighSearchTerm {font-weight:bold; background-color:transparent;} .SearchResults div[id$="pnlPageLinks"] {border-top:1px solid #906d4f; padding-top:30px; position:relative; text-align:center; font-size:18px; clear:both;} .SearchResults div[id$="pnlPageLinks"] h3 {display:none;} .SearchResults div[id$="pnlPageLinks"] a {font-family:crimson, sans-serif; color:#906d4f; text-decoration:none;} .SearchResults div[id$="pnlPageLinks"] .resultPageNumberSelected {font-weight:bold;} .SearchResults div[id$="pnlPageLinks"] a[id$="PreviousLink"], .SearchResults div[id$="pnlPageLinks"] a[id$="NextLink"] {position:absolute; top:30px;} .SearchResults div[id$="pnlPageLinks"] a[id$="PreviousLink"] {left:0; padding-left:25px;} .SearchResults div[id$="pnlPageLinks"] a[id$="NextLink"] {right:0; padding-right:25px;} .SearchResults div[id$="pnlPageLinks"] a[id$="PreviousLink"]:before, .SearchResults div[id$="pnlPageLinks"] a[id$="NextLink"]:after {border-radius:10px; background:#906d4f; width:20px; height:20px; font-family:FontAwesome; color:#fff; font-size:12px; position:absolute; top:3px; text-align:center; line-height:20px;} .SearchResults div[id$="pnlPageLinks"] a[id$="PreviousLink"]:before {content:"\f053"; left:0;} .SearchResults div[id$="pnlPageLinks"] a[id$="NextLink"]:after {content:"\f054"; right:0;} /*--------------------------------------------------------------------- site modules ---------------------------------------------------------------------*/ /*---------------------------------------- / widgets ----------------------------------------*/ .widget {position:relative; /*float:left; width:100%;*/} .widget dl, .widget dt, .widget dd {list-style-type:none; margin:0; padding:0;} .widget dd {line-height:150%;} .widget .widgetPageLinks {border-top:1px solid #906d4f; padding-top:30px; position:relative; text-align:center; font-size:18px;} .widget .widgetPageLinks h3 {display:none;} .widget .widgetPageLinks a {font-family:crimson, sans-serif; color:#906d4f; text-decoration:none;} .widget .widgetPageLinks .resultPageNumberSelected {font-weight:bold;} .widget .widgetPageLinks #PreviousLink, .widget .widgetPageLinks #NextLink {position:absolute; top:30px;} .widget .widgetPageLinks #PreviousLink {left:0; padding-left:25px;} .widget .widgetPageLinks #NextLink {right:0; padding-right:25px;} .widget .widgetPageLinks #PreviousLink span, .widget .widgetPageLinks #NextLink span {display:block; overflow:hidden;} .widget .widgetPageLinks #PreviousLink span {text-indent:-12px;} .widget .widgetPageLinks #NextLink span {width:35px; height:22px;} .widget .widgetPageLinks #PreviousLink:before, .widget .widgetPageLinks #NextLink:after {border-radius:10px; background:#906d4f; width:20px; height:20px; font-family:FontAwesome; color:#fff; font-size:12px; position:absolute; top:3px; text-align:center; line-height:20px;} .widget .widgetPageLinks #PreviousLink:before {content:"\f053"; left:0;} .widget .widgetPageLinks #NextLink:after {content:"\f054"; right:0;} .widget .noLink a {cursor: text;} #nyroModalWrapper {background-color:#000; height:auto !important} #nyroModalWrapper h1 {margin:10px 0 0 10px;} #nyroModalFull #closeBut {color:#ffffff; background:#000; padding:5px; position:absolute; top:10px; right:10px;} #nyroModalWrapper #nyroModalContent {overflow:hidden !important;} .widget .media {} .widget .media .block {width:100%;} .widget .media h2 {clear:both; font-size:110%; font-weight:bold; line-height:1.4;} .widget-nav {display:inline-block; border-radius:10px; text-indent:-9999px; background:#906d4f; width:20px; height:20px; position:relative; overflow:hidden;} .widget-nav:after {font-family:FontAwesome; color:#fff; text-indent:0; font-size:12px; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:20px;} .widget-nav.widget-prev:after {content:"\f053";} .widget-nav.widget-next:after {content:"\f054";} .nav-links {position:relative;} .more-link {position:absolute; top:-45px; right:0;} .nav-links .more-link {top:15px;} .widget article {padding-bottom:50px;} #Widget31749 article {padding-bottom: 25px!important;} .widget .heading {} .widget .image {} .widget .image img {width:100%; height:auto; float:none !important;} .widget .desc {} .widget .info, .widget .story .heading {position:absolute; bottom:0; left:0; right:30px; height:50px;} .widget .info {padding-top:7px;} .widget .info .category {height:36px;} .widget .info .category h4 {margin-right:5px !important; margin-left:3px !important;} .widget .story .heading {line-height:50px;} .widget .info h4 {color:#000; font-family:inherit;font-size:inherit;display:block;margin-top: 2px !important;float: left;} .widget .info p {display:inline;} .widget .info ul {list-style-type:none; margin:0; padding:0;display:block;} .widget .info ul li {margin:0; padding:0 3px; position:relative; float:left; font-size:93%;} .widget .info ul li:before {content:none;} .widget .info ul li:after {content:","; position:absolute; right:0; bottom:0;} .widget .info ul li:first-child {padding-left:0;} .widget .info ul li:first-child:before {content:"";} .widget .info ul li:last-child:after {content:none;} .widget .slides {position:relative;} .widget .slides > article, .widget .slides > div.slide {width:100%;} .widget h2.larger {font-size:32px;} .widget article h3 {font-size:24px;} .widget article .category {display: flex; align-items: center;} .widget article .category ul.mainItemTaxonAbove, .widget article .category ul.mainItemTaxonAbove li {margin-bottom: 0;} .widget .icon.icon-badge {display:block; position:absolute; top:0; right:45px; height:56px;} .cm-article13 .widget .story .icon.icon-badge {right:15px;} .cm-article13 .widget .story .heading {right:0;} /*---------------------------------------- / widget refinements /*---------------------------------------*/ .refinewidget {margin-bottom:20px; position:relative;} .refinewidget ol {list-style-type:none; margin:0; padding:0;} #wrapper #page-content #sidebar .refinewidget > ol {margin-left:11px;} .refinewidget ol li {padding:0 10px 5px 0; position:relative;} #wrapper #page-content #sidebar .refinewidget ol li {margin-bottom:0;} .refinewidget > ol > li > ol {margin:5px 0 0 10px;} #wrapper #page-content #sidebar .refinewidget > ol > li > ol {margin-left:10px;} .refinewidget > ol > li > ol > li {} .refinewidget > ol > li > ol > li > ol {margin:5px 0 0 20px;} #wrapper #page-content #sidebar .refinewidget > ol > li > ol > li > ol {margin-left:20px;} .refinewidget > ol > li > ol > li > ol li {} .refinewidget ol li .RefineSelected {font-weight:bold;} .refinewidget ol li .RefineWidgetRemove {float:left; position:absolute; top:5px; right:0; width:12px; height:12px; text-indent:-9999px;} .refinewidget ol li .RefineWidgetRemove:after {content:"\f00d"; font-family:FontAwesome; font-size:12px; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:12px; text-indent:0; color:#bbb;} .refinewidget .searchInput {display:block; width:100%; height:30px; padding:5px 35px 5px 5px; line-height:1.428571429; vertical-align:middle; background:#fff; border:1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} .refinewidget .searchInput:hover, .refinewidget .searchInput:focus {} .refinewidget a[id$="SearchLinkButton"] {position:absolute; bottom:0; right:0; text-indent:-9999px; color:#fff; text-decoration:none; padding:0; border:1px solid #21b4c1; background:#21b4c1; border-radius:0; display:block; letter-spacing:1px; width:30px; height:30px;} .refinewidget a[id$="SearchLinkButton"]:after {content:"\f002"; font-family:FontAwesome; font-size:16px; position:absolute; top:0; right:0; bottom:0; left:0; text-align:center; line-height:30px; text-indent:0;} .refinewidget a[id$="SearchLinkButton"]:hover, .refinewidget a[id$="SearchLinkButton"]:focus {text-decoration:none; cursor:pointer;} /*---------------------------------------- / carousels /*---------------------------------------*/ .carousel-contents {position:relative; max-width:940px;} .carousel-contents #slider-prev {opacity:0; display:block; position:absolute; top:50%; left:20px; z-index:2000; text-indent:-9999px; width:38px; height:38px; background:#f0f0f0 url(../png/slider_prev.png) no-repeat 50% 50%;} .carousel-contents #slider-next {opacity:0; display:block; position:absolute; top:50%; right:20px; z-index:2000; text-indent:-9999px; width:38px; height:38px; background:#f0f0f0 url(../png/slider_next.png) no-repeat 50% 50%;} .carousel-contents:hover #slider-prev, .carousel-contents:focus #slider-prev, .carousel-contents:hover #slider-next, .carousel-contents:focus #slider-next {opacity:1;} .carousel-contents #slide {width:100%; height:450px; position:relative; overflow:hidden;} .carousel-contents #slide > div {width:100%; height:450px;} .carousel-contents #slide > div .content {} .carousel-contents #slide > div h3 {float:left; position:relative; z-index:2; font-size:250%; color:#fff; margin:40px 20px 20px 20px; padding:10px; background-color:#666;} .carousel-contents #slide > div p {float:left; clear:both; position:relative; z-index:2; font-size:175%; color:#fff; margin:0 20px 20px 20px; padding:10px; background-color:#95BA00;} .carousel-contents #slide > div img {position:absolute; top:0; left:0; z-index:1;} /*---------------------------------------- / form creator ----------------------------------------*/ .clsFormCreator {margin:0 0 20px 0; background-color:#fff;} .clsFormCreator > div {margin-bottom:20px; position:relative;} .clsFormCreator div > input.clsDateBox {width:210px !important; position:relative; z-index:2; background:transparent;} .clsFormCreator fieldset {border:none; margin:0 0 20px 0; padding:0;} .clsFormCreator > fieldset {border-bottom:1px solid rgba(31,50,99,0.1); padding-bottom:20px;} .clsFormCreator fieldset legend {color:#1F3263; font-size:32px; font-family:crimson, sans-serif; border:none; font-weight:normal;} .clsFormCreator fieldset legend.control-label {color:#000; font-size:16px; font-family:Arial, raleway, sans-serif; font-weight: inherit;} .clsFormCreator .clsCheckBoxListSpanOptions > div > span, .clsFormCreator .clsRadioButtonListSpanOptions > div > span, .clsFormCreator .clsOrderOfPreferenceSpanOptions > div > span {float:left; width:50%;} .clsFormCreator .clsOrderOfPreferenceSpanOptions span {width:100%; clear:both; padding-bottom:10px;} .clsFormCreator .clsOrderOfPreferenceSpanOptions span input {float:left;} .clsFormCreator .clsOrderOfPreferenceSpanOptions span label {float:left; font-weight:normal;} .clsFormCreator div.clsFormCreator_checkbox {position:relative; padding-left:16.666666666666664%;} .clsFormCreator div.clsFormCreator_checkbox label {width:auto; float:none;} .clsFormCreator div.clsFormCreator_checkbox input {width:auto !important; height:auto; margin:0 5px 0 0; padding:0;} .clsFormCreator div.clsMandatory {display:none; margin-left:15px; padding-left:16.666666666666664%; font-size:90%;} .clsFormCreator .clsFormCreator_button {padding-left:16.666666666666664%; margin-left:15px;} .clsFormCreator .clsFormCreator_button {float:left;} .clsFormCreator .clsFormCreator_button input[value~="back"] {background:#ccc; border-color:#ccc;} .clsFormCreator .clsFormCreator_button+.clsFormCreator_button {padding-left:0;} .clsFormCreator div.form-actions > div {width:auto; float:right;} .clsFormCreator div.form-actions > div input {margin-left:30px;} .clsFormCreator div.clsBtnSubmit {} .clsFormCreator div.clsBtnClear {} .clsFormCreator .formCreatorCaptchaTable {padding-left:16.666666666666664%;} .clsFormCreator .formCreatorCaptchaTable div {margin-bottom:0;} .clsFormCreator fieldset.two-column > div {width:50%; padding-right:20px;} .clsFormCreator fieldset.three-column > div {width:33%; padding-right:20px;} .clsFormCreator .submit-failed, .clsFormCreator .submit-success {display:none;} .clsFormCreator .repeat {position:relative;} .clsFormCreator .repeat .delete-button {float:left; border:none; padding:5px 10px; position:absolute; bottom:15px; right:15px;} .clsFormCreator .add-button {float:right; clear:both; margin-top:20px; margin-right:15px; border:none; padding:5px 10px;} .clsFormCreator .mandatory-indictator {color:#000 !important;} .clsFormCreator .clsFormCreator_datebox > div {width:240px;} .clsFormCreator .clsFormCreator_datebox > div:before {content:"\f073"; font-family:FontAwesome; font-size:20px; width:44px; height:44px; background:rgba(31,50,99,0.1); color:#1f3263; display:block; text-align:center; line-height:44px; position:absolute; top:0; right:0; border-radius:0 4px 4px 0; z-index:1;} .clsFormCreator .clsFormCreator_datebox .ui-datepicker-trigger {display:none;} .clsFormCreator select {-webkit-appearance:none; -moz-appearance:none; appearance:none;} .clsFormCreator select::-ms-expand {display:none;} .clsFormCreator .clsFormCreator_droplist > div {} .clsFormCreator .clsFormCreator_droplist > div select {position:relative; z-index:2; background:transparent;} .clsFormCreator .clsFormCreator_droplist.clsFormCreator_UserField1001_14439 > div {width:240px !important;} .clsFormCreator .clsFormCreator_droplist > div:before {content:"\f0d7"; font-family:FontAwesome; font-size:20px; width:44px; height:44px; background:rgba(31,50,99,0.1); color:#1f3263; display:block; text-align:center; line-height:44px; position:absolute; top:0; right:0; border-radius:0 4px 4px 0; z-index:1;} .clsFormCreator .form-group > label, .clsFormCreator .form-group > fieldset > legend {padding-left:0;} .clsFormCreator .form-group > div, .clsFormCreator .form-group > div > legend {padding-right:0;} .form-horizontal .control-label {font-weight:normal; text-align:left;} #FormCreator_1353 input[type="text"] {width: 500px !important;} #FormCreator_1353 label {text-align: right;} #UserField1353_21067 {height: 80px;} #FormCreator_1353 #UserField1353_21056 {width: 210px !important;} #FormCreator_1353 textarea.form-control {width: 500px !important;} #FormCreator_1353 legend.control-label {text-align: right; font-weight: normal;} #FormCreator_1353 .clsCheckBoxListSpanOptions>div>span, #FormCreator_1353 .clsRadioButtonListSpanOptions>div>span, #FormCreator_1353 .clsOrderOfPreferenceSpanOptions>div>span {width:10%;} /*---------------------------------------- / telerik control restyle ----------------------------------------*/ #page-content .riSingle .riTextBox, #page-content .RadInput_Telerik .riTextBox, .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_filter input, #page-content .RadScheduler_Telerik .rsAdvancedEdit .rsAdvInput, #page-content .RadScheduler_Telerik .rsAdvancedEdit select, #page-content .RadScheduler_Telerik .rsAdvancedEdit .textareaWrapper, #page-content .RadInput_Default .riTextBox, #page-content .RadInputMgr_Default, .login-element div input[type="text"], .login-element div input[type="password"] {display:block; min-width:30px; height:34px; padding:6px 10px; font-size:100%; line-height:1.428571429; color:inherit; vertical-align:middle; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;} #page-content .RadScheduler_Telerik .rsAdvancedEdit .rsAdvInput {display:inline-block;} #page-content .riSingle .riTextBox:hover, #page-content .riSingle .riTextBox:focus, #page-content .RadInput_Telerik .riTextBox:hover, #page-content .RadInput_Telerik .riTextBox:focus, .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_filter input:hover, .divDisplayStoreLocator div[id$="divDisplayWidgetBox"] .top .dataTables_filter input:focus {} #page-content .RadGrid_Elcom, #page-content .RadGrid_Elcom .rgMasterTable, #page-content .RadGrid_Elcom .rgDetailTable, #page-content .RadGrid_Elcom .rgGroupPanel table, #page-content .RadGrid_Elcom .rgCommandRow table, #page-content .RadGrid_Elcom .rgEditForm table, #page-content .RadGrid_Elcom .rgPager table, #page-content .GridToolTip_Elcom {font-family:inherit; font-size:100%; border:1px solid #ddd;} #page-content .RadGrid_Elcom .rgCommandRow table {border:none;} #page-content .RadGrid_Elcom {border:none;} #page-content .RadGrid_Elcom .rgCommandTable {border:none;} #page-content .RadGrid_Elcom .rgCommandRow {background:none;} #page-content .RadGrid_Elcom thead .rgCommandCell {border-bottom:none;} #page-content .RadGrid_Elcom .rgHeader, #page-content .RadGrid_Elcom th.rgResizeCol {background:none; border:none;} #page-content .RadGrid_Elcom .rgHeader {background:#fff; border:1px solid #ddd; padding:8px;} #page-content .RadGrid_Elcom .rgHeader, #page-content .RadGrid_Elcom .rgHeader a {color:inherit;} #page-content .RadGrid_Elcom .rgFilterRow {background:#f9f9f9;} #page-content .RadGrid_Elcom .rgFilterRow > td {border:none; border:1px solid #ddd; padding:8px;} #page-content .RadGrid_Elcom .rgRow td {border:1px solid #ddd; padding:8px;} #page-content .RadGrid_Elcom .rgAltRow {background:#f9f9f9;} #page-content .RadGrid_Elcom .rgAltRow td {border:none; border:1px solid #ddd; padding:8px;} #page-content .RadSplitter_Telerik, #page-content .RadScheduler_Telerik, #page-content .RadScheduler_Telerik a, #page-content .RadScheduler_Telerik input, #page-content .RadScheduler_Telerik select, #page-content .RadScheduler_Telerik textarea {font:100% Arial, Raleway, sans-serif; color:inherit;} #page-content .RadSplitter_Telerik, #page-content .RadSplitter_Telerik .rspPaneTabContainer, #page-content .RadSplitter_Telerik .rspPane, #page-content .RadSplitter_Telerik .rspResizeBar, #page-content .RadSplitter_Telerik .rspSlideContainerResize, #page-content .RadSplitter_Telerik .rspPaneHorizontal, #page-content .RadSplitter_Telerik .rspResizeBarHorizontal, #page-content .RadSplitter_Telerik .rspSlideContainerResizeHorizontal {border-color:#ddd;} #page-content .RadScheduler_Telerik .rsHeader, #page-content .RadScheduler_Telerik .rsHeader ul a:hover, #page-content .RadScheduler_Telerik .rsHeader ul a:hover span, #page-content .RadScheduler_Telerik .rsHeader .rsSelected, #page-content .RadScheduler_Telerik .rsHeader .rsSelected em, #page-content .RadScheduler_Telerik .rsHeader .rsDatePickerActivator, #page-content .RadScheduler_Telerik .rsHeader .rsPrevDay, #page-content .RadScheduler_Telerik .rsHeader .rsNextDay, #page-content .RadScheduler_Telerik .rsModalBgTopLeft, #page-content .RadScheduler_Telerik .rsModalBgTopRight, #page-content .RadScheduler_Telerik .rsModalBgBottomLeft, #page-content .RadScheduler_Telerik .rsModalBgBottomRight, #page-content .RadInput_Telerik a.riUp, #page-content .RadInput_Telerik a.riDown, #page-content .RadScheduler_Telerik .rsModalWrapper .rsModalButtons a, #page-content .RadScheduler .rsAdvancedEdit .rsAdvancedSubmitArea a, #page-content .RadScheduler_Telerik .rsTopWrap .rsAptEditFormWrapper .rsEditOptions a {background:none;} #page-content .RadScheduler_Telerik .rsModalBgTopLeft, #page-content .RadScheduler_Telerik .rsModalBgTopRight, #page-content .RadScheduler_Telerik .rsModalBgBottomLeft, #page-content .RadScheduler_Telerik .rsModalBgBottomRight {background:#fff;} #page-content .RadScheduler .rsHeader {background:none; background:#409ec1;} #page-content .RadScheduler_Telerik .rsHorizontalHeaderTable th, #page-content .RadScheduler_Telerik .rsSpacerCell, #page-content .RadScheduler_Telerik .rsAllDayHeader, #page-content .RadScheduler_Telerik .rsVerticalHeaderWrapper, #page-content .RadScheduler_Telerik .rsVerticalHeaderTable {background:none; background:#ccc;} #page-content .RadScheduler_Telerik .rsHeader .rsPrevDay, #page-content .RadScheduler_Telerik .rsHeader .rsNextDay, #page-content .RadScheduler .rsHeader .rsDatePickerActivator, #page-content .RadInput_Telerik a.riUp, #page-content .RadInput_Telerik a.riDown {position:relative; height:16px;} #page-content .RadScheduler_Telerik .rsHeader .rsPrevDay:after, #page-content .RadScheduler_Telerik .rsHeader .rsNextDay:after, #page-content .RadScheduler .rsHeader .rsDatePickerActivator:after, #page-content .RadInput_Telerik a.riUp:after, #page-content .RadInput_Telerik a.riDown:after {font-family:FontAwesome; color:#fff; position:absolute; top:0; right:0; bottom:0; left:0; text-indent:0; text-align:center; line-height:16px;} #page-content .RadInput_Telerik a.riUp:after, #page-content .RadInput_Telerik a.riDown:after {color:#333;} #page-content .RadScheduler_Telerik .rsHeader .rsPrevDay:after {content:"\f053";} #page-content .RadScheduler_Telerik .rsHeader .rsNextDay:after {content:"\f054";} #page-content .RadScheduler .rsHeader .rsDatePickerActivator:after {content:"\f078";} #page-content .RadInput_Telerik a.riUp:after {content:"\f077";} #page-content .RadInput_Telerik a.riDown:after {content:"\f078";} #page-content .RadScheduler .rsAdvancedEdit .rsAdvBasicControls .rsAdvTimePicker .riTextBox, #page-content .RadScheduler .rsAdvancedEdit .rsAdvDatePicker input {width:80px !important} #page-content .RadScheduler .rsAdvancedEdit fieldset {} #page-content .RadScheduler .rsAdvancedEdit fieldset legend {font-size:100%; font-weight:bold; line-height:1.4;} #page-content .RecurrenceEditor .rsAdvRecurrencePatterns, #page-content .RecurrenceEditor .rsAdvRecurrenceRangePanel, #page-content .RecurrenceEditor_Telerik ul.rsRecurrenceOptionList {border-color:#ddd;} #page-content .RecurrenceEditor .rsAdvRecurrenceRangePanel li {height:auto; line-height:1;} #page-content .RadScheduler_Telerik input.btn {color:#fff; padding:5px 20px;} #page-content .RadScheduler .rsAdvancedEdit .rsAdvancedSubmitArea a {width:auto; height:auto;} #page-content .RadScheduler_Telerik .rsAptCreate, #page-content .RadScheduler_Telerik .rsMonthView .rsAptCreate {background:none; background:#a2ea8a} #page-content .RadScheduler .rsHeader ul a {line-height:30px; color:#fff;} #page-content .RadScheduler_Telerik .rsHeader a:hover, #page-content .RadScheduler_Telerik .rsHeader em {color:#fff;} #page-content .RadScheduler .rsHeader .rsSelected {background:#333;} #page-content .RadScheduler_Telerik .rsContent, #page-content .RadScheduler_Telerik .rsTopWrap .rsFooter {border:none;} /*-----tabs-----*/ #page-content .RadTabStrip .rtsLevel {overflow:visible; float:left;} #page-content .RadTabStrip ul.rtsUL {overflow:visible; width:100%; border-bottom:1px solid #ccc; list-style-type:none; margin:0; padding:0;} #page-content .RadTabStrip ul.rtsUL li.rtsLI {overflow:visible; float:left; margin-bottom:-1px;} #page-content .RadTabStrip ul.rtsUL li.rtsLI a {position:relative; display:block; padding:10px 15px; margin-right:2px; line-height:1.428571429; border:1px solid transparent; border-radius:4px 4px 0 0;} #page-content .RadTabStrip ul.rtsUL li.rtsLI a:hover, #page-content .RadTabStrip ul.rtsUL li.rtsLI a:focus {background-color:#eee; border-color:#eee #eee #ddd;} #page-content .RadTabStrip ul.rtsUL li.rtsLI a.rtsSelected, #page-content .RadTabStrip ul.rtsUL li.rtsLI a.rtsSelected:hover, #page-content .RadTabStrip ul.rtsUL li.rtsLI a.rtsSelected:focus {color:#000; cursor:default; background-color:#fff; border:1px solid #ddd; border-bottom-color:transparent;} #page-content .RadTabStrip ul.rtsUL li.rtsLI a span.rtsOut, #page-content .RadTabStrip ul.rtsUL li.rtsLI a span.rtsIn, #page-content .RadTabStrip ul.rtsUL li.rtsLI a span.rtsTxt {padding:0;} #page-content .RadListBox_Elcom .rlbGroup {border:1px solid #ccc; height:100px;} /*-----date picker-----*/ .ui-corner-all {border-radius:4px;} .ui-datepicker {width:250px; padding:2px;} .ui-datepicker .ui-datepicker-header {padding:5px;} .ui-datepicker table {font-size:12px;} .ui-datepicker td {padding:0;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {display:block; width:15px; height:15px; border-radius:4px; background:#fff; top:5px; border:1px solid #fff;} .ui-datepicker .ui-datepicker-prev {left:5px;} .ui-datepicker .ui-datepicker-next {right:5px;} .ui-datepicker .ui-datepicker-prev:after, .ui-datepicker .ui-datepicker-next:after {font-family:FontAwesome; color:#1F3263; position:absolute; top:0; right:0; bottom:0; left:0; line-height:15px; text-align:center; font-size:12px;} .ui-datepicker .ui-datepicker-prev:after {content:"\f053";} .ui-datepicker .ui-datepicker-next:after {content:"\f054";} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display:none;} .ui-widget-content {border:1px solid rgba(31,50,99,0.3); background:#e8eaef; color:#000;} .ui-datepicker .ui-datepicker-title {margin:0; line-height:1;} .ui-datepicker .ui-datepicker-title select {font-size:12px;} .ui-datepicker th {font-size:12px;} .ui-widget-header {border:none; background:#1F3263;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background:#fff; color:#000; font-weight:normal; font-size:12px; width:25px; height:20px; text-align:center; line-height:20px; padding:0; margin:0 auto 5px auto;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border:1px solid #906D4F; background:#f5f0ed;} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border:1px solid #906D4F; color:#000;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border:1px solid #1F3263; color:#000;} div.edit-buttons div.admin-pill.dropdown > div.inner { z-index: 999 !important;} /*---------------------------------------- / responsive design ----------------------------------------*/ @media (min-width:1231px) { .content-area .container-mid .indent-left {padding-left:115px !important;} .content-area .container-mid .block.indent-left, .content-area .container-mid .quote.indent-left {padding-left:30px !important; margin-left:115px; width:auto;} .content-area .container-mid .block.bg.indent-left {padding-left:115px !important; margin-left:0;} .content-area .container-mid .indent-right {padding-right:115px !important;} .content-area .container-mid .block.indent-right, .content-area .container-mid .quote.indent-right {padding-right:30px !important; margin-right:115px; width:auto;} .content-area .container-mid .block.bg.indent-right {padding-right:115px !important; margin-right:0;} .navbar-toggle {display:none;} .navbar-collapse.collapse { display:block !important;} .enrol-block {flex: 0 0 auto; width: 240px; max-width: 100%; padding: 0 15px 0 0px;} .enrol-heading {padding-left: 0px;} } @media (min-width:1200px) { .threecolautoslides, .threecolautoslides .slide { height: 100%;} } /* @media (max-width:1200px) { #header #header-top {padding-left:30px; padding-right:30px;} #header #header-nav {padding-left:30px; padding-right:30px;} #footer #footer-cta {padding-left:30px; padding-right:30px;} #footer #footer-top {padding-left:30px; padding-right:30px;} #footer #footer-bottom {padding-left:30px; padding-right:30px;} #Widget1279 {padding-left:30px;} #Widget1280 {padding-right:30px;} } */ @media (min-width:1100px) and (max-width:1230px) { .enrol-block { padding: 0px 10px;} #enrolzone { background-size: cover;} #enrolzone > .container > .row { max-width: 60%;} } @media (max-width:1199px) { .flex-col-reverse-md { flex-direction: column-reverse; } } @media (max-width:1170px) { #site-nav .header-rightlinks { float: none;} #site-nav .header-rightlinks ul { display: block; padding: 0;} #header #site-nav .header-rightlinks ul li a {display: block;padding: 15px 30px;} .enrol-block { padding: 0 30px 0 30px; } .flex-col-reverse-md { flex-direction: column-reverse; } } @media (max-width:1100px) { .navbar-toggle {display:block;} .navbar-collapse.collapse {display:none !important;} #main-nav #site-nav {float:none !important; margin:0; clear:both; max-height:none; overflow:hidden; padding:18px 0 0px 0; position:absolute; top:80px; left:0; right:0; background:rgba(31,50,99,1); z-index:100; border:none; box-shadow:none;} #main-nav .hmenu {float:none; height:auto;} /* styles for level 1 */ #main-nav .hmenu > li {padding:0; height:auto; float:none;} #main-nav .hmenu > li > a, #main-nav .hmenu > li > span {color:#fff; padding:10px 30px; line-height:1;} /* styles for level 2 */ #main-nav .hmenu > li > ul {display:none; z-index:10; position:relative; top:auto; left:auto; width:100%; border-radius:0; box-shadow:none;} #main-nav .hmenu > li > ul > li > a, #main-nav .hmenu > li > ul > li > span {padding:10px 30px;} #main-nav .hmenu > li:hover > ul, #main-nav .hmenu > li:focus > ul {display:none; transition: none;} #main-nav .hmenu>li.iFOL223>ul>li>ul {left: 15px !important;} /* styles for level 3 */ #main-nav .hmenu > li > ul > li > ul {display:none; transition: none; z-index:10; position:relative; top:auto; left:auto; width:100%; border-radius:0; box-shadow:none;} #main-nav .hmenu > li > ul > li > ul > li > a, #main-nav .hmenu > li > ul > li > ul > li > span {padding:10px 45px;} #main-nav .hmenu > li > ul > li:hover > ul, #main-nav .hmenu > li > ul > li:focus > ul {display:none;} #enrolzone { background: #826247} #header .header-rightlinks ul li a { padding: 10px;} } @media (min-width:992px) { .featureImagewrap { display: none; } form[action*="./edit.aspx"] .featureImagewrap, form[action*="./Edit.aspx"] .featureImagewrap { display: block; } .featureImageBG { padding-top: 60px; padding-bottom: 60px; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important;} .threecolImgWidgwrap, .threecolImgWidgwrap .threecolImgWidg, .threecolImgWidgwrap .threecolImgWidg .alumni-imgwrap{ height: 100%;} .featureImagewrap { background: none !important;} } @media (min-width:0) and (max-width:991px) { body {font-size:12px;} h1 {font-size:30px;} h2 {font-size:20px;} h3 {font-size:18px;} h4 {font-size:16px;} h5 {font-size:16px;} h6 {font-size:12px;} h1.smaller, h2.smaller, h3.smaller, h4.smaller, h5.smaller, h6.smaller {font-size:12px;} .feature {font-size:18px;} .primary-feature {font-size:18px;} .quote {font-size:18px;} .quote.larger {font-size:18px;} .larger, .widget h2.larger {font-size:18px;} .smaller {font-size:12px;} #banner-home > #slides > article h1, #banner-home > #slides > article h2, #banner-home > #slider-cta #blurb h1 {font-size:45px;} #banner-home > #slides > article p {font-size:22px;} #banner-content h1 {font-size:45px;} .btn, .btn:link, .btn:visited, .task-manager #btnAddNewTaskTMView, .calendarview-edit-main-calendar #AddAppointment, #page-content .RadScheduler .rsAdvancedEdit .rsAdvancedSubmitArea a, a[id$="btnAddNewMeetingInCtrl"], .login-element div.lgn-btn input {font-size:12px; margin-bottom: 5px;} .enrol-heading h2, .homecontent h1{font-size:36px;} .homecontent #banner-home>#nav-cycle { bottom: 20px;} .homecontent p{font-size:16px;} .customTabContentLeft h2{font-size:24px;} .alumni-imgwrap .alumni-imgcontent ul li {font-size:20px;} #section-nav {margin-bottom:20px;} #section-nav .navbar-collapse {max-height:340px;} #section-nav #sections-menu {position:relative; width:auto; height:auto; margin:0; padding:10px; clip:inherit; background:#eee; display:block; color:inherit;} #section-nav #sections-menu:after {content:"\f078"; font-family:FontAwesome; position:absolute; top:10px; right:10px;} #section-nav .navbar-collapse.collapse {display:none !important;} #section-nav .navbar-collapse.in {display:block !important;} html body .ui-dialog {width:95% !important;} .block {padding:30px;} article.image {/*height:275px;*/} article.image.col-lg-12 {height:275px;} .margin-all {margin:15px;} .margin-top {margin-top:15px;} .margin-right {margin-right:15px;} .margin-bottom {margin-bottom:15px;} .margin-left {margin-left:15px;} .margin-over {margin-left:-15px !important; margin-right:-15px !important;} .margin-all-full {margin:30px;} .margin-top-full {margin-top:30px;} .margin-right-full {margin-right:30px;} .margin-bottom-full, .content-area ul li.margin-bottom-full {margin-bottom:30px;} .margin-left-full {margin-left:30px;} .padding-all {padding:30px !important;} .padding-top {padding-top:30px !important;} .padding-right {padding-right:30px !important;} .padding-bottom {padding-bottom:30px !important;} .padding-left {padding-left:30px !important;} .padding-all-mid {padding:30px !important;} .padding-top-mid {padding-top:30px !important;} .padding-right-mid {padding-right:30px !important;} .padding-bottom-mid {padding-bottom:30px !important;} .padding-left-mid {padding-left:30px !important;} .padding-all-full {padding:30px !important;} article.padding-all-full {padding-top:100px !important; padding-bottom:100px !important;} .padding-top-full {padding-top:30px !important;} .padding-right-full {padding-right:30px !important;} .padding-bottom-full {padding-bottom:30px !important;} .padding-left-full {padding-left:30px !important;} .content-area .container-mid .indent-left {padding-left:30px !important;} .content-area .container-mid .block.indent-left, .content-area .container-mid .quote.indent-left {padding-left:30px !important; margin-left:30px; width:auto;} .content-area .container-mid .block.bg.indent-left {padding-left:30px !important; margin-left:0;} .content-area .container-mid .indent-right {padding-right:30px !important;} .content-area .container-mid .block.indent-right, .content-area .container-mid .quote.indent-right {padding-right:30px !important; margin-right:30px; width:auto;} .content-area .container-mid .block.bg.indent-right {padding-right:30px !important; margin-right:0;} .btn, .btn:link, .btn:visited, .task-manager #btnAddNewTaskTMView, .calendarview-edit-main-calendar #AddAppointment, #page-content .RadScheduler .rsAdvancedEdit .rsAdvancedSubmitArea a, a[id$="btnAddNewMeetingInCtrl"], .login-element div.lgn-btn input {padding:10px 15px;} #home-cta .block, #footer-cta .block {padding:20px; margin-bottom:15px;} #home-cta .block h3, #footer-cta .block h3 {font-size:20px;} #home-cta .block p, #footer-cta .block p {font-size:12px !important;} #home-cta .block > div + div, #footer-cta .block > div + div {width: calc(100% - 65px);} .icon.icon-badge.padding-right {width:65px;} .icon.icon-badge.padding-left {width:65px;} #footer-bottom .row > div:first-child {margin-bottom:20px;} #footer-bottom .row > div.align-right {text-align:left;} aside.no-padding {padding-left:30px !important; padding-right:30px !important;} .clsFormCreator .form-group > label, .clsFormCreator .form-group > fieldset > legend {padding-right:0; padding-bottom:5px;} .clsFormCreator .form-group > div, .clsFormCreator .form-group > div > legend {padding-left:0;} .form-control {font-size:12px; height:34px; padding:5px 10px;} .clsFormCreator .clsFormCreator_droplist > div:before {height:34px; width:34px; line-height:34px; font-size:16px;} .clsFormCreator .clsFormCreator_datebox > div:before {height:34px; width:34px; line-height:34px; font-size:16px;} .clsFormCreator .clsFormCreator_datebox > div {width:210px;} .clsFormCreator fieldset legend {font-size:20px;} .featureImagewrap { display: block; padding:0 !important; margin-bottom: 40px; } .flex-col-reverse-md{flex-direction: column-reverse;} .threecolImgWidg { display: flex; } #slidesfull p.desc { font-size: 20px; padding: 0px 50px;} .slidertestimonial #slidesfull, .slidertestimonial #slidesfull article { height: 180px;} .featureImagewrap { background-size: cover; background-position: 80%;} .featureImagewrap img { opacity: 0; height: 270px;} #feature { background-image: none !important;} } @media (min-width:768px) { .col-lg-25, .col-md-25 {width:20%; float:left;} } @media (min-width:768px) and (max-width:991px) { .homecontent #banner-home, .homecontent #banner-home>#slides, .homecontent #banner-home>#slides>article { height: 650px;} .homecontent #banner-home>#slider-cta #blurb h1 { font-size: 52px; margin-bottom: 50px;} .threecolautoslides { width: 100%;} } @media (min-width:0) and (max-width:767px) { .container {width:100%;} #header #header-login ul {clear:both; margin-top:5px;} #header #header-login ul li:first-child a {padding-left:0; border-left:none;} #header-utils {text-align:left;} #header #header-top #header-utils .btn.icon {/*float:left;*/ margin-left:25px; /*margin-right:25px;*/} #header #header-top .btn.icon span {display:none;} #header #header-search {float:left; margin-left:0; width:270px;} #header #header-search .form-control {width:250px;} #header #social {display:none;} #footer-bottom {padding:20px 0;} #footer-bottom div.align-center {text-align:left;} #footer-bottom ul.pull-right {float:left !important;} #footer-cta {padding-bottom:0 !important;} #banner-home {height:660px;} #banner-home > #slides {height:660px;} #banner-home > #slides > article {height:660px;} #banner-content {height:460px} .homecontent #banner-home, .homecontent #banner-home>#slides, .homecontent #banner-home>#slides>article { height: 300px;} #breadcrumb-panel {display:none;} .content-area .table {table-layout:auto;} .content-area .panel-body{padding: 15px 0;} .block {padding:15px;} img {max-width: 100%;} .margin-all-full {margin:15px;} .margin-top-full {margin-top:15px;} .margin-right-full {margin-right:15px;} .margin-bottom-full, .content-area ul li.margin-bottom-full {margin-bottom:15px;} .margin-left-full {margin-left:15px;} .padding-all {padding:15px !important;} .padding-top {padding-top:15px !important;} .padding-right {padding-right:15px !important;} .padding-bottom {padding-bottom:15px !important;} .padding-left {padding-left:15px !important;} .padding-all-mid {padding:15px !important;} .padding-top-mid {padding-top:15px !important;} .padding-right-mid {padding-right:15px !important;} .padding-bottom-mid {padding-bottom:15px !important;} .padding-left-mid {padding-left:15px !important;} .padding-all-full {padding:15px !important;} article.padding-all-full {padding-top:50px !important; padding-bottom:50px !important;} .padding-top-full {padding-top:15px !important;} .padding-right-full {padding-right:15px !important;} .padding-bottom-full {padding-bottom:15px !important;} .padding-left-full {padding-left:15px !important;} .container {padding-right:15px; padding-left:15px;} .container-mid {padding-right:15px; padding-left:15px;} .row {margin-left: -15px; margin-right: -15px;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left:15px; padding-right:15px;} #mob-res-table{} #mob-res-table > div {width: 100%; padding: 0;} #mob-res-table > div > span{width:100%; padding: 10px; background: #f9f9f9;float: left; border-bottom: 1px solid #eee; } .content-area .container-mid .indent-left {padding-left:15px !important;} .content-area .container-mid .block.indent-left, .content-area .container-mid .quote.indent-left {padding-left:15px !important; margin-left:0; width:auto;} .content-area .container-mid .block.bg.indent-left {padding-left:15px !important; margin-left:0;} .content-area .container-mid .indent-right {padding-right:15px !important;} .content-area .container-mid .block.indent-right, .content-area .container-mid .quote.indent-right {padding-right:15px !important; margin-right:15px; width:auto;} .content-area .container-mid .block.bg.indent-right {padding-right:15px !important; margin-right:0;} #main .align-center {text-align:left;} aside.no-padding {padding-left:15px !important; padding-right:15px !important;} article.image.col-lg-8 {height:275px; min-height:1px;} article.image.col-lg-6 {height:500px;} #main .col-lg-25 {height:300px;} .content-area .panel-default > .panel-heading .panel-title {font-size:14px; height:40px;} .content-area .panel-default > .panel-heading .panel-title a {line-height:40px; padding-right:50px;} .content-area .panel-default > .panel-heading .panel-title a:after {line-height:40px; font-size:16px; width:50px; height:40px;} /*social*/ #mypage-wrapper .mypage-stream {border:none; padding-left:0; padding-right:0;} #mypage-wrapper .mypage-profile, #socialgroup-wrapper .mypageGroup-profile {padding-right:0;} #mypage-wrapper .mypage-connections, #socialgroup-wrapper .group-members-container {padding-left:0;} /*my account*. #myAccountArea .findCalendar {padding:0 0 20px 0;} #myAccountArea .calendarView {padding:0;} /*calendar*/ .calendarview-edit-main-calendar div[id$="CalendarWSCtrl_RadSplitter1"] {width:700px !important;} /*document list*/ #divDocListResults .clsSearchParameters {padding:15px 0 0 0;} /*events*/ .EventQuickSearchMain div[id$="pnlEventQuickSearch"] {padding-right:0; padding-bottom:30px;} .EventQuickSearchMain .EventQuickSearchCalendar {padding-left:0;} #calendar-outer .calender-type, .event-view-training-details .event-details {padding-right:0;} #calendar-outer .calendar-main, .event-view-training-details .event-image, .event-view-training-details .button-group, .EventSearchResults {padding-left:0;} #calendar-outer .calender-type fieldset .form-group {float:left; margin-right:15px;} .SearchCriteria, #myAccountArea .clsEventSearchLeft {padding-right:0; padding-bottom:20px;} #divEventRegistration div[id$="pnlEventRegStageBreadcrumb"] .clsEventRegStageBreadcrumb, #divEventRegistration div[id$="pnlEventRegStageBreadcrumb"] .clsEventRegStageBreadcrumbSelected {display:block; padding-bottom:5px;} #divEventRegistration div[id$="pnlEventRegStageBreadcrumb"] .clsEventRegStageBreadcrumbSeparator {display:none;} #divEventRegistration fieldset#pPhone > legend, #divEventRegistration fieldset#pFax > legend {text-align:left;} /*forms*/ .clsFormCreator .clsFormCreator_button, div.form-actions, #pSavePaymentDetails, .clsFormCreator .formCreatorCaptchaTable, .clsFormCreator .clsFormCreator_button, .clsFormCreator div.clsFormCreator_checkbox, .clsFormCreator div.clsFormCreator_checkbox > span, .clsFormCreator div.clsMandatory {padding-left:0;} .FormResult .clsSearchParameters {padding:15px 0 0 0;} /*corporate directory*/ #PeopleSearch_container div[id$="divSearchRefine"], #divPhoneBookDetail .clsPhotoandContact {padding-right:0;} #PeopleSearch_container div[id$="divPeopleSearchResults"], #divPhoneBookDetail .clsPhoneDetails {padding-left:0;} #divPhoneBookDetail .clsPhotoandContact {padding-bottom:20px;} /*store locator*/ #locatorContainer #SearchFilter {padding-right:0;} #locatorContainer .dealer-search-results {padding-left:0;} /*meeting manager*/ .meeting-manager-managemeetings .single-checkbox {padding-left:0;} .meeting-manager-managemeetings .meeting-buttons-bottom {padding-left:0;} .widget > div.margin-over-right {margin-right:-15px !important;} #Widget1161, #Widget1162 {margin-bottom:30px;} .cm-article13 .widget .info {right:15px;} #Widget1279 article {margin-bottom:30px;} .widget .story .heading {right:15px;} .customTabHead.tabs { padding: 15px;} .customTabHead.tabs ul.nav-tabs {display: flex;flex-direction: row;justify-content: center;} .customTabHead.tabs ul.nav-tabs li a h2 { font-size: 20px; color: rgba(255, 255, 255, 0.6);} .customTabHead.tabs ul.nav-tabs li a > p { display: none;} .customTabHead.tabs ul.nav-tabs li a {border: none;border-right: 1px solid #fff;padding: 0px 10px;height: 100%;} .customTabHead.tabs ul.nav-tabs li.active a h2 { color: #fff;} .customTabHead.tabs ul.nav-tabs li.active a:after { position: relative; top: auto; right: auto; font-size: 24px; line-height: 1; content: "\f107";} .customTabContentLeft, .customTabContentRight { width: 100%;} .tab.customTabContent {flex-direction: column-reverse;} .customTabContentRight { text-align: center;} .threecolImgWidg { display: flex; flex-direction: column;} .alumni-imgwrap { display: flex; flex-direction: row-reverse; background: #1F3263; align-items: center; justify-content: space-between;} .alumni-imgwrap .alumni-imgcontent { position: relative; left: auto; bottom: auto; width: 50%; padding-left: 30px;} .alumni-imgwrap img { width: 200px;} .alumni-imgwrap .alumni-imgcontent h2 { font-size: 20px;} .alumni-imgwrap .alumni-imgcontent p { font-size: 16px;} .alumni-content .block{padding:30px;} .slidertestimonial #slidesfull, .slidertestimonial #slidesfull article { height: 250px;} .slidertestimonial.padding-top-mid.padding-bottom-mid { padding: 50px 0px !important;} .flex-col-reverse-sm{flex-direction: column-reverse;} .align-center-sm { text-align: center;} .homecontent #banner-home>#slider-cta #blurb h1 { font-size: 36px; margin-bottom: 50px;} } @media (min-width:0) and (max-width:600px) { .gallery {column-count:1;} } @media (min-width:0) and (max-width:480px) { #header #header-search {width:160px;} #header #header-search .form-control {width:140px;} .event-view-training-details .event-image img {width:100%;} #banner-home {height:400px;} #banner-home > #slides {height:400px;} #banner-home > #slides > article {height:400px;} .homecontent #banner-home, .homecontent #banner-home>#slides, .homecontent #banner-home>#slides>article { height: 300px;} #banner-content {height:300px} .customTabContentLeft { padding: 20px;} .alumni-imgwrap img, .alumni-imgcontent { width: 100% !important;} .alumni-imgwrap { flex-direction: column;} .alumni-imgcontent { padding: 20px;} .slidertestimonial #slidesfull, .slidertestimonial #slidesfull article { height: 300px;} #enrolzone { padding-left: 30px; padding-right: 30px;} .enrol-block { margin-bottom: 30px;} }