@font-face{font-family:'Georgia';src:url('/fonts/Georgia.eot');src:url('/fonts/Georgia.eot?#iefix') format('embedded-opentype'),url('/fonts/Georgia.woff2') format('woff2'),url('/fonts/Georgia.woff') format('woff'),url('/fonts/Georgia.ttf') format('truetype'),url('/fonts/Georgia.svg#Georgia') format('svg');font-weight:normal;font-style:normal} @font-face{font-family:'work_sansregular';src:url('/fonts/worksans-regular-webfont.eot');src:url('/fonts/worksans-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/worksans-regular-webfont.woff2') format('woff2'),url('/fonts/worksans-regular-webfont.woff') format('woff'),url('/fonts/worksans-regular-webfont.ttf') format('truetype'),url('/fonts/worksans-regular-webfont.svg#work_sansregular') format('svg');font-weight:normal;font-style:normal} @font-face{font-family:'work_sans_mediumregular';src:url('/fonts/worksans-medium-webfont.eot');src:url('/fonts/worksans-medium-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/worksans-medium-webfont.woff2') format('woff2'),url('/fonts/worksans-medium-webfont.woff') format('woff'),url('/fonts/worksans-medium-webfont.ttf') format('truetype'),url('/fonts/worksans-medium-webfont.svg#work_sans_mediumregular') format('svg');font-weight:normal;font-style:normal} @font-face{font-family:'work_sansbold';src:url('/fonts/worksans-bold-webfont.eot');src:url('/fonts/worksans-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/worksans-bold-webfont.woff2') format('woff2'),url('/fonts/worksans-bold-webfont.woff') format('woff'),url('/font.navmenu .panel-default >s/worksans-bold-webfont.ttf') format('truetype'),url('/fonts/worksans-bold-webfont.svg#work_sansbold') format('svg');font-weight:normal;font-style:normal} @font-face{font-family:'work_sans_blackregular';src:url('/fonts/worksans-black-webfont.eot');src:url('/fonts/worksans-black-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/worksans-black-webfont.woff2') format('woff2'),url('/fonts/worksans-black-webfont.woff') format('woff'),url('/fonts/worksans-black-webfont.ttf') format('truetype'),url('/fonts/worksans-black-webfont.svg#work_sans_blackregular') format('svg');font-weight:normal;font-style:normal} @font-face{font-family:'work_sans_lightregular';src:url('/fonts/worksans-light-webfont.eot');src:url('/fonts/worksans-light-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/worksans-light-webfont.woff2') format('woff2'),url('/fonts/worksans-light-webfont.woff') format('woff'),url('/fonts/worksans-light-webfont.ttf') format('truetype'),url('/fonts/worksans-light-webfont.svg#work_sans_lightregular') format('svg');font-weight:normal;font-style:normal} @font-face{font-family:'work_sans_semiboldregular';src:url('/fonts/worksans-semibold-webfont.eot');src:url('/fonts/worksans-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/worksans-semibold-webfont.woff2') format('woff2'),url('/fonts/worksans-semibold-webfont.woff') format('woff'),url('/fonts/worksans-semibold-webfont.ttf') format('truetype'),url('/fonts/worksans-semibold-webfont.svg#work_sans_semiboldregular') format('svg');font-weight:normal;font-style:normal} body{font-family:'work_sansregular',Arial,sans-serif;margin:0;padding:105px 0 0;font-size:16px;color:#535353 } .h2,.h3,.h4,.h5,.h6,h3,h4,h5,h6{font-family:'work_sans_semiboldregular';font-weight:normal;color:#70478c;width:100%} h1{font-size:40px;color:#000;text-transform:uppercase;position:relative;padding-bottom:20px;margin:0 0 20px;font-family:'work_sans_lightregular'} h2{font-size:40px;color:#000;text-transform:uppercase;margin:0 0 20px;color:#70478c;font-family:'work_sans_lightregular'} h2 span{font-family:'work_sans_mediumregular'} h3{ line-height:1.3} h4{font-family:'work_sansregular';font-size:16px;color:#000;font-weight:700} h5{font-size:16px; line-height:1.3} a,a:visited{color:#70478c;text-decoration:none!important;} img{max-width:100%} a:focus{outline:0;outline-offset:-2px} a:focus,a:hover{color:#9b1e34;text-decoration:none} a:focus,a:hover{color:#9b1e34;text-decoration:none} a:active,a:hover{outline:0 none} a:active,a:hover{outline:0 none} input{border-radius:0} p{margin-bottom:20px;clear:both} .form-submit{font-weight:normal;border:0;text-shadow:0;font-size:16px;margin-right:10px;color:#fff;padding:10px 16px} .search .btn.bluebtn.form-submit{margin-top:0} header{z-index:100;position:fixed;top:0;height:105px;background:#FFF;border-bottom:5px solid #5b3a72;float:left;width:100%;box-shadow:0 1px 3px rgba(0,0,0,0.8);-webkit-transition:all .4s ease;transition:all .4s ease} header .container{position:relative} header .top, {float:right;padding:15px 0;width:auto;-webkit-transition:all .4s ease;transition:all .4s ease} header .toplink{float:left;margin:0;padding:3px;width:auto} header .toplink>li {float:left;line-height:16px;list-style:outside none none;padding:0 15px} header .toplink li.borderRight, nav.sub-title-nav .toplink>li.borderRight {border-right:1px solid #b0b0b0} header .toplink>li a, nav.sub-title-nav .toplink> li a{color:#9b1e34;font-size:14px;font-weight:bold;} header .toplink>li a:hover, nav.sub-title-nav .toplink> li a:hover{color:#70478c} nav.sub-title-nav { width: 100%; } nav.sub-title-nav .toplink>li{line-height:16px;list-style:outside none none;padding:0 15px; display: inline-block;} @media (max-width: 550px) { nav.sub-title-nav { position: relative; /* or absolute/fixed if you want */ left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; width: 95vw; /* span entire viewport width */ max-width: 95vw; /* prevents overflow */ box-sizing: border-box; /* include padding/border in width */ padding-left: 0; padding-right: 0; } nav.sub-title-nav .toplink> li { padding: 0px 5px; } } header .sociallink{float:left;padding:0 30px} header .sociallink>a{background:#bdbdbd;border-radius:50px;color:#fff;float:left;height:23px;line-height:23px;margin:0 5px;text-align:center;width:23px;font-size:12px} header .sociallink>a:hover{background:#70478c} header .logo{margin:2px 0 0;padding:0;float:left} header .logo img{position:relative;z-index:10;width:100%;height:auto} #accordion.panel-group{margin:0} .topmenu{ float:right; border:none; border-radius:0; margin:0; min-height:0; background-color: transparent !important; border-color: transparent !important; box-shadow: none; background-image:none; } .navbar-default .navbar-nav>li>a{font-family:'work_sans_mediumregular';color:#70478c;font-size:17px;padding:12px;text-transform:uppercase} .navbar-default .navbar-nav>li>a:hover{color:#9b1e34} .navbar-default .navbar-nav>li>a:hover{color:#9b1e34} .navbar-default .navbar-nav>li>a:focus{color:#70478c} .navbar-default .navbar-nav > .open>a,.navbar-default .navbar-nav > .open>a:focus,.navbar-default .navbar-nav > .open>a:hover{color:#9b1e34;background:0;box-shadow:0} .headright{position:static} .rightline{border-right:5px solid #9b1e34} .menuright{margin:0;padding:41px 0 0} .section-header{margin:2% 0 2%;width:100%;float:left} .section-header .section-title{font-size:40px;color:#000;text-transform:uppercase;position:relative;padding-bottom:20px;margin:0 0 20px;font-family:'work_sans_mediumregular'!important} .section-header .section-title span{font-family:'work_sans_lightregular'!important} .mainslider{display:inline-block;width:100%;position:relative;overflow:hidden;z-index:2} .mainslider .slick-slide{position:relative} .mainslider .slick-slide img{float:left;width:100%} .mainslider .slick-dots{bottom:20px} .mainslider .slick-dots li button:before{font-size:18px;color:#FFF;opacity:1} .mainslider .slick-dots li.slick-active button:before{color:#9b1e34} .mainslider .slick-dots li button:hover:before{color:#9b1e34} .mainslider .slick-prev:before,.mainslider .slick-next:before{color:#000} .mainslider .captionbox{bottom:0;min-height:80px;left:0;position:absolute;width:100%;z-index:2} .mainslider .captionbox .slide-caption{float:left;padding:5% 0;display:none} .mainslider .captionbox .slide-caption h1{color:#FFF;margin:0 0 10px 0;padding:0;font-size:5em;font-family:'work_sansbold';text-transform:uppercase; line-height: 0.8em; text-shadow: 0 4px 3px rgba(0,0,0,0.4),0 8px 13px rgba(0,0,0,0.1),0 18px 23px rgba(0,0,0,0.1);} .mainslider .captionbox .slide-caption p {color:#FFF;background:rgba(230,173,41,0.6);padding:15px;margin:0;font-family:'work_sans_mediumregular';font-size:17px} .BannerCaptionLink, .BannerCaptionLink:hover, .BannerCaptionLink:visited { color: #FFF; text-decoration:none;} .BannerLinkReadMore{} .midslider{float:left;width:100%;position:relative} .midslider .slick-slider{margin-bottom:0} .midslider .slick-slide img{float:left;width:100%} .midslider .slick-dots{bottom:20px} .midslider .slick-dots li button:before{font-size:18px;color:#FFF;opacity:1} .midslider .slick-dots li.slick-active button:before{color:#9b1e34} .midslider .slick-dots li button:hover:before{color:#9b1e34} .midslider .slick-prev:before,.midslider .slick-next:before{color:#000} .slick-prev,.slick-next{z-index:999} .slick-prev{left:0} .slick-next{right:0} .banner-tab-link, {position:fixed;right:0;margin:20px 0 100px 0!important;padding:0} .banner-tab-link li{list-style:none;border-left:4px solid #9b1e34;margin-bottom:6px;background:rgba(155,30,52,0.6)} .banner-tab-link li:hover{background:rgba(155,30,52,1)} .banner-tab-link li a{color:#FFF;font-family:'work_sans_mediumregular';font-size:15px;text-transform:uppercase;padding:10px 20px;display:inline-block;width:100%} .banner-tab-link{top:200px;z-index:99!important} .floating-links-section { width: 100%; padding-top: 0px; padding-bottom: 25px; } .floating-links-section .floating-links-container { width: 100%; max-width: 750px; margin:auto; text-align: center; } .floating-links-section .floating-links-container .floating-links-nav a, .floating-links-section .floating-links-container .floating-links-nav a:visited{ border:1px solid #cdcdcd; padding:8px 5%; text-align:center; color:#333; text-transform:uppercase; min-width: 120px; display: inline-block; font-family: 'work_sansregular', Arial, sans-serif; font-weight: normal; font-size: 16px; color: #971b1e; } .floating-links-section .floating-links-container .floating-links-nav a:hover{background: #9b1e34 !important;color: #FFF !important;border: 1px solid #9b1e34 !important;} .development { display: none; } .greybox{background:#f0f0f0!important;clear:both;width:100%;overflow:hidden; } section.greybox{ margin-top:10px !important; z-index:0; position:relative; } .portfolioGrayBackground{background:#f0f0f0!important; padding-top:7% !important; } .portfolioGrayBackground .section-header{color:#000!important} section.yellowbox, section.portfolio {padding-top:5% !important; padding-bottom:5% !important;} .portfolioBlackBackground{background:#000 url(/images/gallery-bg.png) 0 0 no-repeat;background-size:cover;color:#FFF;background-attachment:fixed} .portfolioBlackBackground .section-header .section-title{color:#FFF} .portfolio .portfolio-filter{list-style:none;padding:0;margin:0 0 50px;display:inline-block} .portfolio .portfolio-filter>li{float:left;display:block} .portfolio .portfolio-filter>li a{display:block;padding:7px 15px;color:#959595;position:relative;font-family:'work_sansbold';text-transform:uppercase;font-size:20px} .portfolio .portfolio-filter>li a:hover,.portfolio .portfolio-filter>li a.active{color:#fff} .portfolio .portfolio-filter>li a.active:after{content:" ";position:absolute;bottom:-17px;left:50%;margin-left:-10px} .portfolio .portfolio-filter>li:first-child a{border-radius:4px 0 0 4px} .portfolio .portfolio-filter>li:last-child a{border-radius:0 4px 4px 0} .portfolio .portfolio-items{margin:0} .portfolio .portfolio-item{float:left;padding:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} .portfolio .portfolio-item .portfolio-item-inner{display:block;position:relative;overflow:hidden;z-index:2} .portfolio .portfolio-item .portfolio-item-inner img{width:100%;height:auto;-moz-transition:.5s all ease;-webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease} .portfolio .portfolio-item .portfolio-item-inner .portfolio-info{ display:inline-block;position:absolute;left:0;top:-100px;bottom:100%;right:0;opacity:0;-moz-transition:.5s all ease;-webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;color:#fff;background:transparent;padding:10px} .portfolio .portfolio-item .portfolio-item-inner .portfolio-info a, .portfolio .portfolio-item .portfolio-item-inner .portfolio-info a:visited:not(.ReadMoreProfile){color:#a491b5} .portfolio .portfolio-item .portfolio-item-inner .portfolio-info a.ReadMoreProfile ,.portfolio .portfolio-item .portfolio-item-inner .portfolio-info a.ReadMoreProfile:active ,.portfolio .portfolio-item .portfolio-item-inner .portfolio-info a.ReadMoreProfile:visited ,.portfolio .portfolio-item .portfolio-item-inner .portfolio-info a.ReadMoreProfile:focus { color:white !important; } .portfolio .portfolio-item .portfolio-item-inner .portfolio-info i { font-family:FontAwesome; font-style:normal; font-weight:normal; font-size:20px; color: #fedf42; content: "\f101"; transition: all .2s ease-in-out; } .portfolio .portfolio-item .portfolio-item-inner .portfolio-info i:hover{ transform: scale(1.3); } /* before font glitch on 6/21/2019 -- delete after 07/01/2019 .portfolio .portfolio-item .portfolio-item-inner .portfolio-info{display:inline-block;position:absolute;left:0;top:-100px;bottom:100%;right:0;opacity:0;-moz-transition:.5s all ease;-webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;color:#fff;background:transparent;padding:10px} .portfolio .portfolio-item .portfolio-item-inner .portfolio-info a.readmore,.portfolio .portfolio-item .portfolio-item-inner .portfolio-info a.readmore:visited{color:#a491b5} */ .portfolio .portfolio-item .portfolio-item-inner .portfolio-info a.readmore .fa{color:#FFF} .portfolio .portfolio-item .portfolio-item-inner p{padding-left:8px;padding-right:8px;line-height:18px;font-family:'work_sans_mediumregular'} .portfolio .portfolio-item .portfolio-item-inner h4{opacity:0;margin:0;display:none} .portfolio .portfolio-item .portfolio-item-inner:hover h4{position:absolute;display:block;text-align:center;left:0;right:0;width:100%;padding:15px;background:#614079;top:24px;color:#fff;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:1;z-index:3;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;text-transform:uppercase;font-size:22px;font-family:'work_sans_mediumregular'} .lt-ie9 .portfolio-item-inner:hover h4{background:0;-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff91b868',endColorstr='#ff91b868');filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff91b868',endColorstr='#ff91b868');zoom:1} .portfolio .portfolio-item .portfolio-item-inner * + h4{margin-top:0} .portfolio .portfolio-item .portfolio-item-inner * + .btn-link{margin-top:0} .portfolio .portfolio-item .portfolio-item-inner .btn-link:hover{color:#fff} .portfolio .portfolio-item .portfolio-item-inner:hover .portfolio-info{bottom:0;top:49px;opacity:1;background:rgba(112,71,140,0.8)} .lt-ie9 .portfolio-item-inner:hover .portfolio-info{background:0;-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333',endColorstr='#ff333333');filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333',endColorstr='#ff333333');zoom:1} .portfolio .portfolio-item .portfolio-item-inner:hover img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)} .portfolio .portfolio-item .portfolio-item-inner__mod h4{top:88%;bottom:0;height:66px;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s} .portfolio .portfolio-item .portfolio-item-inner__mod h4 a:hover{color:#333} .portfolio .portfolio-item .portfolio-item-inner__mod:hover h4{top:88%} .isotope-item{z-index:2} .isotope-hidden.isotope-item{pointer-events:none;z-index:1} .isotope,.isotope .isotope-item{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-ms-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s} .isotope{-webkit-transition-property:height,width;-moz-transition-property:height,width;-ms-transition-property:height,width;-o-transition-property:height,width;transition-property:height,width} .isotope .isotope-item{-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity} .isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{-webkit-transition-duration:0s;-moz-transition-duration:0s;-ms-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s} .isotope.infinite-scrolling{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none} .box{width:100%;text-align:center;border:1px solid #eee;padding:0 0 20px} .box h1{background:#70478c;margin:0;padding:0;text-align:center;color:#FFF;font-family:'Georgia';font-size:168px} .box h2{font-size:26px;color:#333!important;margin:0;min-height:100px;padding:15px;text-transform:none;font-family:'work_sans_semiboldregular'} .box p{line-height:24px;margin:0;padding:0 20px 20px;min-height:225px} .box .learnmore{width:80%} /* =================================================== Service Box Styles ===========================================*/ .wow { visibility: hidden; } .services-section { width:100%; margin-bottom:30px; /*margin-top:150px;*/ } .services-section .services-container { max-width:1170px; width:100%; margin:auto; padding:0 5px; } .services-section .services-container .service-box-col{ margin-top:15px; /**/ padding:0 10px; } .services-section .services-container .service-box-col .service-box { background-color: #816098; color: #FFFFFF; padding-left: 10px; padding-right:10px; margin:auto; } .services-section .services-container .service-box-col .service-box .service-box-inner { text-align:center; margin:auto; height:100%; position:relative; width: 200px; height: 400px; } .services-section .services-container .service-box-col .service-box .service-box-inner .service-box-title { width:100%; height:120px; position:relative; } .services-section .services-container .service-box-col .service-box .service-box-inner .service-box-title h1{ color: #FFFFFF; font-size: 26px !important; text-transform: none; font-family: 'work_sans_semiboldregular'; padding:0; /* center vertically*/ margin:0; position:absolute; top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; } .services-section .services-container .service-box-col .service-box .service-box-inner .service-box-caption { } .services-section .services-container .service-box-col .service-box .service-box-inner .service-box-button-container { margin: 20px 0 20px 0; width:100%; } .services-section .services-container .service-box-col .service-box .service-box-inner .service-box-button-container .learnmore { padding: 5px 0; width: 160px; text-align:center; } .services-section .services-container .service-box-col .service-box { background-image: url('../images/ServiceBox/service-box-bg-logo.png') ; background-position: right top; background-repeat: no-repeat; width: 100%; } @media(min-width:200px) and (max-width:478px){ .services-section{ } .services-section .services-container .service-box-col .service-box .service-box-inner { width: 90%; padding-left:15px; padding-right:15px; } .services-section .services-container .service-box-col .service-box .service-box-inner .service-box-title { height: 90px; } .services-section .services-container .service-box-col .service-box .service-box-inner .service-box-title h1{ font-size:22px; } .services-section .services-container .service-box-col .service-box { background-image: url('../images/ServiceBox/service-box-bg-logo-370h.png') ; background-position: right top; } .services-section .services-container .service-box-col .service-box .service-box-inner .service-box-caption{ line-height: 25px; } } @media(min-width:479px) and (max-width:540px){ .services-section .services-container .service-box-col .service-box .service-box-inner { width: 95%; padding-left:10px; padding-right:10px; font-size:16px; } .services-section .services-container .service-box-col .service-box .service-box-inner .service-box-caption { height: 250px; font-size: 16px; } .services-section .services-container .service-box-col .service-box .service-box-inner .service-box-title { height:90px; } .services-section .services-container .service-box-col .service-box .service-box-inner .service-box-title h1{ font-size:22px !important; } .services-section .services-container .service-box-col .service-box .service-box-inner .service-box-button-container{ margin-top: 20px; margin-bottom: 5px; } .services-section .services-container .service-box-col .service-box { background-image: url('../images/ServiceBox/service-box-bg-logo-tall-2.png') ; background-position: right top; } } @media(min-width:541px) and (max-width:640px){ .services-section .services-container .service-box-col .service-box .service-box-inner .service-box-caption { height: 190px; font-size: 16px; } } @media(min-width:641px) and (max-width:680px){ .services-section .services-container .service-box-col .service-box .service-box-inner { width: 95%; padding-left:5px; padding-right:5px; } .services-section .services-container .service-box-col .service-box .service-box-inner .service-box-caption { height: 150px; } } @media(min-width:681px) and (max-width:991px){ .services-section .services-container .service-box-col .service-box { background-image: url('../images/ServiceBox/service-box-bg-logo-wide.png') ; } .services-section .services-container .service-box-col .service-box .service-box-inner { width: 90%; padding-left:15px; padding-right:15px; height: 340px; } .services-section .services-container .service-box-col .service-box .service-box-inner .service-box-caption { height: 140px; } } @media(min-width:992px) and (max-width:2500px){ .services-section .services-container .service-box-col .service-box .service-box-inner .service-box-caption { height: 200px; } } /* =================================================== End Service Box Styles ===========================================*/ .iconbox{margin-top:44px;padding-top:61px} .learnmore{background:#f0f0f0;border-radius:0;text-transform:uppercase;padding:8px 20px} .learnmore:hover{background:#5b3a72;color:#FFF} .boxleft{float:left;margin-right:20px} .programsbox{overflow:hidden;margin:60px 0 40px 0;float:left} .programsbox .icon{float:left;width:25%} .programsbox h3{color:#333;margin:0;padding:0;float:left;width:75%;font-size:20px;height:40px} .programsbox p{min-height:200px;margin:0;float:left;width:75%;clear:none} .programsbox .readmore{font-size:14px;text-transform:uppercase;float:left;margin-left:25%} .programsbox .readmore:after{content:"\f178";font-family: FontAwesome;font-size:17px;font-weight:bolder;margin-left:10px} .readmore:after{content:"\f178"; font-family: FontAwesome; font-size:17px;font-weight:bolder;margin-left:10px} .get-social-box{background:#FFF} .get-social-box .getsocial-img{width:100%} .get-social-box .getsocial-text{padding:10px 0} .get-social-box .getsocial-text h3{color:#472d59;margin:0 0 15px 0;font-family:'work_sansregular';font-size:16px} .get-social-box .getsocial-text p{float:left;width:100%} .get-social-box .getsocial-text .likes-text{color:#333;float:left;font-size:15px;margin-right:15px} .get-social-box .getsocial-text .comments-text{color:#333;float:left;font-size:15px;margin-right:0} .get-social-box .getsocial-text .likesbtn{background:#eee;border-radius:3px;color:#888;display:inline-block;font-size:13px;padding:5px 20px;margin-right:5px} .get-social-box .getsocial-text .commentbtn{background:#eee;border-radius:3px;color:#888;display:inline-block;font-size:13px;padding:5px 20px;margin-right:10px} .art-events-bg{background:url(/images/art-events-bg.png) 0 0 no-repeat;background-size:cover;clear:both;overflow:hidden} .art-events-bg .section-header .section-title{color:#FFF} .art-events-box{background:#FFF} .art-events-box .art-img{width:100%} .art-events-box .art-events-text{padding:30px;height:270px!important} .art-events-box .art-events-text h3{color:#402954; margin:0 0 10px 0; line-height: 12px;margin-top:15px;} .art-events-box .art-events-text h3 span{font-family:'work_sansregular'} .art-events-box .art-events-text p.black-text{color:#010101} .art-events-box .art-events-text p{color:#979797} a.viewmore,a.viewmore:visited{border:2px solid #fff;display:table;margin:6% auto 0;padding:12px 5%;text-align:center;color:#FFF;text-transform:uppercase} a.viewmore:hover{background:#715583} a.acceptedbtn,a.acceptedbtn:visited{border:1px solid #cdcdcd;display:table;margin:6% auto 0;padding:12px 5%;text-align:center;color:#333;text-transform:uppercase} a.acceptedbtn:hover{background:#715583;color:#FFF} .topreasons{float:left;width:100%;position:relative;margin:0;} .topreasons .topreasons-box{float:left;width:100%} .topreasons .topreasons-image{float:left;width:200px} .topreasons .topreasons-text{text-align:center;width:60%;display:inline-block} .topreasons .topreasons-text h2{color:#472d59;font-size:40px;margin:0 0 15px 0;text-transform:uppercase} .topreasons .slick-slider{margin-bottom:0} .topreasons.slick-slide img{float:left;width:100%} .topreasons .slick-dots{bottom:-80px} .topreasons .slick-dots li button:before{font-size:18px;color:#ccc;opacity:1} .topreasons .slick-dots li.slick-active button:before{color:#402954} .topreasons .slick-dots li button:hover:before{color:#402954} .topreasons .slick-prev:before,.topreasons .slick-next:before{color:#999;font-size:40px} .topreasons .slick-prev{left:0;width:42px;height:42px} .topreasons .slick-next{right:0;width:42px;height:42px} .mapsection{padding:0!important} .mapsection img{width:100%;height:100%} .joinouremaillist{background:#a789bb url("/images/join-our-email-list-img.jpg") no-repeat 0 0;background-size:cover} .joinouremail{float:left;width:100%} .joinouremail>h3{color:#fff;margin:0 0 10px} .joinouremail .email-input{background:#fff;float:left;padding:0;width:75%} .joinouremail .email-input p{float:left;margin:0;padding:14px;width:48%;font-size:15px;color:#aaa;clear:none} .joinouremail .email-input p span{font-size:13px;font-style:italic} .joinouremail select{border:0 none;margin:8px;padding:5px;width:28%} .joinouremail .email-input input[type="text"]{float:left;padding:15px;width:35%;height:50px;border-right:1px solid #ccc;border-left:0;border-bottom:0;border-top:0} .joinouremail button{background:#452c58;border:medium none;color:#fff;float:left;padding:15px 30px;text-transform:uppercase;height:50px} .community{text-align:center;overflow:hidden} .innerbanner{display:inline;width:100%;position:relative;overflow:hidden;} .innerbanner .banner-img{height:auto;width:100%} .main-title h1{font-size:60px;line-height:50px;margin:0;padding:0;color:#FFF;font-family:'work_sansbold';text-transform:uppercase;float:left} .main-title-mid{bottom:50%} .main-title-bottom{bottom:30%} .main-title{position:absolute;left:0;width:100%;text-align:center} .main-title .boxbg{background:rgba(242,209,61,0.9);display:inline-block;padding:15px 30px} .main-title .boxbg>ul{display:block;margin:0;padding:0} .main-title .boxbg li{display:inline-block;list-style:outside none none;padding:0 5px;color:#FFF} .main-title .boxbg li a{color:#FFF} .main-title .boxbg li a:hover{color:#492065} .NoNavBarOneColAdjustment{padding:0!important} .NoNavBarOneColAdjustment div.row{padding:0;max-width:850px;margin:auto!important} .innerpage .first-content{padding:0} .innerpage .first-content p:first-child{color:#5b3a72;font-family:'work_sans_mediumregular';font-size:24px;font-style:normal;font-weight:600;-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0} .innerpage .first-content p{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px} .innerpage .all-content{float:left;width:100%;padding:0 0 10%} .innerpage .all-content h3{font-family:'work_sansregular';font-weight:normal;color:#262626} .innerpage.topspaceup .container{top:0;padding:0 15px} .innerpage .first-content{padding:0} .innerpage .first-content p:first-child{font-size:20px} .innerpage .first-content p{-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0} .innerpage .all-content{padding:0} .innerpage .all-content h3{font-size:20px} .imgright{margin-left:20px} .threebtn-item{float:left;padding:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} .threebtn-item .threebtn-item-inner{display:block;position:relative;overflow:hidden;z-index:2} .threebtn-item .threebtn-item-inner img{width:100%;height:auto;-moz-transition:.5s all ease;-webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease} .threebtn-item .threebtn-item-inner .threebtn-info{display:inline-block;position:absolute;left:0;top:-100px;bottom:100%;right:0;opacity:0;-moz-transition:.5s all ease;-webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease;color:#fff;background:transparent;padding:10px} .threebtn-item .threebtn-item-inner .threebtn-info a.readmore,.threebtn-item .threebtn-item-inner .threebtn-info a.readmore:visited{color:white;} .threebtn-item .threebtn-item-inner .threebtn-info a.readmore .fa{color:#FFF} .threebtn-item .threebtn-item-inner p{padding-left:8px;padding-right:8px;line-height:18px;font-family:'work_sans_mediumregular'} .threebtn-item .threebtn-item-inner h3{position:absolute;display:block;text-align:center;left:0;right:0;top:50%;width:100%;padding:13px;background:rgba(64,41,84,0.8);color:#fff;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:1;z-index:3;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;text-transform:none;font-size:22px;font-family:'work_sans_mediumregular'} .threebtn-item .threebtn-item-inner:hover h3{top:24px;background:#614079} .lt-ie9 .threebtn-item-inner:hover h3{background:0;-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff91b868',endColorstr='#ff91b868');filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff91b868',endColorstr='#ff91b868');zoom:1} .threebtn-item .threebtn-item-inner * + h3{margin-top:0} .threebtn-item .threebtn-item-inner * + .btn-link{margin-top:0} .threebtn-item .threebtn-item-inner .btn-link:hover{color:#fff} .threebtn-item .threebtn-item-inner:hover .threebtn-info{bottom:0;top:45px;opacity:1;background:rgba(112,71,140,0.8)} .lt-ie9 .threebtn-item-inner:hover .threebtn-info{background:0;-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333',endColorstr='#ff333333');filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff333333',endColorstr='#ff333333');zoom:1} .threebtn-item .threebtn-item-inner:hover img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)} .MainFeature-item{float:left;padding:15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box} .MainFeature-item .MainFeature-item-inner{display:block;position:relative;overflow:hidden;z-index:2} .MainFeature-item .MainFeature-item-inner img{width:100%;height:auto;-moz-transition:.5s all ease;-webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease} .MainFeature-item .MainFeature-item-inner:hover img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)} .MainFeature-item .MainFeature-item-inner h4{position:absolute;display:block;text-align:center;left:0;right:0;top:50%;width:100%;padding:13px;background:rgba(64,41,84,0.8);color:#fff;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:1;z-index:3;-moz-transition:.5s;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;text-transform:none;font-size:22px;font-family:'work_sans_mediumregular'} .MainFeature-item .MainFeature-item-inner:hover h4{background:#614079;-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)} .lt-ie9 .MainFeature-item-inner:hover h4{background:0;-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff91b868',endColorstr='#ff91b868');filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff91b868',endColorstr='#ff91b868');zoom:1} .landing-featured-images-container-over .container-fluid {padding: 0px;} .lanidingbox{float:left;width:100%} .lanidingbox h3{color:#501a74;font-size:24px} .lanidingbox .admission-text{float:left;height:250px;width:100%;margin-top:5px} .lanidingbox .admission-text .SubsiteMainFeaturesCopy{height:190px} .lanidingbox .admission-text .SubsiteMainFeaturesTitle{ color:rgb(80, 26, 116); font-family:work_sans_semiboldregular; font-size:24px; font-weight:400; height:31px; line-height:31.2px; margin-block-end:10px; margin-block-start:20px; margin-bottom:10px; margin-inline-end:0px; margin-inline-start:0px; margin-top:20px; text-align:left; text-size-adjust:100%; width:360px; text-transform: none; } .lanidingbox{text-align:left} .lanidingbox .img-responsive{display:inline-block;margin:auto!important} .lanidingbox img{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-moz-transition:.5s all ease;-webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease} .lanidingbox:hover img{-moz-transform:scale(1.04);-ms-transform:scale(1.04);-o-transform:scale(1.04);-webkit-transform:scale(1.04);transform:scale(1.04);-moz-transition:.5s all ease;-webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease} .lanidingbox:hover .admission-text .SubsiteMainFeaturesCopy a{color:#9b1e34;text-decoration:none!important} .purpleboxbg{background:url(/images/art-events-bg.png) 0 0 no-repeat;background-attachment:fixed;background-size:cover;clear:both;overflow:hidden;padding:0!important} .purpleboxbg .quoteitem{background:#a491b5 url(/images/icons/icon-quote.png) 82% 58px no-repeat;border-radius:500px;min-height:500px;margin:-5% 0;padding:10%} .purpleboxbg .quoteitem .quoteitem-inner{padding:0;display:inline-block;width:100%;color:#FFF} .purpleboxbg .quoteitem .quoteitem-inner h4{color:#5b3a72;font-size:24px;float:left;width:85%} .yellowbox{background:url(/images/BG/bg-yellow.png) 0 0 no-repeat;background-attachment:fixed;background-size:cover;clear:both;overflow:hidden;text-align:center} .yellowbox h1{font-family:'work_sansbold';color:#70478c;font-size:4em;margin:0} .yellowbox p{color:#70478c;display:inline-block;width:70%;margin:0;font-size:18px} .buttonbox-standalone{text-align:center;width:100%;padding: 0 20px} .buttonbox{text-align:center;width:100%;float:left;padding-top:5%} .buttonbox a, .buttonbox-standalone a, .buttonbox-standalone a:visited, .buttonbox a:visited, a.todaybtn, a.todaybtn:visited, .CS_Form_Submit_Button_Container input.CS_Form_Button { border:1px solid #231f20; display:inline-block; padding:10px;text-align:center; color:#333; text-transform:uppercase; min-width:200px; margin:10px 5px; box-shadow:none !important; font-weight:normal !important; background-color: #ffffff; } .buttonbox a:hover, a.todaybtn:hover, .buttonbox-standalone a:hover, .CS_Form_Submit_Button_Container input.CS_Form_Button:hover { background:#9b1e34 !important;color:#FFF !important;border:1px solid #9b1e34 !important; } .buttonbox-standalone-white a, .buttonbox-standalone-white a:visited { border:1px solid #231f20; display:block; padding:10px;text-align:center; color:#333; text-transform:uppercase; min-width:150px; max-height: 250px; margin:10px auto ; box-shadow:none !important; font-weight:normal !important; background-color: white; color: #392049; text-align: center; } .buttonbox-standalone-white a:hover { background:#9b1e34 !important; color:#FFF !important; border:1px solid #9b1e34 !important; } .affordabilitybox{float:left;width:100%;border-top:1px solid #ccc;margin-top:5%;padding:3% 0 0;text-align:center} .affordabilitybox h3{text-align:center;margin:5% 0;font-size:40px!important;color:#000!important;text-transform:uppercase!important;position:relative;font-family:'work_sans_lightregular';line-height:1.3em} .affordabilitybox h1{font-family:'work_sansbold';color:#472d59;font-size:4em;margin:15px 0 0} .affordabilitybox p{color:#333;display:inline-block;width:70%;margin:0;font-family:'work_sans_semiboldregular'} .affordabilitybox .iconimg{display:inline-block;height:160px;width:160px;padding-top:40px;border-radius:200px;background:#70478c} .affordabilitybox .iconimg img{height: 82px; width:82px;} .navmenu{float:left;width:100%} .navmenu{padding:0 13px} .navmenu .panel-group .panel{float:left;width:100%;border:none;;margin:0; box-shadow:none;} .navmenu .panel-default > .panel-heading{float:left;width:100%;border-radius:0;background:0;border:0;border-bottom:1px solid #f0f0f0;padding:0} .navmenu .panel-default > .panel-heading .panel-title{float:left;width:100%} .navmenu .panel-default > .panel-heading .panel-title a{text-transform:uppercase;padding:10px 15px;float:left;width:100%;background:#70478c;color:#FFF;font-family:'work_sans_mediumregular';font-size:16px;} .navmenu .panel-default > .panel-heading .panel-title a:after{content:"";float:right;width:12px;height:10px;margin:5px 0 0 0} .navmenu .panel-default > .panel-heading .panel-title a.collapsed:after{content:"";float:right;background:url(/images/rightnav-arrows.png) top left no-repeat;width:12px;height:10px;margin:5px 0 0 0} .navmenu .panel-default > .panel-heading .panel-title a.collapsed:hover:after{background:url(/images/rightnav-over.png) top left no-repeat;width:12px;height:10px;margin:5px 0 0 0;float:right} .navmenu .panel-default > .panel-heading .panel-title a:after{content:"";float:right;background:url(/images/icons/rightnav-on.png) top left no-repeat;width:12px;height:10px;margin:5px 0 0 0} .navmenu .panel-default > .panel-heading .panel-title a.collapsed{text-transform:uppercase;padding:10px 15px;float:left;width:100%;background:0;color:#5b3a72} .navmenu .panel-default > .panel-heading .panel-title a:hover{background:#70478c;color:#FFF} .navmenu .panel-default > .panel-heading > .panel-title .fa{float:right} .navmenu .panel-collapse{float:left;width:100%} .navmenu .panel-default > .panel-heading + .panel-collapse > .panel-body{float:left;width:100%;padding:0} .navmenu .panel-default > .panel-heading + .panel-collapse > .panel-body ul{margin:0;padding:0} .navmenu .panel-default > .panel-heading + .panel-collapse > .panel-body ul li { list-style:none; margin:0; color:#5b3a72; } .navmenu .panel-default > .panel-heading + .panel-collapse > .panel-body ul li:hover{background:#ac94bc url(/images/blue-bullet-icon.png) 15px 50% no-repeat} .navmenu .panel-default > .panel-heading + .panel-collapse > .panel-body ul li:hover a{color:#FFF;font-family:'work_sans_mediumregular';font-size:13px;text-transform:uppercase} .navmenu .panel-default > .panel-heading + .panel-collapse > .panel-body ul li a{ font-family: 'work_sans_mediumregular'; font-size: 13px; text-transform: uppercase; color:#535353; /*#5b3a72*/ } .advdiv{float:left;width:100%;margin:15px 0} .advdiv img{height:auto;width:100%} footer{float:left;background:#472d59;padding:60px 0 0;width:100%} footer .container{padding-left:0} footer .address{color:#FFF;padding:15px 15px 0;margin:0} footer .phone{color:#FFF;padding:15px 15px;margin:0} footer .fnav{float:left;margin:0;padding:0} footer .fnav li{color:#a491b5;padding:3px 0;list-style:none} footer .fnav li a{color:#FFF;text-transform:none;text-decoration:none;font-size:16px} footer .fnav li a:hover{color:#b89dd0;text-decoration:none} footer .stayconnect{float:right;width:100%;padding:0 15px} footer .stayconnect h3{color:#d1d3d4;font-size:16px;text-transform:uppercase;text-align:left;margin:10px 0} footer .stayconnect p{margin:0;padding:0} footer .stayconnect p a{background:0;border:2px solid #fff;border-radius:200px;color:#fff;cursor:pointer;float:left;font-size:18px;height:42px;line-height:35px;margin:0 15px 0 0;padding-top:2px;text-align:center;width:42px} footer .stayconnect p a:hover{color:#FFF;text-decoration:none;opacity:.6} footer .stayconnect a.btn{font-size:11px;margin-top:10px;padding:8px;float:left} footer .stayconnect a.btn:hover{background:#2dc3e8} footer .likebox{float:left;padding:15px} footer .copyright{background:#392049;color:#FFF;font-size:14px;margin:30px 0 0;padding:2% 0} footer .copyright a{color:#a491b5} footer .copyright a:hover{color:#FFF} .stayconnect a i:before{font-family: FontAwesome; font-style: normal;} .searchbox{float:right;color:#70478c;font-size:18px;position:relative;min-width:30px;width:0;height:auto;} .searchbox-input{position:absolute;top:-5px;right:0;border:2px solid #70478c;outline:0;width:100%;height:auto;box-shadow:0;margin:0;padding:5px 10px;font-size:14px;color:#999;opacity:0;-webkit-transition:width .3s;-moz-transition:width .3s;-ms-transition:width .3s;-o-transition:width .3s;transition:width .3s} .searchbox-input::-webkit-input-placeholder{color:#999} .searchbox-input:-moz-placeholder{color:#999} .searchbox-input::-moz-placeholder{color:#999} .searchbox-input:-ms-input-placeholder{color:#999} .searchbox-submit{padding:0;margin:0;border:0;outline:0;text-align:center;cursor:pointer;color:#dcddd8;float:right;background:0} .searchbox-icon{border:0 none;color:#70478c;cursor:pointer;display:block;font-size:22px;height:24px;line-height:24px;margin:0;outline:0 none;padding:0;position:absolute;text-align:center;width:24px} .searchbox-input.searchbox-open{width:500px;right:35px;opacity:1;-webkit-transition:width .3s;-moz-transition:width .3s;-ms-transition:width .3s;-o-transition:width .3s;transition:width .3s} .scrollToTop{text-align:center;text-decoration:none;position:fixed;bottom:20px;right:20px;display:none;color:#a789bb;font-size:20px;width:65px;height:65px;border-radius:100px;border:2px solid #a789bb;line-height:60px;z-index:9999} .scrollToTop .fa-long-arrow-up:before{color:#a789bb} .scrollToTop:hover{text-decoration:none;opacity:.6} .nav.nav-tabs.getsocial{display:inline-block;margin:0 auto;text-align:center;width:100%;border-bottom:3px solid #472d59} .nav.nav-tabs.getsocial>li{display:inline-block;float:none;margin:0 8%;padding:15px 0} .nav.nav-tabs.getsocial a{color:#999;font-size:35px;border:0} .nav.nav-tabs.getsocial a:hover{color:#472d59;background:0} .nav.nav-tabs.getsocial li.active>a:hover{border:0;color:#472d59} .nav.nav-tabs.getsocial li.active>a{color:#472d59;border:0} .nav.nav-tabs.getsocial li.active>a:before{border-bottom:20px solid #472d59;border-left:20px solid transparent;border-right:20px solid transparent;content:"";display:inline-block;right:50%;position:absolute;bottom:-15px;margin:0 -20px 0 0;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s} .nav.nav-tabs.getsocial li.active>a:after{border-bottom:20px solid #fff;border-left:20px solid transparent;border-right:20px solid transparent;content:"";display:inline-block;right:50%;position:absolute;bottom:-19px;margin:0 -20px 0 0} .tab-content.getsocialcont{padding:15px 0} .communitybox{float:left;position:relative;width:100%;text-align:center} .communitybox a,.communitybox a:hover{color:#FFF} .communitybox .box1,.communitybox .box2,.communitybox .box3,.communitybox .box4,.communitybox .box5,.communitybox .box6,.communitybox .box7,.communitybox .box8,.communitybox .box9{color:#FFF;font-family:"work_sans_mediumregular";font-size:14px;border-radius:200px;display:inline-block;height:150px;width:150px;position:absolute;cursor:pointer;font-weight:bold} .communitybox .box1{background:#b29bc4;left:140px;top:165px;line-height:150px} .communitybox .box1:hover{background:#b29bc4 url(/images/round-hover-img.png) 0 0 no-repeat} .communitybox .box2{background:#f0af4a;left:295px;top:45px;line-height:20px;padding:4.666% 1%} .communitybox .box2:hover{background:#f0af4a url(/images/round-hover-img.png) 0 0 no-repeat} .communitybox .box3{background:#87af92;left:490px;top:0;line-height:20px;padding:4% 2%} .communitybox .box3:hover{background:#87af92 url(/images/round-hover-img.png) 0 0 no-repeat} .communitybox .box4{background:#b29bc4;left:680px;top:50px;line-height:20px;padding:5% 3%} .communitybox .box4:hover{background:#b29bc4 url(/images/round-hover-img.png) 0 0 no-repeat} .communitybox .box5{background:#c96f6b;left:850px;top:160px;line-height:20px;padding:4% 3%} .communitybox .box5:hover{background:#c96f6b url(/images/round-hover-img.png) 0 0 no-repeat} .communitybox .box6{background:#f0af4a;left:745px;top:330px;line-height:20px;padding:5% 3%} .communitybox .box6:hover{background:#f0af4a url(/images/round-hover-img.png) 0 0 no-repeat} .communitybox .box7{background:#b29bc4;left:585px;top:420px;line-height:20px;padding:3% 3%} .communitybox .box7:hover{background:#b29bc4 url(/images/round-hover-img.png) 0 0 no-repeat} .communitybox .box8{background:#87af92;left:395px;top:425px;line-height:20px;padding:6% 2%} .communitybox .box8:hover{background:#87af92 url(/images/round-hover-img.png) 0 0 no-repeat} .communitybox .box9{background:#c96f6b;left:225px;top:340px;line-height:20px;padding:4% 3%} .communitybox .box9:hover{background:#c96f6b url(/images/round-hover-img.png) 0 0 no-repeat} .navbar-collapse.collapse{padding:0; margin-right:40px;} .container-fluid{ padding-bottom:5%; padding-top:5%; z-index:1; position:relative; /*zero padding created horizontal scroll - body overflow. To remedy it add border-box*/ padding-left:0; padding-right:0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; } .first-child-container-fluid-padding-top-zero .container-fluid{ padding-top: 0%; } @media(min-width:250px) and (max-width:640px){ .first-child-container-fluid-padding-top-zero .container-fluid{ padding-top: 5% !important; } .block-on-mobile { display: block; text-align: center; margin: auto; width: 95% !important; padding: 15px 0; } } .StackTop{ position: relative !important; z-index: 99 !important; } #CS_Element_wesleyanHomeMainContainer{ /*margin-top:-6.3%;*//*11/24/2024: removed because it was redundant as the negative margin was applied on the following element*/ display:block!important;position:relative; padding-top:0;} .text-left.cswTitle{text-align:left!important} .text-right.cswTitle{text-align:right!important} .text-center.cswTitle{text-align:center!important} .cswDesc.threebtn-info{text-align:left!important} .cswDescPurple{color:purple!important} .threebtn-item .threebtn-item-inner:hover .cswThemeGreen{bottom:0;top:45px;opacity:1;background:green} .cswTitle.H4.cswThemeGreen{background:green} .cswTitle.H3.cswThemeGreen{background:green} .csw-ImgTextblock-ImgAbove{margin-left:-30px;margin-right:-30px} a{text-decoration:none} .MarginTopNeg20{margin-top:-22px} .MarginTopNeg240{margin-top:-240px} .MarginTop20{margin-top:20px} .MarginTop40{margin-top:40px} .LandingPageBlocksMargin{margin-top:-55px} .container-fluid > .cs_elementUI,.container-fluid > .cs_cinfobar,.container > .cs_elementUI,.container > .cs_cinfobar{margin-left:0} .landingpageimages{margin-bottom:-157px} .landingpageimagescontainer{max-width:1200px!important;background:#FFF;position:relative;margin-top:-157px;z-index:98;min-height:350px;padding:30px} .LandingPageContainer{margin-top: 145px;} /*needs to match the negative margin in the line above*/ .landingPageImagesContainerWithFullWidthOnTop{margin-top: 20px;} .wcga_contentDiv{padding:0 50px} .wcga_contentDiv .container-fluid{padding-top:0} #wcga_NavMenuDiv .container-fluid{padding-top:0} #wcga_NavMenuDiv a{font-weight:normal;} .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:0} .slick-list.dragging{cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} [dir='rtl'] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} .WesleaynMapContainer{height:465px!important} .panel-body{float:left;width:100%;padding:0} .panel-body ul{margin:0;padding:0} .panel-body ul li{ list-style:none; margin:0; padding:5px 13px; color:#5b3a72; line-height:18px; } .panel-body ul li:hover{background:#ac94bc 15px 50% no-repeat !important;} .panel-body ul li:hover a{color:#FFF;font-family:'work_sans_mediumregular';font-size:13px;text-transform:uppercase} .panel-body ul li a{font-family:'work_sans_mediumregular';font-size:13px;text-transform:uppercase;color:#5b3a72} .AlignCenter{text-align:center!important} .yellowbox div{text-align:center!important;vertical-align:top!important} #pageTitle{color:#5b3a72;font-family:'work_sans_mediumregular';font-size:24px;font-style:normal;font-weight:600;-webkit-column-count:1;-moz-column-count:1;column-count:1;-webkit-column-gap:0;-moz-column-gap:0;column-gap:0;margin-bottom:20px} img.FullWidthSmallScreen{width:100%!important;height:auto!important} .QuoteSimple{background:#9e88ad url(/images/icons/icon-quote.png) 98% 0 no-repeat;padding:6% 5% 5%;color:#FFF;font-size:16px} .Story{margin-top:100px!important} .FullWidthContentContainer{margin-top:-5%!important;padding-top:0!important} .ProgressiveProgramsContentPagePadding{padding-bottom:5%!important;padding-top:5%!important} .ContentHeader{color:#639;font-size:larger} .wcga-section-title{color:#000;text-transform:uppercase;font-family:'work_sans_mediumregular';font-size:40px!important; /* removed position:relative; on 3/14/2017 sergey*/} .wcga-section-title span{font-family:'work_sans_lightregular'} .wcga-page-title{color:#4b0082;text-transform:uppercase;line-height:1.4em;text-align:center;font-size:32px!important} .wcga-page-title span{font-family:'work_sans_lightregular'} .wcga-page-title-major-page-padding{padding-bottom:18px} .MaroonHeader{color:#9b1e34!important} .error{border:thin #d8000c solid!important;color:#d8000c!important;background-color:#ffbaba!important} .NoNavigtionContentMarginAdjustment{margin-top:40px!important} .NoBannerMarginAdjustment{margin-top:10%} .NoInnerContainerMarginAdjustment{margin-top:-10%!important; /*changed from -5% because of too large gap*/} .FullWidthContainerMarginAdjustment{margin-top:0 !important; padding-top:0; padding-bottom: 0;} .FullWidthContainerIndicator div.container-fluid, .FullWidthContainerIndicator .container-fluid .container-fluid, .FullWidthContainerIndicator .container-fluid .container-fluid.container-fluid { padding-top:0 ; padding-bottom: 0 ; } .FullWidthContainerIndicator.full-width-container-top { padding-top: 0; margin-top: 0; padding-bottom: 0; margin-bottom: 0; } .innerpage.full-width-container-top-adjustment div.landingpageimagescontainer { margin-top: 0; } .cs_GridRow.row { /* grid-framework.less has megative margins setup for row class. Since CommmonSpot has other divs withing div.row then need to undo negative margins otherwise page overflows the screen size creating horizontal scroll */ margin-right:0; margin-left:0; } .NoInnerContainerMarginAdjustment div.container-fluid{ /* this ensures that if full-width container */ padding-top:5% ; padding-bottom: 5% ; } .RemoveTopMargin{margin-top:-18% !important;z-index:97} .team-meta{color:#212121;opacity:.9;font-size:12px;min-height:80px;padding-left:20px} .team-item-inner{margin:auto!important;width:360px!important; min-height: 375px;} .teamcontbox{border-left:1px solid #e9e8e8;border-right:1px solid #e9e8e8;border-bottom:1px solid #e9e8e8;padding:15px;background:white;min-height:140px} .team-listing_photo{overflow:hidden;position:relative;display:block;margin:0 auto;background:#f6f7f7;width:100%;text-align:center} .team-item{min-width:360px;margin-bottom:20px;padding:0} .team-listing_name{text-transform:uppercase;margin:0;text-align:center;float:none!important} .teamcontbox span:before{font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;margin-right:10px!important} .team-meta_item.position:before{content:"\f007"; font-family: FontAwesome;} .team-meta_item.location:before{content:"\f041"; font-family: FontAwesome;} .team-meta_item.website:before{content:"\f08e"; font-family: FontAwesome;} .team-meta_item.email:before{content:"\f003"; font-family: FontAwesome;} .team-meta_item.telephone:before{content:"\f095"; font-family: FontAwesome;} .team-meta_item.whatsapp:before{content:"\f232"; font-family: FontAwesome;font-size: 110%/*increase the size of whatsapp icon a tad*/;} .team-meta span{display:block} .team-item .team-item-inner .team-listing_photo img{-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);-moz-transition:.5s all ease;-webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease} .team-item:hover .team-item-inner .team-listing_photo img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);-moz-transition:.5s all ease;-webkit-transition:.5s all ease;-o-transition:.5s all ease;transition:.5s all ease} .FlexRowGrid { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } .FlexRowGrid > [class*='col-'] { display: flex; flex-direction: column; } .FancyBoxSection{ /*padding-top:0!important; not sure why we had it here but it creates uneven white space 08/05/2019*/ background-color: #f0f0f0; } .MajorContent{padding:0 50px} .Width500px{max-width:500px;margin:auto;text-align:left} .Width750px{max-width:750px;margin:auto;text-align:left} .Width850px{max-width:850px;margin:auto;text-align:left;} .Width1000px{max-width:1000px;margin:auto;text-align:left} .Width1170px{max-width:1170px;margin:auto;text-align:left} .Width1200px{max-width:1200px;margin:auto;text-align:left} @media(min-width: 401px) and (max-width:768px){ .Width500px, .Width750px, .Width850px, .Width1000px, .Width1170px, .Width1200px{ padding: 25px; } } @media(min-width:250px) and (max-width: 400px){ .Width500px, .Width750px, .Width850px, .Width1000px, .Width1170px, .Width1200px{ padding: 15px; } /* .landingpageimagescontainer { padding: 10px; } */ .cs_GridColumn { padding-right: 0px !important; padding-left: 0px !important; } } .add20pxBottomMargin{margin-bottom:20px} .addNeg20pxTopMargin{margin-top:-20px} .addNeg30pxTopMargin{margin-top:-30px} .addNeg40pxTopMargin{margin-top:-40px} .addNeg50pxTopMargin{margin-top:-50px} .addLeftPadding30px {padding-left: 30px} .addRightPadding30px {padding-right: 30px} .CommunityItem{visibility:visible;} /* animation-duration:1s;animation-delay:.6s */ /* 04/05/2019 decided to remove all the animation on the site */ .MajorGradSchoolInfoBlock{font-size:20px;text-align:center;color:#a52a2a} .ADAComplianceDisclaimer{font-size:13px;font-style:italic;text-align:left;background:transparent;padding:5px;margin-top:20px;color:#bdafca;text-align:center;} .ADAComplianceDisclaimer a { margin-left: 20px;} .ADAComplianceDisclaimer a:before {font-family:FontAwesome; content: "\f08e"; margin: 0 3px;font-weight:normal; } .row-centered{text-align:center} .col-centered{display:inline-block;float:none!important;text-align:left;margin-right:-4px} .SecondaryNavMenuListDiv{padding-top:50px;text-align:right;font-size:15px;font-family:Helvetica,Arial,sans-serif;line-height:25px} .SecondaryNavMenuList{list-style-type:none} .SecondaryNavMenuList li a,.SecondaryNavMenuList li a:visited{font-weight:normal;color:#85878b;text-decoration:none;text-transform:none;list-style-type:none;margin:4px 0;transition:all ease-in-out 1s;position:relative} .SecondaryNavMenuList li a:hover{color:#402854!important} .SecondaryNavMenuList li a:before{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:#70478c;visibility:hidden;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s} .SecondaryNavMenuList li a:hover:before{visibility:visible;-webkit-transform:scaleX(1);transform:scaleX(1)} .wcga_bold{font-family:'work_sans_mediumregular'!important} .topreasons-text p{text-align:left!important} a.LoginHiddenLink,a.LoginHiddenLink:visited{color:#472d59;font-size:85%} a.LoginHiddenLink:hover{color:#a181be;text-decoration:none} .PurpleLogo{color:#492065} .PurpleLight{color:#70478c} .Font80Percent{font-size:80%} .Font90Percent{font-size:90%} .TopTenReasonsNum{width:177px;height:183px; margin:auto;background: url('/images/TopTenReasons/ten-top-reason.png'); background-repeat: no-repeat;} .TopTenReasonsNum.Num2{background-position: 0 -200px;} .TopTenReasonsNum.Num3{background-position: 0 -400px;} .TopTenReasonsNum.Num4{background-position: 0 -600px;} .TopTenReasonsNum.Num5{background-position: 0 -800px;} .TopTenReasonsNum.Num6{background-position: 0 -1000px;} .TopTenReasonsNum.Num7{background-position: 0 -1200px;} .TopTenReasonsNum.Num8{background-position: 0 -1400px;} .TopTenReasonsNum.Num9{background-position: 0 -1600px;} .TopTenReasonsNum.Num10{background-position: 0 -1800px;} .img-responsive{width:100%;display:block} /*======================== End Common CSS ======================*/ /*========================== Mobile Menu CSS ============================*/ .nav-expander{display:none} .mobilemenu{display:none} @media(max-width:2500px){ .nav-expanded nav.mobilemenu{display:block;background:#5b3a72;height:100%;overflow:auto;position:fixed;right:0;top:0;width:100%;z-index:99999;transition:right .3s ease-in-out 0s;-webkit-transition:right .3s ease-in-out 0s;-moz-transition:right .3s ease-in-out 0s;-o-transition:right .3s ease-in-out 0s;padding:20px 30px;border:0 none;float:right;margin:0;min-height:0} a.nav-expander{display:block;float:right;padding:15px 0;width:30px;text-align:center;margin-right:10px} a.nav-expander .icon-bar{background:#735787;box-sizing:border-box;border-radius:5px;height:4px;width:30px;float:left;margin:2px 0} a.nav-expander:hover{cursor:pointer} a.nav-expander.fixed{position:fixed} .nav-expanded a.nav-expander.fixed{right:20em} body.nav-expanded{margin-left:0;transition:right .4s ease-in-out 0s;-webkit-transition:right .4s ease-in-out 0s;-moz-transition:right .4s ease-in-out 0s;-o-transition:right .4s ease-in-out 0s;overflow:hidden} #nav-close{font-weight:normal;font-size:24px;margin:0 0 20px 0;display:block!important;float:right;color:#FFF} .nav-header{padding:0} a.home-icon{background:0;border:2px solid #fff;border-radius:200px;color:#fff;cursor:pointer;display:inline-block;font-size:18px;height:42px;line-height:35px;margin:0 15px 0 0;padding-top:2px;text-align:center;width:42px} a.home-icon .fa{color:#fff} a.home-icon:hover{color:#FFF;text-decoration:none;opacity:.6} .main-menu{float:left;width:100%} .main-menu li{border-bottom:1px solid #6c4e80;padding:0;width:100%;text-align:left;height:auto;float:left} .main-menu li:hover{background:#472d59} .main-menu li a{color:#FFF;font-size:20px;display:block;padding:15px;font-family:'work_sans_mediumregular';text-transform:uppercase} .main-menu li a:hover{color:#FFF;text-decoration:none} .main-menu li .sub-nav{border-bottom:0;padding:4px} .main-menu a .caret{width:16px;height:10px;display:inline-block;vertical-align:top;float:right;background:url(/images/icons/nav-arrow-down.png) 0 0 no-repeat;border:0;margin:10px 15px 0 0} .main-menu li.open>a > .caret{background:url(/images/icons/nav-arrow-up.png) 0 0 no-repeat;width:16px;height:10px} .main-menu li>a>span.icon{float:right;margin:.1em 1.7em -0.1em 0;opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out} .main-menu li>a:hover>span.icon{float:right;margin:.1em .8em -0.1em 0;opacity:1} .main-menu li .list-unstyled.submenu{background:#5b3a72} .main-menu li.open{background:#472d59} .main-menu li.open ul.list-unstyled.submenu{background:#5b3a72;margin:0;padding:0;float:left;width:100%} .main-menu li.open ul.list-unstyled li{border:0;color:#fff;float:left;list-style:outside none none;padding:0;text-align:left;width:100%} .main-menu li.open ul.list-unstyled li:hover{background:#684282} .main-menu li.open ul.list-unstyled li a{float:left;font-size:16px;padding:12px 30px;width:100%;background:url(/images/icons/bullet-icon.png) 15px 18px no-repeat} .navsearch{float:left;width:100%;position:relative} .navsearch input{width:100%;border:0;background:#8963a2;padding:12px 12px 12px 40px;margin-bottom:15px;color:#FFF} .navsearch .fa.fa-search{color:#fff;font-size:24px;left:10px;position:absolute;top:10px} .nav-top-link{ float:left; list-style:outside none none; margin:0; padding:0; width:100%; /* ararnge in two columns*/ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .nav-top-link>li{border:1px solid #fff;float:left;margin:0 0 15px;padding:0;text-align:center;width:100%} .nav-top-link>li a{color:#fff;display:inline-block;padding:10px;text-transform:uppercase;width:100%;font-family:'work_sans_mediumregular'} .nav-top-link>li:hover{background:#9b1e34;border:1px solid #9b1e34} nav .nav-footer{float:left;width:100%} nav .nav-footer .stayconnect{float:left;width:100%;padding:30px 0} nav .nav-footer .stayconnect p{margin:0;padding:0;text-align:center} nav .nav-footer .stayconnect p a{background:0;border:2px solid #fff;border-radius:200px;color:#fff;cursor:pointer;display:inline-block;font-size:18px;height:42px;line-height:35px;margin:0 15px 0 0;padding-top:2px;text-align:center;width:42px} nav .nav-footer .stayconnect p a:hover{color:#FFF;text-decoration:none;opacity:.6} nav .nav-footer .stayconnect a.btn{font-size:11px;margin-top:10px;padding:8px;float:left} nav .nav-footer .stayconnect a.btn:hover{background:#2dc3e8} nav .nav-footer .mobile-footer-link{float:left;width:100%} nav .nav-footer .mobile-footer-link ul{float:left;width:100%;margin:0;padding:0} nav .nav-footer .mobile-footer-link li{list-style:outside none none;padding:10px 15px} nav .nav-footer .mobile-footer-link a{color:#fff} nav .nav-footer .mobile-footer-link a:hover{color:#eee} .overlay{background:rgba(30,53,100,.7);height:100%;left:0;overflow:hidden;padding:0;position:fixed;text-align:center;top:0;width:100%;z-index:9999;display:none} body.nav-expanded .overlay{display:block} } @media(min-width:767px) and (max-width:1199px){ .navbar-header{display:block;margin:-18px 0 0 -40px} /*==Floating links styles*/ .floating-links-section .floating-links-container .floating-links-nav{ display: flex; flex-wrap: wrap; gap: 10px; /* Space between links */ align-items: center; justify-content: center; align-items: center; padding: 0; /* Remove padding */ } } @media(min-width:1200px) { .floating-links-section {position:fixed;right:0;margin:20px 0 100px 0!important; padding:0; top:200px;z-index:99!important; width:110px;} .floating-links-section .floating-links-container .floating-links-nav {display:block;} .floating-links-section .floating-links-container .floating-links-nav a{ } .floating-links-section .floating-links-container .floating-links-nav a:hover{background:rgba(155,30,52,1); color: white !important;} .floating-links-section .floating-links-container .floating-links-nav a, .floating-links-section .floating-links-container .floating-links-nav a:visited { display: block; border: 1px solid #231f20; border-left:4px solid #9b1e34; margin-bottom:6px; background:rgba(155,30,52,0.6); color: #EEE; font-family:'work_sans_mediumregular'; font-size:15px; text-transform:uppercase; padding:10px 20px; width:100% } .navbar-header{margin:-10px 0 0 -40px} } .navbar-header{ float:right !important} /*========================== END Mobile Menu CSS ============================*/ /*========================== Mega Menu CSS ============================*/ .MegaMenuLeftPadding{padding-left:50px} .navbar-nav>li > .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 1px 5px rgba(112,71,140,0.8)} .navbar-default .navbar-nav>li>a{text-align:center} .mega-dropdown{position:static!important;width:auto} .mega-dropdown-menu{box-shadow:none;padding:30px 40px;width:100%;border-radius:0;border:0;border-top:3px solid #aa74ce;border-bottom:9px solid #472d59} .mega-dropdown-menu>li>ul{margin:-10px 0 30px 0;padding:0 10px} .mega-dropdown-menu>li>ul>li{list-style:initial;padding:2px 0} .mega-dropdown-menu>li>ul>li>a{clear:both;color:#000;display:block;font-weight:normal;line-height:1.42857;padding:0;white-space:normal;font-size:14px} .mega-dropdown-menu>li ul>li>a:hover,.mega-dropdown-menu>li ul>li>a:focus{color:#9b1e34;text-decoration:none} .mega-dropdown-menu form{margin:3px 20px} .mega-dropdown-menu .form-group{margin-bottom:3px} .videobox{float:left;width:100%} .videobox .videoimg,.videobox img{width:100%;height:auto} .videobox>p{font-size:14px;font-style:italic;margin:0;padding:0 5px} .mega-dropdown-menu .dropdown-title{font-size:33px;font-family:'work_sansregular',Arial,sans-serif;margin-bottom:10px;text-transform:uppercase;margin-top:-10px;color:#9b1e34} .mega-dropdown-menu .dropdown-header{text-transform:uppercase;font-family:"work_sans_mediumregular";font-size:17px;padding:0 0 10px;color:#9b1e34} .mega-dropdown-menu ul.lastmenu{list-style:none;margin:165px 0 0 0;padding:0} .mega-dropdown-menu ul.lastmenu li{list-style:none} .mega-dropdown-menu ul.lastmenu li a{text-transform:uppercase;font-family:"work_sans_mediumregular";font-size:15px} .mega-dropdown-menu ul.lastmenu li.open{list-style:none} .mega-dropdown-menu ul.lastmenu li.open a{text-transform:uppercase;font-family:"work_sans_mediumregular";font-size:15px} .mega-dropdown-menu ul{margin:-10px 15px 30px;padding:5px 10px} .mega-dropdown-menu ul li{list-style:initial;padding:2px 0;color:#a491b5} .mega-dropdown-menu ul li a{clear:both;color:#000;display:block;line-height:1.42857;padding:0;white-space:normal;font-size:14px;font-weight:bold} .mega-dropdown-menu ul li a:hover,.mega-dropdown-menu ul li a:focus{background:0;color:#9b1e34;text-decoration:none} .mega-dropdown-menu ul li.open{list-style:initial;padding:2px 0;color:#a491b5} .mega-dropdown-menu ul li.open a{clear:both;color:#000;display:inline-block;line-height:1.42857;padding:0;white-space:normal;font-size:14px;font-weight:bold;background:0} .mega-dropdown-menu ul li.open a:hover,.mega-dropdown-menu ul li.open a:focus{background:0;color:#9b1e34;text-decoration:none} .MegaMenuExitButton{padding:0;cursor:pointer;background:transparent;border:0;position:absolute;top:10px;right:10px;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2} .MegaMenuExitButton:hover{opacity:.5} /*========================== END Mega Menu CSS ============================*/ /*================================ Loader CSS ===============================*/ .ModalLoadingLogo{background-color:white;background-color:rgba(255,255,255,0.99);display:none;position:fixed;z-index:100000;top:0;left:0;height:100%;width:100%} .SpinnerLogoContaier{background:url('/images/WesleyanCollegeLogo.png') no-repeat center;width:150px;height:150px;position:absolute;left:50%;top:50%;margin:-75px 0 0 -75px} .LogoSpinner{width:150px;height:150px;left:50%;top:50%;margin:-75px 0 0 -75px;position:absolute;border:solid #70478c;border-width:6px 0 0 0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:spin 1.9s infinite linear;-moz-animation:spin 1.9s infinite linear;-o-animation:spin 1.9s infinite linear;animation:spin 1.9s infinite linear} body.loading{overflow:hidden} body.loading .ModalLoadingLogo{display:block} .LogoLoaderText{color:#70478c;font-family:'work_sans_mediumregular';font-size:13px!important;text-align:center;position:absolute;width:170px;height:170px;left:50%;top:50%;margin:75px 0 0 -75px;padding-top:5px;padding-right:15px} @-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}} @-moz-keyframes spin{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}} @-o-keyframes spin{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}} @keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(359deg)}} /*================================ END Loader CSS ===============================*/ /*========================== Screen Sizes CSS ==========================*/ @media(max-width:845Px){ header .logo{margin:0} } @media(min-width:767px) and (max-width:1366px){ .mega-dropdown-menu{padding:10px 15px;} .mega-dropdown-menu .dropdown-header{padding:0;} .mega-dropdown-menu ul li {padding: 0px;} } @media(max-width:1199px) and (min-width:769px){ .main-title .boxbg{padding:10px 30px} .main-title{bottom:50%} .main-title h1{font-size:45px;line-height:45px} } @media(max-width:1024px){ .footer-logo>img{height:auto;width:100%} footer .container{padding:0 30px} footer .stayconnect p a{font-size:16px;height:35px;line-height:30px;margin:0 10px 0 0;width:35px} .communitybox .maining{height:auto;width:100%} .box h2{font-size:22px} .box p{min-height:300px} .topreasons .topreasons-box{padding-right:20px} .topreasons .slick-prev{left:-10px} .topreasons .slick-next{right:0} .topreasons .topreasons-image{width:30%} .topreasons .topreasons-image img{height:auto;width:100%} .TopTenReasonsNum{max-width:100px;max-height:110px; background-size: 100%;} .TopTenReasonsNum.Num2{background-position: 0 -112px;} .TopTenReasonsNum.Num3{background-position: 0 -224px;} .TopTenReasonsNum.Num4{background-position: 0 -336px;} .TopTenReasonsNum.Num5{background-position: 0 -448px;} .TopTenReasonsNum.Num6{background-position: 0 -560px;} .TopTenReasonsNum.Num7{background-position: 0 -672px;} .TopTenReasonsNum.Num8{background-position: 0 -784px;} .TopTenReasonsNum.Num9{background-position: 0 -896px;} .TopTenReasonsNum.Num10{background-position: 0 -1008px;} .topreasons .topreasons-text{font-size:14px;text-align:center;width:70%;padding:0 15px} .topreasons .topreasons-text h2{font-size:24px} .get-social-box .getsocial-text .likesbtn{padding:5px 10px} .get-social-box .getsocial-text .commentbtn{margin-right:5px;padding:5px 10px} .communitybox .box1{left:35px;top:240px} .communitybox .box2{left:195px;top:105px;padding:5.666% 2%} .communitybox .box3{left:405px;top:50px} .communitybox .box4{left:610px;top:105px;padding:5.666% 3%} .communitybox .box5{left:765px;top:245px;padding:4.666% 3%} .communitybox .box6{left:705px;top:430px;padding:5.666% 3%} .communitybox .box7{left:515px;top:520px} .communitybox .box8{left:290px;top:515px;padding:7% 2%} .communitybox .box9{left:100px;top:420px;padding:4.666% 3%} .mainslider .captionbox .slide-caption h1{font-size:3em} .mainslider .captionbox .slide-caption p{font-size:15px} .mainslider .slick-dots{bottom:-5px} .threebtn-item .threebtn-item-inner h3{font-size:17px} .threebtn-item .threebtn-item-inner:hover h3{top:22px} .threebtn-item .threebtn-item-inner:hover .threebtn-info{top:44px} .threebtn-item .threebtn-item-inner p{font-size:13px;margin-bottom:8px;line-height:16px} .purpleboxbg .quoteitem{background-position:75% 50px} .container{width:100%} .lanidingbox{margin-bottom:30px} .lanidingbox .admission-text{height:100%;width:100%;margin-top:5px} .lanidingbox .admission-text .SubsiteMainFeaturesCopy{height:100%} .lanidingbox h3{text-align:center} } @media(max-width:1199px){ #portfolio .portfolio-item .portfolio-item-inner .portfolio-info{padding-top:10px} #portfolio .portfolio-item .portfolio-item-inner .portfolio-info p{font-size:12px;line-height:17px;padding-left:5px;padding-right:5px} .NoBannerMarginAdjustment{margin-top:13%} } .lanidingboxitem{min-height: 510px;} @media(max-width:992px){ .lanidingbox .img-responsive{max-width:600px;display:block} .lanidingboxitem{margin-top:20px; } } @media(min-width:768px) and (max-width:992px){ .navbar-default .navbar-nav>li>a{font-size:15px} header{height:75px} body{padding:75px 0 0} header.sticky{height:75px} header .top{padding:10px 0 5px} header .logo{margin:16px 0 0} header .logo img{max-width:225px} header.sticky .navbar-default .navbar-nav>li>a{font-size:14px} .navbar-default .navbar-nav>li>a{padding:5px} .mega-dropdown-menu{padding:20px} .communitybox .box1,.communitybox .box2,.communitybox .box3,.communitybox .box4,.communitybox .box5,.communitybox .box6,.communitybox .box7,.communitybox .box8,.communitybox .box9{font-size:20px} .box h1{font-size:7em} .box h2{font-size:1em;min-height:65px;padding:10px} .box p{font-size:14px;line-height:20px;padding:10px;min-height:290px} .learnmore{font-size:14px;padding:8px 10px} .communitybox .maining{display:none} .communitybox .box1,.communitybox .box2,.communitybox .box3,.communitybox .box4,.communitybox .box5,.communitybox .box6,.communitybox .box7,.communitybox .box8,.communitybox .box9{border-radius:0;height:auto;left:0;line-height:20px;padding:5% 2%;position:relative;top:0;width:100%;margin-bottom:30px} .communitybox .box1:hover,.communitybox .box2:hover,.communitybox .box3:hover,.communitybox .box4:hover,.communitybox .box5:hover,.communitybox .box6:hover,.communitybox .box7:hover,.communitybox .box8:hover,.communitybox .box9:hover{background-size:cover} .art-events-box .art-events-text{padding:20px;text-align:center} .get-social-box .getsocial-text .commentbtn{margin-right:5px;padding:5px} .get-social-box .getsocial-text .likesbtn{margin-right:5px;padding:5px} .topreasons .topreasons-box{padding-right:20px} .topreasons .slick-prev{left:-10px} .topreasons .slick-next{right:0} .topreasons .topreasons-image{width:30%} .topreasons .topreasons-image img{height:auto;width:100%} .topreasons .topreasons-text{font-size:14px;text-align:center;width:70%;padding:0 15px} .topreasons .topreasons-text h2{font-size:24px} .tab-content.getsocialcont{padding:15px} .joinouremail .email-input{background:0;width:100%} .joinouremail .email-input p{background:#FFF;border-radius:3px;line-height:16px;margin:0 0 10px;padding:13px 10px;width:100%;text-align:center} .joinouremail .email-input input[type="text"]{border-radius:3px;height:auto;margin-bottom:10px;padding:10px;text-align:center;width:100%} .joinouremail select{border:0 none;margin:0 0 10px 0;padding:10px;width:100%;border-radius:3px} .joinouremail button{display:table;float:none;margin:0 auto} footer{text-align:center;padding:30px 0 0} footer .container{padding-left:15px} footer .footer-logo{margin-top:30px} footer .fnav{margin:0} footer .fnav li{display:inline-block;float:none;margin:0;padding:5px 15px} footer .fnav li a{font-size:14px} footer .stayconnect{text-align:center} footer .stayconnect p a{display:inline-block;float:none} footer .likebox{width:100%} footer .footer-logo{width:100%} footer .footer-logo img{width:80%;height:auto;max-width:280px} .get-social-box .getsocial-text .commentbtn{font-size:12px} .innerbanner .banner-tab-link{top:150px} .banner-tab-link{top:160px} .threebtn-item .threebtn-item-inner h3{font-size:17px} .threebtn-item .threebtn-item-inner:hover h3{top:22px} .threebtn-item .threebtn-item-inner:hover .threebtn-info{top:43px} .threebtn-item .threebtn-item-inner p{font-size:14px;margin-bottom:10px} .advdiv{width:50%;float:left;padding:5px} .purpleboxbg .quoteitem{background-position:72% 36px;padding:15% 10%} } @media(min-width:993px) and (max-width:1023px){.container{width:100%} .banner-tab-link{top:225px} header{height:105px} header .logo{margin:15px 0 0} header .logo img{max-width:320px} .navbar-default .navbar-nav>li>a{font-size:16px;padding:5px} .joinouremail select{margin:8px 0} .main-title .boxbg{padding:10px 30px} .main-title-mid{font-size:35px;line-height:45px} } @media(min-width:1024px) and (max-width:1199px){ .container{width:100%} .banner-tab-link{top:225px} header{height:105px} header .logo{margin:15px 0 0} header .logo img{max-width:320px} .navbar-default .navbar-nav>li>a{font-size:15px;padding:5px 10px} .joinouremail select{margin:8px 0} .innerbanner .banner-tab-link{top:200px} } /*** Landing page container margin: There is overlay problem**/ @media (max-width:1199px) { .LandingPageContainer{margin-top: 0px;} } @media (min-width:320px) { /*.LandingPageContainer{margin-top: 150px;}*/ } @media (min-width:500px) { /*.LandingPageContainer{margin-top: 140px;}*/ } @media (min-width:650px) { /*.LandingPageContainer{margin-top: 130px;}*/ } @media (min-width:933px) { /*.LandingPageContainer{margin-top: 7%;} */ /*12/16/2024: removed it as the container slides under landingpageimagescontainer container*/ } /* @media (min-device-width:250px) { .LandingPageContainer{margin-top: 150px;} } @media (min-device-width:320px) { .LandingPageContainer{margin-top: 140px;} } @media (min-device-width:650px) { .LandingPageContainer{margin-top: 130px;} } @media (min-device-width:933px) { .LandingPageContainer{margin-top: 7%;} } */ @media(max-width:850px){ .navbar-default .navbar-nav>li>a{padding:5px 4px} } .hideOnSmallDevice{ display:inherit; } @media(max-width:767px){ .floating-links-nav { display: grid; grid-template-columns: repeat(2, 1fr); /* Two columns */ gap: 10px; /* Space between rows and columns */ max-width: 600px; padding-left: 15px; padding-right: 15px; margin: auto; } header,header.sticky{height:58px} header .logo img{width:180px;height:auto} header .top{display:none} .NoNavBarOneColAdjustment{margin-top:0} .lanidingbox .img-responsive{width:100%;display:block} #portfolio .portfolio-item .portfolio-item-inner{max-width:370px;margin-left:auto;margin-right:auto} #portfolio .portfolio-item .portfolio-item-inner .portfolio-info{padding:30px; } .InfoBlockCopy{padding:10px 25px 0 25px} /* .landingpageimagescontainer{top:50px}*/ /*********** floating link transformation on mobile devices **********************/ .innerbanner { margin-bottom: 40px } .innerbanner .banner-tab-link{ margin:30px 15px !important; position:relative; top:0; display:block; opacity: 1 !important; /*arrange tabs in two columns*/ height: 110px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .innerbanner .banner-tab-link li{ border: 1px solid #231f20; text-align: center; background:none; color: #971b1e; } .innerbanner .banner-tab-link li:hover{ background:#9b1e34 !important; color:#FFF !important; border:1px solid #9b1e34 !important; } .innerbanner .banner-tab-link li a { background:none; color: #971b1e; font-weight: normal !important; text-transform: uppercase; font-family: 'work_sansregular',Arial,sans-serif; } .innerbanner .banner-tab-link li a:hover { background:none; color: white; } /*********** floating link transformation on mobile devices **********************/ .hideOnSmallDevice{ display:none !important; } .HideFloatingLinksOnMobile { visibility: hidden; height: 30px; } body{padding:58px 0 0} .Width750px{padding-left:10px;padding-right:10px} .wcga_contentDiv{padding:0 20px} .banner-tab-link li{background:#9b1e34;border-left:0;text-align:center} .banner-tab-link li:hover{background:#701626} .mainslider .slick-dots{bottom:-5px} .navbar-default .navbar-toggle{border:0 none;margin:20px;padding:0} .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover{background:0} .navbar-default .navbar-toggle .icon-bar{background:#735787} .navbar-toggle .icon-bar{border-radius:5px;height:4px;width:30px} .box{margin-bottom:30px} .box h2{min-height:0;padding:30px 15px} .box p{min-height:160px} .section-header .section-title{font-size:30px} .programsbox .icon{margin-right:10px;width:auto} .programsbox h3{padding:20px 0;width:68%} .programsbox p{margin-bottom:15px;min-height:0;width:100%} .programsbox .readmore{margin:0} a.viewmore,a.viewmore:visited{width:90%} a.acceptedbtn,a.acceptedbtn:visited{width:90%;margin:0 auto 15px auto} .art-events-box{margin-bottom:60px} .nav.nav-tabs.getsocial{border-bottom:0} .nav.nav-tabs.getsocial>li{margin:0;padding:0} .nav.nav-tabs.getsocial li.active>a:before{display:none} .nav.nav-tabs.getsocial li.active>a:after{display:none} .communitybox .maining{display:none} .communitybox .box1,.communitybox .box2,.communitybox .box3,.communitybox .box4,.communitybox .box5,.communitybox .box6,.communitybox .box7,.communitybox .box8,.communitybox .box9{border-radius:0;height:auto;left:0;line-height:20px;padding:5% 2%;position:relative;top:0;width:100%;margin-bottom:30px} .communitybox .box1:hover,.communitybox .box2:hover,.communitybox .box3:hover,.communitybox .box4:hover,.communitybox .box5:hover,.communitybox .box6:hover,.communitybox .box7:hover,.communitybox .box8:hover,.communitybox .box9:hover{background-size:cover} .art-events-box .art-events-text{padding:20px;text-align:center} .topreasons{margin:0} .topreasons .topreasons-image{width:100%;text-align:center} .topreasons .topreasons-image img{height:auto;width:100%;max-width:100px;float:none;display:inline-block} .topreasons .topreasons-text{font-size:14px;text-align:center;width:100%;padding:30px} .topreasons .topreasons-text h2{font-size:24px} .topreasons .slick-prev{left:-10px} .topreasons .slick-next{right:-10px} .topreasons .topreasons-box{padding-right:0} .joinouremail .email-input{background:0;width:100%} .joinouremail .email-input p{background:#FFF;border-radius:3px;line-height:16px;margin:0 0 10px;padding:10px;width:100%;text-align:center} .joinouremail .email-input input[type="text"]{border-radius:3px;height:auto;margin-bottom:10px;padding:10px;text-align:center;width:100%} .joinouremail select{border:0 none;margin:0 0 10px 0;padding:10px;width:100%;border-radius:3px} .joinouremail button{display:table;float:none;margin:0 auto} footer{text-align:center;padding:30px 0 0} footer .container{padding-left:15px} footer .fnav{margin:0} footer .fnav li{display:inline-block;float:none;margin:0;padding:5px 15px} footer .fnav li a{font-size:14px} footer .stayconnect{text-align:center} footer .stayconnect p a{display:inline-block;float:none} footer .likebox{width:100%} footer .footer-logo{width:100%;margin-top:40px} footer .footer-logo img{width:80%;height:auto;max-width:260px} .scrollToTop{width:40px;height:40px;line-height:40px} .navbar-default .navbar-collapse,.navbar-default .navbar-form{background:#fff;border-color:#e7e7e7;position:absolute;right:0;top:60px;z-index:99999;width:100%} .videobox .videoimg{width:100%;height:auto} a{text-decoration:none!important} .mega-dropdown-menu{padding:0} /*.innerbanner{overflow:visible}*/ .innerbanner img{height:auto;width:100%;min-height:135px} .imgright{margin-left:0;width:100%;height:auto} .buttonbox{padding:10% 0} .affordabilitybox p{margin-bottom:30px} .yellowbox p{margin-bottom:30px} .purpleboxbg .quoteitem{margin:-12% 0;min-height:0;padding:25% 12%;background-position:76% 56px} .purpleboxbg .quoteitem .quoteitem-inner h4{width:100%;font-size:19px} .purpleboxbg .quoteitem .quoteitem-inner{font-size:14px;padding:0;width:100%} .animated{-webkit-animation-duration:1s!important;animation-duration:1s!important} } @media(min-width:641px) and (max-width:768px){ .main-title h1{font-size:35px;line-height:35px} .main-title{top:20%} .main-title .boxbg{padding:15px} .main-title .boxbg li{font-size:13px} } @media(max-width:640px) and (min-width:415px){ .main-title h1{font-size:35px;line-height:35px} .main-title{bottom:65%} } @media(max-width:640px){ .mainslider .captionbox .slide-caption h1{font-size:2em;margin-bottom:0} .mainslider .slick-dots li button:before{font-size:14px} .mainslider .slick-dots,.midslider .slick-dots{bottom:-15px} .mainslider .captionbox .slide-caption p{font-size:14px;padding:10px;line-height:14px} .art-events-box .art-events-text{height:350px!important} /* styles that adjust padding/margins on mobile devices when the banner is not visible. */ .innerbanner {display: none; } /**/ .landingpageimagescontainer {/*top:150px*/ margin-top:0; padding-bottom: 0; } .wcga_contentDiv {padding: 15} /* removing padding 9/22/2021 to have a better mobile experience. not sure why we had is zero */ h1, h2, h3, h4{margin-top:0px;} h1, .wcga-section-title { font-size: 30px !important;} h2 { font-size: 24px; !important} h3 { font-size: 22px; !important} p, div{font-size: 16px; } .portfolio .portfolio-item .portfolio-item-inner p { font-size: 16px !important; font-family: 'work_sans_lightregular'; } } @media(max-width:360px){ .mainslider .captionbox .slide-caption{padding:5% 0 7%} .mainslider .slick-dots,.midslider .slick-dots{bottom:-5px;margin:0} .mainslider .captionbox .slide-caption h1{font-size:1.6em;margin-bottom:0} .mainslider .captionbox .slide-caption p{font-size:12px;line-height:13px;padding:3px 5px} } @media(max-width:414px){ .purpleboxbg .quoteitem{margin:-20% 0;min-height:0;padding:35% 12%} footer .fnav li a{font-size:13px} .programsbox h3{font-size:17px;padding:30px 0 5px} .box .learnmore{width:auto} .box h2{font-size:18px} .section-header .section-title{font-size:20px;margin-bottom:0;padding:0} #portfolio .portfolio-filter>li a{font-size:14px;padding:7px} #portfolio .portfolio-filter{margin-bottom:0} .art-events-bg a.viewmore,.art-events-bg a.viewmore:visited{margin:0 auto 14%} #portfolio a.viewmore,#portfolio a.viewmore:visited{margin:6% auto 6%} #portfolio .portfolio-item .portfolio-item-inner:hover h4{font-size:18px;top:20px} #portfolio .portfolio-item .portfolio-item-inner:hover .portfolio-info{top:38px;padding:5px} #portfolio .portfolio-item .portfolio-item-inner .portfolio-info p{font-size:12px;line-height:14px;margin-bottom:0;padding-left:5px;padding-right:5px;padding-top:5px} .communitybox .box1,.communitybox .box2,.communitybox .box3,.communitybox .box4,.communitybox .box5,.communitybox .box6,.communitybox .box7,.communitybox .box8,.communitybox .box9{margin-bottom:15px} .section-header{margin:5% 0 8%} .get-social-box .getsocial-text{padding:10px 0 30px;display:inline-block;text-align:center;width:100%} .get-social-box .getsocial-text .likes-text{float:none;display:inline-block} .get-social-box .getsocial-text .comments-text{float:none;display:inline-block} .threebtn-item .threebtn-item-inner:hover .threebtn-info{top:32px} .threebtn-item .threebtn-item-inner h3{font-size:17px;padding:10px} .threebtn-item .threebtn-item-inner:hover h3{top:18px} .threebtn-item .threebtn-item-inner p{font-size:12px;line-height:14px;margin-bottom:0;padding-left:5px;padding-right:5px;padding-top:0} .main-title h1{font-size:25px;line-height:25px} .main-title-mid{top:5%} .main-title-bottom{bottom:70%} .innerbanner { margin-bottom: 0px } } @media(min-width:1200px){ header .logo{margin:2px 0 0} .landingpageimagescontainer{width:1200px!important} } @media(max-width:1199px){ .landingpageimages {margin-bottom: 10px;} /*sergey*/ } @media(min-width:1200px) and (max-width:1350px){ .main-title-mid{bottom:60%} .main-title-bottom{bottom:40%} .NoBannerMarginAdjustment{margin-top:13%} } @media(min-width: 641px) and (max-width: 950px) { .NoBannerMarginAdjustment .landingpageimagescontainer { margin-top:-120px } } @media(max-width:640px) { /* chnaged to zero from on 6/9/2025 */ .NoBannerMarginAdjustment{margin-top: 0px;} /*80px;*/ .NoBannerMarginAdjustment .landingpageimagescontainer { top: 0px; } /*80px;*/ .main-title-bottom{display:none;} h1 {margin-bottom: 10px; } .innerbanner { margin-bottom: 0px } .landingpageimagescontainer { padding: 10px; } h2.wcga-section-title { font-size: 90%; text-align: center; } } @media(max-width:400px) { .NoBannerMarginAdjustment .landingpageimagescontainer { top: 0; /* chnaged to zero from o 6/9/2025 60px; */} } /**======= Play Button Thumb Hover Styles **/ /* .PlayButtonThumb {position: relative; width: 400px; height: 200px;} .PlayButtonThumb a {position: absolute; top: 0; display: block; width: 100%; height: 100%; text-align: center; text-decoration: none;} .PlayButtonThumb a .play, .thumb a .overlay {opacity: 0;} .PlayButtonThumb a:hover .play, .thumb a:hover .overlay {display: block; transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;} .PlayButtonThumb a:hover .play {position: relative; font-size: 64px; color: #ffffff; margin-top: 60px; z-index: 1000; opacity: 1;} .PlayButtonThumb a:hover .overlay {position: absolute; top: 0; width: 100%; height: 100%; background-color: #000000; opacity: .7;} */ .PlayButtonContainer { position:relative } .PlayButtonContainer:hover .PlayButton{display:block} .PlayButton{ position : absolute; display:none; top:30%; width:100px; margin:0 auto; left:0; right:0; z-index: 100; color: #e4e2e2; font-size: 80px; cursor: pointer; } /**======= Play Button Thumb Hover Styles **/ /* ====================== END Screen Sizes ========================*/ div.wcga_contentDiv a, div.wcga_contentDiv a:visited, .Width750px a, .Width750px a:visited, div.landingpageimagescontainer a, div.landingpageimagescontainer a:visited , #CS_Element_FullWidthContainer p a, #CS_Element_FullWidthContainer p a:visited /*body :not(.accordion.accordion-bg-gray > dt > a)*/ { font-weight:900; color: #971b1e; text-decoration: none; } div.wcga_contentDiv a:hover, .Width750px a:hover, div.landingpageimagescontainer a:hover , #CS_Element_FullWidthContainer p a:hover { color:#70478c; text-decoration:underline; } /* -- It does not work when a link is split between two lines, it also appears to be causing some issues in the button links. div.wcga_contentDiv a:before { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; left: 0; background-color: #000; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; color: #70478c; } div.wcga_contentDiv a:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } */ /*======== Body Links End =============*/ .ButtonBoxRed { border:1px solid #cdcdcd; display:inline-block; padding:10px; text-align:center; color:#333; text-transform:uppercase; text-decoration:none; min-width:150px; margin:10px 5px } .ButtonBoxRed:hover { background:#9b1e34 !important; color:#FFF !important; border:1px solid #9b1e34 !important; } .ButtonBoxPurple { border:1px solid #cdcdcd; display:inline-block; padding:10px; text-align:center; color:#333; text-transform:uppercase; text-decoration:none; min-width:150px; margin:10px 5px; } .ButtonBoxPurple:hover{ background:#715583 !important; color:#FFF !important; border:1px solid #715583 !important; } .wcga_hide{ height:0; width:0; display:none; } .video-responsive-outter-container { width:100%; } .video-responsive{ /*overflow:hidden;*/ padding-bottom:56.25%; position:relative; height:0; } .video-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute; } /* Accordion Styles */ .WesleyanPanelGroup { } .WesleyanPanelGroup .panel { border:none; margin-bottom:15px; box-shadow:none; } .WesleyanPanelGroup .panel-heading { text-transform:uppercase; padding: 15px; background-color: #f0f0f0; } /*top left no-repeat;width:12px;height:10px;margin:5px 0 0 0;float:right}*/ .panel-heading .accordion-toggle:after { /* symbol for "opening" panels */ font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */ content: "\e114"; /* adjust as needed, taken from bootstrap.css */ float: right; /* adjust as needed */ /*color: grey; adjust as needed */ } .panel-heading .accordion-toggle.collapsed:after { /* symbol for "collapsed" panels */ content: "\e080"; /* adjust as needed, taken from bootstrap.css */ } .accordion-panel-body{ float:none; padding:10px; } .CS_FormFieldControlContainer, .CS_Form_Field_Control_Container { width:100% !important; max-width:750px; } /* .CS_FormFieldControlContainer input:not([type='checkbox']), .CS_Form_Field_Control_Container input:not([type='checkbox']), .CS_FormFieldControlContainer input:not([type='radio']), .CS_Form_Field_Control_Container input:not([type='radio']), .CS_FormFieldControlContainer input([type='text']), .CS_Form_Field_Control_Container input([type='text']), .CS_FormFieldControlContainer textarea, .CS_Form_Field_Control_Container textarea*/ .CS_Form_Text { /*max-width:350px !important;*/ width:100% !important; display: block !important;; padding: 8px 12px !important;; font-size: 14px !important;; line-height: 1.42857143 !important;; color: #666666 !important;; background-color: #ffffff !important;; background-image: none !important;; border: 1px solid #cccccc !important;; border-radius: 4px !important;; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .radiobutton .CS_Form_RadioGroup_Item * input[type='radio'] { width:inherit; } .CS_FormContent div { } /* End Accordion Styles */ /* ========== Inquiry From Styles Begin here ================== */ .InquiryForm-Container { width: 100%; } .InquiryForm { /* background-image: url("https://auth.wesleyan.commonspotcloud.com/images/InquiryForm/InquiryForm_LogoBgOn.jpg");*/ background-repeat: no-repeat; width: 320px; height:566px; margin:auto; } .InquiryForm-Header { height: 93px; color: #FFFFFF; text-align: center; vertical-align: middle; display: flex; flex-direction: column; justify-content: center; background-color: #492065; } .InquiryForm-InputBody-Image-Bg { height:419px; width:320px; background-image: url("/images/InquiryForm/InquiryForm_BodyBg_Dark.jpg"); position:absolute; /*z-index: -1;*/ display: block; } .InquiryForm-InputBody-Image-Bg-Light { opacity:0.6; } .InquiryForm-InputBody { height:419px; padding: 15px 22px; position:relative; } .InquiryForm-InputBody .row .col-12 { margin-top: 12px; } .InquiryForm-InputBody .row input { border: 2px transparent solid; } .InquiryForm-Footer { /*position:absolute;*/ margin-top:-50px; position:relative; z-index:100; } .InquiryForm-Footer-Img-Div { margin:auto; width:111px; height: 111px; } .InquiryForm-Input-Error { border: 2px #a86671 solid; background-color: #fde1e1; color: #a94442; } .ValidationSummary { color: red; /*background-color: transparent !important;*/ background-image: none; position: relative; padding: 3px 1.25rem; margin-top:15px; margin-bottom: 10px; text-align: center; font-size: 15px; border-color: transparent !important; font-weight: bold; } .InquiryForm-Header-Title { margin: auto; height: 70px; } .InquiryForm-Header-Title h1{ Font-size: 30px; line-height: 1.15em; color: #FFFFFF; text-transform: uppercase; margin:0; padding: 0; font-family: 'work_sans_lightregular'; } .InquiryForm-Header-Title h1 span{ font-family: 'work_sans_mediumregular'; } .InquiryForm-Submit{ text-align: center; margin-top:10px; } .InquiryForm-Submit .buttonbox{ width: 100%; padding-top: 0; height:40px; text-align: center; vertical-align:middle; } .InquiryForm-Submit .buttonbox a, .InquiryForm-Submit .buttonbox a:visited{ height:100%; margin:auto; padding-top: 8px; display: block; vertical-align: middle; width: 200px; background-color:#ffffff; font-family: 'work_sans_mediumregular'; color: #971b1e; } @media (max-width: 767px) { .InquiryForm-Submit .buttonbox{ width: 100%; padding: 0 0; height:40px; text-align: center; vertical-align:middle; } } .InquiryForm-Submitted { color:#FFFFFF !important; cursor:default !important; background-color:#971b1e!important; } .InquiryForm-Submitted:hover{ color:#FFFFFF !important; cursor:default !important; background-color:#971b1e !important; } .InquiryForm-InputBody div.Invisible{ display:none; height:100%; } .InquiryForm-Footer-Img-Div img{ min-height:inherit; } .Inquiry-Form-Banner-Image-Container-Parent { width:100%; } .Inquiry-Form-Banner-Image-Container { background-repeat: no-repeat; height:831px; width:1920px; background-clip:border-box; margin:auto; } .Inquiry-Form-Banner-Image-Subcontainer{ position:absolute; left:0; right:0; } .Inquiry-Form-Banner-FormElement{ width: 333px; height:524px; padding-top:5px; float:right; margin-left:10%; margin-right:12%; margin-top:4%; background-color:white; position: relative; z-index:99; } @media(min-width:767px) and (max-width:1199px){ .Inquiry-Form-Banner-FormElement{ margin-right:15%; } .Inquiry-Form-Banner-FormElement { margin-top:8%; margin-left:auto; } } @media(min-width:100px) and (max-width:766px){ .buttonbox img{ min-height:inherit; } } .InquiryForm-InputBody-ConfirmationMessage-Body-Aligner { display: flex; align-items: center; justify-content: center; height:350px; } .InquiryForm-InputBody-ConfirmationMessage-Body-Centered{ } .Inquiry-Form-Banner-Title { width:100%; padding:7px; background: rgba(73,32,101,0.4); font-family: 'Cinzel', serif; position: absolute; left: 0; text-align: center; } .Inquiry-Form-Banner-Title-Inner { margin:auto; max-width:600px; text-align:center; } .Inquiry-Form-Banner-Title-Inner h1 { font-family: 'Arapey', serif; font-style: italic; text-transform:inherit; letter-spacing: 5px; font-size: 35px !important; margin: 0; padding: 0; color: #FFF; } @media(max-width:766px){ .Inquiry-Form-Banner-FormElement { margin:auto; float:inherit; } .Inquiry-Form-Banner-Image-Container { height:900px; background-size: 100% 100%; } .Inquiry-Form-Banner-FormElement { margin-top: 300px; } .Inquiry-Form-Banner-Title-Inner { max-width:400px; } .Inquiry-Form-Banner-Title { background:none; margin-top:50px; } .Inquiry-Form-Banner-Title-Inner h1 { font-family: 'work_sans_mediumregular'; font-weight: bold; font-style: normal; text-transform:uppercase; letter-spacing: 2px; font-size: 50px; margin: 0; padding: 0; color: #FFF; } } @media(min-width:513px) and (max-width:766px){ .Inquiry-Form-Banner-Title { margin-bottom: 15px !important; display:block; } .Inquiry-Form-Banner-FormElement { margin-top: 300px; } .Inquiry-Form-Banner-Title-Inner h1 { font-size: 28px !important; letter-spacing: 3px !important; } } @media(min-width:100px) and (max-width:412px){ .Inquiry-Form-Banner-FormElement { margin-top: 300px; } /* .Inquiry-Form-Banner-Title-Inner h1 { font-size: 25px !important; letter-spacing: 3px !important; } */ } /*============ styles for the Global modal inquiry form element ===========*/ /*assume long */ .InquiryForm-Container.modal-inquiry .InquiryForm{ height: 780px; } .InquiryForm-Container.modal-inquiry .InquiryForm .InquiryForm-InputBody-Image-Bg, .InquiryForm-Container.modal-inquiry .InquiryForm .InquiryForm-InputBody { height: 670px; /*630px if using images/InquiryForm/InquiryForm_BodyBg_Global_Long.jpg */ } .InquiryForm-Container.modal-inquiry .InquiryForm .InquiryForm-InputBody-Image-Bg{ background-image: url(../images/InquiryForm/InquiryForm_BodyBg_Global_670.jpg); /*Sergey need to change to /images/*/ } .InquiryForm-Container.short-inquiry .InquiryForm .InquiryForm-InputBody-Image-Bg, .InquiryForm-Container.short-inquiry .InquiryForm .InquiryForm-InputBody { height: 500px; /* 440px if using Short bg: images/InquiryForm/InquiryForm_BodyBg_Global_Short.jpg */ } .InquiryForm-Container.short-inquiry .InquiryForm .InquiryForm-InputBody-Image-Bg{ background-image: url(../images/InquiryForm/InquiryForm_BodyBg_Global_500.jpg); /*Sergey need to change to /images/*/ } .InquiryForm-Container.modal-inquiry .InquiryForm-InputBody-Image-Bg{ -webkit-transition: background-image 0.4s ease-in-out; transition: background-image 0.4s ease-in-out; border: 5px solid white; border-top: none; } .InquiryForm-Container.modal-inquiry .InquiryForm-Header{ border: 5px solid white; border-bottom: none; } .InquiryForm-Container.modal-inquiry .row { margin-right: -10px; margin-left: -10px; } .InquiryForm-Container.modal-inquiry .InquiryForm-Header{ position: relative; } .InquiryForm-Modal-Container button.close { position:absolute; right: 4px; top: 0px; color: white; /* Text color */ font-size: 24px; /* Large font size */ font-weight: normal; text-transform: uppercase; /* Capitalized text */ transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth hover effects */ z-index: 999; opacity: 0.4; } .InquiryForm-Modal-Container button.close:hover { box-shadow: 0 0 5px rgba(255, 255, 255, 0.8); /* Highlighted border on focus */ opacity: 0.8; } .InquiryForm-Modal-Container button.close:focus { box-shadow: 0 0 5px rgba(255, 255, 255, 0.9); /* Highlighted border on focus */ } /* Custom style for jQuery UI tooltip */ .InquiryForm-Modal-Container .ui-tooltip, .InquiryForm-Modal-Container .ui-menu { background-color: rgb(73, 32, 101) !important; /* Tooltip background in black */ color: white; /* Tooltip text color */ border: 3px solid rgb(255, 255, 255) !important; /* Optional: adjust the border color */ box-shadow: none !important; /* Optional: remove shadow if any */ padding: 5px; font-size: 90%; } .InquiryForm-Modal-Container .ui-menu{ list-style-type: none; } .InquiryForm-Modal-Container .ui-menu li{ cursor: pointer; color: #9F9F9F; } .InquiryForm-Modal-Container .ui-menu li .ui-menu-item-wrapper{ text-transform: capitalize; } .InquiryForm-Modal-Container .ui-menu li:hover{ cursor: pointer; color: white; } .InquiryForm-Modal-Container ul.ui-autocomplete, .ui-tooltip.ui-widget-content { z-index: 10001; } /* ==================== End of Inquiry Form Styles ==========================================*/ .display-none{ display: none; } .onTopOfEachOther { position: relative; } .onTopOfEachOther div { position: absolute; top: 0; left: 0; } .ProgressiveProgramWidget { padding-left: 9px; /* need to override boostrap paddings because in some browsers padding is added to the width and widgets go into separate line*/ padding-right: 9px; } /* ======================================== slick.css =============================================== */ .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0} .slick-list:focus{outline:0} .slick-list.dragging{cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{position:relative;top:0;left:0;display:block} .slick-track:before,.slick-track:after{display:table;content:''} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} [dir='rtl'] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} /*Slick Theme*/ .slick-loading .slick-list{background:#fff url('/images/ajax-loader.gif') center center no-repeat} @font-face{font-family:'slick';font-weight:normal;font-style:normal;src:url('/fonts/slick.eot');src:url('/fonts/slick.eot?#iefix') format('embedded-opentype'),url('/fonts/slick.woff') format('woff'),url('/fonts/slick.ttf') format('truetype'),url('/fonts/slick.svg#slick') format('svg')} .slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;margin-top:-10px;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:0;outline:0;background:transparent} .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:0;background:transparent} .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1} .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25} .slick-prev:before,.slick-next:before{font-family:'slick';font-size:20px;line-height:1;opacity:.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-prev{left:-25px} [dir='rtl'] .slick-prev{right:-25px;left:auto} .slick-prev:before{content:'←'} [dir='rtl'] .slick-prev:before{content:'→'} .slick-next{right:-25px} [dir='rtl'] .slick-next{right:auto;left:-25px} .slick-next:before{content:'→'} [dir='rtl'] .slick-next:before{content:'←'} /*.slick-dotted.slick-slider{margin-bottom:30px} 11-24-2024: main slider on the home page the margin not needed */ .slick-dots{position:absolute;bottom:-45px;display:block;width:100%;padding:0;list-style:none;text-align:center} .slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer} .slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:transparent} .slick-dots li button:hover,.slick-dots li button:focus{outline:0} .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1} .slick-dots li button:before{font-family:'slick';font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•' ;text-align:center;opacity:.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .slick-dots li.slick-active button:before{opacity:.75;color:#402954} /* ======================================== END slick.css =============================================== */ .padding-none-horizontal-parent { padding-left: 0px !important; padding-right:0px !important; } .padding-none-horizontal { padding-left: 0px !important; padding-right:0px !important; } .Padding-None-Vertical, .Padding-None-Vertical .container-fluid { padding-top: 0; padding-bottom: 0; } .Padding-Margin-None-Vertical, .Padding-Margin-None-Vertical .container-fluid{ padding-top: 0; padding-bottom: 0; margin-top:0; margin-bottom:0; } .sr-only{display: none} .purple-table { border-collapse: collapse; width: 100%; } .purple-table td, .purple-table th { border: 1px solid #ddd; padding: 8px; } .purple-table tr:nth-child(even){background-color: #f2f2f2;} .purple-table tr:hover {background-color: #ddd;} .purple-table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #70478c; color: white; } @media(min-width:100px) and (max-width:992px){ .show-on-small-screens{ /*CommonSpot glitch. It would assign this class and I could not get it off. 09/22/2021*/ } .show-on-small-screen{ display: block; } } @media(min-width:993px) { .show-on-small-screens{ /*CommonSpot glitch. It would assign this class and I could not get it off. 09/22/2021*/ } .show-on-small-screen{ display:none !important; } } .paddingTop20{ padding-top: 20px !important; } .paddingTop40{ padding-top: 40px !important; } /* =============== Catalog Pages Template ======================*/ .catalog-page-container { padding: 0 25px 0 30px; } .catalog-page-top-menu-container { width: 100%; min-height: 147px; background: #4e3262; padding-left: 30px; padding-right: 30px; padding-top: 70px; } @media(min-width:150px) and (max-width:640px){ .catalog-page-top-menu-container { min-height: 100px; padding-top: 30px; } } .catalog-page-top-menu-container>div{ width: 1110px; margin: auto; color: white; text-transform: uppercase; font-size: 40px; } .catalog-page-top-menu-container > div i { font-size: 50px; } .catalog-top-menu-container-title a, .catalog-top-menu-container-title a:visited{ color: white; } .catalog-top-menu-container-title h1{ color: white; display:inline; } .catalog-top-menu-container-title a:hover{ color: #9b1e34; /*color: #f0f0f0;*/ } /*========= President Profile ======================*/ .president-profile-container { display: flex; align-items: flex-start; gap: 30px; margin-top: 25px; flex-wrap: wrap; /* safety for overflow cases */ } .president-profile-container .profile-image { width: 320px; height: auto; flex-shrink: 0; } .president-profile-container .profile-text { flex: 1; min-width: 250px; } /* Mobile styles */ @media (max-width: 640px) { .president-profile-container { flex-direction: column; align-items: center; text-align: left; } .president-profile-container .profile-text { padding-top: 10px; } } /*========= END President Profile ======================*/