/* To change this license header, choose License Headers in Project Properties. To change this template file, choose Tools | Templates and open the template in the editor. */ /* Created on : Feb 13, 2019, 12:49:37 PM Author : cmallire */ .programpage #CQ .x-fieldset-body { width: auto !important; } .programpage #CQ .x-fieldset-header { padding-top: 3px !important; width: fit-content !important; margin-bottom: 10px; } #CQ .x-fieldset { min-width: 100%; } .header_img{ max-width: 100%; background-size: cover; background-position: center; min-height: 550px; position: relative; } /** * @license * MyFonts Webfont Build ID 3643515, 2018-09-18T16:42:49-0400 * * The fonts listed in this notice are subject to the End User License * Agreement(s) entered into by the website owner. All other parties are * explicitly restricted from using the Licensed /etc/designs/odu/clientlibs/academics/webfont(s). * * You may obtain a valid license at the URLs below. * * Webfont: MicrogrammaExtD-Med by URW * URL: https://www.myfonts.c/etc/designs/odu/clientlibs/academics/webfonts/urw/microgramma/d-medium-extended/ * * Webfont: MicrogrammaOnlShaExtD-Bol by URW * URL: https://www.myfonts.c/etc/designs/odu/clientlibs/academics/webfonts/urw/microgramma/only-shadow-d-bold-extended/ * * Webfont: MicrogrammaExtD-Bol by URW * URL: https://www.myfonts.c/etc/designs/odu/clientlibs/academics/webfonts/urw/microgramma/d-bold-extended/ * * * License: https://www.myfonts.com/viewlicense?type=web&buildid=3643515 * Licensed pageviews: 2,200,000 * /etc/designs/odu/clientlibs/academics/webfont copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development * * © 2018 MyFonts Inc */ /* @import must be at top of file, otherwise CSS will not work */ /*@import url("//hello.myfonts.net/count/37987b");*/ @font-face{font-family:'Open Sans Light';font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff')} @font-face {font-family: 'MicrogrammaExtD-Med';src: url('/etc/designs/odu/clientlibs/academics/webfont/37987B_0_0.eot');src: url('/etc/designs/odu/clientlibs/academics/webfont/37987B_0_0.eot?#iefix') format('embedded-opentype'),url('/etc/designs/odu/clientlibs/academics/webfont/37987B_0_0.woff2') format('woff2'),url('/etc/designs/odu/clientlibs/academics/webfont/37987B_0_0.woff') format('woff'),url('/etc/designs/odu/clientlibs/academics/webfont/37987B_0_0.ttf') format('truetype');} @font-face {font-family: 'MicrogrammaOnlShaExtD-Bol';src: url('/etc/designs/odu/clientlibs/academics/webfont/37987B_1_0.eot');src: url('/etc/designs/odu/clientlibs/academics/webfont/37987B_1_0.eot?#iefix') format('embedded-opentype'),url('/etc/designs/odu/clientlibs/academics/webfont/37987B_1_0.woff2') format('woff2'),url('/etc/designs/odu/clientlibs/academics/webfont/37987B_1_0.woff') format('woff'),url('/etc/designs/odu/clientlibs/academics/webfont/37987B_1_0.ttf') format('truetype');} @font-face {font-family: 'MicrogrammaExtD-Bol';src: url('/etc/designs/odu/clientlibs/academics/webfont/37987B_2_0.eot');src: url('/etc/designs/odu/clientlibs/academics/webfont/37987B_2_0.eot?#iefix') format('embedded-opentype'),url('/etc/designs/odu/clientlibs/academics/webfont/37987B_2_0.woff2') format('woff2'),url('/etc/designs/odu/clientlibs/academics/webfont/37987B_2_0.woff') format('woff'),url('/etc/designs/odu/clientlibs/academics/webfont/37987B_2_0.ttf') format('truetype');} .support_grid_wrapper h1, .support_grid_wrapper h2, .support_grid_wrapper h3, support_grid_wrapper h4, .support_grid_wrapper h5, .support_grid_wrapper h6{ font-family: "Open Sans", sans-serif; font-weight: 650; font-style: normal; color: #003057; } h1{ /*font-family:HelveticaNeue-Condensedblack, Impact, Charcoal, "Arial Black", "Helvetica Neue", Helvetica, "Helvetica LT Std", "Helvetica CY", Arial, "Lucida Grande", sans-serif;*/ } h2{ font-size: 22px; } h3{ font-size: 18px; } #university-header .constrain { /*max-width: 1370px;*/ } .constrain.header_img:before{ /* position: absolute; top: 0; right: 0; bottom: 0; left: 0; content: ''; background: -webkit-radial-gradient(90% 55%, farthest-side, transparent, #000 131%); background: -o-radial-gradient(90% 55%, farthest-side, transparent, #000 131%); background: radial-gradient(ellipse at 50% 50%, rgb(0, 0, 0), transparent ); opacity: .6;*/ } .btn{ border-radius: 0px !important; } hid { opacity: 0; } .odu-online-logo { margin: 0px auto; height: 45px !important; margin-top: 0px !important; display: block; } .odu_btn_color_denim{ color: #fff; background-color: rgba(54, 88, 173, 0); border-color: #ffffff; } .odu_btn_color_denim:hover{ background-color: #3658AD; border-color: #ffffff; } a.odu_btn_color_denim:hover { color: white !important; } .odu_btn_submit{ display: block; /* max-width: 300px; */ margin: 30px auto; width: 250px; height: 40px; /* background-color: #828A8F; */ /* border-color: #828A8F; */ border: 3px solid #003057; background-color: #003057; color: white; color: white; font-size: 16px; font-weight: 600; /* text-shadow: 0px 1px 1px black; */ } .odu_btn_submit:hover{ color: #003057 !important; background-color: rgba(255, 255, 255); border-color: #003057; } #requestinfoform label{ font-size: 15px; margin-bottom: 3px; font-weight: 500; } img.center { display: block !important; margin-left: auto; margin-right: auto; /* width: 39%; */ } .inverse .featured-page-body h3{ color: #003057; } .mod_featured_card .featured-page-body a{ font-size: 16px !important; } .link_silent{ color: #003057 !important; text-decoration: none !important; } .inverse .link_silent{ color: white !important; } .link_silent:hover{ text-decoration: underline !important; } div.dataTables_wrapper div.dataTables_filter { float: right; display: inline-block; } .inline_set,div.dataTables_wrapper div.dataTables_length{ display: inline-block; } .fly{ position: fixed; top: -80px; z-index: 9999; left: 0px; width: 100%; } .fly .filterWrap{ background: #7c878e; -webkit-box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12); box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12); } #course_table,#compare_table{ width: 100% !important; margin-top: 20px !important; /*border: 1px solid #cccccc;*/ border-radius: 3px; padding: 5px; border: 1px solid #ddd; } #compare_table{ clear: both; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; border-collapse: separate !important; border: 2px solid #ddd; padding: 0px; font-family: "Open Sans", sans-serif, "Open Sans", sans-serif; table-layout: fixed; background: white; } #course_table>tbody>tr>td, #course_table>thead>tr>th { text-overflow: ellipsis; overflow: hidden; /* white-space: normal !important; */ padding: 10px 25px; -webkit-font-smoothing: antialiased; border-top: 1px solid #ddd; border-bottom: 0px solid #ddd; } #course_table>tbody>tr>td{ color: #333; white-space: normal !important; padding: 7px 25px; vertical-align: middle; } .mod_featured_card .page-image{ height: 0px; } .mod_featured_card header { background: #fff !important; padding: 10px; border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 2px 3px rgba(0,0,0,0.25); /* border-radius: 2px; */ } .mod_featured_card.featured-page .featured-page-icon{ bottom: -20px; } .mod_featured_card.featured-page .featured-page-body p { text-align: left; } .modbtn{ color: #fff !important; background-image: linear-gradient(#00325b,#00213b); border: 3px solid #00223d; /* font-family: 'Open Sans', 'Narrow';*/ /*background-image: none;*/ /* text-transform: uppercase;*/ border-radius: 1px; box-shadow: initial; -webkit-box-shadow: initial; border-radius: 3px; border: none; -webkit-appearance: none; -webkit-transition: all 0.2s linear; moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; font-family: 'Arial Narrow','Narrow'; font-size: 15px !important; /*font-family: "Lato";*/ /* font-size: .75em;*/ line-height: 37px; height: 37px; padding: 19px; /*text-transform: uppercase;*/ text-align: center; /*color: #fff;*/ /*background: #151515;*/ text-shadow: none !important; font-weight: normal !important; } .modbtn:hover { background-color:#001c32;background-repeat:repeat-x;background-image:-khtml-gradient(linear,left top,left bottom,from(#265174),to(#001c32));background-image:-moz-linear-gradient(#265174,#001c32);background-image:-ms-linear-gradient(#265174,#001c32);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#265174),color-stop(100%,#001c32));background-image:-webkit-linear-gradient(#265174,#001c32);background-image:-o-linear-gradient(#265174,#001c32);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#265174',endColorstr='#001c32',GradientType=0);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#265174', endColorstr='#001c32', GradientType=0)";background-image:linear-gradient(#265174,#001c32); } .modbtn:active { opacity: 1; background: #7b7979; } .defpadding,.selist{ padding-top: 6px; padding-right: 5px; padding-bottom: 6px; padding-left: 5px; text-overflow: ellipsis; } .softoutline{ border: 0.5px solid #ddd; box-shadow: 0.5px 0.5px 1px rgba(95, 95, 95, 0.6); } .dispnon{ display: none; } .dispbloc{ display: block; /*margin: 10px 0px;*/ } #keywordInput { background-image: url('../Computer Science_ CS - Old Dominion University_files/searchicon.png'); background-position: right; background-repeat: no-repeat; background-size: 17px; } .reg_box { background-color: rgba(255, 255, 255, 0.9); width: 100%; display: block; padding: 10px; border-radius: 3px; margin: 0px; text-align: left; margin-bottom: 10px; } .reg_box .division_head { /* font-weight: 600; font-size: 17px;*/ } .dpicker{ background-image: url('../Computer Science_ CS - Old Dominion University_files/icon-calendar-blue.png'); background-position: right; background-repeat: no-repeat; background-size: 17px; /* -moz-filter: url("data:image/svg+xml;utf8,#grayscale"); */ /* -o-filter: url("data:image/svg+xml;utf8,#grayscale"); */ /* -webkit-filter: grayscale(100%); */ /* filter: gray; */ /* filter: url("data:image/svg+xml;utf8,#grayscale"); */ } /*@-moz-document url-prefix() { p.eq_hilight_main_p { overflow: hidden; position: relative; } p.eq_hilight_main_p:before { background: #404a5a; bottom: 0; position: absolute; right: 0; float: right; content: '\2026'; margin-left: -3rem; width: 3rem; } p.eq_hilight_main_p:after { content: ''; background: #404a5a; position: absolute; height: 50px; width: 100%; z-index: 1; } }*/ /* styles for '...' */ .block-with-text { /* hide text if it more than N lines */ overflow: hidden; /* for set '...' in absolute position */ position: relative; /* use this value to count block height */ line-height: 67px; /* max-height = line-height (1.2) * lines max number (3) */ max-height: 200px; min-height: 200px; /* fix problem when last visible word doesn't adjoin right side */ text-align: justify; /* place for '...' */ margin-right: -1em; padding-right: 1em; } /* create the ... */ .block-with-text:before { background: white; bottom: 0; position: absolute; right: 0; float: right; content: '\2026'; margin-left: -3rem; width: 3rem; } /* hide ... if we have text, which is less than or equal to max lines */ .block-with-text:after { /* points in the end */ content: ''; /* absolute position */ position: absolute; /* set position to right bottom corner of text */ right: 0; /* set width and height */ width: 50px; height: 100%; margin-top: 0.2em; /* bg color = bg color under block */ background: white; } .equality_hilight_box{ min-height: 250px; max-height: 250px; } p.eq_hilight_main_p { max-height: 100px; min-height: 75px; overflow: hidden; position: relative; } p.eq_hilight_main_p:before { background: #404a5a; bottom: 0; position: absolute; right: 0; float: right; content: '\2026'; margin-left: -3rem; width: 3rem; } p.eq_hilight_main_p:after { content: ''; background: #404a5a; z-index: 1; position: absolute; right: 0px; width: 30px; height: 100%; margin-top: 1.5em; } .equality_hilight_box h2{ max-height: 55px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .equality_hilight_box hr{ margin: 15px 0px; } .equality_hilight_box .float_right_cont p,.equality_hilight_box .float_right_cont h2,.equality_hilight_box .float_right_cont h3{ max-height: 30px; min-height: 30px; } .equality_hilight_box .float_right_cont h3 { margin:0px; } .equality_hilight_box a.hlf-btn.btn{ width: auto; border: none; background-color: transparent; } .heighlightbox_ad_padng .margt:not(:first-child){ padding-left: 10px; } .heighlightbox_ad_padng .margt:first-child{ padding-right: 10px; } .heighlightbox_ad_padng .margt:last-child{ border-right: 0px solid rgb(221, 221, 221); } .heighlightbox_ad_padng .margt{ border-right: 1px solid rgb(221, 221, 221); } .margtl{ margin-top: 30px; } .margtb{ margin: 25px 0px; } .margt{ margin-top: 5px; } .margle6{ margin-left: 6px; } .marglero{ /* to prevent .row overflow */ margin-left: 0px; margin-right: 0px; } .pad0{ padding: 0px; } .padlr5{ padding-left: 5px; padding-right: 5px; } .padlr10{ padding-left: 10px; padding-right: 10px; } .marglero select,.marglero button,.marglero input[type="text"]{ /* to prevent .row overflow */ margin: 5px; } #checkset label{ margin-left:6px; margin-right: 6px; } #checkset input[type="checkbox"]{ vertical-align: middle; margin:1.5px; -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } .filterWrap select{ /* max-width: 90px; */ padding: 10px; font-size: 16px; border: 1px solid #cccccc; /* float: left; */ width: 85%; /* background: #fafafa; */ border-radius: 0px 0px 0px 0px; height: 40px; box-shadow: 0px 0px 2px #999999; width: 100%; padding: 0em 1.2em; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-shadow: none; font-size: 95% !important; cursor: pointer; z-index: 1; background: #ffffff; position: relative; box-shadow: 0px 1em 2em -1.2em rgba(0, 0, 0, 0.5); } .filterWrap label{ display: block; color: #ffffff; margin-bottom: 5px; font-size: 15px; text-align: left; font-weight: 600; } #filterphase2 .filterWrap label{ color:#333; } .datess label{ display: grid; } #checkset label{ display: inline-block; } #checkset{ padding-left: 0px; } .filterWrap .row,.support-grid .row { margin:0px; } /*.filterWrap div,.filterWrap span{ display: inline-block; vertical-align: middle; }*/ /*.filterWrap div,span{ display:block; }*/ /*#derp select,#derp input[type="text"],#derp button{ margin: 5px 2px; } .filterWrap input[type="text"] { border: 2px solid #ccc; border-radius: 5px; } .filterWrap select,.filterWrap input[type="text"],.filterWrap button{ font-size: 0.85em; line-height: 0px; height: 30px; padding: 0 0.75em; }*/ .filterWrap{ position: relative; /*change to absolute if doesn't want to be in independent of other element and expand over them*/ right: 0%; left: 0%; top: 80px; padding:15px; background-color: rgba(6, 45, 74, 0); z-index:999; text-align:center; display:grid; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; /* Firefox */ /* -moz-transition: all 0.2s ease-in; WebKit -webkit-transition: all 0.2s ease-in; Opera -o-transition: all 0.2s ease-in; Standard transition: all 0.2s ease-in;*/ } .filterWrap:hover{ /*background-color:rgba(247, 247, 247, 0.95);*/ } .filterWrap [class^=col-md] { margin-bottom: 5px; } .division_head.imp_head{ color: #003057 !important; } .inline_head_para,.inline_img_col,.inline_img_col_data{ display: inline-block; margin: 0px 5px; vertical-align: top; width: 100%; } .inline_img_col img{ display: inline-block; vertical-align: middle; height: 150px; } .inline_head_para h3,.inline_head_para p{ display: inline-block; margin: 0px 5px; font-size: 14px; } .cnt_sect .inline_head_para p { width: auto; vertical-align: top; padding: 3px 0px; } .cnt_sect .inline_head_para p.full-p { width: 100%; } .inline_img_col_data,.inline_img_col_data .inline_head_para{ margin-left: 0px; } .subhead-para { margin: 10px 0px; text-shadow: 0px 1px 1px #000000; /*font-size: 1.5em;*/ color: white; line-height: 30px; text-align: left; border-radius: 1px; padding: 15px; position: relative; background: rgba(63, 73, 90, 0.7); } #CQ .exapplink { color: #fdfdfd !important; background-color: #003057; border: 2px solid #003057; font-family: 'Open Sans','Narrow'; background-image: none; text-transform: uppercase; border-radius: 1px; box-shadow: initial; -webkit-box-shadow: initial; font-size: 14px !important; width: fit-content; padding: 7px 20px; cursor: pointer; margin: 0px auto; } #CQ .exapplink a{ cursor: pointer; color: white; } p.subhead-para.dd { font-size: 17px; background: none; line-height: 25px; padding-bottom: 5px; font-weight: 500; text-align: justify; } .subhead-para dt { color: white; margin-bottom: -5px; } .subhead-para dd{ color: white; text-align: left; font-size: 15px; line-height: 33px; } .subhead-para a { color: white; font-size: 16px; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; font-style: normal; } .subhead-para a+a { margin-left: 10px; } .header_img .subhead-para a { color: white; font-size: 17px; font-weight: 500; width: 15em; } .header_img .subhead-para a:hover { color: white !important; } .subhead-para p ,.subhead-para span{ margin: 5px 0px; font-size: 16px; text-align: left; } .subhead-para div.center_cta{ text-align: center; } .subhead-para .right_cta { text-align: right; margin-right: 20px; } .subhead-para .division_head{ color: white; } .subhead-para ul li{ display: inline-block; } .subhead-para ul li .division_head, .subhead-para div[class^="col-md-"] .division_head{ color: #98C5EA; } /*.subhead-para ul li .division_head { color: #63B9D6; }*/ .subhead-para ul li .division_head i.fa, .subhead-para ul li .division_head i.fab,.subhead-para div[class^="col-md-"] .division_head i.fa, .subhead-para div[class^="col-md-"] .division_head i.fab { color: #729be6; } .subhead-para ul li p{ text-align: left; } .program-degree-level { margin: 10px 0px; font-size: 0.9em; display: block; } .odu_prgpg_sec_container { padding: 55px 0px; } .odu_prgpg_sec_container h1.prgpg_container_head{ font-size: 35px; margin-left: 0px; color: #003057; line-height: 28px; font-weight: 700; } .prgpg_sub_head{ font-size: 16px; font-style: italic; color: #4f4f4f; } .prgpg_head_wrap { text-align: left; margin-left: 15px; } [class^='col-md-']> .prgpg_head_wrap{ margin-left: 0px; } .prgpg_container_head{ display: inline; position: relative; z-index: 10; } .prgpg_container_head::before{ background-color: #729BE6; content: ''; height: 1em; left: -25px; position: absolute; top: 6px; width: 0; z-index: -10; } [class^='col-md-']> .prgpg_head_wrap { margin-left: 0px; } .theme-1 h1.specialheader-wrap{ text-shadow: 4px 2px 8px #000000; line-height: inherit; color: white; z-index: 2; -ms-transform: skewX(-155.25deg); -webkit-transform: skewX(-155.25deg); transform: skewX(-155.25deg); padding: 10px; background-color:transparent; position: unset; font-family: MicrogrammaExtD-Med; } h1.prgpg.specialheader-wrap { font-size: 48px; font-weight: 700; padding: 20px 0px; margin:0px; letter-spacing: 5px; } ul.dedicated_info_cont li p{ color: white; } ul.dedicated li h2{ margin : 0px; } .support_grid_wrapper{ position: relative; overflow: hidden; color: rgba(63, 73, 90, 1); background-color: #efefef; } .support_grid_wrapper.inverse { color: white; background-color: #003057; } .support_grid_wrapper.inverse::after, .support_grid_wrapper.foot_back_img::after { content: ""; background: url(/etc/designs/odu/images/academics/grid_back_pattern.png); opacity: 0.02; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; background-size: 800px; background-position: inherit; } .support_grid_wrapper.plain_left::after { content: ""; background: url(/etc/designs/odu/images/academics/plain_back_pattern.png); opacity: 0.5; top: 0; left: -200px; bottom: 0; right: 0; position: absolute; z-index: 0; background-size: 650px; background-position: left; background-repeat: repeat-y; -ms-transform: skewX(-138.25deg); -webkit-transform: skewX(-138.25deg); transform: skewX(-138.25deg); } .support_grid_wrapper.plain_center::after { content: ""; background: url(/etc/designs/odu/images/academics/plain_back_pattern.png); opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; background-size: 750px; background-position: center; background-repeat: repeat-y; -ms-transform: skewX(126.25deg); -webkit-transform: skewX(126.25deg); transform: skewX(126.25deg); } .support_grid_wrapper.plain_center_flip::after { content: ""; background: url(/etc/designs/odu/images/academics/plain_back_pattern.png); opacity: 0.5; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; background-size: 750px; background-position: center; background-repeat: repeat-y; -ms-transform: skewX(-126.25deg); -webkit-transform: skewX(-126.25deg); transform: skewX(-126.25deg); } .support_grid_wrapper.plain_right::after { content: ""; background: url(/etc/designs/odu/images/academics/plain_back_pattern.png); opacity: 0.5; top: 0; left: 0; bottom: 0; right: -600px; position: absolute; z-index: 0; background-size: 650px; background-position: right; background-repeat: repeat-y; -ms-transform: skewX(-137.25deg); -webkit-transform: skewX(-137.25deg); transform: skewX(-137.25deg); } .support_grid_wrapper.plain_right_flip::after { content: ""; background: url(/etc/designs/odu/images/academics/plain_back_pattern.png); opacity: 0.5; top: 0; left: 0; bottom: 0; right: -300px; position: absolute; z-index: 0; background-size: 650px; background-position: right; background-repeat: repeat-y; -ms-transform: skewX(137.25deg); -webkit-transform: skewX(137.25deg); transform: skewX(137.25deg); } .support_grid_wrapper.inverse.alt { color: #fff; background-color: #333F48; } .float_right_cont { float: right; display: inline-block; } .inde_container .float_right_cont p ,.inde_container_mini .float_right_cont p { font-size: 12px; } .division_head { /*display: inline-block;*/ /*overflow: hidden;*/ white-space: normal; text-overflow: ellipsis; word-break: break-word; text-align: left; color: #003057; padding: 7px 0; margin: 0px; } .inde_hilight_box .division_head{ display: inline-block; /*max-width: 75%;*/ overflow: hidden; white-space: normal; text-overflow: ellipsis; /* word-break: break-all; */ word-wrap: break-word; line-height: normal; } .inde_hilight_box.transparent{ border-color: #729BE6; margin-top: 30px; margin-bottom: 30px; } .inverse .inde_hilight_box.transparent.card-1 { /* box-shadow: 0 1px 3px rgb(201, 201, 201), 0 1px 2px rgb(201, 201, 201); */ border: 2px solid #729be6; } .inverse .inde_hilight_box.transparent { background-color: #404a5a00; /* border-top-color: #729BE6 !important; */ border-top: 10px solid #729BE6 !important; } .inde_hilight_box.transparent .division_head{ text-transform: uppercase; } #career_sect .inde_hilight_box .division_head{ max-width: 75%; } .heighlightbox_ad_padng.inde_hilight_box .division_head{ max-width: 100%; } .inverse h1,.inverse h2,.inverse h3,.inverse .division_head,.inverse h1.prgpg_container_head{ color:white; } .inverse .dedicated li::before{ color: #5db7ff; } .prgpg.container, .prgpg.container-fluid { padding: 5% 0px; /*max-width: 1450px;*/ max-width: 80%; } .inde_container p,.inde_container_mini p{ font-size: 14px; line-height: 25px; text-align: left; } .inde_container { padding: 30px 0px; } .inde_container_mini{ padding: 15px 0px; } .inde_container_mini.flat_container{ padding: 0px; } .inde_container ul li,.inde_container_mini ul li,.subhead-para ul li{ /*float: left;*/ width: 32%; padding: 0px 25px; display: inline-block; padding-left: 0px; /* max-width: 375px; */ vertical-align: top; background: none; } .inde_container ul li.exc,.inde_container_mini ul li.exc,.subhead-para ul li.exc{ width: 64%; } .inde_container ul.float_unset li,.inde_container_mini ul.float_unset li{ float: unset; display: block; width: 33%; } .inde_container ul.dedicated li,.inde_container_mini ul.dedicated li{ padding: 10px; padding-left: 25px; /* text-align: center; */ position: relative; } .normal-exempt-list li { width: 100% !important; } .inde_container a, .inde_container_mini a { color: #4e8cff; /* text-decoration: underline; */ cursor: pointer; font-weight: 600; } .inverse .inde_container a, .inverse .inde_container_mini a { color: #70a2ff; } .inde_container a:hover,.inde_container_mini a:hover{ color: #4e8cff !important; /*color: white !important;*/ text-decoration: underline; } #prgpg_sect_desc .inde_container a:hover,#prgpg_sect_desc .inde_container_mini a:hover{ color: white !important; } .inde_container ul li p { text-align: left !important; } .dedicated p { display: inline-block; margin-bottom: 0px; } .inde_container ul.dedicated li p::before, .inde_container_mini ul.dedicated li p::before, ul.dedicated li ul li::before { content: "\f058"; font-family: Font Awesome\ 5 Pro; display: inline-block; /* width: 1.3em; */ position: absolute; left: -5px; color: #003057; top: 10px; font-size: 20px; } .inde_container ul.normal-exempt-list.dedicated li p::before, .inde_container_mini ul.normal-exempt-list.dedicated li p::before { left: -10px; top: 10px; } .inverse .inde_container ul.dedicated li p::before, .inverse .inde_container_mini ul.dedicated li p::before { color: #729BE6; } ul.dedicated_info_cont li, .inde_container .crse_sect , .inde_container_mini .crse_sect { padding: 10px 30px; margin: 5px 0px; background-color: #ffffff; /* width: 32%; */ min-height: 350px; max-height: 350px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.25); } .inde_container .crse_sect p, .inde_container_mini .crse_sect p{ color: black; overflow: hidden; } ul.dedicated_info_cont li .division_head,.inde_container .crse_sect .division_head,.inde_container_mini .crse_sect .division_head{ font-size: 18px; } ul.dedicated_info_cont li p{ font-size: 16px; } .crse_sect .division_head{ max-height: 50px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 22px; } h2.division_head, .inde_container_mini .crse_sect .division_head { font-size: 16px; line-height: 20px; } .inde_hilight_box { padding: 15px; margin: 10px 0px; border-top: 10px solid; background-color: white; } .heighlightbox_ad_padng{ padding: 10px; } .inverse .inde_hilight_box{ background-color: #404a5a; } .inde_hilight_box.heighlightbox_ad_padng{ width: fit-content; } .skew-wrap { -ms-transform: skewX(155.25deg); -webkit-transform: skewX(155.25deg); transform: skewX(155.25deg); background: rgba(0, 83, 149, 0); border-radius: 5px; width: fit-content; width: -moz-fit-content; margin-left: 20px; /* padding: 22px; */ } .left-center.skew-wrap{ margin-left: 10px; } .floatnav_wrapper.fixed{ position: fixed; top: 0; width: 100%; z-index: 999; } #tblData_wrapper{ padding-top:0px; } .fixed + #tblData_wrapper{ padding-top: 50px; } .bottom-left { position: absolute; bottom: 8px; left: 3%; } .top-left { position: absolute; top: 8px; left: 3%; } .top-right { position: absolute; top: 8px; right: 3%; } .bottom-right { position: absolute; bottom: 8px; right: 3%; } .left-center { position: absolute; top: 5%; left: 2%; } .prgpg.left-center { top: 10%; left: 14%; } .right-center{ position: absolute; top: 20%; right: 2%; } .centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .featured-page .featured-page-body p{ color: #00213b; margin-bottom: 0px; padding: 15px 0px; font-size: 16px; height: auto; text-align: center; } .mod_featured_card.featured-page .featured-page-body { padding: 20px 5px; min-height: 100px; text-align: left; margin-bottom: 20px; border: 0px solid rgba(0,0,0,0.1); box-shadow: 0 2px 3px rgba(0,0,0,0.25); height: auto; } .mod_featured_card a { font-size: 15px; font-weight: 500 !important; } .mod_featured_card .division_head { font-size: 15px; } .mod_featured_card h2.division_head { text-transform: uppercase; } .mod_featured_card .col-md-4, .mod_featured_card .col-md-6, .mod_featured_card .col-md-8 { padding-left: 5px; padding-right: 5px; } .inde_container_mini .featured-page,.inde_container .featured-page{ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 2px -2px rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.12); border-radius: 3px; /* margin: 5px; */ margin-bottom: 20px; /* display: inline-block; */ width: 85%; margin-left: auto; margin-right: auto; } .inde_container_mini .featured-page.mod_featured_card.in_wrap, .inde_container .featured-page.mod_featured_card.in_wrap { box-shadow: none; width: 100%; } .inde_container_mini .mod_featured_card.in_wrap .featured-page-icon,.inde_container .mod_featured_card.in_wrap .featured-page-icon { width: 50px; height: 50px; line-height: 50px; font-size: 22px; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; color: #fff; border: 2.5px solid; background-color: #003057; position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; bottom: -20px; z-index: 1; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0), 0 0px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 3px 0 rgba(0, 0, 0, 0.3); } .inde_container_mini .featured-page.in_wrap,.inde_container .featured-page.in_wrap{ display: inline-block; /*box-shadow: unset;*/ } .inde_container .featured-page.in_wrap .featured-page-body{ background-color: #fff; } .inde_container_mini .featured-page .featured-page-body,.inde_container .featured-page .featured-page-body{ min-height: auto !important; border-radius: 0px; background-color: #fff; } .inde_container_mini .featured-page .page-image ,.inde_container .featured-page .page-image{ width: 100%; border-radius: 0px; } /* Smartphones (portrait and landscape) ----------- */ @media (max-width: 480px){ .medmob{ margin-top:5px; margin-bottom:2px; } .selist{ min-width:60px; max-width:100px; } .filterWrap{ position: relative; right: 0%; left: 0%; padding:5px; z-index: 10; } } @media (max-width: 768px){ .medmob{ margin-top:5px; margin-bottom:2px; } .selist{ min-width:60px; max-width:100px; } .filterWrap{ position: relative; right: 0%; left: 0%; padding: 5px; z-index: 10; top: 0px; } #career_sect .inde_hilight_box .division_head{ max-width: 65%; } } @media (min-width: 769px) and (max-width: 1024px){ .medmob{ margin-top:5px; margin-bottom:2px; } .selist{ min-width:60px; max-width:100px; } .filterWrap{ position: relative; right: 0%; left: 0%; padding:5px; z-index: 10; top: 0px; } } @media (min-width: 1025px) and (max-width: 1366px){ .filterWrap{ position: relative; right: 0%; left: 0%; padding:5px; z-index: 10; } } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .medmob{ margin-top:5px; margin-bottom:2px; } .selist{ min-width:60px; max-width:100px; } .filterWrap{ position: relative; right: 0%; left: 0%; padding:5px; z-index: 10; } } @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) { .medmob{ margin-top:5px; margin-bottom:2px; } .selist{ min-width:60px; max-width:100px; } .filterWrap{ position: relative; right: 0%; left: 0%; padding:5px; z-index: 10; } } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .medmob{ margin-top:5px; margin-bottom:2px; } .selist{ min-width:60px; max-width:100px; } .filterWrap{ position: relative; right: 0%; left: 0%; padding:5px; z-index: 10; } } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .medmob{ margin-top:5px; margin-bottom:2px; } .selist{ min-width:60px; max-width:100px; } .filterWrap{ position: relative; right: 0%; left: 0%; padding:5px; z-index: 10; } } /*grid layout*/ .band { width: 90%; max-width: 1320px; margin: 100px auto; margin-top: 50px; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; margin-bottom: 150px; grid-gap: 20px; } .band h1 { font-size: 21px; } .support-grid { width: 100%; /*max-width: 1350px;*/ max-width: 85%; margin: 0px auto; position: relative; z-index: 10; } .support-grid h1{ font-size: 26px; } .row.inde_container_mini.employers_sect { padding: 5px 0px; } .employers_sect h1{ margin: 0px; line-height: initial; font-size: 22px; } .employers_sect h1 a{ font-size:22px; } .inde_container .col, .inde_container_mini .col { display: inline-block; margin-right: 10px; } @media only screen and (min-width: 500px) { .band { grid-template-columns: 1fr 1fr; } .item-1 { /*grid-column: 1/ span 2;*/ } .item-1 h1 { /*font-size: 30px;*/ } } @media only screen and (min-width: 850px) { .band { grid-template-columns: 1fr 1fr 1fr 1fr; } } [class^="item"]{ text-align: center; } /* card */ .card { min-height: 100%; background: white; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); display: flex; flex-direction: column; text-decoration: none; color: #444; position: relative; top: 0; transition: all .1s ease-in; border-radius: 3px; padding: 0px; } /*.card:hover { top: -2px; box-shadow: 0 4px 5px rgba(0,0,0,0.2); }*/ .card article { padding: 20px; display: flex; flex: 1; justify-content: space-between; flex-direction: column; } .card-netln{ display: inline-block; margin-bottom: 2px; } .card-netln .card-title{ display: inline; } .card .thumb { padding-bottom: 60%; background-size: cover; background-position: center center; box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1); border-radius: 4px 4px 0px 0px; } .card p { flex: 1; /* make p grow to fill available space*/ line-height: 1.4; margin-bottom: 5px; display: inline; } .padded-content{ padding: 2px; } .padded-content-sub { padding: 6px 0px; } /* typography */ .card span { font-size: 12px; font-weight: bold; color: #999; text-transform: uppercase; letter-spacing: .05em; margin: 2em 0 0 0; } .btn.btn-digi { background: white; border: 2px solid #179ae0; padding: 4px 7px; border-radius: 2px; } .advinbtn { background: none; border: none; color: white; font-weight: 600; text-decoration: underline; margin-bottom: 0px; margin-top: 15px; float: left; outline: none; } #filterphase2 .advinbtn { color: #333; } /*grid layout*/ /*search bar*/ /*.search-container{ width: 50%; display: block; margin: 0 auto; } input#search-bar{ margin: 0 auto; width: 100%; height: 45px; padding: 0 20px; font-size: 1rem; border: 1px solid #D0CFCE; outline: none; &:focus{ border: 1px solid #008ABF; transition: 0.35s ease; color: #008ABF; &::-webkit-input-placeholder{ transition: opacity 0.45s ease; opacity: 0; } &::-moz-placeholder { transition: opacity 0.45s ease; opacity: 0; } &:-ms-placeholder { transition: opacity 0.45s ease; opacity: 0; } } } .search-icon{ position: relative; float: right; width: 75px; height: 75px; top: -62px; right: -45px; }*/ form.example1 { display: flex; justify-content: center; box-shadow: 0px 1em 2em -1.2em rgba(0, 0, 0, 0.5); } form.example1 input[type=text] { padding: 15px; font-size: 14px; border: 1px solid rgba(128, 128, 128, 0); float: left; width: 85%; background: #fafafa; border-radius: 0px 0px 0px 0px; height: 40px; } form.example1 button { float: left; width: 15%; padding: 0%; background: #349df0; color: white; font-size: 16px; border: 1px solid #349df0; border-left: none; cursor: pointer; height: 40px; border-radius: 0px 0px 0px 0px; } form.example1 button:hover { background: #0b7dda; border: 1px solid #0b7dda; } form.example1::after { content: ""; clear: both; display: table; } /*search bar*/ .cd-filterblock { position: relative; } .cd-filterblock::before { content: ''; position: absolute; width: 0px; margin: 0 auto; /* padding: 10px 15px; */ /* background: #fff; */ border-left: 5px solid #349df0; cursor: pointer; outline: none; z-index: 2; height: 100%; left: 0px; box-shadow: 0px 0px 1px hsla(0, 0%, 58%, 0.5); } .cd-filterblock::after { content: '\f054'; position: absolute; z-index: 4; right: 0em; top: 35%; color: #bfbfbf; padding: 0 1em; background: #34495e00; pointer-events: none; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); font: normal normal normal 12px/1 "Font Awesome 5 Pro"; -webkit-font-smoothing: antialiased; } .skew::before { content: ''; position: absolute; top: 50%; left: 50%; width: 120vw; height: 100%; transform: translate(-50%, -50%) rotate(-30deg) skew(-30deg); background: lightgray; z-index: -1; } .control{ /*display: block !important;*/ } #course_table_filter input[type="search"]{ width: 700px; max-width: 90%; min-width: 225px; } .thead-inverse { color: #fff; background-color: #003057 !important; } .thead-inverse th{ color: white; } .table>thead>tr>th { border-bottom: 1px solid #ddd; } tr { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } .table-hover>tbody>tr[role=row]:hover { background-color: #ffffff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12); } .loan_img{ width: 160px; height: 60px; padding: 5px; margin: 5px auto; box-shadow: 0 0px 3px 0 rgba(0,0,0,0.16), 0 2px 2px 0 rgba(0,0,0,0.12); transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .card.loan_img{ border-radius: 1px; } /*Material design cards*/ .card { background: #fff; border-radius: 3px; /*margin: 0.2rem;*/ position: relative; } .card .card-body { position: relative; } .card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; } .card .card-body h4 { font-weight: 400; } .card-body h4 { font-weight: 500; margin-bottom: 1rem; } .card-title { margin-bottom: .75rem; } .card .card-body p { margin-bottom: 1rem; } .card .card-text { font-size: 12px; color: #747373; font-weight: 400; } .card .img-fluid { border-radius: 2px 2px 0 0; width: 100px; height: 100px; margin: 0 auto; } .o-card{ box-shadow: 0 0px 15px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12); transition: all 0.3s cubic-bezier(.25,.8,.25,1); } .m-card { box-shadow: 0 0px 3px rgba(0, 0, 0, 0.35), 0 0px 2px rgba(0, 0, 0, 0.25); transition: all 0.5s cubic-bezier(.25,.8,.25,1); } .t-card { box-shadow: 0 0px 1px rgba(84, 84, 84, 0.7), 0 1px 0.5px rgba(132, 132, 132, 0.32); transition: all 0.5s cubic-bezier(.25,.8,.25,1); } transition: all 0.5s cubic-bezier(.25,.8,.25,1); } .card-0{ box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.5s cubic-bezier(.25,.8,.25,1); } .card-1 { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.25); transition: all 0.5s cubic-bezier(.25,.8,.25,1); } /* .card-1:hover { */ /* box-shadow: 0 3px 10px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); */ /* } */ .card-2 { box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .card-3 { box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } .card-4 { box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); } .card-5 { box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); } /* .squaredFour */ .squaredFour { width: 100%; position: relative; margin: 5px 0px; white-space: nowrap; } .squaredFour label { width: 18px; height: 18px; cursor: pointer; position: absolute; top: 0px; left: 0; background: #f1f1f1; background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); border-radius: 4px; border: 1px solid #80808045; box-shadow: inset 0px 1px 1px white, 0px 1px 1px rgba(0, 0, 0, 0.35); } .squaredFour label:before { content: ''; width: 9px; height: 6px; position: absolute; top: 4px; left: 4px; border: 2px solid #333; border-top: none; border-right: none; background: transparent; opacity: 0; transform: rotate(-45deg); } .squaredFour label:hover::before { opacity: 0.5; } .squaredFour input[type=checkbox] { visibility: hidden; } .squaredFour input[type=checkbox]:checked + label:before { opacity: 1; } .squaredFour .comparepad{ padding-left: 15px; } #filterWrap .squaredFour { padding: 2px 0px; } #filterWrap .squaredFour label{ width: 19px; height: 19px; border-radius: 1px; /* border: 2px solid #f3f3f3; */ /* box-shadow: inset 0px 1px 1px white, 0px 1px 1px #9f9f9f; */ /* background: #ffffff; */ background-color: rgb(110, 110, 110); border: 2px solid #ffffff; box-shadow: none; } #filterWrap .squaredFour label:before { content: ''; width: 11px; height: 6px; position: absolute; top: 3px; left: 2px; border: 3px solid #ffffff; border-top: none; border-right: none; background: transparent; opacity: 0; transform: rotate(-45deg); } #filterWrap .squaredFour .comparepad{ padding-left: 25px; float:left; font-weight: 600; color: white; } #filterphase2 #filterWrap .squaredFour .comparepad{ color: #333; } #filterWrap .squaredFour label:hover::before { opacity: 0.5; } #filterWrap .squaredFour input[type=checkbox] { visibility: hidden; } #filterWrap .squaredFour input[type=checkbox]:checked + label:before { opacity: 1; } /* end .squaredFour */ /* .pawFour */ .pawFour { width: 100%; position: relative; margin: 5px 0px; white-space: nowrap; } .pawFour label { width: 20px; height: 20px; cursor: pointer; position: absolute; top: -1px; left: -2px; background: transparent; background: linear-gradient(top, transparent 0%, transparent 40%, transparent 100%); border-radius: 4px; border: 1px solid transparent; box-shadow: inset 0px 1px 1px transparent, 0px 1px 1px transparent; } .school { background: url("data:image/svg+xml;charset=UTF-8, "); width: 20px; height: 6px; } .pawFour label:before { content: url("data:image/svg+xml;charset=UTF-8, "); width: 20px; height: 6px; position: absolute; top: 0px; left: 0px; /* border: 3px solid #333; */ border-top: none; border-right: none; background: transparent; opacity: 0.7; /* transform: rotate(-45deg); */ /* Firefox */ -moz-transition: all 0.2s ease-in; /* WebKit */ -webkit-transition: all 0.2s ease-in; /* Opera */ -o-transition: all 0.2s ease-in; /* Standard */ transition: all 0.2s ease-in; } .pawFour label:hover::before { opacity: 0.8; } .pawFour input[type=checkbox] { visibility: hidden; } .pawFour input[type=checkbox]:checked + label:before { opacity: 1; content: url("data:image/svg+xml;charset=UTF-8, "); } .pawFour .comparepad{ padding-left: 15px; } /* end .pawFour */ a.btn.hlf-btn { border: 1px solid #3658AD; width: 100%; padding: 4px 8px; border-radius: 3px; color: white; background-color: #3658AD; text-decoration: none; overflow: hidden; text-overflow: ellipsis; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35); } .alone_button{ padding: 0px; } .alone_button a.btn.hlf-btn { padding: 10px; margin: 10px 0px; } a.btn.hlf-btn.bt_fill{ background-color: #349df0; color: #ffffff; border-color: #349df0; /* border: 2px solid #003057; */ } .btn.hlf-btn.lrg_btn_padding { padding: 10px; background-color: #3658AD; color: #003057; border: 2px solid #3658AD; margin: 2px 0px; } .btn.hlf-btn.lrg_btn_padding:hover { background-color: #729BE6 ; border-color: #729BE6 ; color: white; } .special_btn{ font-weight: 600; color: white !important; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.25); } .special_btn.aply{ background-color: #f8bd3f !important; border: 2px solid #f8bd3f !important; } .special_btn.deptof{ background-color: #22d3b1 !important; border: 2px solid #22d3b1 !important; } .special_btn.schol{ background-color: #be7d65 !important; border: 2px solid #be7d65 !important; } .special_btn.reqinf{ background-color: #3f8bf8 !important; border: 2px solid #3f8bf8 !important; } hr.rule{ height: 1px; border:0; margin: 20px 0; padding: 0; visibility: visible; } hr.rule.rule_half{ margin: 15px 0px !important; background-color: rgba(93, 183, 255, 0.1); } hr.rule.trans{ background-color: transparent; } hr.rule.rule_qatr{ margin: 5px 0px; } hr.rule.rule_div_head{ margin-top: 5px; } .fancy_margin{ margin-top: 50px; } .fancy_link_container{ text-align: right; } a.fancy_link{ color: #3658ad; text-decoration: none !important; cursor: pointer; font-size: 18px; font-weight: bold; } .inverse a.fancy_link{ color: white; } .fancy_chevron { display: inline-flex; /* font-size: 70%; */ /* background: aqua; */ /* padding: 0px 9px; */ background: #3658AD; color: white; width: 30px; left: 0px; text-align: center; height: 30px; border-radius: 50%; margin-left: 5px; /* width: fit-content; */ vertical-align: middle; cursor: pointer; line-height: 16px; } .fancy_chevron i{ margin: 0; position: relative; left: 11px; top: 7px; font-size: 16px; } .fancy_chevron_mini{ display: inline-flex; /* font-size: 70%; */ /* background: aqua; */ /* padding: 0px 9px; */ background: #3658AD; color: white; width: 21px; left: 0px; text-align: center; height: 21px; border-radius: 50%; margin-left: 5px; /* width: fit-content; */ vertical-align: middle; cursor: pointer; line-height: 16px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.35); } .fancy_chevron_mini i{ margin: 0; position: relative; left: 7px; top: 5px; font-size: 12px; } .fancy_link_container.fancy_multi h2{ display: inline-block; } .fancy_link_container.fancy_multi h2+h2{ border-left: 1px solid rgba(54, 88, 173, 0.5); padding-left: 20px; margin-left: 20px; } .contact_sect{ background-color: #565b64 } .cnt_sect{ width: 100%; max-width: 550px; margin-bottom: 10px !important; } .cnt_sect .padlr5{ display: inline-block; } .cnt_sect img{ width: 100%; max-width: 175px; } .floatnav_wrapper{ position:relative; display: inline-block; width: 100%; } floatnav { text-align:center; width: 100%; background: #828A8F; padding: 0; margin: 0; height: 60px; } floatnav ul { background: #d6d5da; list-style: none; padding: 0 20px; margin: 0; height: 50px; font-size: 0; border-bottom: 0px solid rgba(61, 73, 81, 0.2); } floatnav ul li,floatnav ul ul li { display: inline-block; padding:0px; background: none; background-color: #d6d5da; border-right: 1px solid rgba(148, 151, 153, 0.4); position: relative; /* Firefox */ -moz-transition: all 0.4s ease-in; /* WebKit */ -webkit-transition: all 0.4s ease-in; /* Opera */ -o-transition: all 0.4s ease-in; /* Standard */ transition: all 0.4s ease-in; } floatnav ul li:last-child,floatnav ul ul li:last-child{ border-left: 0px solid rgba(61, 73, 81, 0.3); border-right: 0px solid rgba(61, 73, 81, 0.3); } .floatnav_wrapper floatnav ul li a { display: block; padding: 0px 35px; text-decoration: none; /* float: left; */ height: 50px; line-height: 50px; color: #003057; font-weight: 600; font-size: 14px; /* text-shadow: 1px 1px 0px #7a7a7a; */ margin: 0px; border: none; -webkit-font-smoothing: antialiased; font-family: "Open Sans", sans-serif; } .floatnav_wrapper floatnav ul li a:hover{ color: #003057 !important; } floatnav ul li:hover::after { color: #003057; background-color: transparent; /* border-bottom: 3px solid #63b9d6; */ content: ""; height: 3px; width: 100%; position: absolute; bottom: 0; background-color: #003057; left: 0; } #floatnav_wrapper floatnav li.active{ color: #fff; background-color: #3658AD; } #floatnav_wrapper floatnav li.active a { color: white !important; text-shadow: none; } floatnav ul li:hover { color: #003057; background-color: transparent; text-shadow: none; } .floatnav_wrapper floatnav ul li:hover > a{ color:#FFFFFF; /*text-shadow: none;*/ } floatnav ul li:hover > ul { display:block; } floatnav ul ul { background: #BEBEBE; padding:0; text-align: center; display:none; width: 100%; position: absolute; top: 50px; left: 0px; } .loader { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 120px; height: 120px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; } #return-to-top { z-index: 9990; position: fixed; bottom: 20px; right: 20px; background: #3658AD; width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #return-to-top i { color: #fff; margin: 0; position: relative; left: 16px; top: 15px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #return-to-top:hover { background: #007dcc; } #return-to-top:hover i { color: #fff; top: 5px; } #radial_trig { display: none; } .radial_trig,.radial_container { display: none; position: fixed; bottom: 20px; right: 20px; width: 50px; height: 50px; border-radius: 50%; } .radial_trig { background-color: #3658AD; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35); cursor: pointer; z-index: 50; } .radial_trig:hover { background: #729BE6;} .radial_trig:active { /*box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35), inset 1px 2px 2px rgba(0, 0, 0, 0.35);*/ /*background-color: #a11158;*/ background: #729BE6 ; } .radial_trig .title { margin: auto; position: relative; /* width: 40px; */ /* height: 40px; */ font-size: 24px; line-height: 51px; padding: 0px; text-align: center; color: #fafafa; } .radial_container { z-index: 10; } .plate { margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 45px; height: 45px; opacity: 0; border-radius: 50%; box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.35); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .plate i { width: 100%; font-size: 1.5em; line-height: 45px; text-align: center; color: #fff; text-shadow: 0px 1px 1px black; } .plate:hover{background: #729BE6 !important;} .plate:nth-of-type(1) { background: #3658AD; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; transition-delay: 0s; } .plate:nth-of-type(2) { background: #3658AD; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; transition-delay: 0.1s; } .plate:nth-of-type(3) { background: #3658AD; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; transition-delay: 0.2s; } .plate:nth-of-type(4) { background: #3658AD; -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; } .plate:nth-of-type(5) { background: #3658AD; -webkit-transition-delay: 0.4s; -moz-transition-delay: 0.4s; transition-delay: 0.4s; } .plate:nth-of-type(6) { background: #3658AD; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; transition-delay: 0.5s; } .plate:nth-of-type(7) { background: #3658AD; -webkit-transition-delay: 0.6s; -moz-transition-delay: 0.6s; transition-delay: 0.6s; } .plate:nth-of-type(8) { background: #3658AD; -webkit-transition-delay: 0.7s; -moz-transition-delay: 0.7s; transition-delay: 0.7s; } #radial_trig:checked ~ .radial_trig + .radial_container .plate { opacity: 1; } #radial_trig:checked ~ .radial_trig + .radial_container .plate:nth-of-type(1) { top: -280%; } #radial_trig:checked ~ .radial_trig + .radial_container .plate:nth-of-type(2) { top: -200%; left: -200%; } #radial_trig:checked ~ .radial_trig + .radial_container .plate:nth-of-type(3) { left: -280%; } #radial_trig:checked ~ .radial_trig + .radial_container .plate:nth-of-type(4) { left: -130%; bottom: -130%; } #radial_trig:checked ~ .radial_trig + .radial_container .plate:nth-of-type(5) { bottom: -180%; } #radial_trig:checked ~ .radial_trig + .radial_container .plate:nth-of-type(6) { bottom: -130%; left: -130%; } #radial_trig:checked ~ .radial_trig + .radial_container .plate:nth-of-type(7) { left: -180%; } #radial_trig:checked ~ .radial_trig + .radial_container .plate:nth-of-type(8) { top: -130%; left: -130%; } #comparer{ display: none; position: fixed; bottom: 0px; width: 100%; z-index: 999; padding: 20px; background: #7c878e; -webkit-box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12); box-shadow: 0px 2px 4px 4px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12); } #comparer .comparer_column_holder { color: #fff; height: 50px; border: solid #fff; border-radius: 3px; text-align: center; font-size: 14px; } #comparer #compare_panel_clear_all { text-align: center; color: #fff; font-size: 14px; cursor: pointer; } #comparer #compareLinkHolders[disabled],#comparer #compareLinkHolders:disabled,#comparer #compareLinkHolders:disabled:hover{ background-color: #cccccc; color: #666666; cursor: not-allowed; } #comparer #compareLinkHolders{ margin-bottom:10px; cursor: pointer; background: #3658AD; color: white; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #comparer #compareLinkHolders:hover { background-color: #467bff; border-color: #467bff; } #comparer .comparer_column_holder .compare_content { width: 100%; height: 100%; background: white; color: black; font-weight: 600; padding: 13px 30px; /* margin: auto; */ overflow: hidden; white-space: nowrap; /* word-wrap: break-word; */ text-overflow: ellipsis; position: relative; } #comparer .comparer_column_holder .compare_content .compare_remove { position: absolute; right: 10px; z-index: 100; cursor: pointer; font-size: 17px; } .foot_back_img{ /* background-image: url(./images/lion.png) !important; background-size: cover; background-position: top;*/ } .support_grid_wrapper.foot_back_img { background-color: #9bc5ea; } .support_grid_wrapper.foot_back_img::after { opacity: 0.3; background: url(/etc/designs/odu/images/academics/Newsletter_back_pattern.png); top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0; background-size: 800px; background-position: inherit; } .support_grid_wrapper.foot_back_img .inde_container a { color: #3b6ce6; font-weight: 650; font-size: 17px; } .support_grid_wrapper.foot_back_img .inde_container_mini a { color: #404a5a; } .support_grid_wrapper.foot_back_img .inde_container_mini p a { color: #3b6ce6; } .support_grid_wrapper.foot_back_img .inline_head_para p{ margin:0px; } .support_grid_wrapper.foot_back_img::before { content: ""; left: 0; bottom: 0; height: 100%; right: 0; position: absolute; z-index: 1; background-position: inherit; /* background: -webkit-gradient(linear,left top,left bottom,from(rgba(155,197,234,0.6)),to(#9bc5ea)); */ /* background: linear-gradient(to bottom,rgba(155, 197, 234, 0.35),#9bc5ea); */ background-image: linear-gradient(0deg,#9bc5ea 50%,rgba(155, 197, 234, 0.3)); } .foot_back{ background-color: rgba(0, 20, 36, 0.85) !important; } .foot_back_img .inline_head_para h3, .foot_back_img h1.prgpg_container_head, .foot_back_img .prgpg_sub_head { color: #0a192d; } .foot_back_img .prgpg_sub_head { font-size: 1.3em; } .desc_ghost{ display: none !important; } #floatnav_handler{ width: 100%; } #floatnav_handler:hover{ background: transparent; } #float_tray_tog{ display: none; } #float_tray{ height: 100%; display: block; } .parallax{ margin: 0; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .bg_cyse{ background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),url(./images/AdobeStock_188374606.jpeg); } .bg_othr{ background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),url(./images/monarch-extra-award-winning.jpg); } .bg_dragas{ background-image: linear-gradient(rgba(255, 255, 255), rgba(255, 255, 255, 0.15)),url(./images/DragasHall.jpg); } .bg_sb34{ background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1)),url(./images/student-brand-0034.jpg); } .bg_sb247{ background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1)),url(./images/student-brand-0247.jpg); } .bg_ssbf{ background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1)),url(./images/student-sitting-by-fountain.jpg); } .bg_os2916{ background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1)),url(./images/ODU_Sign_29_16_f-edit.jpg); } .bg_sb26{ background-image: linear-gradient(90deg,#ffffffcc 10%, rgba(255, 255, 255, 0)),url(/etc/designs/odu/images/academics/student-brand-0026-flipped.jpg); } .parallax .prgpg_sub_head{ color: black; text-shadow: 0px 0px 10px #cbcbcb; padding: 15px 0px; display: block; } .support_grid_wrapper.img_plain { /* background-color: #fff; */ background-image: url(/etc/designs/odu/images/academics/courses-graphic-update.png); background-position: left bottom; background-repeat: no-repeat; background-size: 470px; } .support_grid_wrapper.img_plain1 { background-image: url(./images/option-one.png) !important; } .support_grid_wrapper.img_plain2 { background-image: url(./images/option-two.png) !important; } .support_grid_wrapper.img_plain3 { background-image: url(./images/option-three.png) !important; } #compare_table th, #compare_table table th { padding: 12px 16px; border: 0; border-bottom: 2px solid #ddd; font-size: 18px; text-align: left; font-weight: 700; white-space: normal; background-color: #ffffff; color: black; border-top-left-radius: 3px; border-top-right-radius: 3px; } #compare_table td,#compare_table table td { padding: 5px 15px; border: 0; } #compare_table [class^='compareColumn-']:nth-child(even) { background-color: #d6d5da33; } #compare_table .compareColumn-2{ border-left: 2px solid #d6d5da33; } #compare_table a.btn.hlf-btn{ margin-bottom: 10px; padding: 8px 0px; } #compare_table ul { list-style: none; list-style-type: none; padding-bottom: 3px; padding-left: 15px; } #compare_table .subheading { font-size: 16px; font-weight: 600; } .complete_pad_expan{ padding: 0px; margin: 0px; } .complete_pad_expan .inde_hilight_box{ margin: 0px; } .compareColumnWidth3 { border-left: 2px solid #d6d5da !important; border-top: 0px solid #d6d5da !important; } .compareColumnWidth3:first-child{ border-left-width: 0px !important; } #university-footer .footer-content { padding-top: 70px; } /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .list-ic a { color: #4e8cff; text-decoration: none; font-size: 18px; margin-left: 5px; display: inline-block; font-weight: 500; } .list-ic txt{ display: inline-block; font-size: 18px; } .list-ic a:hover { text-decoration: underline; } .list-ic li { position: relative; } .list-ic li span { display: inline-block; font-weight: 800; width: 2.5em; height: 2.5em; text-align: center; line-height: 2.4em; border-radius: 50%; background: transparent; color: #3658AD; position: relative; border: 2px solid white; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .list-ic li:hover span { background: #3658ad; } .list-ic li::before { content: ''; position: absolute; background: #ffffff; z-index: -1; } .list-ic.horizontal li { display: inline-block; } .list-ic.horizontal li span { margin: 0 1em; } .list-ic.horizontal li::before { top: 0.9em; left: -25px; width: 4em; height: 0.2em; } .list-ic.vertical { padding: 0; margin-bottom: 20px; margin-left: 10px; } .list-ic.vertical li { list-style-type: none; text-align: left; width: 100%; display: block; margin: 14px 0px; } .list-ic.vertical li span { margin: 1.4em 0; } .list-ic.vertical li span i{ font-size: 16px; color: white; text-shadow: 1px 1px 1px #000000; } .list-ic.vertical li::before { top: -28px; left: 16px; width: 0.1em; height: 3em; background: transparent; border: 1px dashed white; } .list-ic li:first-child::before { display: none; } .list-ic .active { background: dodgerblue; } .list-ic .active ~ li { background: lightblue; } .list-ic .active ~ li::before { background: lightblue; } .support_grid_wrapper[class*="plain_"] .list-ic li span { border-color: #003057; } .support_grid_wrapper[class*="plain_"] .list-ic.vertical li span i { color: #003057; text-shadow: unset; } .support_grid_wrapper[class*="plain_"] .list-ic.vertical li::before { border-color: #003057; } .support_grid_wrapper[class*="plain_"] .list-ic li:hover span { border-color: #003057; background-color: #003057; } .support_grid_wrapper[class*="plain_"] .list-ic li:hover span i{ color: white; } .right_cta{ text-align: right; } .left_cta{ text-align: left; } .cen_cta { text-align: center; } .mobile_cta{ text-align: right; } .mobile_cta a { color: white; width: 15em; margin-bottom: 10px; } .mobile_cta.margt a+a { margin-left: 10px; } #prgpg_sect_desc .mobile_cta a { color: white; border-width: 2px; margin-top: 15px; margin-bottom: 5px; text-decoration: none; } .inde_container .cen_cta a , .inde_container_mini .cen_cta a { border: 3px solid #003057; background-color: #003057; color: white; font-size: 14px; font-weight: 600; padding: 8px 20px; } .inde_container .cen_cta a:hover , .inde_container_mini .cen_cta a:hover { color: #003057 !important; background-color: rgb(255, 255, 255); border-color: #003057; text-decoration: none; } .outer-div { height: 350px; overflow: hidden; position: relative; } .inner-div { height: 100%; width: 100%; background-size: cover; background-position: top; transition: all 0.4s ease; background-image: url(/etc/designs/odu/images/academics/happytobemonarch.jpg); /*background-size: 115%;*/ background-repeat: no-repeat; } .inner-div:hover { background-image: linear-gradient(rgba(8, 25, 45, 0.4), rgba(8, 25, 45, 0.5)),url(/etc/designs/odu/images/academics/happytobemonarch.jpg); transform: scale(1.01); /*background-size: 118%;*/ } .inner-div.mod{ /*background-image: url(/etc/designs/odu/images/academics/AdobeStock_217121819.jpg) !important;*/ background-image: url(/etc/designs/odu/images/academics/student-brand-0244.jpg) !important; } .inner-div.mod:hover{ /*background-image: linear-gradient(rgba(8, 25, 45, 0.4), rgba(8, 25, 45, 0.5)),url(/etc/designs/odu/images/academics/AdobeStock_217121819.jpg) !important;*/ background-image: linear-gradient(rgba(8, 25, 45, 0.4), rgba(8, 25, 45, 0.5)),url(/etc/designs/odu/images/academics/student-brand-0244.jpg) !important; } .inner-div.grad_mod{ /*background-image: url(/etc/designs/odu/images/academics/AdobeStock_217121819.jpg) !important;*/ background-image: url(/content/dam/odu/offices/business-gateway/hrpac/img/curly-haired-woman.jpg/jcr:content/renditions/cq5dam.web.2160.2160.jpeg) !important; } .inner-div.grad_mod:hover{ /*background-image: linear-gradient(rgba(8, 25, 45, 0.4), rgba(8, 25, 45, 0.5)),url(/etc/designs/odu/images/academics/AdobeStock_217121819.jpg) !important;*/ background-image: linear-gradient(rgba(8, 25, 45, 0.4), rgba(8, 25, 45, 0.5)),url(/content/dam/odu/offices/business-gateway/hrpac/img/curly-haired-woman.jpg/jcr:content/renditions/cq5dam.web.2160.2160.jpeg) !important; } .inner-div .center_cta { position: absolute; bottom: 55px; left: 0; width: 100%; color: white; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); padding: 0.5em; margin: 0; box-sizing: border-box; text-align: center; } .inner-div .center_cta a { font-size: 18px; font-weight: 600; border: 2px solid; text-shadow: 0px 1px 0px #000; color: white; } .inverse .inner-div .center_cta a { color: white; } /* Global Button Styles */ a.animated-button:link, a.animated-button:visited { position: relative; display: inline-block; margin: 30px auto 0; padding: 7px 15px; color: #fff; margin-left: 10px; font-size: 17px; font-weight: 500; text-align: center; text-decoration: none; /*text-transform: uppercase;*/ overflow: hidden; letter-spacing: .08em; border-radius: 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; z-index: 1; } a.animated-button:link:after, a.animated-button:visited:after { content: ""; position: absolute; height: 0%; left: 50%; top: 50%; width: 150%; z-index: -1; -webkit-transition: all 0.75s ease 0s; -moz-transition: all 0.75s ease 0s; -o-transition: all 0.75s ease 0s; transition: all 0.75s ease 0s; } a.animated-button:link:hover, a.animated-button:visited:hover { color: #FFF !important; background-color: #5bc2e7; /*text-shadow: none;*/ } a.animated-button:link:hover:after, a.animated-button:visited:hover:after { height: 450%; left: 30%; } /* Victoria Buttons */ a.animated-button.victoria-one { border: 3px solid #ffffff; background-color: rgba(126, 138, 143, 0.65); box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); width: 15em; } a.animated-button.victoria-one:after { background: #5bc2e7; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-50deg); height: 100%; left: -7px; } a.animated-button.victoria-two { border: 2px solid #D24D57; } a.animated-button.victoria-two:after { background: #D24D57; -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg); transform: translateX(-50%) translateY(-50%) rotate(25deg); } a.animated-button.victoria-three { border: 2px solid #D24D57; } a.animated-button.victoria-three:after { background: #D24D57; opacity: .5; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } a.animated-button.victoria-three:hover:after { height: 140%; opacity: 1; } a.animated-button.victoria-four { border: 2px solid #D24D57; } a.animated-button.victoria-four:after { background: #D24D57; opacity: .5; -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg); transform: translateY(-50%) translateX(-50%) rotate(90deg); } a.animated-button.victoria-four:hover:after { opacity: 1; height: 600% !important; } /* Sandy Buttons */ a.animated-button.sandy-one { border: 2px solid #AEA8D3; color: #FFF; } a.animated-button.sandy-one:after { border: 3px solid #AEA8D3; opacity: 0; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } a.animated-button.sandy-one:hover:after { height: 120% !important; opacity: 1; color: #FFF; } a.animated-button.sandy-two { border: 2px solid #AEA8D3; color: #FFF; } a.animated-button.sandy-two:after { border: 3px solid #AEA8D3; opacity: 0; -moz-transform: translateY(-50%) translateX(-50%) rotate(90deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(90deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg); transform: translateY(-50%) translateX(-50%) rotate(90deg); } a.animated-button.sandy-two:hover:after { height: 600% !important; opacity: 1; color: #FFF; } a.animated-button.sandy-three { border: 2px solid #AEA8D3; color: #FFF; } a.animated-button.sandy-three:after { border: 3px solid #AEA8D3; opacity: 0; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg); } a.animated-button.sandy-three:hover:after { height: 400% !important; opacity: 1; color: #FFF; } a.animated-button.sandy-four { border: 2px solid #AEA8D3; color: #FFF; } a.animated-button.sandy-four:after { border: 3px solid #AEA8D3; opacity: 0; -moz-transform: translateY(-50%) translateX(-50%) rotate(25deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(25deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(25deg); transform: translateY(-50%) translateX(-50%) rotate(25deg); } a.animated-button.sandy-four:hover:after { height: 400% !important; opacity: 1; color: #FFF; } /* Gibson Buttons */ a.animated-button.gibson-one { border: 2px solid #65b37a; color: #FFF; } a.animated-button.gibson-one:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg); transform: translateX(-50%) translateY(-50%) rotate(25deg); } a.animated-button.gibson-one:hover:after { height: 600% !important; opacity: 1; color: #FFF; } a.animated-button.gibson-two { border: 2px solid #65b37a; color: #FFF; } a.animated-button.gibson-two:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg); transform: translateX(-50%) translateY(-50%) rotate(-25deg); } a.animated-button.gibson-two:hover:after { height: 600% !important; opacity: 1; color: #FFF; } a.animated-button.gibson-three { border: 2px solid #65b37a; color: #FFF; } a.animated-button.gibson-three:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(90deg); -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg); transform: translateX(-50%) translateY(-50%) rotate(90deg); } a.animated-button.gibson-three:hover:after { height: 600% !important; opacity: 1; color: #FFF; } a.animated-button.gibson-four { border: 2px solid #65b37a; color: #FFF; } a.animated-button.gibson-four:after { opacity: 0; background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%); background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%); background-size: 10px 10px; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%)); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } a.animated-button.gibson-four:hover:after { height: 600% !important; opacity: 1; color: #FFF; } /* Thar Buttons */ a.animated-button.thar-one { color: #fff; cursor: pointer; display: block; position: relative; border: 2px solid #F7CA18; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.animated-button.thar-one:hover { color: #000 !important; background-color: transparent; text-shadow: none; } a.animated-button.thar-one:hover:before { bottom: 0%; top: auto; height: 100%; } a.animated-button.thar-one:before { display: block; position: absolute; left: 0px; top: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #000 !important; background: #F7CA18; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.animated-button.thar-two { color: #fff; cursor: pointer; display: block; position: relative; border: 2px solid #F7CA18; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.animated-button.thar-two:hover { color: #000 !important; background-color: transparent; text-shadow: ntwo; } a.animated-button.thar-two:hover:before { top: 0%; bottom: auto; height: 100%; } a.animated-button.thar-two:before { display: block; position: absolute; left: 0px; bottom: 0px; height: 0px; width: 100%; z-index: -1; content: ''; color: #000 !important; background: #F7CA18; transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } a.animated-button.thar-three { color: #fff; cursor: pointer; display: block; position: relative; border: 2px solid #F7CA18; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); 0s; } a.animated-button.thar-three:hover { color: #000 !important; background-color: transparent; text-shadow: nthree; } a.animated-button.thar-three:hover:before { left: 0%; right: auto; width: 100%; } a.animated-button.thar-three:before { display: block; position: absolute; top: 0px; right: 0px; height: 100%; width: 0px; z-index: -1; content: ''; color: #000 !important; background: #F7CA18; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); 0s; } a.animated-button.thar-four { color: #fff; cursor: pointer; display: block; position: relative; border: 2px solid #F7CA18; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); } a.animated-button.thar-four:hover { color: #000 !important; background-color: transparent; text-shadow: nfour; } a.animated-button.thar-four:hover:before { right: 0%; left: auto; width: 100%; } a.animated-button.thar-four:before { display: block; position: absolute; top: 0px; left: 0px; height: 100%; width: 0px; z-index: -1; content: ''; color: #000 !important; background: #F7CA18; transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); } a.ct-checkbox2 { margin-right: 20px; white-space: nowrap; } .overlay { height: 0%; width: 100%; position: fixed; z-index: 9999; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow: auto; transition: 0.5s; min-height: 0px; z-index: 9999; max-height: 100%; } .overlay-content { position: relative; top: 15%; width: 65%; text-align: center; margin: 0px auto; } .overlay a { padding: 8px !important; text-decoration: none; font-size: 36px; color: #818181; display: block; transition: 0.3s; } .overlay a:hover, .overlay a:focus { color: #f1f1f1; } .overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 60px !important; } #prgpg_sect_cost .reg_box ul li,.descript_list ul li { list-style-type: disc; } #prgpg_sect_cost .reg_box ul li,.descript_list ul li { width: 100%; padding: inherit; margin: 0px 20px; display: list-item; } select:invalid { border-radius: 1px; -moz-box-shadow: 0 0 5px red; -webkit-box-shadow: 0 0 5px red; box-shadow: 0 0 5px red; } .imgbtncontainer { position: relative; width: 200px; height: 200px; display: flex; position: relative; /* border: 1px dashed red; */ /* display: flex; */ justify-content: center; align-items: center; overflow: hidden; margin: 0px auto; } .imagebtn { display: block; width: 50%; height: 100%; margin: 0px auto; flex-shrink: 0; min-width: 100%; min-height: 100%; } .imgbtnoverlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0.8; transition: .5s ease; background-color: #008CBA; margin: 0px auto; } .imgbtncontainer:hover .imgbtnoverlay { opacity: 1; } .imgbtntext { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .wFormContainer{ margin-top: 0px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px; } .wFormContainer .wFormHeader { height: 0px; margin: 0px; } @media screen and (max-width: 450px) { .overlay {overflow-y: auto;} .overlay a {font-size: 20px} .overlay .closebtn { top: 0px; right: 15px; font-size: 50px; } .overlay-content { top: 10%; width: 85%; } } @media (max-width: 480px){ #course_table_filter input[type="search"] { width: 195px; min-width: 120px; margin-bottom: 10px; } ul#float_tray { display: none; } .floatnav_wrapper floatnav ul li{ width: 100%; border: none; } .inde_container ul li, .inde_container_mini ul li { width: 100%; } #float_tray_tog{ display: block; } } @media (max-width: 1300px){ .floatnav_wrapper floatnav ul li{ width: 100%; border: none; } ul#float_tray { display: none; } #float_tray_tog{ display: block; } .support-grid { max-width: 95% !important; } .support_grid_wrapper.img_plain { background-size: 300px !important; } } @media (max-width: 991px){ .inde_container ul li.exc, .inde_container_mini ul li.exc, .subhead-para ul li.exc { width: 100%; } } @media (min-width: 1600px){ .support-grid {max-width: 75% !important;} } @media (min-width: 1300px) and (max-width: 1600px){ .support-grid {max-width: 80% !important;} } @media (min-width: 500px){ #prgpg_sect_desc .mobile_cta a { width: 100%;}#prgpg_sect_desc .mobile_cta.margt a+a { margin-left: 0px;} } @media (min-width: 769px) and (max-width: 1024px){#course_table_filter input[type="search"]{ width: 470px;}.inde_container ul li, .inde_container_mini ul li, .subhead-para ul li, .inde_container ul li.exc{width: 100%;}.support_grid_wrapper.img_plain {background-image: none !important;}} @media (min-width: 360px) and (max-width: 768px){.fancy_chevron {width: 27px;height: 27px;line-height: 20px;}.fancy_chevron i {font-size: 12px;}a.fancy_link{font-size: 14px;}#prgpg_sect_desc .mobile_cta a {width: 100%;margin-left: 0px;}#course_table_filter input[type="search"]{ width: 300px;}.desc_ghost{display: block !important;}.inde_container ul li, .inde_container_mini ul li, .subhead-para ul li,.inde_container ul li.exc{width: 100%;}.heighlightbox_ad_padng .margt{border-right: 0px solid rgb(221, 221, 221);}.support_grid_wrapper.img_plain {background-image: none !important;}.list-ic a { font-size: 13px;}.list-ic txt { font-size: 11px;}}